@codezee/sixtify-brahma 0.2.3 → 0.2.7

package/packages/shared-components/dist/Drawer/OpenDrawer/OpenDrawerMenuItemList.js

@@ -1,138 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OpenDrawerMenuItemList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const lodash_1 = require("lodash");
-const react_1 = require("react");
-const urlToNestedObject_1 = require("../../utils/urlToNestedObject");
-const OpenDrawerCollapse_1 = require("./OpenDrawerCollapse");
-const OpenDrawerMenuItem_1 = require("./OpenDrawerMenuItem");
-const OpenDrawerMenuItemList = ({ menuItems, currentPathname, }) => {
-    //TODO: jaydip, fix this type
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const [subMenusOpen, setSubMenusOpen] = (0, react_1.useState)({});
-    const [currentPathMenuOpen, setCurrentPathMenuOpen] = (0, react_1.useState)({});
-    const theme = (0, material_1.useTheme)();
-    const { butterflyBlue, slate } = theme.palette.app.color;
-    (0, react_1.useEffect)(() => {
-        const obj = (0, urlToNestedObject_1.urlToNestedObject)(currentPathname);
-        if ((0, lodash_1.isEmpty)(obj)) {
-            setSubMenusOpen({ home: true });
-            setCurrentPathMenuOpen({ home: true });
-            return;
-        }
-        setSubMenusOpen(obj);
-        setCurrentPathMenuOpen(obj);
-    }, [currentPathname]);
-    return menuItems.map((menuItem) => {
-        const { menuItems = [], key: key1, icon, title, onClick } = menuItem;
-        const isMenuSelected = !!subMenusOpen?.[key1];
-        if (menuItems.length > 0) {
-            return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(OpenDrawerMenuItem_1.OpenDrawerMenuItem, { sx: {
-                            ":focus-visible": {
-                                border: `1px solid ${butterflyBlue[900]}`,
-                                backgroundColor: slate[900],
-                            },
-                        }, onClick: () => {
-                            setSubMenusOpen((prev) => ({
-                                ...prev,
-                                [key1]: !isMenuSelected,
-                            }));
-                        }, icon: icon, title: title, isShowEndAdornment: true, selected: isMenuSelected }, key1), (0, jsx_runtime_1.jsx)(OpenDrawerCollapse_1.OpenDrawerCollapse, { in: isMenuSelected, children: (0, jsx_runtime_1.jsx)(material_1.List, { component: "div", disablePadding: true, children: menuItems.map(({ key: key2, onClick, title, menuItems = [] }) => {
-                                const isSubMenuSelected = menuItems.length
-                                    ? !!subMenusOpen?.[key1]?.[key2] ||
-                                        !!currentPathMenuOpen?.[key1]?.[key2]?.menuItems
-                                    : !!subMenusOpen?.[key1]?.[key2] ||
-                                        !!currentPathMenuOpen?.[key1]?.[key2];
-                                return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                        bgcolor: isSubMenuSelected && menuItems.length === 0
-                                            ? butterflyBlue[900]
-                                            : "",
-                                    }, children: menuItems.length > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OpenDrawerMenuItem_1.OpenDrawerMenuItem, { sx: {
-                                                    paddingLeft: 4.5,
-                                                    ":focus-visible": {
-                                                        border: `1px solid ${butterflyBlue[900]}`,
-                                                        backgroundColor: slate[900],
-                                                    },
-                                                }, onClick: () => {
-                                                    // eslint-disable-next-line sonarjs/no-nested-functions
-                                                    setSubMenusOpen((prev) => ({
-                                                        ...prev,
-                                                        [key1]: {
-                                                            ...(prev?.[key1] || {}),
-                                                            [key2]: !isSubMenuSelected,
-                                                        },
-                                                    }));
-                                                }, title: title, isShowEndAdornment: true, selected: isSubMenuSelected }, key2), (0, jsx_runtime_1.jsx)(OpenDrawerCollapse_1.OpenDrawerCollapse, { in: isSubMenuSelected, children: (0, jsx_runtime_1.jsx)(material_1.List, { component: "div", disablePadding: true, children: menuItems.map(({ key: key3, title, onClick }) => {
-                                                        const menuSelectedItem = !!subMenusOpen[key1]?.[key2]?.[key3] ||
-                                                            !!currentPathMenuOpen[key1]?.[key2]?.[key3];
-                                                        return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                                                bgcolor: menuSelectedItem
-                                                                    ? theme.palette.app.color
-                                                                        .butterflyBlue[900]
-                                                                    : "",
-                                                            }, children: (0, jsx_runtime_1.jsx)(OpenDrawerMenuItem_1.OpenDrawerMenuItem, { sx: menuSelectedItem
-                                                                    ? {
-                                                                        paddingLeft: menuItems.length
-                                                                            ? 7.5
-                                                                            : 4.5,
-                                                                    }
-                                                                    : {
-                                                                        paddingLeft: menuItems.length
-                                                                            ? 7.5
-                                                                            : 4.5,
-                                                                        ":focus-visible": {
-                                                                            border: `1px solid ${butterflyBlue[900]}`,
-                                                                            backgroundColor: theme.palette.app.color
-                                                                                .slate[900],
-                                                                        },
-                                                                    }, 
-                                                                // eslint-disable-next-line sonarjs/no-nested-functions
-                                                                onClick: (target) => {
-                                                                    if (onClick && !menuSelectedItem) {
-                                                                        onClick(`/${key1}/${key2}/${key3}`, target);
-                                                                        setSubMenusOpen((prev) => ({
-                                                                            ...prev,
-                                                                            [key2]: {
-                                                                                ...(prev?.[key2] || {}),
-                                                                                [key3]: !menuSelectedItem,
-                                                                            },
-                                                                        }));
-                                                                    }
-                                                                }, title: title, selected: menuSelectedItem }, key3) }, key3));
-                                                    }) }, key2) })] })) : ((0, jsx_runtime_1.jsx)(OpenDrawerMenuItem_1.OpenDrawerMenuItem, { sx: isSubMenuSelected
-                                            ? { paddingLeft: 4.5 }
-                                            : {
-                                                paddingLeft: 4.5,
-                                                ":focus-visible": {
-                                                    border: `1px solid ${butterflyBlue[900]}`,
-                                                    backgroundColor: slate[900],
-                                                },
-                                            }, onClick: (target) => {
-                                            if (onClick && !isSubMenuSelected) {
-                                                onClick(`/${key1}/${key2}`, target);
-                                            }
-                                        }, title: title, selected: isSubMenuSelected }, key2)) }, key2));
-                            }) }, key1) })] }, key1));
-        }
-        return ((0, jsx_runtime_1.jsx)(OpenDrawerMenuItem_1.OpenDrawerMenuItem, { sx: isMenuSelected
-                ? {}
-                : {
-                    ":focus-within": {
-                        border: `1px solid ${butterflyBlue[900]}`,
-                        backgroundColor: slate[900],
-                    },
-                }, onClick: (target) => {
-                if (onClick && !isMenuSelected) {
-                    if (key1 === "home") {
-                        onClick("/", target);
-                        return;
-                    }
-                    onClick(`/${key1}`, target);
-                }
-            }, icon: icon, selected: isMenuSelected, title: title }, key1));
-    });
-};
-exports.OpenDrawerMenuItemList = OpenDrawerMenuItemList;

