@codezee/sixtify-brahma 0.2.33 → 1.1.0

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

@@ -1,250 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Autocomplete = Autocomplete;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const styles_1 = require("@mui/material/styles");
-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 CheckBox_styled_1 = require("../CheckBox/CheckBox.styled");
-const Skeleton_1 = require("./Skeleton");
-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, shouldCloseOnSelect = false, onAction, renderOption, getOptionLabel, maxLimit, ...restProps }) {
-    const { field: { onChange, value, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const [inputValue, setInputValue] = (0, react_1.useState)("");
-    const handleSelectAll = (isSelected) => {
-        if (isSelected) {
-            const allValues = options.map((option) => option.value);
-            onChange(allValues);
-        }
-        else {
-            onChange([]);
-        }
-    };
-    const highlightedOptionRef = (0, react_1.useRef)("");
-    const isAllSelected = (0, react_1.useMemo)(() => {
-        return (multiple &&
-            isShowSelectAll &&
-            options.length > 0 &&
-            value?.length === options.filter((option) => !option.disabled).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]);
-    const filteredOptions = (0, react_1.useMemo)(() => {
-        if (inputValue.length < 3) {
-            return [];
-        }
-        return options.filter((option) => option.label.toLowerCase().includes(inputValue.toLowerCase()));
-    }, [inputValue]);
-    // 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;
-        }
-        return options.find((option) => option.value === value) || null;
-    }, [multiple, options, value]);
-    const { palette: { app: { color }, }, } = (0, material_1.useTheme)();
-    const StyledPaper = (0, styles_1.styled)(material_1.Paper)(({ theme }) => ({
-        "& .MuiAutocomplete-listbox": {
-            maxHeight: 200,
-            overflowY: "auto",
-            marginTop: "10px",
-            "&::-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", // Change this to your desired font size
-            },
-        },
-    }));
-    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 });
-    }
-    // eslint-disable-next-line sonarjs/cognitive-complexity
-    const handleKeyDown = (e) => {
-        if (e.code === "Space" && highlightedOptionRef.current) {
-            e.preventDefault();
-            if (multiple) {
-                if (highlightedOptionRef.current == "select-all") {
-                    handleSelectAll(!isAllSelected);
-                    return;
-                }
-                if (selectedValue && Array.isArray(selectedValue)) {
-                    if (maxLimit && selectedValue.length >= maxLimit) {
-                        Toast_1.toasts.error({
-                            title: t("common.autocomplete.limitExceed", { maxLimit }),
-                        });
-                        return;
-                    }
-                    const valuesArray = selectedValue.map((item) => item.value);
-                    if (valuesArray.includes(highlightedOptionRef.current)) {
-                        onChange(valuesArray.filter((value) => value !== highlightedOptionRef.current));
-                    }
-                    else {
-                        onChange([...valuesArray, highlightedOptionRef.current]);
-                    }
-                }
-            }
-            else {
-                onChange(highlightedOptionRef.current);
-            }
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && (0, jsx_runtime_1.jsx)(material_1.InputLabel, { required: required, children: label }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", gap: "10px", alignItems: "start", children: [(0, jsx_runtime_1.jsx)(material_1.Autocomplete, { PopperComponent: material_1.Popper, PaperComponent: StyledPaper, sx: {
-                            "& .MuiAutocomplete-tag": {
-                                backgroundColor: color.slate[700],
-                                color: "black",
-                            },
-                            width: "100%",
-                        }, onHighlightChange: (event, option) => {
-                            if (option) {
-                                if (highlightedOptionRef.current != option.value) {
-                                    highlightedOptionRef.current = option.value;
-                                }
-                            }
-                        }, disableCloseOnSelect: shouldCloseOnSelect, disabled: disabled, freeSolo: freeSolo, ...restProps, ...restField, renderTags: (value, getTagProps) => value.map((option, index) => {
-                            const { key, ...tagProps } = getTagProps({ index });
-                            const label = typeof option === "string" ? option : option.label;
-                            let avatarContent = "";
-                            let avatar = undefined;
-                            if (isShowAvatar) {
-                                if (!option.avatar) {
-                                    const initials = option.label
-                                        .split(" ")
-                                        .map((word) => word[0]?.toUpperCase())
-                                        .join("");
-                                    avatarContent = `${initials}`;
-                                }
-                                avatar = option.avatar ? ((0, jsx_runtime_1.jsx)(material_1.Avatar, { src: option.avatar, alt: option.label })) : ((0, jsx_runtime_1.jsx)(material_1.Avatar, { children: avatarContent }));
-                            }
-                            return ((0, jsx_runtime_1.jsx)(material_1.Chip, { avatar: avatar, label: label, ...tagProps }, key));
-                        }), renderOption: (props, option, { selected }) => {
-                            if (renderOption) {
-                                return renderOption(props, option, { selected });
-                            }
-                            const { key, ...optionProps } = props;
-                            return ((0, jsx_runtime_1.jsx)("li", { ...optionProps, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "5px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "10px", children: [multiple && ((0, jsx_runtime_1.jsx)(material_1.Checkbox, { 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 &&
-                                                        option.value === "select-all"
-                                                        ? true
-                                                        : false, checked: isAllSelected ? true : selected, sx: {
-                                                        marginRight: "8px",
-                                                        ".MuiCheckbox-indeterminate": {
-                                                            borderColor: color.butterflyBlue[900],
-                                                        },
-                                                    } })), option.label] }), option.value === "select-all" && ((0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { width: "280px" } }))] }) }, key));
-                        }, renderInput: (params) => {
-                            let startAdornment = params.InputProps.startAdornment;
-                            if (!multiple && selectedValue?.avatar && getOptionLabel) {
-                                startAdornment = ((0, jsx_runtime_1.jsx)(material_1.Box, { width: "20px", marginLeft: "10px", children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: selectedValue.avatar, alt: selectedValue.label, sx: { width: 24, height: 24 } }) }));
-                            }
-                            return ((0, jsx_runtime_1.jsx)(material_1.TextField, { ...params, placeholder: placeholder || `Select ${label}`, error: error, helperText: helperText, InputProps: {
-                                    ...params.InputProps,
-                                    startAdornment,
-                                }, onChange: (e) => {
-                                    if (isShowOptionsOnType) {
-                                        setInputValue(e.target.value);
-                                    }
-                                }, onKeyDown: (e) => handleKeyDown(e) }));
-                        }, multiple: multiple, options: isShowOptionsOnType ? filteredOptions : 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 (!newValue) {
-                                setInputValue("");
-                            }
-                            if (withLabel) {
-                                return onChange(newValue);
-                            }
-                            if (multiple &&
-                                Array.isArray(newValue) &&
-                                maxLimit &&
-                                newValue.length > maxLimit) {
-                                Toast_1.toasts.error({
-                                    title: t("common.autocomplete.limitExceed", { maxLimit }),
-                                });
-                                return;
-                            }
-                            if (multiple && isShowSelectAll && Array.isArray(newValue)) {
-                                const isSelectAllIncluded = newValue.some((option) => typeof option !== "string" && option?.value === "select-all");
-                                if (isSelectAllIncluded) {
-                                    handleSelectAll(!isAllSelected);
-                                    return;
-                                }
-                            }
-                            if (multiple && freeSolo) {
-                                if (Array.isArray(newValue)) {
-                                    // eslint-disable-next-line sonarjs/function-return-type
-                                    const values = newValue.map((option) => {
-                                        return typeof option === "string" ? option : option.value;
-                                    });
-                                    return onChange(values);
-                                }
-                                return onChange(value || []);
-                            }
-                            if (typeof newValue === "string") {
-                                return onChange(newValue ?? null);
-                            }
-                            if (Array.isArray(newValue)) {
-                                // eslint-disable-next-line sonarjs/function-return-type
-                                const values = newValue.map((option) => {
-                                    if (typeof option === "string") {
-                                        return newValue;
-                                    }
-                                    return option.value;
-                                });
-                                return onChange(values);
-                            }
-                            onChange(newValue ? newValue.value : null);
-                        }, groupBy: (option) => option.heading ?? "", renderGroup: (params) => ((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 }), onAction && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { disabled: disabled, sx: {
-                            border: `1px solid ${color.iron[800]}`,
-                            padding: "0px",
-                            borderRadius: "5px",
-                        }, onClick: onAction, children: (0, jsx_runtime_1.jsx)(Actions_1.EditAction, {}) }))] })] }));
-}

