@codezee/sixtify-brahma 0.2.207 → 0.2.209

package/packages/shared-components/dist/FormFields/RadioGroupField/Skeleton.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Skeleton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const Skeleton = () => {
-    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { height: "18.69px", width: "70px", sx: { transform: "scale(1)" } }), (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", alignItems: "center", gap: "50px", children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "10px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { variant: "circular", height: "25px", width: "25px" }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { height: "21px", width: "45px", sx: { transform: "scale(1)" } })] }), (0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "10px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { variant: "circular", height: "25px", width: "25px" }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { height: "21px", width: "45px", sx: { transform: "scale(1)" } })] })] })] }));
-};
-exports.Skeleton = Skeleton;

package/packages/shared-components/dist/FormFields/RadioGroupField/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./RadioGroupField"), exports);

package/packages/shared-components/dist/FormFields/Rating/Ratting.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Rating = Rating;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_hook_form_1 = require("react-hook-form");
-const utils_1 = require("../../utils");
-const Skeleton_1 = require("./Skeleton");
-function Rating({ control, name, defaultValue, label = "", rules, disabled, loading = false, direction = "column", required = false, navigationKey, ...ratingProps }) {
-    const { field: { value, onChange, ...restField }, fieldState: { error }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
-    const { navigationKey: navigationKeyFromContext } = (0, utils_1.useNavigationKeyContext)();
-    const resolvedNavigationKey = navigationKey ?? navigationKeyFromContext;
-    const { maintainFocus, handleKeyDown: handleNavigationKeyDown } = (0, utils_1.useFormFieldFocus)({ navigationKey: resolvedNavigationKey });
-    const handleKeyDown = (event) => {
-        handleNavigationKeyDown(event, undefined, false);
-    };
-    if (loading) {
-        return (0, jsx_runtime_1.jsx)(Skeleton_1.RatingSkeleton, { label: label });
-    }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "5px", direction: direction, alignItems: direction === "row" ? "center" : "flex-start", children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: {
-                            minWidth: direction === "row" ? "120px" : "auto",
-                            marginBottom: direction === "row" ? 0 : "auto",
-                        }, required: required, children: label })), (0, jsx_runtime_1.jsx)("div", { onKeyDown: handleKeyDown, children: (0, jsx_runtime_1.jsx)(material_1.Rating, { disabled: disabled, value: value ?? null, onChange: (event, newValue) => {
-                                onChange(newValue);
-                                maintainFocus();
-                            }, ...restField, ...ratingProps }) })] }), error && (0, jsx_runtime_1.jsx)(material_1.FormHelperText, { error: true, children: error?.message })] }));
-}

package/packages/shared-components/dist/FormFields/Rating/Skeleton.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RatingSkeleton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const STAR_KEYS = ["star-1", "star-2", "star-3", "star-4", "star-5"];
-const RatingSkeleton = ({ label }) => {
-    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "10px", children: [label && ((0, jsx_runtime_1.jsx)(Skeleton_1.default, { width: 120, height: "18.69px", sx: {
-                    transform: "scale(1)",
-                } })), (0, jsx_runtime_1.jsx)(Stack_1.default, { direction: "row", gap: "5px", children: STAR_KEYS.map((key) => ((0, jsx_runtime_1.jsx)(Skeleton_1.default, { width: 25, height: 25, sx: {
-                        transform: "scale(1)",
-                    } }, key))) })] }));
-};
-exports.RatingSkeleton = RatingSkeleton;

package/packages/shared-components/dist/FormFields/Rating/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Ratting"), exports);

package/packages/shared-components/dist/FormFields/Rating/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/packages/shared-components/dist/FormFields/SearchField/SearchField.js

