@codezee/sixtify-brahma 0.2.207 → 0.2.209

package/packages/shared-components/dist/FilterList/index.js

@@ -1,23 +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("./DateRangePickerPopUp"), exports);
-__exportStar(require("./FilterList"), exports);
-__exportStar(require("./FilterListV2"), exports);
-__exportStar(require("./FilterPopup"), exports);
-__exportStar(require("./FilterPopupWrapper"), exports);
-__exportStar(require("./FilterTypeWrapper"), exports);
-__exportStar(require("./getFormData"), exports);

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

@@ -1,508 +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.Autocomplete = Autocomplete;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable sonarjs/no-nested-conditional */
-const Autocomplete_1 = __importDefault(require("@mui/material/Autocomplete"));
-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 IconButton_1 = __importDefault(require("@mui/material/IconButton"));
-const InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
-const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
-const Paper_1 = __importDefault(require("@mui/material/Paper"));
-const Popper_1 = __importDefault(require("@mui/material/Popper"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const styles_1 = require("@mui/material/styles");
-const TextField_1 = __importDefault(require("@mui/material/TextField"));
-const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const filter_1 = __importDefault(require("lodash/filter"));
-const find_1 = __importDefault(require("lodash/find"));
-const isArray_1 = __importDefault(require("lodash/isArray"));
-const isFunction_1 = __importDefault(require("lodash/isFunction"));
-const isObject_1 = __importDefault(require("lodash/isObject"));
-const isString_1 = __importDefault(require("lodash/isString"));
-const map_1 = __importDefault(require("lodash/map"));
-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 Tooltip_1 = require("../../Tooltip");
-const utils_1 = require("../../utils");
-const useAutocompleteScrollToSelected_1 = require("../../utils/hooks/useAutocompleteScrollToSelected");
-const useFormFieldFocus_1 = require("../../utils/hooks/useFormFieldFocus");
-const CheckBox_styled_1 = require("../CheckBox/CheckBox.styled");
-const commonStyles_1 = require("../commonStyles");
-const ChipV2_styled_1 = require("./ChipV2.styled");
-const Skeleton_1 = require("./Skeleton");
-const Tags_1 = require("./Tags");
-function Autocomplete({ control, defaultValue, name, required = false, label, multiple = false, disabled = false, options = [], rules, loading = false, helperText, error, withLabel = false, placeholder = "", freeSolo, isShowOptionsOnType = false, isShowSelectAll = true, isShowAvatar = false, isShowEmployeeData = false, shouldCloseOnSelect = false, actionInsideAutocomplete = false, actionIcon, onActionClick, onAction, renderOption, getOptionLabel, maxLimit, autoFocus = false, defaultOption, disableClearable = required ? true : false, containerProps, setValue, limitTags = 0, styling = "custom", navigationKey, customOnChange, disabledAction = false, ...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 [open, setOpen] = (0, react_1.useState)(false);
-    const { open: controlledOpen, onOpen: externalOnOpen, onClose: externalOnClose, ...restMuiProps } = restProps;
-    const isControlledOpen = controlledOpen !== undefined;
-    const internalOpen = isControlledOpen ? controlledOpen : open;
-    const { inputRef, setInputRef, maintainFocus, maintainFocusAfterClose, handleKeyDown, handleEnterNavigation, } = (0, useFormFieldFocus_1.useFormFieldFocus)({
-        isOpen: internalOpen,
-        navigationKey: resolvedNavigationKey,
-    });
-    const handleOpen = (0, react_1.useCallback)((event) => {
-        if (!isControlledOpen) {
-            setOpen(true);
-        }
-        externalOnOpen?.(event);
-        if (inputRef.current) {
-            inputRef.current.blur();
-        }
-    }, [isControlledOpen, externalOnOpen, inputRef]);
-    const handleClose = (0, react_1.useCallback)((event, reason) => {
-        if (!isControlledOpen) {
-            setOpen(false);
-        }
-        externalOnClose?.(event, reason);
-        if (reason !== "toggleInput") {
-            maintainFocusAfterClose();
-        }
-    }, [isControlledOpen, externalOnClose, maintainFocusAfterClose]);
-    const convertValueToOption = (val) => {
-        const foundOption = (0, find_1.default)(options, (option) => option.value === val);
-        return foundOption || { label: String(val), value: val };
-    };
-    const convertToOption = (item) => {
-        return (0, isString_1.default)(item) ? { label: item, value: item } : item;
-    };
-    const formatValueForCustomOnChange = (newValue, isMultiple, selectedValues) => {
-        if (!customOnChange) {
-            return;
-        }
-        if (isMultiple && (0, isArray_1.default)(selectedValues)) {
-            const formattedValues = (0, filter_1.default)((0, map_1.default)(selectedValues, convertValueToOption), (option) => option.value !== "select-all");
-            customOnChange(formattedValues);
-        }
-        else if (isMultiple && (0, isArray_1.default)(newValue)) {
-            const formattedValues = (0, map_1.default)((0, filter_1.default)(newValue, (option) => (0, isString_1.default)(option) ||
-                ((0, isObject_1.default)(option) && option?.value !== "select-all")), convertToOption);
-            customOnChange(formattedValues);
-        }
-        else if (!isMultiple) {
-            if ((0, isString_1.default)(newValue)) {
-                customOnChange({ label: newValue, value: newValue });
-            }
-            else if ((0, isObject_1.default)(newValue) && !(0, isArray_1.default)(newValue)) {
-                customOnChange(newValue);
-            }
-            else {
-                customOnChange(null);
-            }
-        }
-    };
-    const listboxRef = (0, react_1.useRef)(null);
-    const { setLastSelectedValue } = (0, useAutocompleteScrollToSelected_1.useAutocompleteScrollToSelected)(listboxRef, value);
-    const handleSelectAll = (isSelected) => {
-        const disabledOptions = options.filter((option) => option.disabled);
-        const disabledValues = disabledOptions.map((option) => option.value);
-        if (isSelected) {
-            const allValues = options.map((option) => option.value);
-            onChange(allValues);
-            if (customOnChange) {
-                customOnChange([...options]);
-            }
-        }
-        else {
-            onChange(disabledValues);
-            if (customOnChange) {
-                customOnChange([...disabledOptions]);
-            }
-        }
-    };
-    const isAllSelected = (0, react_1.useMemo)(() => {
-        return (multiple &&
-            isShowSelectAll &&
-            options.length > 0 &&
-            value?.length === options.length);
-    }, [multiple, isShowSelectAll, options, value]);
-    const memoizedOptions = (0, react_1.useMemo)(() => {
-        return [
-            ...(multiple && isShowSelectAll && options.length
-                ? [{ label: "Select All", value: "select-all" }]
-                : []),
-            ...options,
-        ];
-    }, [multiple, isShowSelectAll, options]);
-    (0, react_1.useMemo)(() => {
-        if ((0, isFunction_1.default)(setValue) && required && options.length === 1 && !value) {
-            setValue(name, options[0]?.value, {
-                shouldDirty: true,
-            });
-        }
-    }, [required, options, value]);
-    // eslint-disable-next-line sonarjs/function-return-type
-    const selectedValue = (0, react_1.useMemo)(() => {
-        if (multiple && freeSolo) {
-            return (value?.map((val) => {
-                const selectedOption = options.find((option) => option.value === val);
-                return selectedOption ? selectedOption.label : val.toString();
-            }) || []);
-        }
-        else if (withLabel) {
-            return options.find((option) => option.value === value?.value) ?? null;
-        }
-        else if (multiple) {
-            return options.filter((option) => value?.includes(option.value));
-        }
-        else if (!options.find((option) => option.value === value) && freeSolo) {
-            return value;
-        }
-        else if (defaultOption) {
-            return defaultOption;
-        }
-        return options.find((option) => option.value === value) || null;
-    }, [multiple, options, value, defaultOption]);
-    const theme = (0, styles_1.useTheme)();
-    const { palette: { app: { color }, }, } = theme;
-    const StyledPaper = (0, styles_1.styled)(Paper_1.default)(({ theme }) => ({
-        "& .MuiAutocomplete-listbox": {
-            maxHeight: 250,
-            overflowY: "auto",
-            marginTop: "0px",
-            "&::-webkit-scrollbar": {
-                width: "6px",
-            },
-            "&::-webkit-scrollbar-thumb": {
-                backgroundColor: theme.palette.secondary.main,
-                borderRadius: "4px",
-            },
-            "&::-webkit-scrollbar-track": {
-                backgroundColor: color.lightBlue[100],
-            },
-            "& .MuiAutocomplete-option": {
-                fontSize: "14px",
-            },
-        },
-    }));
-    const CustomPaperComponent = (0, react_1.useCallback)((props) => {
-        const handlePaperRef = (paperElement) => {
-            if (paperElement) {
-                setTimeout(() => {
-                    const listbox = paperElement.querySelector(".MuiAutocomplete-listbox");
-                    if (listbox) {
-                        listboxRef.current = listbox;
-                    }
-                }, 0);
-            }
-        };
-        return ((0, jsx_runtime_1.jsx)(StyledPaper, { ...props, ref: handlePaperRef, children: props.children }));
-    }, []);
-    const GroupHeader = (0, styles_1.styled)("div")(({ theme }) => ({
-        position: "sticky",
-        padding: "4px 10px",
-        fontSize: "16px",
-        fontWeight: 500,
-        color: theme.palette.app.color.butterflyBlue[900],
-        backgroundColor: theme.palette.app.color.butterflyBlue[500],
-    }));
-    const GroupItems = (0, styles_1.styled)("ul")({
-        padding: 0,
-    });
-    if (loading) {
-        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, styling: styling });
-    }
-    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "5px", ...containerProps, 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.jsx)(Autocomplete_1.default, { PopperComponent: Popper_1.default, PaperComponent: CustomPaperComponent, sx: {
-                            alignSelf: "center",
-                            "& .MuiAutocomplete-tag": {
-                                backgroundColor: (0, styles_1.alpha)(color.iron[700], 0.6),
-                                color: color.black[900],
-                                borderRadius: "50px",
-                            },
-                            "& .MuiChip-deleteIcon": {
-                                color: (0, styles_1.alpha)(color.iron[800], 0.7),
-                                "&:hover": { color: color.iron[800], transition: "100ms ease" },
-                                borderRadius: "50%",
-                            },
-                            width: "100%",
-                        }, open: internalOpen, onOpen: handleOpen, onClose: handleClose, disableCloseOnSelect: multiple && !shouldCloseOnSelect, disabled: disabled, freeSolo: freeSolo, filterOptions: (options, state) => {
-                            const { inputValue } = state;
-                            if (!inputValue && isShowOptionsOnType) {
-                                return [];
-                            }
-                            const lowerTerm = inputValue.toLowerCase();
-                            const fieldsToSearch = isShowOptionsOnType || isShowEmployeeData
-                                ? ["label", "punch_code", "employee_code"]
-                                : ["label"];
-                            return (0, utils_1.filterByFields)({
-                                data: options,
-                                fieldsToSearch,
-                                term: lowerTerm,
-                            });
-                        }, ...restMuiProps, ...restField, disableClearable: disableClearable, slotProps: {
-                            clearIndicator: {
-                                tabIndex: disableClearable ||
-                                    (multiple
-                                        ? !Array.isArray(value) || value.length === 0
-                                        : !value || value === "")
-                                    ? -1
-                                    : 0,
-                                onKeyDown: (event) => {
-                                    if (resolvedNavigationKey === "enter" &&
-                                        event.key === "Enter") {
-                                        handleEnterNavigation(event);
-                                    }
-                                },
-                                onMouseDown: (event) => {
-                                    event.stopPropagation();
-                                },
-                            },
-                            popupIndicator: {
-                                tabIndex: disabled ? -1 : 0,
-                                onClick: (event) => {
-                                    event.preventDefault();
-                                    event.stopPropagation();
-                                    if (internalOpen) {
-                                        handleClose(event, "toggleInput");
-                                        handleClose(event, "blur");
-                                    }
-                                    else {
-                                        handleOpen(event);
-                                    }
-                                },
-                                onKeyDown: (event) => {
-                                    if (resolvedNavigationKey === "enter" &&
-                                        event.key === "Enter") {
-                                        handleEnterNavigation(event);
-                                    }
-                                },
-                            },
-                        }, renderTags: (value, getTagProps) => {
-                            const visibleTags = limitTags ? value.slice(0, limitTags) : value;
-                            const hiddenCount = value.length - visibleTags.length;
-                            const hiddenTags = limitTags ? value.slice(limitTags) : value;
-                            return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { flexWrap: "wrap", flexDirection: "row", gap: 0.2, maxHeight: 150, alignItems: "center", sx: {
-                                    overflowY: "auto",
-                                }, children: [(0, jsx_runtime_1.jsx)(Tags_1.Tags, { disabled: disabled, getTagProps: getTagProps, isShowAvatar: isShowAvatar, tags: visibleTags, startIndex: 0 }), hiddenCount > 0 && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: (0, jsx_runtime_1.jsx)(Stack_1.default, { maxHeight: "200px", alignItems: "start", overflow: "auto", children: (0, jsx_runtime_1.jsx)(Tags_1.Tags, { disabled: disabled, getTagProps: getTagProps, isShowAvatar: isShowAvatar, tags: hiddenTags, startIndex: limitTags }) }), children: (0, jsx_runtime_1.jsx)(ChipV2_styled_1.StyledChipV2, { label: `+${hiddenCount}` }) }))] }));
-                        }, renderOption: (props, option, { selected }) => {
-                            if (renderOption) {
-                                return renderOption(props, option, { selected });
-                            }
-                            const { label, avatar, employee_code, punch_code, value } = option;
-                            const { key, ...optionProps } = props;
-                            const isSelectAll = value === "select-all";
-                            return ((0, jsx_runtime_1.jsx)("li", { ...optionProps, "data-option-value": value, style: {
-                                    padding: "5px  16px 5px 16px",
-                                }, tabIndex: -1, children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "5px", children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", gap: "10px", alignItems: "center", 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" }), indeterminate: !isAllSelected && selectedValue?.length && isSelectAll
-                                                        ? true
-                                                        : false, checked: isAllSelected ? true : selected, sx: {
-                                                        marginRight: "8px",
-                                                        ".MuiCheckbox-indeterminate": {
-                                                            borderColor: color.butterflyBlue[900],
-                                                        },
-                                                    } })), !isSelectAll && isShowEmployeeData ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.default, { sx: { width: 25, height: 25 }, src: avatar, alt: label }), (0, jsx_runtime_1.jsxs)(Box_1.default, { children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { children: `${label} (${punch_code ?? "-"})` }), employee_code && ((0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", color: color.iron[800], children: employee_code }))] })] })) : ((0, jsx_runtime_1.jsx)(Typography_1.default, { children: label }))] }), isSelectAll && (0, jsx_runtime_1.jsx)(Divider_1.default, { sx: { width: "280px" } })] }) }, key));
-                        }, 
-                        // eslint-disable-next-line sonarjs/cognitive-complexity
-                        renderInput: (params) => {
-                            let startAdornment = params.InputProps.startAdornment;
-                            const isDisabledAction = disabledAction || disabled;
-                            if (!multiple && selectedValue?.avatar && getOptionLabel) {
-                                startAdornment = ((0, jsx_runtime_1.jsx)(Box_1.default, { width: "20px", marginLeft: "10px", children: (0, jsx_runtime_1.jsx)(Avatar_1.default, { src: selectedValue.avatar, alt: selectedValue.label, sx: { width: 24, height: 24 } }) }));
-                            }
-                            const getPlaceholder = () => {
-                                if (styling === "default") {
-                                    return placeholder;
-                                }
-                                return placeholder || `Select ${label}`;
-                            };
-                            let endAdornment = params.InputProps.endAdornment;
-                            if (actionInsideAutocomplete && (onActionClick || onAction)) {
-                                const handleActionClick = (event) => {
-                                    event.stopPropagation();
-                                    onActionClick?.();
-                                    onAction?.();
-                                };
-                                const handleMouseDown = (event) => {
-                                    event.stopPropagation();
-                                };
-                                const handleKeyDown = (event) => {
-                                    if (![
-                                        "Enter",
-                                        " ",
-                                        "ArrowRight",
-                                        "ArrowLeft",
-                                        "ArrowUp",
-                                        "ArrowDown",
-                                    ].includes(event.key)) {
-                                        return;
-                                    }
-                                    inputRef.current?.focus();
-                                    if (resolvedNavigationKey === "enter") {
-                                        if (event.key === " ") {
-                                            event.stopPropagation();
-                                            event.preventDefault();
-                                            onActionClick?.();
-                                            onAction?.();
-                                        }
-                                        else if (event.key === "Enter") {
-                                            handleEnterNavigation(event);
-                                        }
-                                    }
-                                    else if (event.key === "Enter" || event.key === " ") {
-                                        event.stopPropagation();
-                                        event.preventDefault();
-                                        onActionClick?.();
-                                        onAction?.();
-                                    }
-                                };
-                                const actionIconElement = actionIcon ? ((0, jsx_runtime_1.jsx)(IconButton_1.default, { tabIndex: isDisabledAction ? -1 : 0, onClick: handleActionClick, disabled: isDisabledAction, onMouseDown: handleMouseDown, onKeyDown: handleKeyDown, sx: {
-                                        width: "28px",
-                                        height: "28px",
-                                        margin: "0px",
-                                        padding: "0px",
-                                    }, children: actionIcon })) : ((0, jsx_runtime_1.jsx)(Actions_1.AddIconAction, { disabled: isDisabledAction, onClick: handleActionClick, onMouseDown: handleMouseDown, onKeyDown: handleKeyDown, tabIndex: isDisabledAction ? -1 : 0, "aria-label": "Add", sx: {
-                                        display: "flex",
-                                        alignItems: "center",
-                                        justifyContent: "center",
-                                        height: "28px",
-                                        width: "28px",
-                                    } }));
-                                const actionAdornment = ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, { position: "end", sx: {
-                                        maxWidth: "25px",
-                                        maxHeight: "25px",
-                                        margin: "0px",
-                                        padding: "0px",
-                                    }, children: actionIconElement }));
-                                if (endAdornment) {
-                                    endAdornment = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [endAdornment, actionAdornment] }));
-                                }
-                                else {
-                                    endAdornment = actionAdornment;
-                                }
-                            }
-                            return ((0, jsx_runtime_1.jsx)(TextField_1.default, { ...params, placeholder: multiple && selectedValue?.length ? "" : getPlaceholder(), label: styling === "default" ? label : undefined, required: styling === "default" ? required : undefined, error: error, autoFocus: !multiple ? autoFocus : false, helperText: helperText, sx: {
-                                    ...(0, commonStyles_1.getDefaultTextFieldSx)(styling),
-                                    "& .MuiAutocomplete-clearIndicator": {
-                                        visibility: "visible !important",
-                                    },
-                                    ...restProps.sx,
-                                }, InputLabelProps: (0, commonStyles_1.getDefaultInputLabelProps)(styling), inputRef: setInputRef, InputProps: {
-                                    ...params.InputProps,
-                                    startAdornment,
-                                    endAdornment,
-                                }, onBlur: (event) => {
-                                    const relatedTarget = event.relatedTarget;
-                                    if (relatedTarget &&
-                                        (relatedTarget.closest(".MuiAutocomplete-clearIndicator") ||
-                                            relatedTarget.closest(".MuiAutocomplete-popupIndicator") ||
-                                            (actionInsideAutocomplete &&
-                                                // eslint-disable-next-line quotes
-                                                (relatedTarget.closest('[role="button"]') ||
-                                                    relatedTarget.closest(".MuiIconButton-root"))))) {
-                                        event.preventDefault();
-                                    }
-                                }, onKeyDown: (event) => {
-                                    if (internalOpen && event.key === "Tab") {
-                                        const input = event.currentTarget.querySelector("input");
-                                        if (input) {
-                                            input.blur();
-                                        }
-                                    }
-                                    if (resolvedNavigationKey === "enter" &&
-                                        event.key === "Enter" &&
-                                        !internalOpen) {
-                                        event.preventDefault();
-                                        event.stopPropagation();
-                                        handleEnterNavigation(event);
-                                        return;
-                                    }
-                                    handleKeyDown(event, () => {
-                                        if (!isControlledOpen) {
-                                            setOpen(false);
-                                        }
-                                        externalOnClose?.(event, "escape");
-                                    }, internalOpen);
-                                } }));
-                        }, blurOnSelect: !multiple, multiple: multiple, options: memoizedOptions, isOptionEqualToValue: (option, value) => freeSolo ? false : option.value === value.value, getOptionLabel: (option) => {
-                            if (getOptionLabel) {
-                                return getOptionLabel(option);
-                            }
-                            if (typeof option === "string") {
-                                return option;
-                            }
-                            return option.label;
-                        }, value: selectedValue, 
-                        // eslint-disable-next-line sonarjs/cognitive-complexity
-                        onChange: (_, newValue) => {
-                            if (withLabel) {
-                                onChange(newValue);
-                                formatValueForCustomOnChange(newValue, false);
-                                if ((shouldCloseOnSelect || !multiple) && !internalOpen) {
-                                    maintainFocus();
-                                }
-                                return;
-                            }
-                            if (multiple && Array.isArray(newValue)) {
-                                const disabledSelectedOptions = options.filter(({ disabled, value: disabledValue }) => disabled && value?.includes(disabledValue));
-                                const isSelectAllIncluded = newValue.some((option) => typeof option !== "string" && option?.value === "select-all");
-                                if (isSelectAllIncluded) {
-                                    handleSelectAll(!isAllSelected);
-                                    return;
-                                }
-                                const enabledNewValues = newValue
-                                    .map((option) => typeof option === "string" ? option : option.value)
-                                    .filter((val) => !disabledSelectedOptions.some((d) => d.value === val));
-                                const lastSelected = enabledNewValues[enabledNewValues.length - 1];
-                                setLastSelectedValue(lastSelected ?? null);
-                                const mergedValues = [
-                                    ...disabledSelectedOptions.map(({ value }) => value),
-                                    ...enabledNewValues,
-                                ];
-                                if (maxLimit && mergedValues.length > maxLimit) {
-                                    Toast_1.toasts.error({
-                                        title: t("common.autocomplete.limitExceed", { maxLimit }),
-                                    });
-                                    return;
-                                }
-                                onChange(mergedValues);
-                                formatValueForCustomOnChange(newValue, true, mergedValues);
-                                if (shouldCloseOnSelect && !internalOpen) {
-                                    maintainFocus();
-                                }
-                                return;
-                            }
-                            if (typeof newValue === "string") {
-                                onChange(newValue ?? null);
-                                formatValueForCustomOnChange(newValue, false);
-                                if ((shouldCloseOnSelect || !multiple) && !internalOpen) {
-                                    maintainFocus();
-                                }
-                                return;
-                            }
-                            const finalValue = newValue && !Array.isArray(newValue) ? newValue.value : null;
-                            onChange(finalValue);
-                            formatValueForCustomOnChange(newValue, false);
-                            setLastSelectedValue(finalValue);
-                            if ((shouldCloseOnSelect || !multiple) && !internalOpen) {
-                                maintainFocus();
-                            }
-                        }, groupBy: (option) => option.heading ?? "", renderGroup: (params) => {
-                            if (!params.group) {
-                                return (0, jsx_runtime_1.jsx)(Box_1.default, { children: params.children });
-                            }
-                            return ((0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)(GroupHeader, { children: params.group }), (0, jsx_runtime_1.jsx)(GroupItems, { children: params.children })] }, params.key));
-                        }, getOptionDisabled: (option) => !!option.disabled, autoHighlight: true }), onAction &&
-                        !actionInsideAutocomplete &&
-                        (onActionClick ? ((0, jsx_runtime_1.jsx)(Actions_1.EditIconAction, { disabled: disabled, onClick: () => {
-                                onActionClick();
-                                onAction();
-                            } })) : ((0, jsx_runtime_1.jsx)(Actions_1.EditIconAction, { disabled: disabled, onClick: onAction })))] })] }));
-}

