@codezee/sixtify-brahma 0.2.154 → 0.2.155
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/packages/shared-components/dist/Button/SplitButton.d.ts +9 -1
- package/packages/shared-components/dist/Button/SplitButton.d.ts.map +1 -1
- package/packages/shared-components/dist/Button/SplitButton.js +56 -6
- package/packages/shared-components/dist/FormFields/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/packages/shared-components/dist/FormFields/Autocomplete/Autocomplete.js +2 -17
package/package.json
CHANGED
|
@@ -6,6 +6,8 @@ export type SplitButtonMenuItem = {
|
|
|
6
6
|
label: string;
|
|
7
7
|
onClick: OnAction;
|
|
8
8
|
divider?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
hidden?: boolean;
|
|
9
11
|
};
|
|
10
12
|
export type SplitButtonProps = {
|
|
11
13
|
icon?: ReactNode;
|
|
@@ -13,9 +15,15 @@ export type SplitButtonProps = {
|
|
|
13
15
|
size?: "small" | "medium" | "large";
|
|
14
16
|
onClick?: OnAction;
|
|
15
17
|
menuItems?: SplitButtonMenuItem[];
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
mainDisabled?: boolean;
|
|
20
|
+
arrowDisabled?: boolean;
|
|
21
|
+
hidden?: boolean;
|
|
22
|
+
mainHidden?: boolean;
|
|
23
|
+
loading?: boolean;
|
|
16
24
|
sx?: SxProps;
|
|
17
25
|
containerSx?: SxProps;
|
|
18
26
|
variant?: "contained" | "text";
|
|
19
27
|
};
|
|
20
|
-
export declare const SplitButton: ({ icon, label, size, onClick, menuItems, sx, containerSx, variant, }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export declare const SplitButton: ({ icon, label, size, onClick, menuItems, sx, containerSx, variant, disabled, mainDisabled, arrowDisabled, hidden, mainHidden, loading, }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
21
29
|
//# sourceMappingURL=SplitButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitButton.d.ts","sourceRoot":"","sources":["../../src/Button/SplitButton.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"SplitButton.d.ts","sourceRoot":"","sources":["../../src/Button/SplitButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAWL,KAAK,OAAO,EACb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAA8B,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,QAAQ,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,SAAS,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAElC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,0IAgBzB,gBAAgB,mDA8KlB,CAAC"}
|
|
@@ -9,10 +9,53 @@ const ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDo
|
|
|
9
9
|
const material_1 = require("@mui/material");
|
|
10
10
|
const isFunction_1 = __importDefault(require("lodash/isFunction"));
|
|
11
11
|
const react_1 = require("react");
|
|
12
|
-
const SplitButton = ({ icon, label, size = "medium", onClick, menuItems = [], sx, containerSx, variant = "contained", }) => {
|
|
12
|
+
const SplitButton = ({ icon, label, size = "medium", onClick, menuItems = [], sx, containerSx, variant = "contained", disabled = false, mainDisabled = false, arrowDisabled = false, hidden = false, mainHidden = false, loading = false, }) => {
|
|
13
13
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
14
14
|
const anchorRef = (0, react_1.useRef)(null);
|
|
15
|
-
const
|
|
15
|
+
const visibleMenuItems = (0, react_1.useMemo)(() => menuItems.filter((m) => !m.hidden), [menuItems]);
|
|
16
|
+
const { effectiveMain, filteredMenuItems } = (0, react_1.useMemo)(() => {
|
|
17
|
+
if (!mainHidden) {
|
|
18
|
+
return {
|
|
19
|
+
effectiveMain: {
|
|
20
|
+
label,
|
|
21
|
+
icon,
|
|
22
|
+
onClick,
|
|
23
|
+
disabled: mainDisabled || disabled,
|
|
24
|
+
},
|
|
25
|
+
filteredMenuItems: visibleMenuItems,
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
if (visibleMenuItems.length === 0) {
|
|
29
|
+
return { effectiveMain: null, filteredMenuItems: [] };
|
|
30
|
+
}
|
|
31
|
+
const [first, ...rest] = visibleMenuItems;
|
|
32
|
+
return {
|
|
33
|
+
effectiveMain: {
|
|
34
|
+
label: first?.label ?? "",
|
|
35
|
+
icon: null,
|
|
36
|
+
onClick: first?.onClick,
|
|
37
|
+
disabled: first?.disabled || disabled,
|
|
38
|
+
},
|
|
39
|
+
filteredMenuItems: rest,
|
|
40
|
+
};
|
|
41
|
+
}, [
|
|
42
|
+
mainHidden,
|
|
43
|
+
label,
|
|
44
|
+
icon,
|
|
45
|
+
onClick,
|
|
46
|
+
mainDisabled,
|
|
47
|
+
disabled,
|
|
48
|
+
visibleMenuItems,
|
|
49
|
+
]);
|
|
50
|
+
if (hidden || !effectiveMain) {
|
|
51
|
+
return null;
|
|
52
|
+
}
|
|
53
|
+
const handleToggle = () => {
|
|
54
|
+
if (disabled || arrowDisabled) {
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
setOpen((prev) => !prev);
|
|
58
|
+
};
|
|
16
59
|
const handleClose = (event) => {
|
|
17
60
|
if (anchorRef.current?.contains(event.target)) {
|
|
18
61
|
return;
|
|
@@ -20,11 +63,17 @@ const SplitButton = ({ icon, label, size = "medium", onClick, menuItems = [], sx
|
|
|
20
63
|
setOpen(false);
|
|
21
64
|
};
|
|
22
65
|
const handleMainClick = () => {
|
|
23
|
-
if (
|
|
24
|
-
|
|
66
|
+
if (disabled || effectiveMain.disabled || loading) {
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
if ((0, isFunction_1.default)(effectiveMain.onClick)) {
|
|
70
|
+
effectiveMain.onClick();
|
|
25
71
|
}
|
|
26
72
|
};
|
|
27
73
|
const handleMenuItemClick = (item) => {
|
|
74
|
+
if (item.disabled) {
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
28
77
|
if ((0, isFunction_1.default)(item.onClick)) {
|
|
29
78
|
item.onClick();
|
|
30
79
|
}
|
|
@@ -34,10 +83,11 @@ const SplitButton = ({ icon, label, size = "medium", onClick, menuItems = [], sx
|
|
|
34
83
|
boxShadow: "none",
|
|
35
84
|
border: "none !important",
|
|
36
85
|
position: "relative",
|
|
86
|
+
minWidth: "60px",
|
|
37
87
|
...containerSx,
|
|
38
|
-
}, children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: variant, size: size, startIcon: icon, onClick: handleMainClick, sx: sx, children: label }), (0, jsx_runtime_1.jsx)(material_1.Button, { size: size, variant: variant, "aria-controls": open ? "split-button-menu" : undefined, "aria-expanded": open ? "true" : undefined, onClick: handleToggle, sx: { width: "32px", minWidth: "32px", ...sx }, children: (0, jsx_runtime_1.jsx)(ArrowDropDown_1.default, {}) })] }), (0, jsx_runtime_1.jsx)(material_1.Popper, { open: open, anchorEl: anchorRef.current, role: undefined, transition: true, disablePortal: true, placement: "bottom-end", sx: { zIndex: 1300 }, children: ({ TransitionProps, placement }) => ((0, jsx_runtime_1.jsx)(material_1.Grow, { ...TransitionProps, style: {
|
|
88
|
+
}, children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: variant, size: size, startIcon: !loading ? effectiveMain.icon : null, disabled: disabled || effectiveMain.disabled, onClick: handleMainClick, sx: sx, children: loading ? (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 18 }) : effectiveMain.label }), filteredMenuItems.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Button, { size: size, variant: variant, disabled: disabled || arrowDisabled || loading, "aria-controls": open ? "split-button-menu" : undefined, "aria-expanded": open ? "true" : undefined, onClick: handleToggle, sx: { width: "32px", minWidth: "32px", ...sx }, children: (0, jsx_runtime_1.jsx)(ArrowDropDown_1.default, {}) }))] }), (0, jsx_runtime_1.jsx)(material_1.Popper, { open: open, anchorEl: anchorRef.current, role: undefined, transition: true, disablePortal: true, placement: "bottom-end", sx: { zIndex: 1300 }, children: ({ TransitionProps, placement }) => ((0, jsx_runtime_1.jsx)(material_1.Grow, { ...TransitionProps, style: {
|
|
39
89
|
transformOrigin: placement === "bottom" ? "center top" : "center bottom",
|
|
40
|
-
}, children: (0, jsx_runtime_1.jsx)(material_1.Paper, { elevation: 3, children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: handleClose, children: (0, jsx_runtime_1.jsx)(material_1.MenuList, { children:
|
|
90
|
+
}, children: (0, jsx_runtime_1.jsx)(material_1.Paper, { elevation: 3, children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: handleClose, children: (0, jsx_runtime_1.jsx)(material_1.MenuList, { children: filteredMenuItems.map((item) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { disabled: item.disabled, onClick: () => handleMenuItemClick(item), children: item.label }), item.divider && ((0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
|
|
41
91
|
border: "none",
|
|
42
92
|
borderTop: "1px solid #eee",
|
|
43
93
|
margin: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -154,7 +154,7 @@ function Autocomplete({ control, defaultValue, name, required = false, label, mu
|
|
|
154
154
|
const { palette: { app: { color }, }, } = (0, material_1.useTheme)();
|
|
155
155
|
const StyledPaper = (0, styles_1.styled)(material_1.Paper)(({ theme }) => ({
|
|
156
156
|
"& .MuiAutocomplete-listbox": {
|
|
157
|
-
maxHeight:
|
|
157
|
+
maxHeight: 200,
|
|
158
158
|
overflowY: "auto",
|
|
159
159
|
marginTop: "0px",
|
|
160
160
|
"&::-webkit-scrollbar": {
|
|
@@ -212,22 +212,7 @@ function Autocomplete({ control, defaultValue, name, required = false, label, mu
|
|
|
212
212
|
borderRadius: "50%",
|
|
213
213
|
},
|
|
214
214
|
width: "100%",
|
|
215
|
-
}, open: internalOpen, onOpen: handleOpen, onClose: handleClose, disableCloseOnSelect: multiple || !shouldCloseOnSelect, disabled: disabled, freeSolo: freeSolo, ...restMuiProps, ...restField, disableClearable: disableClearable,
|
|
216
|
-
popper: {
|
|
217
|
-
modifiers: [
|
|
218
|
-
{
|
|
219
|
-
name: "preventOverflow",
|
|
220
|
-
enabled: true,
|
|
221
|
-
options: {
|
|
222
|
-
altAxis: true,
|
|
223
|
-
altBoundary: true,
|
|
224
|
-
tether: true,
|
|
225
|
-
rootBoundary: "document",
|
|
226
|
-
},
|
|
227
|
-
},
|
|
228
|
-
],
|
|
229
|
-
},
|
|
230
|
-
}, renderTags: (value, getTagProps) => {
|
|
215
|
+
}, open: internalOpen, onOpen: handleOpen, onClose: handleClose, disableCloseOnSelect: multiple || !shouldCloseOnSelect, disabled: disabled, freeSolo: freeSolo, ...restMuiProps, ...restField, disableClearable: disableClearable, renderTags: (value, getTagProps) => {
|
|
231
216
|
const visibleTags = limitTags ? value.slice(0, limitTags) : value;
|
|
232
217
|
const hiddenCount = value.length - visibleTags.length;
|
|
233
218
|
const hiddenTags = limitTags ? value.slice(limitTags) : value;
|