@@ -1,29 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchField = SearchField;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SearchOutlined_1 = __importDefault(require("@mui/icons-material/SearchOutlined"));
-const InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
-const TextField_1 = require("../TextField");
-function SearchField(props) {
-    const { styling = "custom" } = props;
-    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { placeholder: "Search", InputProps: {
-            startAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, { position: "start", children: (0, jsx_runtime_1.jsx)(SearchOutlined_1.default, { fontSize: "small" }) })),
-        }, InputLabelProps: styling === "default"
-            ? {
-                sx: {
-                    "&:not(.MuiInputLabel-shrink)": {
-                        fontSize: "13px",
-                        top: "50%",
-                        transform: "translate(14px, -50%)",
-                    },
-                },
-            }
-            : undefined, ...props, containerProps: {
-            width: { sm: "auto", xs: "100%" },
-            ...props.containerProps,
-        } }));
-}

package/packages/shared-components/dist/FormFields/SearchField/StickySearchField.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StickySearchField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const Paper_1 = __importDefault(require("@mui/material/Paper"));
-const PadBox_1 = require("../../PadBox");
-const SearchField_1 = require("./SearchField");
-const StickySearchField = ({ top = "0px", paperSx, boxSx, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)(Paper_1.default, { variant: "outlined", sx: {
-            position: "sticky",
-            top,
-            zIndex: 100,
-            ...paperSx,
-        }, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "5px" }, children: (0, jsx_runtime_1.jsx)(Box_1.default, { sx: { display: "flex", justifyContent: "flex-end", ...boxSx }, children: (0, jsx_runtime_1.jsx)(SearchField_1.SearchField, { ...props }) }) }) }));
-};
-exports.StickySearchField = StickySearchField;

package/packages/shared-components/dist/FormFields/SearchField/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SearchField"), exports);
-__exportStar(require("./StickySearchField"), exports);

package/packages/shared-components/dist/FormFields/Select/Select.js