package/packages/shared-components/dist/FormFields/Autocomplete/AvatarCell.js

@@ -1,16 +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.AvatarCell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Avatar_1 = __importDefault(require("@mui/material/Avatar"));
-const AvatarCell = ({ isShowAvatar, option, label, }) => {
-    const { avatar = "" } = option;
-    if (!isShowAvatar) {
-        return undefined;
-    }
-    return (0, jsx_runtime_1.jsx)(Avatar_1.default, { sx: { width: 25, height: 25 }, src: avatar, alt: label });
-};
-exports.AvatarCell = AvatarCell;

package/packages/shared-components/dist/FormFields/Autocomplete/Chip.styled.js

@@ -1,34 +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.StyledChip = void 0;
-const Chip_1 = __importDefault(require("@mui/material/Chip"));
-const chipClasses_1 = __importDefault(require("@mui/material/Chip/chipClasses"));
-const styles_1 = require("@mui/material/styles");
-exports.StyledChip = (0, styles_1.styled)(Chip_1.default, {
-    shouldForwardProp: (prop) => prop !== "disabled",
-})(({ theme, disabled }) => {
-    const { lightBlue, iron } = theme.palette.app.color;
-    return {
-        backgroundColor: "transparent",
-        color: disabled ? iron[700] : lightBlue[100],
-        borderRadius: "50px",
-        padding: 0,
-        [`& .${chipClasses_1.default.deleteIcon}`]: {
-            color: (0, styles_1.alpha)(iron[800], 0.7),
-            borderRadius: "50%",
-            transition: "color 100ms ease",
-            "&:hover": {
-                color: iron[800],
-            },
-            cursor: disabled ? "auto" : "pointer",
-        },
-        opacity: disabled ? 0.6 : 1,
-        "&.Mui-disabled": {
-            pointerEvents: "none",
-            cursor: "auto",
-        },
-    };
-});