package/packages/shared-components/dist/FormFields/Autocomplete/Skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Autocomplete/Skeleton.tsx"],"names":[],"mappings":"AAEA,KAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,eAAO,MAAM,QAAQ,GAAI,WAAW,aAAa,4CAoBhD,CAAC"}

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

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Skeleton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const Skeleton = ({ label }) => {
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
-                    transform: "scale(1)",
-                } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "40px", sx: {
-                    transform: "scale(1)",
-                } })] }));
-};
-exports.Skeleton = Skeleton;

package/packages/shared-components/dist/FormFields/Autocomplete/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Autocomplete/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/packages/shared-components/dist/FormFields/Autocomplete/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("./Autocomplete"), exports);

package/packages/shared-components/dist/FormFields/CheckBox/CheckBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../src/FormFields/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAiB,EACf,KAAK,aAAa,IAAI,gBAAgB,EACvC,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAIzB,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACtE,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,EAAE,EAC9C,IAAI,EACJ,KAAK,EACL,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,OAAe,EACf,GAAG,iBAAiB,EACrB,EAAE,aAAa,CAAC,CAAC,CAAC,2CAkBlB"}

package/packages/shared-components/dist/FormFields/CheckBox/CheckBox.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.CheckBox = CheckBox;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
-const react_hook_form_1 = require("react-hook-form");
-const CheckBox_styled_1 = require("./CheckBox.styled");
-const Skeleton_1 = require("./Skeleton");
-function CheckBox({ name, rules, control, defaultValue, size, loading = false, ...restCheckBoxProps }) {
-    const { field: { value = false, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
-    if (loading) {
-        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
-    }
-    return ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { icon: (0, jsx_runtime_1.jsx)(CheckBox_styled_1.BoxStyled, { size: size }), checkedIcon: (0, jsx_runtime_1.jsx)(CheckBox_styled_1.CheckStyled, { size: size }), checked: value, ...restField, ...restCheckBoxProps }));
-}