@@ -1,264 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = Select;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Avatar_1 = __importDefault(require("@mui/material/Avatar"));
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
-const Divider_1 = __importDefault(require("@mui/material/Divider"));
-const FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
-const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
-const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
-const ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
-const MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
-const Select_1 = __importDefault(require("@mui/material/Select"));
-const Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const styles_1 = require("@mui/material/styles");
-const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const x_date_pickers_1 = require("@mui/x-date-pickers");
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const react_i18next_1 = require("react-i18next");
-const Actions_1 = require("../../Actions");
-const Toast_1 = require("../../Toast");
-const utils_1 = require("../../utils");
-const useFormFieldFocus_1 = require("../../utils/hooks/useFormFieldFocus");
-const CheckBox_styled_1 = require("../CheckBox/CheckBox.styled");
-const commonStyles_1 = require("../commonStyles");
-const Select_styled_1 = require("./Select.styled");
-function Select({ control, defaultValue, name, required = false, label, multiple = false, disabled = false, options = [], rules, loading = false, helperText, error, placeholder = "", isShowSelectAll = true, isShowAvatar = false, onAction, renderOption, maxLimit, maxDisplayItems = 2, disableClearable = required ? true : false, setOnFinalChange = false, styling = "custom", navigationKey, ...restProps }) {
-    const { field: { onChange, value, ...restField }, } = (0, react_hook_form_1.useController)({
-        name,
-        control,
-        defaultValue,
-        rules,
-    });
-    const { navigationKey: navigationKeyFromContext } = (0, utils_1.useNavigationKeyContext)();
-    const resolvedNavigationKey = navigationKey ?? navigationKeyFromContext;
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const theme = (0, styles_1.useTheme)();
-    const { slate, iron } = theme.palette.app.color;
-    const disabledColor = disabled ? iron[900] : "revert-layer";
-    const [pendingValue, setPendingValue] = (0, react_1.useState)(null);
-    const hasPendingChange = (0, react_1.useRef)(false);
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const { setInputRef, maintainFocusAfterClose, handleKeyDown, handleEnterNavigation, } = (0, useFormFieldFocus_1.useFormFieldFocus)({ isOpen: open, navigationKey: resolvedNavigationKey });
-    const handleSelectAll = (isSelected) => {
-        if (isSelected) {
-            const allValues = options
-                .filter((option) => !option.disabled)
-                .map((option) => option.value);
-            onChange(allValues);
-        }
-        else {
-            onChange([]);
-        }
-    };
-    const isAllSelected = (0, react_1.useMemo)(() => {
-        if (!multiple || !isShowSelectAll || !Array.isArray(value)) {
-            return false;
-        }
-        const selectableOptions = options.filter((option) => !option.disabled);
-        return value.length === selectableOptions.length;
-    }, [multiple, isShowSelectAll, options, value]);
-    const selectedOptions = (0, react_1.useMemo)(() => {
-        if (!multiple || !Array.isArray(value)) {
-            return [];
-        }
-        return options.filter((option) => value.includes(option.value));
-    }, [multiple, options, value]);
-    const renderValue = (selected) => {
-        if (!multiple) {
-            const selectedOption = options.find((option) => option.value === selected);
-            const placeholderText = () => {
-                if (selectedOption) {
-                    return selectedOption.label;
-                }
-                if (styling === "default" && label) {
-                    return "";
-                }
-                return placeholder;
-            };
-            return ((0, jsx_runtime_1.jsxs)(Box_1.default, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [isShowAvatar && selectedOption?.avatar && ((0, jsx_runtime_1.jsx)(Avatar_1.default, { src: selectedOption.avatar ?? "", sx: { width: 20, height: 20 } })), (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", color: disabledColor, sx: {
-                            WebkitTextFillColor: disabledColor,
-                        }, noWrap: true, children: placeholderText() })] }));
-        }
-        if (!Array.isArray(selected) || selected.length === 0) {
-            const shouldShowPlaceholder = styling !== "default" || !label || placeholder;
-            return ((0, jsx_runtime_1.jsx)(Typography_1.default, { sx: {
-                    WebkitTextFillColor: disabledColor,
-                }, color: disabledColor, variant: "body2", noWrap: true, children: shouldShowPlaceholder ? placeholder : "" }));
-        }
-        const visibleItems = selectedOptions.slice(0, maxDisplayItems);
-        const overflowCount = selectedOptions.length - maxDisplayItems;
-        return ((0, jsx_runtime_1.jsxs)(Box_1.default, { sx: {
-                display: "flex",
-                alignItems: "center",
-                gap: 0.5,
-                overflow: "hidden",
-            }, children: [visibleItems.map((option) => ((0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", noWrap: true, color: disabledColor, sx: {
-                        WebkitTextFillColor: disabledColor,
-                        backgroundColor: slate[800],
-                        padding: "2px 5px",
-                        borderRadius: "12px",
-                        fontSize: "12px",
-                        maxWidth: "120px",
-                    }, children: option.label }, option.value))), overflowCount > 0 && ((0, jsx_runtime_1.jsxs)(Typography_1.default, { variant: "body2", color: disabledColor, sx: {
-                        WebkitTextFillColor: disabledColor,
-                        backgroundColor: slate[300],
-                        padding: "2px 5px",
-                        borderRadius: "12px",
-                        fontSize: "12px",
-                        fontWeight: 500,
-                    }, children: ["+", overflowCount] }))] }));
-    };
-    const groupedOptions = (0, react_1.useMemo)(() => {
-        const groups = {};
-        options.forEach((option) => {
-            const groupKey = option.heading ?? "";
-            if (!groups[groupKey]) {
-                groups[groupKey] = [];
-            }
-            groups[groupKey].push(option);
-        });
-        return groups;
-    }, [options]);
-    if (loading) {
-        return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "10px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(Skeleton_1.default, { width: 120, height: "18.69px", sx: {
-                        transform: "scale(1)",
-                    } })), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { height: "35.69px", sx: {
-                        transform: "scale(1)",
-                    } })] }));
-    }
-    // eslint-disable-next-line sonarjs/function-return-type
-    const getDisplayValue = () => {
-        return setOnFinalChange && hasPendingChange.current ? pendingValue : value;
-    };
-    const renderMenuItems = () => {
-        const items = [];
-        const displayValue = getDisplayValue();
-        if (multiple && isShowSelectAll && options.length > 0) {
-            items.push((0, jsx_runtime_1.jsxs)(MenuItem_1.default, { value: "select-all", children: [(0, jsx_runtime_1.jsx)(Checkbox_1.default, { icon: (0, jsx_runtime_1.jsx)(CheckBox_styled_1.BoxStyled, { size: "small" }), checkedIcon: (0, jsx_runtime_1.jsx)(CheckBox_styled_1.CheckStyled, { size: "small" }), indeterminate: Array.isArray(displayValue) &&
-                            displayValue.length > 0 &&
-                            displayValue.length <
-                                options.filter(({ disabled }) => !disabled).length, checked: Array.isArray(displayValue) &&
-                            displayValue.length === options.filter((o) => !o.disabled).length, sx: { marginRight: 1 } }), (0, jsx_runtime_1.jsx)(ListItemText_1.default, { primary: "Select All" })] }, "select-all"));
-            items.push((0, jsx_runtime_1.jsx)(Divider_1.default, { sx: { margin: "0px !important" } }, "divider-select-all"));
-        }
-        Object.entries(groupedOptions).forEach(([groupName, groupOptions]) => {
-            if (groupName) {
-                items.push((0, jsx_runtime_1.jsx)(Select_styled_1.GroupHeader, { children: groupName }, `group-${groupName}`));
-            }
-            groupOptions.forEach((option) => {
-                const isSelected = multiple
-                    ? Array.isArray(displayValue) && displayValue.includes(option.value)
-                    : displayValue === option.value;
-                items.push((0, jsx_runtime_1.jsx)(MenuItem_1.default, { value: option.value, disabled: option.disabled, children: renderOption ? (renderOption(option, isSelected)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [multiple && ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { icon: (0, jsx_runtime_1.jsx)(CheckBox_styled_1.BoxStyled, { size: "small" }), checkedIcon: (0, jsx_runtime_1.jsx)(CheckBox_styled_1.CheckStyled, { size: "small" }), checked: isSelected, sx: { marginRight: 1 } })), (0, jsx_runtime_1.jsxs)(Box_1.default, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [isShowAvatar && option.avatar && ((0, jsx_runtime_1.jsx)(Avatar_1.default, { src: option.avatar, alt: option.label, sx: { width: 24, height: 24 } })), (0, jsx_runtime_1.jsx)(ListItemText_1.default, { primary: option.label })] })] })) }, option.value));
-            });
-        });
-        return items;
-    };
-    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "5px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", justifyContent: "space-between", gap: "10px", alignItems: "start", children: [(0, jsx_runtime_1.jsxs)(Select_styled_1.StyledFormControl, { fullWidth: true, error: error, disabled: disabled, required: required, sx: styling === "default"
-                            ? {
-                                ...(0, commonStyles_1.getDefaultFormControlSx)(styling),
-                                "& .MuiOutlinedInput-notchedOutline": {
-                                    "& legend": {
-                                        maxWidth: 0,
-                                        "& span": {
-                                            padding: "0 5px",
-                                        },
-                                    },
-                                },
-                                "& .MuiInputLabel-root.MuiInputLabel-shrink + .MuiInputBase-root .MuiOutlinedInput-notchedOutline legend": {
-                                    maxWidth: "100%",
-                                },
-                            }
-                            : undefined, children: [label && styling === "default" && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { id: `${name}-label`, sx: (0, commonStyles_1.getDefaultInputLabelSx)(styling), children: label })), (0, jsx_runtime_1.jsx)(Select_1.default, { ...restField, ...restProps, multiple: multiple, value: getDisplayValue() ?? (multiple ? [] : ""), label: styling === "default" ? label : undefined, labelId: styling === "default" && label ? `${name}-label` : undefined, inputProps: {
-                                    "aria-label": styling === "custom" && label ? label : undefined,
-                                }, 
-                                // eslint-disable-next-line sonarjs/cognitive-complexity
-                                onChange: (event) => {
-                                    const newValue = event.target.value;
-                                    if (setOnFinalChange) {
-                                        hasPendingChange.current = true;
-                                        if (multiple &&
-                                            Array.isArray(newValue) &&
-                                            newValue.includes("select-all")) {
-                                            setPendingValue(Array.isArray(pendingValue) &&
-                                                pendingValue.length ===
-                                                    options.filter(({ disabled }) => !disabled).length
-                                                ? []
-                                                : options
-                                                    .filter(({ disabled }) => !disabled)
-                                                    .map(({ value }) => value));
-                                        }
-                                        else {
-                                            setPendingValue(newValue);
-                                        }
-                                    }
-                                    else {
-                                        if (multiple && Array.isArray(newValue)) {
-                                            const isSelectAllIncluded = newValue.includes("select-all");
-                                            if (isSelectAllIncluded) {
-                                                handleSelectAll(!isAllSelected);
-                                                return;
-                                            }
-                                            if (maxLimit && newValue.length > maxLimit) {
-                                                Toast_1.toasts.error({
-                                                    title: t("common.select.limitExceed", { maxLimit }),
-                                                });
-                                                return;
-                                            }
-                                        }
-                                        onChange(newValue);
-                                    }
-                                }, open: open, onOpen: () => {
-                                    setOpen(true);
-                                }, onClose: () => {
-                                    setOpen(false);
-                                    maintainFocusAfterClose();
-                                    if (setOnFinalChange && hasPendingChange.current) {
-                                        onChange(pendingValue);
-                                        hasPendingChange.current = false;
-                                        setPendingValue(null);
-                                    }
-                                }, inputRef: (el) => setInputRef(el), onKeyDown: (event) => {
-                                    handleKeyDown(event, () => {
-                                        setOpen(false);
-                                    }, open);
-                                }, renderValue: restProps.renderValue ?? renderValue, 
-                                // eslint-disable-next-line sonarjs/no-unstable-nested-components
-                                IconComponent: (props) => ((0, jsx_runtime_1.jsxs)(Box_1.default, { sx: {
-                                        display: "flex",
-                                        alignItems: "center",
-                                        gap: 0.5,
-                                        pr: 2.5,
-                                    }, children: [value &&
-                                            ((Array.isArray(value) && value.length > 0) ||
-                                                (!Array.isArray(value) && value !== "")) &&
-                                            !disableClearable && ((0, jsx_runtime_1.jsx)(IconButton_1.default, { size: "small", onClick: (e) => {
-                                                e.stopPropagation();
-                                                onChange(multiple ? [] : "");
-                                            }, onKeyDown: (event) => {
-                                                if (resolvedNavigationKey === "enter" &&
-                                                    event.key === "Enter") {
-                                                    event.stopPropagation();
-                                                    handleEnterNavigation(event);
-                                                }
-                                            }, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.ClearIcon, { sx: { fontSize: "14px" } }) })), (0, jsx_runtime_1.jsx)(x_date_pickers_1.ArrowDropDownIcon, { ...props })] })), displayEmpty: true, MenuProps: {
-                                    PaperProps: {
-                                        sx: {
-                                            width: "inherit",
-                                            maxHeight: 300,
-                                            "& .MuiList-root": {
-                                                paddingTop: 0,
-                                                paddingBottom: 0,
-                                            },
-                                        },
-                                    },
-                                }, children: Object.entries(groupedOptions).length ? (renderMenuItems()) : ((0, jsx_runtime_1.jsx)(MenuItem_1.default, { disabled: true, children: (0, jsx_runtime_1.jsx)(ListItemText_1.default, { primary: "No options" }) })) }), helperText && (0, jsx_runtime_1.jsx)(FormHelperText_1.default, { children: helperText })] }), onAction && (0, jsx_runtime_1.jsx)(Actions_1.EditIconAction, { disabled: disabled, onClick: onAction })] })] }));
-}

