Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: 8543 added disabled flag support in icon button table widget (#8950)

Browse Source 
* fix: 8543 added disabled flag support in icon button table widget

* updated test case
This commit is contained in:
Yash Vibhandik 2021-11-11 16:09:21 +05:30 committed by GitHub
parent f6b8900246
commit 4b2c1fc316
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/client/cypress/integration/Smoke_TestSuite/ClientSideTests/DisplayWidgets/Table_Widget_Add_button_spec.js
View File

@ -95,6 +95,14 @@ describe("Table Widget property pane feature validation", function() {
force: true,
});
cy.get(".t--widget-tablewidget .tbody .bp3-icon-add").should("exist");
// disabled icon btn
cy.CheckWidgetProperties(commonlocators.disableCheckbox);
cy.getTableDataSelector("0", "4").then((selector) => {
cy.get(selector + " button.bp3-disabled").should("exist");
});
cy.UncheckWidgetProperties(commonlocators.disableCheckbox);
//Delete Column
cy.get(".t--property-pane-back-btn").click({
force: true,

4
app/client/src/widgets/TableWidget/component/TableUtilities.tsx
View File

@ -187,6 +187,7 @@ interface RenderIconButtonProps {
boxShadowColor: string;
onCommandClick: (dynamicTrigger: string, onComplete: () => void) => void;
isCellVisible: boolean;
disabled: boolean;
}
export const renderIconButton = (
props: RenderIconButtonProps,
@ -211,6 +212,7 @@ export const renderIconButton = (
boxShadowColor={props.boxShadowColor}
buttonColor={props.buttonColor}
buttonVariant={props.buttonVariant}
disabled={props.disabled}
iconName={props.iconName}
isSelected={props.isSelected}
key={index}
@ -231,6 +233,7 @@ function IconButton(props: {
borderRadius: ButtonBorderRadius;
boxShadow: ButtonBoxShadow;
boxShadowColor: string;
disabled: boolean;
}): JSX.Element {
const [loading, setLoading] = useState(false);
const onComplete = () => {
@ -257,6 +260,7 @@ function IconButton(props: {
boxShadowColor={props.boxShadowColor}
buttonColor={props.buttonColor}
buttonVariant={props.buttonVariant}
disabled={props.disabled}
icon={props.iconName}
loading={loading}
onClick={handleClick}

1
app/client/src/widgets/TableWidget/widget/index.tsx
View File

@ -245,6 +245,7 @@ class TableWidget extends BaseWidget<TableWidgetProps, WidgetState> {
boxShadow: cellProperties.boxShadow || "NONE",
boxShadowColor: cellProperties.boxShadowColor || "",
isCellVisible: cellProperties.isCellVisible ?? true,
disabled: !!cellProperties.isDisabled,
};
return renderIconButton(iconButtonProps, isHidden, cellProperties);
} else {