package/packages/shared-components/dist/FormFields/CheckBox/CheckBox.styled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckBox.styled.d.ts","sourceRoot":"","sources":["../../../src/FormFields/CheckBox/CheckBox.styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAa,aAAa,EAAE,MAAM,eAAe,CAAC;AAExE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC7B,GAAG,QAAQ,CAAC;AAEb,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC7B,GAAG,aAAa,CAAC;AAElB,eAAO,MAAM,SAAS,EAAE,aAAa,CAAC,cAAc,CA6BlD,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,aAAa,CAAC,gBAAgB,CAgCtD,CAAC"}

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

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckStyled = exports.BoxStyled = void 0;
-const icons_material_1 = require("@mui/icons-material");
-const material_1 = require("@mui/material");
-exports.BoxStyled = (0, material_1.styled)(material_1.Box)(({ theme, size }) => {
-    const { color } = theme.palette.app;
-    const checkBoxSize = size === "small"
-        ? {
-            width: "14px",
-            height: "14px",
-        }
-        : {
-            width: "20px",
-            height: "20px",
-        };
-    const style = {
-        ...checkBoxSize,
-        borderRadius: "4px",
-        border: `2px solid ${color.iron[900]}`,
-        "input:hover ~ &": {
-            borderColor: color.butterflyBlue[900],
-        },
-        "input:disabled ~ &": {
-            borderColor: color.iron[800],
-        },
-    };
-    return style;
-});
-exports.CheckStyled = (0, material_1.styled)(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-icons_material_1.Check)(({ theme, size }) => {
-    const { color } = theme.palette.app;
-    const checkBoxSize = size === "small"
-        ? {
-            width: "14px",
-            height: "14px",
-        }
-        : {
-            width: "20px",
-            height: "20px",
-        };
-    const style = {
-        ...checkBoxSize,
-        border: `2px solid ${color.butterflyBlue[900]}`,
-        borderRadius: "4px",
-        color: color.iron[600],
-        backgroundColor: color.butterflyBlue[900],
-        "input:disabled ~ &": {
-            borderColor: color.iron[800],
-            backgroundColor: color.iron[800],
-        },
-    };
-    return style;
-});