package/packages/shared-components/dist/FormFields/Select/Select.styled.js

@@ -1,49 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupHeader = exports.StyledFormControl = void 0;
-const FormControl_1 = __importDefault(require("@mui/material/FormControl"));
-const styles_1 = require("@mui/material/styles");
-const Typography_1 = __importDefault(require("@mui/material/Typography"));
-exports.StyledFormControl = (0, styles_1.styled)(FormControl_1.default)(({ theme, disabled }) => {
-    const { lightBlue, iron } = theme.palette.app.color;
-    const styles = {
-        "& .MuiInputBase-root": {
-            backgroundColor: disabled ? (0, styles_1.alpha)(lightBlue[100], 0.3) : iron[600],
-        },
-        "& .MuiSelect-select": {
-            display: "flex",
-            alignItems: "center",
-            gap: "8px",
-            flexWrap: "nowrap",
-            overflow: "hidden",
-        },
-        "& .MuiList-root": {
-            maxHeight: 300,
-            overflowY: "auto",
-            "&::-webkit-scrollbar": {
-                width: "6px",
-            },
-            "&::-webkit-scrollbar-track": {
-                backgroundColor: lightBlue[100],
-            },
-        },
-    };
-    return styles;
-});
-exports.GroupHeader = (0, styles_1.styled)(Typography_1.default)(({ theme, }) => {
-    const { butterflyBlue } = theme.palette.app.color;
-    const styles = {
-        position: "sticky",
-        top: 0,
-        padding: "8px 16px",
-        fontSize: "13px",
-        fontWeight: 600,
-        color: butterflyBlue[900],
-        backgroundColor: butterflyBlue[500],
-        zIndex: 1,
-    };
-    return styles;
-});