package/packages/shared-components/dist/Drawer/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Drawer";
-//# sourceMappingURL=index.d.ts.map

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

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

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

package/packages/shared-components/dist/FilterList/FilterList.d.ts

@@ -1,6 +0,0 @@
-import type { FilterListType } from "./FilterTypeWrapper";
-export type FilterListProps = {
-    filterListItems: FilterListType[];
-};
-export declare const FilterList: ({ filterListItems }: FilterListProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=FilterList.d.ts.map

package/packages/shared-components/dist/FilterList/FilterList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterList.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAY1D,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,cAAc,EAAE,CAAC;CACnC,CAAC;AACF,eAAO,MAAM,UAAU,wBAAyB,eAAe,4CA0J9D,CAAC"}

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

@@ -1,90 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const material_1 = require("@mui/material");
-const FilterTypeWrapper_1 = require("./FilterTypeWrapper");
-const FilterPopup_1 = require("./FilterPopup");
-const FilterPopupWrapper_1 = require("./FilterPopupWrapper");
-const react_hook_form_1 = require("react-hook-form");
-const SvgFilterList_1 = require("../Svgs/SvgFilterList");
-const Button_1 = require("../Button");
-const Tooltip_1 = require("../Tooltip");
-const FilterPill_1 = require("../Chips/FilterPill");
-const getFormData_1 = require("./getFormData");
-const FilterList = ({ filterListItems }) => {
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const filterPopupAnchorElm = (0, react_1.useRef)(null);
-    const [openFilterPopup, setOpenFilterPopup] = (0, react_1.useState)(false);
-    const [filterListData, setFilterListData] = (0, react_1.useState)();
-    const [currentFilter, setCurrentFilter] = (0, react_1.useState)(null);
-    const { control, handleSubmit, setValue, reset, watch } = (0, react_hook_form_1.useForm)();
-    const handleClose = () => {
-        setAnchorEl(null);
-    };
-    const onSubmit = (data) => {
-        setOpenFilterPopup(false);
-        setCurrentFilter(null);
-        handleClose();
-        setFilterListData(data);
-    };
-    const handleClick = (event) => {
-        setAnchorEl(event.currentTarget);
-    };
-    const handleCloseFilterPopup = () => {
-        setOpenFilterPopup(false);
-    };
-    const handleFilterItemClick = (filter) => {
-        setOpenFilterPopup(true);
-        setAnchorEl(null);
-        setCurrentFilter(filter);
-    };
-    const handlerReset = () => {
-        reset();
-        setFilterListData(undefined);
-    };
-    const handleDelete = (key) => {
-        setValue(`${key}`, null);
-        setFilterListData((prevData) => {
-            const newData = { ...prevData };
-            delete newData[key];
-            return newData;
-        });
-    };
-    const getFilterItem = (key) => {
-        return filterListItems.find((item) => item.key === key);
-    };
-    const currentFilterValue = currentFilter?.key
-        ? watch(currentFilter.key)
-        : null;
-    const open = Boolean(anchorEl);
-    const renderChips = (data) => {
-        return Object.entries(data).map(([key, value]) => {
-            if (!value) {
-                return;
-            }
-            const item = getFilterItem(key);
-            const keyValue = item && (0, getFormData_1.getFormValue)(value, item);
-            return ((0, jsx_runtime_1.jsx)(FilterPill_1.FilterPill, { ref: filterPopupAnchorElm, label: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: `${keyValue}`, children: `${item?.label}: ${keyValue}` }), onDelete: () => handleDelete(key), onClick: (e) => {
-                    setOpenFilterPopup(true);
-                    filterPopupAnchorElm.current = e.currentTarget;
-                    const item = getFilterItem(key);
-                    if (item) {
-                        setCurrentFilter(item);
-                        handleFilterItemClick(item);
-                    }
-                } }, key));
-        });
-    };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", spacing: 1, alignItems: "center", children: [filterListData && renderChips(filterListData), (0, jsx_runtime_1.jsx)(material_1.IconButton
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    , { 
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        ref: filterPopupAnchorElm, onClick: handleClick, sx: { height: "40px" }, children: (0, jsx_runtime_1.jsx)(SvgFilterList_1.SvgFilterList, {}) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => handlerReset(), variant: "text", children: "Clear Filter" })] }), (0, jsx_runtime_1.jsx)(FilterPopup_1.FilterPopup, { open: open, anchorEl: anchorEl, onClose: handleClose, onApply: () => {
-                    handleSubmit(onSubmit)();
-                }, children: filterListItems.map((filter) => ((0, jsx_runtime_1.jsx)(material_1.Box, { onClick: () => filter.type !== "switch" && handleFilterItemClick(filter), children: (0, jsx_runtime_1.jsx)(FilterTypeWrapper_1.FilterTypeWrapper, { filter: filter, control: control }) }, filter.key))) }), currentFilter && currentFilter.type !== "switch" && ((0, jsx_runtime_1.jsx)(FilterPopupWrapper_1.FilterPopupWrapper, { open: openFilterPopup, onClose: handleCloseFilterPopup, onApply: () => {
-                    handleSubmit(onSubmit)();
-                }, control: control, currentFilterValue: currentFilterValue, anchorEl: filterPopupAnchorElm.current, filterItem: currentFilter }))] }));
-};
-exports.FilterList = FilterList;