package/packages/shared-components/dist/FormFields/CheckBox/Skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/CheckBox/Skeleton.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,+CASpB,CAAC"}

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Skeleton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const Skeleton = () => {
-    return ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 30, height: 30, sx: { borderRadius: "4px" }, variant: "rectangular" }));
-};
-exports.Skeleton = Skeleton;

package/packages/shared-components/dist/FormFields/CheckBox/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/CheckBox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/packages/shared-components/dist/FormFields/CheckBox/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("./CheckBox"), exports);

package/packages/shared-components/dist/FormFields/DatePicker/DatePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAE5F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAKzB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACxE,kBAAkB,CAAC,eAAe,CAAC,GACnC,OAAO,CAAC;IACN,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW;;;CAGvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAcjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAclC,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,SAAgB,EAChB,KAAK,EACL,oBAA4B,EAC5B,MAAqC,EACrC,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,2CA8HpB"}

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

@@ -1,136 +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.RightArrowIcon = exports.LeftArrowIcon = exports.dateFormats = void 0;
-exports.DatePicker = DatePicker;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ChevronLeft_1 = __importDefault(require("@mui/icons-material/ChevronLeft"));
-const ChevronRight_1 = __importDefault(require("@mui/icons-material/ChevronRight"));
-const material_1 = require("@mui/material");
-const DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
-const lodash_1 = require("lodash");
-const luxon_1 = require("luxon");
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const Actions_1 = require("../../Actions");
-const Skeleton_1 = require("./Skeleton");
-exports.dateFormats = {
-    dateWithISO8601: "yyyy-MM-dd",
-    dateWithEuropean: "dd-MM-yyyy",
-};
-const LeftArrowIcon = () => {
-    const theme = (0, material_1.useTheme)();
-    const { iron } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsx)(ChevronLeft_1.default, { sx: {
-            border: `1px solid ${iron[800]}`,
-            borderRadius: "5px",
-            p: "4px",
-        } }));
-};
-exports.LeftArrowIcon = LeftArrowIcon;
-const RightArrowIcon = () => {
-    const theme = (0, material_1.useTheme)();
-    const { iron } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsx)(ChevronRight_1.default, { sx: {
-            border: `1px solid ${iron[800]}`,
-            borderRadius: "5px",
-            p: "4px",
-        } }));
-};
-exports.RightArrowIcon = RightArrowIcon;
-function DatePicker({ setError, control, defaultValue, disabled = false, label, readOnly = false, name, error = false, helperText, loading = false, required = false, clearable = true, rules, disableKeyboardInput = false, format = exports.dateFormats.dateWithEuropean, ...restProps }) {
-    const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const theme = (0, material_1.useTheme)();
-    const { iron, butterflyBlue, mirage } = theme.palette.app.color;
-    const finalValue = value ? luxon_1.DateTime.fromISO(value) : null;
-    if (loading) {
-        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label });
-    }
-    const EmptyIcon = () => null;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && (0, jsx_runtime_1.jsx)(material_1.InputLabel, { required: required, children: label }), (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, { ...restField, ...restProps, disabled: disabled, format: format, value: finalValue, readOnly: readOnly, open: open && !readOnly, onOpen: () => setOpen(true), onClose: () => setOpen(false), slotProps: {
-                    field: {
-                        clearable,
-                        onClear: () => onChange(null),
-                        readOnly: disableKeyboardInput,
-                    },
-                    clearButton: {
-                        tabIndex: -1, // This will make the clear button skipped in the tab order
-                    },
-                    textField: {
-                        disabled,
-                        helperText,
-                        error,
-                        InputProps: {
-                            endAdornment: ((0, jsx_runtime_1.jsx)(Actions_1.CalendarAction, { disabled: disabled, onClick: () => setOpen(true) })),
-                            sx: {
-                                "& .MuiInputAdornment-root": {
-                                    width: "30px",
-                                },
-                            },
-                        },
-                        onKeyDown: (event) => {
-                            if (!clearable && event.key === "Backspace") {
-                                event.preventDefault();
-                            }
-                        },
-                    },
-                    day: {
-                        sx: {
-                            "&.MuiPickersDay-root": {
-                                borderRadius: "5px",
-                                borderColor: butterflyBlue[900],
-                                fontWeight: 500,
-                                color: mirage[900],
-                            },
-                            "&.MuiPickersDay-root.Mui-selected": {
-                                backgroundColor: butterflyBlue[900],
-                                color: iron[600],
-                            },
-                            "&.MuiPickersDay-today": {
-                                color: butterflyBlue[900],
-                                backgroundColor: iron[600],
-                            },
-                        },
-                    },
-                    calendarHeader: {
-                        sx: {
-                            "& .MuiPickersCalendarHeader-label": {
-                                fontWeight: "bold",
-                            },
-                        },
-                    },
-                    yearButton: {
-                        sx: {
-                            "&.MuiPickersYear-yearButton.Mui-selected": {
-                                backgroundColor: butterflyBlue[900],
-                            },
-                        },
-                    },
-                    monthButton: {
-                        sx: {
-                            "&.MuiPickersMonth-monthButton.Mui-selected": {
-                                backgroundColor: butterflyBlue[900],
-                            },
-                        },
-                    },
-                }, slots: {
-                    leftArrowIcon: exports.LeftArrowIcon,
-                    rightArrowIcon: exports.RightArrowIcon,
-                    switchViewIcon: EmptyIcon,
-                }, dayOfWeekFormatter: (weekday) => `${weekday.toFormat("ccc")}`, onChange: (value, details) => {
-                    if (details.validationError) {
-                        if ((0, lodash_1.isFunction)(setError)) {
-                            setError(name, {
-                                type: "manual",
-                                message: "common.date.invalid",
-                            });
-                        }
-                    }
-                    else if (value) {
-                        onChange(value.toISODate());
-                    }
-                } })] }));
-}

