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

fix: updated button group widget properties and GROUP_BUTTONS controls style (#9304)

Browse Source
This commit is contained in:
Bhavin K 2021-11-26 10:29:56 +05:30 committed by GitHub
parent 301c2b0c92
commit a961c66ec3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
app/client/src/components/propertyControls/ButtonListControl.tsx
View File

@ -1,11 +1,11 @@
import React, { useCallback, useEffect, useState } from "react";
import BaseControl, { ControlProps } from "./BaseControl";
import {
StyledInputGroup,
StyledPropertyPaneButton,
StyledDragIcon,
StyledDeleteIcon,
StyledEditIcon,
StyledOptionControlInputGroup,
} from "./StyledControls";
import styled from "constants/DefaultTheme";
import { generateReactKey } from "utils/generators";
@ -34,27 +34,6 @@ const ButtonListWrapper = styled.div`
flex-direction: column;
`;
const StyledOptionControlInputGroup = styled(StyledInputGroup)`
margin-right: 2px;
margin-bottom: 2px;
width: 100%;
padding-left: 30px;
padding-right: 60px;
text-overflow: ellipsis;
&&& {
input {
border: none;
color: ${(props) => props.theme.colors.propertyPane.radioGroupText};
background: ${(props) => props.theme.colors.propertyPane.radioGroupBg};
&:focus {
border: none;
color: ${(props) => props.theme.colors.textOnDarkBG};
background: ${(props) => props.theme.colors.paneInputBG};
}
}
}
`;
const AddNewButton = styled(StyledPropertyPaneButton)`
justify-content: center;
flex-grow: 1;

49
app/client/src/widgets/ButtonGroupWidget/widget/index.tsx
View File

@ -9,6 +9,7 @@ import {
ButtonBoxShadow,
ButtonVariant,
ButtonBorderRadiusTypes,
ButtonVariantTypes,
} from "components/constants";
import ButtonGroupComponent from "../component";
@ -40,30 +41,6 @@ class ButtonGroupWidget extends BaseWidget<
isTriggerProperty: false,
validation: { type: ValidationTypes.TEXT },
},
{
propertyName: "buttonVariant",
label: "Button Variant",
controlType: "DROP_DOWN",
helpText: "Sets the variant of the icon button",
options: [
{
label: "Primary",
value: "PRIMARY",
},
{
label: "Secondary",
value: "SECONDARY",
},
{
label: "Tertiary",
value: "TERTIARY",
},
],
isJSConvertible: true,
isBindProperty: false,
isTriggerProperty: false,
validation: { type: ValidationTypes.TEXT },
},
{
helpText: "Controls the visibility of the widget",
propertyName: "isVisible",
@ -376,6 +353,30 @@ class ButtonGroupWidget extends BaseWidget<
{
sectionName: "Styles",
children: [
{
propertyName: "buttonVariant",
label: "Button Variant",
controlType: "DROP_DOWN",
helpText: "Sets the variant of the button",
options: [
{
label: "Primary",
value: ButtonVariantTypes.PRIMARY,
},
{
label: "Secondary",
value: ButtonVariantTypes.SECONDARY,
},
{
label: "Tertiary",
value: ButtonVariantTypes.TERTIARY,
},
],
isJSConvertible: true,
isBindProperty: false,
isTriggerProperty: false,
validation: { type: ValidationTypes.TEXT },
},
{
propertyName: "borderRadius",
label: "Border Radius",