package/packages/shared-components/dist/FilterList/FilterListV2.d.ts

@@ -1,13 +0,0 @@
-import type { FilterListType } from "./FilterTypeWrapper";
-import type { FieldValues } from "react-hook-form";
-export type FilterListV2Props = {
-    filterListItems: FilterListType[];
-    isDisabled?: boolean;
-    filterListData?: FieldValues;
-    onApply: (data: FieldValues, isPopup?: boolean, key?: string) => void;
-    onChange: (data: FieldValues, isPopup: boolean) => void;
-    onClear: () => void;
-    resetFormBasedOnFields?: string;
-};
-export declare const FilterListV2: ({ filterListItems, isDisabled, filterListData, onApply, onClear, onChange, }: FilterListV2Props) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=FilterListV2.d.ts.map

package/packages/shared-components/dist/FilterList/FilterListV2.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterListV2.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterListV2.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAK1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAanD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AACF,eAAO,MAAM,YAAY,iFAOtB,iBAAiB,4CAwcnB,CAAC"}

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

@@ -1,209 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterListV2 = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const material_1 = require("@mui/material");
-const FilterPopupWrapper_1 = require("./FilterPopupWrapper");
-const react_hook_form_1 = require("react-hook-form");
-const SvgFilterList_1 = require("../Svgs/SvgFilterList");
-const icons_material_1 = require("@mui/icons-material");
-const Switch_1 = require("../FormFields/Switch");
-const PadBox_1 = require("../PadBox");
-const Button_1 = require("../Button");
-const icons_1 = require("@mui/x-date-pickers/icons");
-const Tooltip_1 = require("../Tooltip");
-const FilterPill_1 = require("../Chips/FilterPill");
-const getFormData_1 = require("./getFormData");
-const lodash_1 = require("lodash");
-const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onApply, onClear, onChange, }) => {
-    const theme = (0, material_1.useTheme)();
-    const { iron, slate } = theme.palette.app.color;
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const filterPopupAnchorElm = (0, react_1.useRef)(null);
-    const [openFilterPopup, setOpenFilterPopup] = (0, react_1.useState)(false);
-    const [currentFilter, setCurrentFilter] = (0, react_1.useState)(null);
-    const handleDateRange = (filter) => {
-        setCurrentFilter(filter);
-        setOpenFilterPopup(true);
-    };
-    const defaultValues = (0, react_1.useMemo)(() => {
-        return filterListItems.reduce((acc, item) => {
-            acc[item.key] = item.value ?? null;
-            return acc;
-        }, {});
-    }, [filterListData]);
-    const { control, handleSubmit, setValue, reset, formState: { dirtyFields }, watch, } = (0, react_hook_form_1.useForm)({
-        values: defaultValues,
-    });
-    const company_id = watch("company_id");
-    const handleClose = () => {
-        setAnchorEl(null);
-    };
-    const handleCloseFilterPopup = () => {
-        if (currentFilter?.key) {
-            setValue(`${currentFilter?.key}`, filterListData?.[currentFilter.key]);
-        }
-        setOpenFilterPopup(false);
-    };
-    const handlerReset = () => {
-        reset();
-        onClear();
-        handleClose();
-    };
-    const handleClick = (event) => {
-        setAnchorEl(event.currentTarget);
-    };
-    const onSubmit = (data) => {
-        setOpenFilterPopup(false);
-        setCurrentFilter(null);
-        const filteredData = Object.fromEntries(Object.entries(data).filter(([, value]) => value && !(Array.isArray(value) && value.length === 0)));
-        onApply(filteredData, openFilterPopup, currentFilter?.key);
-    };
-    const handleDelete = (key) => {
-        setValue(`${key}`, null);
-        const newData = { ...filterListData };
-        delete newData[key];
-        onApply(newData, true, key);
-    };
-    const formData = (0, react_hook_form_1.useWatch)({ control });
-    const currentFilterValue = currentFilter?.key
-        ? watch(currentFilter.key)
-        : null;
-    (0, react_1.useEffect)(() => {
-        onChange(formData, openFilterPopup);
-    }, [formData, onChange]);
-    (0, react_1.useMemo)(() => {
-        if (company_id !== filterListData?.company_id && !openFilterPopup) {
-            filterListItems.forEach((item) => {
-                setValue(`${item.key}`, null);
-            });
-            setValue("company_id", company_id);
-        }
-    }, [company_id]);
-    const getFilterItem = (key) => {
-        return filterListItems.find((item) => item.key === key);
-    };
-    const open = Boolean(anchorEl);
-    const shouldFormSubmit = (0, react_1.useMemo)(() => {
-        return ((0, lodash_1.isEmpty)(dirtyFields) ||
-            Object.keys(formData).every((key) => !formData[key]));
-    }, [formData, dirtyFields]);
-    const renderChips = (data) => {
-        return Object.entries(data).map(([key, value]) => {
-            if (!value) {
-                return;
-            }
-            const item = getFilterItem(key);
-            const keyValue = item && (0, getFormData_1.getFormValue)(value, item);
-            if (!keyValue) {
-                return;
-            }
-            return ((0, jsx_runtime_1.jsx)(FilterPill_1.FilterPill, { ref: filterPopupAnchorElm, label: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip
-                // eslint-disable-next-line sonarjs/no-base-to-string
-                , { 
-                    // eslint-disable-next-line sonarjs/no-base-to-string
-                    toolTipLabel: `${keyValue}`, children: `${item?.label}: ${keyValue}` }), onDelete: () => handleDelete(key), onClick: (e) => {
-                    setOpenFilterPopup(true);
-                    filterPopupAnchorElm.current = e.currentTarget;
-                    const item = getFilterItem(key);
-                    if (item) {
-                        setCurrentFilter(item);
-                    }
-                } }, key));
-        });
-    };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { flexGrow: 1 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", spacing: 1, alignItems: "flex-start", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", alignItems: "flex-start", sx: {
-                            maxWidth: {
-                                xs: "40vw",
-                                md: "45vw",
-                                lg: "57vw",
-                            },
-                        }, children: filterListData &&
-                            Object.values(filterListData).some((value) => value) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", sx: {
-                                        minWidth: "60px",
-                                        marginTop: "8px",
-                                    }, children: "Filters:" }), (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", gap: "5px", marginTop: "3px", alignItems: "center", sx: { flexWrap: "wrap", maxWidth: "100%" }, children: renderChips(filterListData) })] })) }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", children: [filterListData &&
-                                Object.values(filterListData).some((value) => value) && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => handlerReset(), variant: "text", children: "Clear Filter" })), !isDisabled && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleClick, sx: { height: "40px" }, children: (0, jsx_runtime_1.jsx)(SvgFilterList_1.SvgFilterList, {}) }))] })] }), (0, jsx_runtime_1.jsx)("form", { onSubmit: (e) => {
-                    e.preventDefault();
-                    if (!shouldFormSubmit) {
-                        handleSubmit((data) => {
-                            onSubmit(data);
-                            handleClose();
-                        })();
-                    }
-                }, onKeyDown: (e) => {
-                    if (e.key === "Enter") {
-                        e.preventDefault();
-                        if (!shouldFormSubmit) {
-                            handleSubmit((data) => {
-                                onSubmit(data);
-                                handleClose();
-                            })();
-                        }
-                    }
-                }, children: (0, jsx_runtime_1.jsxs)(material_1.Drawer, { open: open, onClose: (_event, reason) => {
-                        if (reason === "backdropClick") {
-                            return;
-                        }
-                        handleClose();
-                    }, anchor: "right", sx: {
-                        zIndex: theme.zIndex.drawer + 2,
-                        "& .MuiPaper-root": {
-                            width: "350px",
-                        },
-                    }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "flex-end", sx: {
-                                background: iron[600],
-                            }, children: [(0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px 30px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", width: "100%", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: "Filter" }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
-                                                    reset();
-                                                    handleClose();
-                                                }, children: (0, jsx_runtime_1.jsx)(icons_1.ClearIcon, {}) })] }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { width: "100%" } })] }), (0, jsx_runtime_1.jsx)(material_1.Stack, { flexGrow: 1, sx: { overflowX: "hidden" }, children: filterListItems.map((filter) => filter.type === "switch" ? ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", width: "80%", sx: { padding: "10px 5px 10px 20px ", margin: "auto" }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: filter.label }), (0, jsx_runtime_1.jsx)(Switch_1.Switch, { control: control, name: filter.key })] }, filter.key)) : ((0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: !!filterListData?.[filter.key], disabled: filter.isDisabled, sx: {
-                                    "&.MuiAccordion-root.Mui-expanded": {
-                                        margin: "0 !important",
-                                    },
-                                }, children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(icons_material_1.ExpandMore, {}), "aria-controls": "panel1a-content", id: "panel1a-header", sx: {
-                                            flexDirection: "row-reverse",
-                                            "& MuiAccordionSummary-root.Mui-expanded": {
-                                                marginRight: "10px",
-                                                transform: "rotate(-90deg)",
-                                            },
-                                            "&.Mui-expanded": {
-                                                minHeight: "40px",
-                                                paddingY: "5px",
-                                            },
-                                            "& .MuiAccordionSummary-content.Mui-expanded": {
-                                                margin: "0px",
-                                            },
-                                        }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", width: "90%", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: filter.label }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: filter.menuInfo })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { sx: {
-                                            background: slate[600],
-                                            borderRadius: "5px",
-                                            padding: "0px",
-                                        }, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: {
-                                                paddingLeft: "15px",
-                                                paddingY: "5px",
-                                                paddingRight: "15px",
-                                            }, children: filter.type === "dateRange" ? ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: "10px", onClick: (e) => {
-                                                    handleDateRange(filter);
-                                                    filterPopupAnchorElm.current = e.currentTarget;
-                                                }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                                            border: "1px solid black",
-                                                            borderRadius: "5px",
-                                                            width: "150px",
-                                                            p: 1,
-                                                        }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: (Array.isArray(filterListData?.["dateRange"]) &&
-                                                                filterListData?.["dateRange"][0]) ||
-                                                                "Start Date" }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "~" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                                            border: "1px solid black",
-                                                            borderRadius: "5px",
-                                                            width: "150px",
-                                                            p: 1,
-                                                        }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: (Array.isArray(filterListData?.["dateRange"]) &&
-                                                                filterListData?.["dateRange"][1]) ||
-                                                                "End Date" }) })] })) : ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, FilterPopupWrapper_1.GetFilterPopupComponent)(filter, control)[filter.type] })) }) })] }, filter.key))) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { width: "100%", position: "absolute", bottom: "70px" } }), (0, jsx_runtime_1.jsx)(material_1.Stack, { height: "70px", children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "10px", sx: { position: "absolute", bottom: "15px" }, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { type: "submit", disabled: shouldFormSubmit, variant: "contained", onClick: () => {
-                                                handleSubmit(onSubmit)();
-                                                handleClose();
-                                            }, children: "Apply" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { type: "button", onClick: () => handlerReset(), disabled: Object.keys(formData).every((key) => !formData[key]), variant: "outlined", children: "Reset" })] }) }) })] }) }), currentFilter && currentFilter.type !== "switch" && ((0, jsx_runtime_1.jsx)(FilterPopupWrapper_1.FilterPopupWrapper, { open: openFilterPopup, onClose: handleCloseFilterPopup, onApply: () => {
-                    handleSubmit(onSubmit)();
-                }, control: control, anchorEl: filterPopupAnchorElm.current, filterItem: currentFilter, currentFilterValue: currentFilterValue }))] }));
-};
-exports.FilterListV2 = FilterListV2;