package/packages/shared-components/dist/FormFields/DatePicker/Skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DatePicker/Skeleton.tsx"],"names":[],"mappings":"AAEA,KAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,WAAW,aAAa,4CAqBhD,CAAC"}

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

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Skeleton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const Skeleton = ({ label }) => {
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
-                    transform: "scale(1)",
-                } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "40px", sx: {
-                    transform: "scale(1)",
-                } })] }));
-};
-exports.Skeleton = Skeleton;

package/packages/shared-components/dist/FormFields/DatePicker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DatePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/packages/shared-components/dist/FormFields/DatePicker/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("./DatePicker"), exports);

package/packages/shared-components/dist/FormFields/DateRangePicker/DateRangePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAIvE,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB,CAAC;AAEJ,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,KAAK,GACN,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAkEzB"}

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

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePicker = DateRangePicker;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const react_date_range_1 = require("react-date-range");
-const react_hook_form_1 = require("react-hook-form");
-const Skeleton_1 = require("./Skeleton");
-function DateRangePicker({ control, defaultValue, disabled = false, label, name, error = false, helperText, loading = false, required = false, rules, }) {
-    const { field: { onChange }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
-    const [range, setRange] = (0, react_1.useState)([
-        {
-            startDate: new Date(),
-            endDate: new Date(),
-            key: "selection",
-        },
-    ]);
-    if (loading) {
-        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
-    }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsx)(react_date_range_1.DateRangePicker, { ranges: range, onChange: (ranges) => {
-                    const selectedRange = ranges.selection;
-                    if (selectedRange?.endDate &&
-                        selectedRange?.startDate &&
-                        selectedRange?.key) {
-                        setRange([
-                            {
-                                startDate: selectedRange.startDate,
-                                endDate: selectedRange.endDate,
-                                key: selectedRange.key,
-                            },
-                        ]);
-                        const startDate = new Date(selectedRange.startDate.toUTCString()).toISOString();
-                        const endDate = new Date(selectedRange.endDate.toUTCString()).toISOString();
-                        onChange([startDate, endDate]);
-                    }
-                }, months: 1, direction: "horizontal", calendarFocus: "backwards", staticRanges: [], inputRanges: [], moveRangeOnFirstSelection: false, preventSnapRefocus: true }), error && (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "red", children: helperText })] }));
-}

package/packages/shared-components/dist/FormFields/DateRangePicker/Skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DateRangePicker/Skeleton.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,+CAmCpB,CAAC"}