package/packages/shared-components/dist/FormFields/Select/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Select"), exports);

package/packages/shared-components/dist/FormFields/SwitchField/Skeleton.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Skeleton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
-const Skeleton = () => {
-    return ((0, jsx_runtime_1.jsx)(Skeleton_1.default, { width: 50, height: 20, sx: { borderRadius: "4px" }, variant: "rectangular" }));
-};
-exports.Skeleton = Skeleton;

package/packages/shared-components/dist/FormFields/SwitchField/SwitchField.js

@@ -1,103 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwitchField = SwitchField;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("@mui/material/styles");
-const Switch_1 = __importStar(require("@mui/material/Switch"));
-const react_hook_form_1 = require("react-hook-form");
-const utils_1 = require("../../utils");
-const useFormFieldFocus_1 = require("../../utils/hooks/useFormFieldFocus");
-const Skeleton_1 = require("./Skeleton");
-function SwitchField({ name, rules, control, defaultValue, loading = false, navigationKey, ...restSwitchProps }) {
-    const theme = (0, styles_1.useTheme)();
-    const { butterflyBlue, iron } = theme.palette.app.color;
-    const { field: { value = false, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
-    const { navigationKey: navigationKeyFromContext } = (0, utils_1.useNavigationKeyContext)();
-    const resolvedNavigationKey = navigationKey ?? navigationKeyFromContext;
-    const { setInputRef, maintainFocus, handleKeyDown: handleNavigationKeyDown, } = (0, useFormFieldFocus_1.useFormFieldFocus)({ navigationKey: resolvedNavigationKey });
-    if (loading) {
-        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
-    }
-    const handleKeyDown = (event) => {
-        handleNavigationKeyDown(event, undefined, false);
-        if (restSwitchProps.onKeyDown) {
-            restSwitchProps.onKeyDown(event);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(Switch_1.default, { checked: value, ...restField, ...restSwitchProps, inputRef: setInputRef, onKeyDown: handleKeyDown, onChange: (event) => {
-            restField.onChange(event);
-            maintainFocus();
-        }, sx: {
-            padding: 1,
-            "& .MuiSwitch-track": {
-                borderRadius: 11,
-                backgroundColor: iron[900],
-                position: "relative",
-                "&::before": {
-                    content: "unset",
-                    position: "absolute",
-                    top: "50%",
-                    transform: "translateY(-50%)",
-                    width: 16,
-                    height: 16,
-                    left: 12,
-                },
-                [Switch_1.switchClasses.input]: {
-                    width: "80px !important",
-                },
-                "&::after": {
-                    content: "unset",
-                    position: "absolute",
-                    top: "50%",
-                    transform: "translateY(-50%)",
-                    width: 16,
-                    height: 16,
-                    right: 12,
-                },
-            },
-            "& .MuiSwitch-thumb": {
-                boxShadow: "none",
-                width: 16,
-                height: 16,
-                margin: 0.15,
-                color: "white",
-            },
-            "& .Mui-checked + .MuiSwitch-track": {
-                backgroundColor: `${butterflyBlue[900]} !important`,
-                opacity: `${1} !important`,
-            },
-        } }));
-}

package/packages/shared-components/dist/FormFields/SwitchField/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SwitchField"), exports);