package/packages/shared-components/dist/FilterList/FilterPopup.d.ts

@@ -1,15 +0,0 @@
-import { type PropsWithChildren } from "react";
-import type { PopoverProps } from "@mui/material";
-import type { FilterListType } from "./FilterTypeWrapper";
-type FilterPopupProps = PropsWithChildren<PopoverProps> & {
-    onApply?: () => void;
-    showFooter?: boolean;
-    showDivider?: boolean;
-    title?: string;
-    background?: boolean;
-    filterItem?: FilterListType;
-    currentFilterValue?: string | string[] | null;
-};
-export declare const FilterPopup: ({ open, anchorEl, onClose, children, onApply, showDivider, showFooter, title, filterItem, background, currentFilterValue, }: FilterPopupProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=FilterPopup.d.ts.map

package/packages/shared-components/dist/FilterList/FilterPopup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterPopup.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAclD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,YAAY,CAAC,GAAG;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,WAAW,gIAYrB,gBAAgB,4CA4GlB,CAAC"}

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

@@ -1,62 +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.FilterPopup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
-const material_1 = require("@mui/material");
-const Button_1 = require("../Button");
-const PadBox_1 = require("../PadBox");
-const lodash_1 = require("lodash");
-const FilterPopup = ({ open, anchorEl, onClose, children, onApply, showDivider = false, showFooter = true, title, filterItem, background = false, currentFilterValue, }) => {
-    const theme = (0, material_1.useTheme)();
-    const { slate } = theme.palette.app.color;
-    const [initialValue, setInitialValue] = (0, react_1.useState)(null);
-    const [isDisabled, setIsDisabled] = (0, react_1.useState)(true);
-    (0, react_1.useEffect)(() => {
-        if (open) {
-            if (!initialValue && !!currentFilterValue) {
-                const changedValue = filterItem?.multiSelect
-                    ? (0, lodash_1.sortBy)(currentFilterValue)
-                    : currentFilterValue;
-                setInitialValue(changedValue);
-            }
-        }
-        else {
-            setInitialValue(null);
-        }
-        if (!!currentFilterValue && !!initialValue) {
-            const isChanged = filterItem?.multiSelect
-                ? JSON.stringify((0, lodash_1.sortBy)(currentFilterValue)) !==
-                    JSON.stringify(initialValue)
-                : currentFilterValue !== initialValue;
-            setIsDisabled(!isChanged);
-        }
-    }, [open, currentFilterValue, initialValue, filterItem?.multiSelect]);
-    const handleApply = () => {
-        setInitialValue(null);
-        if ((0, lodash_1.isFunction)(onApply)) {
-            onApply();
-        }
-    };
-    const handleClose = () => {
-        setInitialValue(null);
-        if ((0, lodash_1.isFunction)(onClose)) {
-            onClose({}, "backdropClick");
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Popover, { open: open, anchorEl: anchorEl, anchorOrigin: { vertical: "bottom", horizontal: "left" }, onClose: (_event, reason) => {
-            if (reason === "backdropClick") {
-                return;
-            }
-            handleClose();
-        }, sx: { "& .MuiPaper-root": { minWidth: "300px" } }, children: [showDivider && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "flex-end", children: [(0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "8px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", width: "100%", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: title }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleClose, children: (0, jsx_runtime_1.jsx)(Clear_1.default, {}) })] }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { width: "100%" } })] })), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                    background: background ? slate[600] : "transparent",
-                    borderRadius: "5px",
-                    maxWidth: "300px",
-                }, children: children }), showFooter && ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px" }, children: (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", justifyContent: "flex-end", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: handleApply, disabled: isDisabled, variant: "text", sx: { maxWidth: "40px" }, children: "Apply" }) }) }))] }));
-};
-exports.FilterPopup = FilterPopup;