package/packages/shared-components/dist/FormFields/Autocomplete/ChipV2.styled.js

@@ -1,23 +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.StyledChipV2 = void 0;
-const Chip_1 = __importDefault(require("@mui/material/Chip"));
-const styles_1 = require("@mui/material/styles");
-exports.StyledChipV2 = (0, styles_1.styled)(Chip_1.default, {
-    shouldForwardProp: (prop) => prop !== "disabled",
-})(({ theme }) => {
-    const { slate, iron } = theme.palette.app.color;
-    return {
-        "& .MuiChip-label": {
-            padding: 0,
-        },
-        backgroundColor: iron[700],
-        color: slate[900],
-        fontWeight: 500,
-        borderRadius: "100%",
-        minWidth: "30px",
-    };
-});

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

@@ -1,17 +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 = ({ label, styling }) => {
-    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)",
-                } })] }));
-};
-exports.Skeleton = Skeleton;

package/packages/shared-components/dist/FormFields/Autocomplete/Tags.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tags = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const AvatarCell_1 = require("./AvatarCell");
-const Chip_styled_1 = require("./Chip.styled");
-const Tags = ({ tags, getTagProps, isShowAvatar, disabled, startIndex, }) => {
-    return tags.map((option, index) => {
-        const realIndex = startIndex + index;
-        const { key, onDelete, ...tagProps } = getTagProps({
-            index: realIndex,
-        });
-        const label = typeof option === "string" ? option : option.label;
-        const isDisabled = option.disabled || disabled;
-        return ((0, jsx_runtime_1.jsx)(Chip_styled_1.StyledChip, { avatar: (0, jsx_runtime_1.jsx)(AvatarCell_1.AvatarCell, { isShowAvatar: isShowAvatar, option: option, label: label }), label: label, ...tagProps, disabled: isDisabled, onDelete: isDisabled ? undefined : onDelete }, key));
-    });
-};
-exports.Tags = Tags;