package/packages/shared-components/dist/FilterList/FilterPopupWrapper.d.ts

@@ -1,23 +0,0 @@
-import { type PropsWithChildren } from "react";
-import type { FilterListType } from "./FilterTypeWrapper";
-import { type PopoverProps } from "@mui/material";
-import type { Control, FieldValues } from "react-hook-form";
-type FilterPopupWrapperProp = PropsWithChildren<PopoverProps> & {
-    filterItem: FilterListType;
-    control: Control<FieldValues>;
-    currentFilterValue?: string | string[] | null;
-    onApply: () => void;
-};
-export type FilterPopupComponentType = {
-    autoComplete?: JSX.Element;
-    text: JSX.Element;
-    date: JSX.Element;
-    checkbox?: JSX.Element;
-    dateRange?: JSX.Element;
-    switch?: JSX.Element;
-    radio?: JSX.Element;
-};
-export declare const GetFilterPopupComponent: (selectedFilter: FilterListType, control: Control<FieldValues>) => FilterPopupComponentType;
-export declare const FilterPopupWrapper: ({ open, anchorEl, filterItem, onClose, control, onApply, currentFilterValue, }: FilterPopupWrapperProp) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=FilterPopupWrapper.d.ts.map

package/packages/shared-components/dist/FilterList/FilterPopupWrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterPopupWrapper.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterPopupWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAO1D,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG5D,KAAK,sBAAsB,GAAG,iBAAiB,CAAC,YAAY,CAAC,GAAG;IAC9D,UAAU,EAAE,cAAc,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,uBAAuB,mBAClB,cAAc,WACrB,OAAO,CAAC,WAAW,CAAC,KAC5B,wBAkDF,CAAC;AAEF,eAAO,MAAM,kBAAkB,mFAQ5B,sBAAsB,4CAmBxB,CAAC"}