@codezee/sixtify-brahma 0.2.201 → 0.2.202

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

@@ -1,16 +1,21 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OpenDrawerMenuItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_material_1 = require("@mui/icons-material");
-const material_1 = require("@mui/material");
+const ExpandLess_1 = __importDefault(require("@mui/icons-material/ExpandLess"));
+const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const styles_1 = require("@mui/material/styles");
 const Bullet_1 = require("../Bullet");
 const MenuItem_1 = require("../MenuItem");
 const OpenDrawerMenuItem = ({ icon = (0, jsx_runtime_1.jsx)(Bullet_1.Bullet, {}), title, isShowEndAdornment = false, selected = false, onClick, isExpanded, sx, }) => {
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     const { butterflyBlue } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsx)(Box_1.default, { sx: {
             bgcolor: selected && !isShowEndAdornment ? butterflyBlue[900] : "",
-        }, children: (0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { sx: sx, title: title, icon: icon, onClick: onClick, selected: selected, endAdornment: isShowEndAdornment && (isExpanded ? (0, jsx_runtime_1.jsx)(icons_material_1.ExpandLess, {}) : (0, jsx_runtime_1.jsx)(icons_material_1.ExpandMore, {})) }) }));
+        }, children: (0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { sx: sx, title: title, icon: icon, onClick: onClick, selected: selected, endAdornment: isShowEndAdornment && (isExpanded ? (0, jsx_runtime_1.jsx)(ExpandLess_1.default, {}) : (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {})) }) }));
 };
 exports.OpenDrawerMenuItem = OpenDrawerMenuItem;

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

@@ -1 +1 @@
-{"version":3,"file":"OpenDrawerMenuItemList.d.ts","sourceRoot":"","sources":["../../../src/Drawer/OpenDrawer/OpenDrawerMenuItemList.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAI1C,KAAK,2BAA2B,GAAG;IACjC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;KAC3B,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EACnB,OAAO,GACP;SACG,IAAI,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,eAAe;KACtD;CACN,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,eAAe,CAAC;IAC9B,eAAe,EAAE,CACf,KAAK,EAAE,eAAe,GAAG,CAAC,CAAC,IAAI,EAAE,eAAe,KAAK,eAAe,CAAC,KAClE,IAAI,CAAC;IACV,mBAAmB,EAAE,eAAe,CAAC;CACtC,CAAC;AAsCF,eAAO,MAAM,wBAAwB,GACnC,OAAO,eAAe,EACtB,MAAM,MAAM,EAAE,KACb,OAUF,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,EAAE,MAAM,MAAM,EAAE,YAIhE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,sFAO/B,sBAAsB,wDAwGxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,iCAGpC,2BAA2B,8CAiC7B,CAAC"}
+{"version":3,"file":"OpenDrawerMenuItemList.d.ts","sourceRoot":"","sources":["../../../src/Drawer/OpenDrawer/OpenDrawerMenuItemList.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,KAAK,2BAA2B,GAAG;IACjC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;KAC3B,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EACnB,OAAO,GACP;SACG,IAAI,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,eAAe;KACtD;CACN,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,eAAe,CAAC;IAC9B,eAAe,EAAE,CACf,KAAK,EAAE,eAAe,GAAG,CAAC,CAAC,IAAI,EAAE,eAAe,KAAK,eAAe,CAAC,KAClE,IAAI,CAAC;IACV,mBAAmB,EAAE,eAAe,CAAC;CACtC,CAAC;AAsCF,eAAO,MAAM,wBAAwB,GACnC,OAAO,eAAe,EACtB,MAAM,MAAM,EAAE,KACb,OAUF,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,EAAE,MAAM,MAAM,EAAE,YAIhE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,sFAO/B,sBAAsB,wDAwGxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,iCAGpC,2BAA2B,8CAiC7B,CAAC"}

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

@@ -1,10 +1,15 @@
 "use client";
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OpenDrawerMenuItemList = exports.MenuItemRecursive = exports.isMenuOpen = exports.isPathInCurrentSelection = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const lodash_1 = require("lodash");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const List_1 = __importDefault(require("@mui/material/List"));
+const styles_1 = require("@mui/material/styles");
+const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
 const react_1 = require("react");
 const urlToNestedObject_1 = require("../../utils/urlToNestedObject");
 const OpenDrawerCollapse_1 = require("./OpenDrawerCollapse");
@@ -51,7 +56,7 @@ const isMenuOpen = (state, path) => {
 };
 exports.isMenuOpen = isMenuOpen;
 const MenuItemRecursive = ({ menuItem, level = 0, parentPath = "", subMenusOpen, setSubMenusOpen, currentPathMenuOpen, }) => {
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     if (level === 3) {
         return;
     }
@@ -94,14 +99,14 @@ const MenuItemRecursive = ({ menuItem, level = 0, parentPath = "", subMenusOpen,
             onClick(path, target);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(OpenDrawerMenuItem_1.OpenDrawerMenuItem, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { children: [(0, jsx_runtime_1.jsx)(OpenDrawerMenuItem_1.OpenDrawerMenuItem, { sx: {
                     paddingLeft: dynamicPadding,
                     fontSize: "13px",
                     ":focus-visible": {
                         border: `1px solid ${butterflyBlue[900]}`,
                         backgroundColor: slate[900],
                     },
-                }, onClick: handleClick, icon: level === 0 ? icon : undefined, title: title, isShowEndAdornment: menuItems.length > 0 && level < 2, selected: isMenuSelected, isExpanded: isMenuExpanded }), menuItems.length > 0 && ((0, jsx_runtime_1.jsx)(OpenDrawerCollapse_1.OpenDrawerCollapse, { in: isMenuExpanded, children: (0, jsx_runtime_1.jsx)(material_1.List, { component: "div", disablePadding: true, children: menuItems.map((subMenuItem) => ((0, jsx_runtime_1.jsx)(exports.MenuItemRecursive, { menuItem: subMenuItem, level: level + 1, parentPath: currentPath, subMenusOpen: subMenusOpen, setSubMenusOpen: setSubMenusOpen, currentPathMenuOpen: currentPathMenuOpen }, subMenuItem.key))) }) }))] }, key));
+                }, onClick: handleClick, icon: level === 0 ? icon : undefined, title: title, isShowEndAdornment: menuItems.length > 0 && level < 2, selected: isMenuSelected, isExpanded: isMenuExpanded }), menuItems.length > 0 && ((0, jsx_runtime_1.jsx)(OpenDrawerCollapse_1.OpenDrawerCollapse, { in: isMenuExpanded, children: (0, jsx_runtime_1.jsx)(List_1.default, { component: "div", disablePadding: true, children: menuItems.map((subMenuItem) => ((0, jsx_runtime_1.jsx)(exports.MenuItemRecursive, { menuItem: subMenuItem, level: level + 1, parentPath: currentPath, subMenusOpen: subMenusOpen, setSubMenusOpen: setSubMenusOpen, currentPathMenuOpen: currentPathMenuOpen }, subMenuItem.key))) }) }))] }, key));
 };
 exports.MenuItemRecursive = MenuItemRecursive;
 const OpenDrawerMenuItemList = ({ menuItems, currentPathname, }) => {
@@ -109,7 +114,7 @@ const OpenDrawerMenuItemList = ({ menuItems, currentPathname, }) => {
     const [currentPathMenuOpen, setCurrentPathMenuOpen] = (0, react_1.useState)({});
     (0, react_1.useEffect)(() => {
         const navObj = (0, urlToNestedObject_1.urlToNestedObject)(currentPathname);
-        if ((0, lodash_1.isEmpty)(navObj)) {
+        if ((0, isEmpty_1.default)(navObj)) {
             setSubMenusOpen({ home: true });
             setCurrentPathMenuOpen({ home: true });
             return;

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

@@ -1,6 +1,6 @@
-import type { PopoverProps } from "@mui/material";
 import { type PropsWithChildren } from "react";
 import type { OnAction } from "../utils/types";
+import type { PopoverProps } from "@mui/material/Popover";
 type DateRangePickerPopUpProps = Partial<PropsWithChildren<PopoverProps> & {
     onApply: OnAction;
     showDivider: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangePickerPopUp.d.ts","sourceRoot":"","sources":["../../src/FilterList/DateRangePickerPopUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAYlD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,KAAK,yBAAyB,GAAG,OAAO,CACtC,iBAAiB,CAAC,YAAY,CAAC,GAAG;IAChC,OAAO,EAAE,QAAQ,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;CACf,CACF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,+EASlC,yBAAyB,4CAuE3B,CAAC"}
+{"version":3,"file":"DateRangePickerPopUp.d.ts","sourceRoot":"","sources":["../../src/FilterList/DateRangePickerPopUp.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,KAAK,yBAAyB,GAAG,OAAO,CACtC,iBAAiB,CAAC,YAAY,CAAC,GAAG;IAChC,OAAO,EAAE,QAAQ,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;CACf,CACF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,+EASlC,yBAAyB,4CAuE3B,CAAC"}

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

@@ -1,23 +1,32 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateRangePickerPopUp = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Divider_1 = __importDefault(require("@mui/material/Divider"));
+const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+const Popover_1 = __importDefault(require("@mui/material/Popover"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const styles_1 = require("@mui/material/styles");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const x_date_pickers_1 = require("@mui/x-date-pickers");
-const lodash_1 = require("lodash");
+const isFunction_1 = __importDefault(require("lodash/isFunction"));
 const PadBox_1 = require("../PadBox");
 const DateRangePickerPopUp = ({ open = false, anchorEl, onClose, children, onApply, showDivider = false, title, required, }) => {
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     const { slate } = theme.palette.app.color;
     const handleClose = () => {
-        if ((0, lodash_1.isFunction)(onApply)) {
+        if ((0, isFunction_1.default)(onApply)) {
             onApply();
         }
-        if ((0, lodash_1.isFunction)(onClose)) {
+        if ((0, isFunction_1.default)(onClose)) {
             onClose({}, "backdropClick");
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Popover, { open: open, anchorEl: anchorEl, anchorOrigin: { vertical: "bottom", horizontal: "left" }, onClose: () => {
+    return ((0, jsx_runtime_1.jsxs)(Popover_1.default, { open: open, anchorEl: anchorEl, anchorOrigin: { vertical: "bottom", horizontal: "left" }, onClose: () => {
             handleClose();
         }, onKeyDown: (e) => {
             if (e.key === "Escape") {
@@ -25,7 +34,7 @@ const DateRangePickerPopUp = ({ open = false, anchorEl, onClose, children, onApp
                 e.stopPropagation();
                 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.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: "5px", children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "h6", children: [title, " "] }), required && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", color: "error", children: "*" }))] }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleClose, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.ClearIcon, {}) })] }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { width: "100%" } })] })), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+        }, sx: { "& .MuiPaper-root": { minWidth: "300px" } }, children: [showDivider && ((0, jsx_runtime_1.jsxs)(Stack_1.default, { alignItems: "flex-end", children: [(0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "8px" }, children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", justifyContent: "space-between", width: "100%", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", alignItems: "center", gap: "5px", children: [(0, jsx_runtime_1.jsxs)(Typography_1.default, { variant: "h6", children: [title, " "] }), required && ((0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "h6", color: "error", children: "*" }))] }), (0, jsx_runtime_1.jsx)(IconButton_1.default, { onClick: handleClose, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.ClearIcon, {}) })] }) }), (0, jsx_runtime_1.jsx)(Divider_1.default, { sx: { width: "100%" } })] })), (0, jsx_runtime_1.jsx)(Box_1.default, { sx: {
                     background: slate[600],
                     borderRadius: "5px",
                 }, children: children })] }));

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

@@ -1 +1 @@
-{"version":3,"file":"FilterList.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterList.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1D,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,cAAc,EAAE,CAAC;CACnC,CAAC;AACF,eAAO,MAAM,UAAU,GAAI,qBAAqB,eAAe,4CAoK9D,CAAC"}
+{"version":3,"file":"FilterList.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterList.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAG1D,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,cAAc,EAAE,CAAC;CACnC,CAAC;AACF,eAAO,MAAM,UAAU,GAAI,qBAAqB,eAAe,4CAoK9D,CAAC"}

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

@@ -1,8 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const Button_1 = require("../Button");
@@ -79,13 +84,13 @@ const FilterList = ({ filterListItems }) => {
                 } }, 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
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", spacing: 1, alignItems: "center", children: [filterListData && renderChips(filterListData), (0, jsx_runtime_1.jsx)(IconButton_1.default
                     // 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: () => {
+                }, children: filterListItems.map((filter) => ((0, jsx_runtime_1.jsx)(Box_1.default, { 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, errors: errors }))] }));
 };

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

@@ -1,6 +1,6 @@
-import type { FieldValues } from "react-hook-form";
 import type { FilterListType } from "./FilterTypeWrapper";
 import type { OnAction } from "../utils/types";
+import type { FieldValues } from "react-hook-form";
 export type FilterListV2Props = {
     filterListItems: FilterListType[];
     isDisabled?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"FilterListV2.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterListV2.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAsBnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAG1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,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,QAAQ,CAAC;IAClB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,WAAW,EACjB,eAAe,EAAE,cAAc,EAAE,GAChC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAiB7B;AAED,eAAO,MAAM,YAAY,GAAI,8EAO1B,iBAAiB,4CA6vBnB,CAAC"}
+{"version":3,"file":"FilterListV2.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterListV2.tsx"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,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,QAAQ,CAAC;IAClB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,WAAW,EACjB,eAAe,EAAE,cAAc,EAAE,GAChC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAiB7B;AAED,eAAO,MAAM,YAAY,GAAI,8EAO1B,iBAAiB,4CA6vBnB,CAAC"}

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

@@ -11,9 +11,18 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable sonarjs/function-return-type */
 /* eslint-disable no-use-before-define */
 const zod_1 = require("@hookform/resolvers/zod");
-const icons_material_1 = require("@mui/icons-material");
-const material_1 = require("@mui/material");
-const icons_1 = require("@mui/x-date-pickers/icons");
+const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
+const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
+const Accordion_1 = __importDefault(require("@mui/material/Accordion"));
+const AccordionDetails_1 = __importDefault(require("@mui/material/AccordionDetails"));
+const AccordionSummary_1 = __importDefault(require("@mui/material/AccordionSummary"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Divider_1 = __importDefault(require("@mui/material/Divider"));
+const Drawer_1 = __importDefault(require("@mui/material/Drawer"));
+const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const styles_1 = require("@mui/material/styles");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
 const isEqual_1 = __importDefault(require("lodash/isEqual"));
 const isNil_1 = __importDefault(require("lodash/isNil"));
@@ -48,7 +57,7 @@ function formatFilterData(data, filterListItems) {
     }));
 }
 const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onApply, onClear, onChange, }) => {
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     const { iron, slate } = theme.palette.app.color;
     const { layout } = (0, utils_1.useGetDeviceType)();
     const isDesktop = layout === "desktop";
@@ -320,17 +329,17 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
         },
     });
     const firstNonSwitchIndex = filterListItems.findIndex(({ type }) => type !== "switch" && type !== "dateRange");
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { flexGrow: 1 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: { xs: "end", md: "space-between" }, spacing: 1, children: [isDesktop && ((0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", alignItems: "center", sx: {
+    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { sx: { flexGrow: 1 }, children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", justifyContent: { xs: "end", md: "space-between" }, spacing: 1, children: [isDesktop && ((0, jsx_runtime_1.jsx)(Stack_1.default, { direction: "row", alignItems: "center", 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: {
+                            Object.values(filterListData).some((value) => value) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body1", sx: {
                                         minWidth: "50px",
                                         marginRight: "5px",
-                                    }, children: "Filters:" }), (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", gap: "5px", alignItems: "center", sx: { flexWrap: "wrap", maxWidth: "100%" }, children: renderChips(filterListData) })] })) })), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "flex-start", children: [filterListData &&
+                                    }, children: "Filters:" }), (0, jsx_runtime_1.jsx)(Stack_1.default, { direction: "row", gap: "5px", alignItems: "center", sx: { flexWrap: "wrap", maxWidth: "100%" }, children: renderChips(filterListData) })] })) })), (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", alignItems: "flex-start", children: [filterListData &&
                                 Object.values(filterListData).some((value) => value) && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => handlerReset(), variant: "text", sx: { minWidth: { xs: "60px", sm: "100px" } }, children: !isMobile ? "Clear Filter" : "Clear" })), !isDisabled && ((0, jsx_runtime_1.jsx)(Actions_1.FilterIconAction, { isFiltered: !(0, isEmpty_1.default)(filterListData), onClick: handleClick, ref: filterListV2AnchorRef }))] })] }), (0, jsx_runtime_1.jsx)("form", { onSubmit: (e) => {
                     e.preventDefault();
                     if (!shouldFormSubmit) {
@@ -347,7 +356,7 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
                             })();
                         }
                     }
-                }, children: (0, jsx_runtime_1.jsxs)(material_1.Drawer, { open: open, onClose: (_event, reason) => {
+                }, children: (0, jsx_runtime_1.jsxs)(Drawer_1.default, { open: open, onClose: (_event, reason) => {
                         if (reason === "backdropClick") {
                             return;
                         }
@@ -358,12 +367,12 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
                             width: "100%",
                             maxWidth: { xs: "270px", sm: "350px" },
                         },
-                    }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { sx: {
+                    }, children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { 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: () => {
+                            }, children: [(0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px 30px" }, children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", justifyContent: "space-between", width: "100%", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "h6", children: "Filter" }), (0, jsx_runtime_1.jsx)(IconButton_1.default, { 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, index) => 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)(SwitchField_1.SwitchField, { control: control, name: filter.key })] }, filter.key)) : ((0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: index === firstNonSwitchIndex ||
+                                                }, children: (0, jsx_runtime_1.jsx)(Clear_1.default, {}) })] }) }), (0, jsx_runtime_1.jsx)(Divider_1.default, { sx: { width: "100%" } })] }), (0, jsx_runtime_1.jsx)(Stack_1.default, { flexGrow: 1, sx: { overflowX: "hidden" }, children: filterListItems.map((filter, index) => filter.type === "switch" ? ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", justifyContent: "space-between", alignItems: "center", width: "80%", sx: { padding: "10px 5px 10px 20px ", margin: "auto" }, children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", children: filter.label }), (0, jsx_runtime_1.jsx)(SwitchField_1.SwitchField, { control: control, name: filter.key })] }, filter.key)) : ((0, jsx_runtime_1.jsxs)(Accordion_1.default, { defaultExpanded: index === firstNonSwitchIndex ||
                                     !!filterListData?.[filter.key] ||
                                     !!defaultValues?.[filter.key] ||
                                     filter.required, disabled: filter.isDisabled, sx: {
@@ -374,7 +383,7 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
                                     "&.MuiAccordion-root.Mui-disabled": {
                                         backgroundColor: "transparent",
                                     },
-                                }, 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: {
+                                }, children: [(0, jsx_runtime_1.jsx)(AccordionSummary_1.default, { expandIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {}), "aria-controls": "panel1a-content", id: "panel1a-header", sx: {
                                             flexDirection: "row-reverse",
                                             "& MuiAccordionSummary-root.Mui-expanded": {
                                                 marginRight: "10px",
@@ -387,7 +396,7 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
                                             "& .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.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: "5px", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: filter.label }), filter.required && ((0, jsx_runtime_1.jsx)(material_1.Typography, { color: "error", children: "*" }))] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: filter.menuInfo })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { sx: {
+                                        }, children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", justifyContent: "space-between", alignItems: "center", width: "90%", children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", alignItems: "center", gap: "5px", children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", children: filter.label }), filter.required && ((0, jsx_runtime_1.jsx)(Typography_1.default, { color: "error", children: "*" }))] }), (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", children: filter.menuInfo })] }) }), (0, jsx_runtime_1.jsx)(AccordionDetails_1.default, { sx: {
                                             background: slate[600],
                                             borderRadius: "5px",
                                             padding: "0px",
@@ -395,32 +404,32 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
                                                 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) => {
+                                            }, children: filter.type === "dateRange" ? ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", alignItems: "center", gap: "10px", onClick: (e) => {
                                                     handleDateRange(filter);
                                                     dateRangeAnchorRef.current = e.currentTarget;
-                                                }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                                }, children: [(0, jsx_runtime_1.jsx)(Box_1.default, { 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(watch(filter.key)) &&
+                                                        }, children: (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", children: Array.isArray(watch(filter.key)) &&
                                                                 watch(filter.key)[0]
                                                                 ? luxon_1.DateTime.fromISO(watch(filter.key)[0]).toFormat(FormFields_1.dateFormats.dateWithEuropean)
-                                                                : "Start Date" }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "~" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                                                : "Start Date" }) }), (0, jsx_runtime_1.jsx)(Typography_1.default, { children: "~" }), (0, jsx_runtime_1.jsx)(Box_1.default, { 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(watch(filter.key)) &&
+                                                        }, children: (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", children: Array.isArray(watch(filter.key)) &&
                                                                 watch(filter.key)[1]
                                                                 ? luxon_1.DateTime.fromISO(watch(filter.key)[1]).toFormat(FormFields_1.dateFormats.dateWithEuropean)
-                                                                : "End Date" }) })] })) : ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, GetFilterPopupComponent_1.getFilterPopupComponent)({
+                                                                : "End Date" }) })] })) : ((0, jsx_runtime_1.jsx)(Box_1.default, { children: (0, GetFilterPopupComponent_1.getFilterPopupComponent)({
                                                     selectedFilter: filter,
                                                     control,
                                                     errors,
                                                     setIsPopupOpen,
                                                     autoFocus: index === firstNonSwitchIndex,
-                                                })[filter.type] })) }) })] }, filter.key))) }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(material_1.Stack, { children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px" }, children: (0, jsx_runtime_1.jsxs)(Layouts_1.ButtonContainer, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { type: "submit", disabled: shouldFormSubmit, variant: "contained", onClick: () => {
+                                                })[filter.type] })) }) })] }, filter.key))) }), (0, jsx_runtime_1.jsx)(Divider_1.default, {}), (0, jsx_runtime_1.jsx)(Stack_1.default, { children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px" }, children: (0, jsx_runtime_1.jsxs)(Layouts_1.ButtonContainer, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { type: "submit", disabled: shouldFormSubmit, variant: "contained", onClick: () => {
                                                 handleSubmit(onSubmit)();
                                             }, 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 && ((0, jsx_runtime_1.jsx)(FilterPopupWrapper_1.FilterPopupWrapper, { open: openFilterPopup, onClose: handleCloseFilterPopup, onApply: () => {
                     handleSubmit(onSubmit)();

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

@@ -1,7 +1,7 @@
-import type { PopoverProps } from "@mui/material";
 import { type PropsWithChildren } from "react";
 import type { FilterListType } from "./FilterTypeWrapper";
 import type { OnAction } from "../utils/types";
+import type { PopoverProps } from "@mui/material";
 type FilterPopupProps = PropsWithChildren<PopoverProps> & {
     onApply?: OnAction;
     showFooter?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"FilterPopup.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterPopup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAWlD,OAAO,EAAuB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,YAAY,CAAC,GAAG;IACxD,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,QAAQ,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,8IAczB,gBAAgB,4CAyHlB,CAAC"}
+{"version":3,"file":"FilterPopup.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterPopup.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAuB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,YAAY,CAAC,GAAG;IACxD,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,QAAQ,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,8IAczB,gBAAgB,4CAyHlB,CAAC"}

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

@@ -6,13 +6,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterPopup = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
-const material_1 = require("@mui/material");
-const lodash_1 = require("lodash");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Divider_1 = __importDefault(require("@mui/material/Divider"));
+const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+const Popover_1 = __importDefault(require("@mui/material/Popover"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const styles_1 = require("@mui/material/styles");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const isFunction_1 = __importDefault(require("lodash/isFunction"));
+const sortBy_1 = __importDefault(require("lodash/sortBy"));
 const react_1 = require("react");
 const Button_1 = require("../Button");
 const PadBox_1 = require("../PadBox");
 const FilterPopup = ({ open, anchorEl, onClose, children, onApply, showDivider = false, showFooter = true, title, required, filterItem, reset, background = false, currentFilterValue, }) => {
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     const { slate } = theme.palette.app.color;
     const [initialValue, setInitialValue] = (0, react_1.useState)(null);
     const [isDisabled, setIsDisabled] = (0, react_1.useState)(true);
@@ -20,7 +27,7 @@ const FilterPopup = ({ open, anchorEl, onClose, children, onApply, showDivider =
         if (open) {
             if (!initialValue && !!currentFilterValue) {
                 const changedValue = filterItem?.multiSelect
-                    ? (0, lodash_1.sortBy)(currentFilterValue)
+                    ? (0, sortBy_1.default)(currentFilterValue)
                     : currentFilterValue;
                 setInitialValue(changedValue);
             }
@@ -30,7 +37,7 @@ const FilterPopup = ({ open, anchorEl, onClose, children, onApply, showDivider =
         }
         if (!!currentFilterValue && !!initialValue) {
             const isChanged = filterItem?.multiSelect
-                ? JSON.stringify((0, lodash_1.sortBy)(currentFilterValue)) !==
+                ? JSON.stringify((0, sortBy_1.default)(currentFilterValue)) !==
                     JSON.stringify(initialValue)
                 : currentFilterValue !== initialValue;
             setIsDisabled(!isChanged);
@@ -38,28 +45,28 @@ const FilterPopup = ({ open, anchorEl, onClose, children, onApply, showDivider =
     }, [open, currentFilterValue, initialValue, filterItem?.multiSelect]);
     const handleApply = () => {
         setInitialValue(null);
-        if ((0, lodash_1.isFunction)(onApply)) {
+        if ((0, isFunction_1.default)(onApply)) {
             onApply();
         }
     };
     const handleClose = () => {
         setInitialValue(null);
-        if ((0, lodash_1.isFunction)(reset)) {
+        if ((0, isFunction_1.default)(reset)) {
             reset();
         }
-        if ((0, lodash_1.isFunction)(onClose)) {
+        if ((0, isFunction_1.default)(onClose)) {
             onClose({}, "backdropClick");
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Popover, { open: open, anchorEl: anchorEl, anchorOrigin: { vertical: "bottom", horizontal: "left" }, onClose: (_event, reason) => {
+    return ((0, jsx_runtime_1.jsxs)(Popover_1.default, { 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.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: "5px", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: title }), required && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", color: "error", children: "*" }))] }), (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: {
+        }, sx: { "& .MuiPaper-root": { minWidth: "300px" } }, children: [showDivider && ((0, jsx_runtime_1.jsxs)(Stack_1.default, { alignItems: "flex-end", children: [(0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "8px" }, children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", justifyContent: "space-between", width: "100%", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", alignItems: "center", gap: "5px", children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "h6", children: title }), required && ((0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "h6", color: "error", children: "*" }))] }), (0, jsx_runtime_1.jsx)(IconButton_1.default, { onClick: handleClose, children: (0, jsx_runtime_1.jsx)(Clear_1.default, {}) })] }) }), (0, jsx_runtime_1.jsx)(Divider_1.default, { sx: { width: "100%" } })] })), (0, jsx_runtime_1.jsx)(Box_1.default, { 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.Box, { display: "flex", justifyContent: "flex-end", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: handleApply, disabled: isDisabled, variant: "text", sx: { maxWidth: "40px" }, children: "Apply" }) }) }))] }));
+                }, children: children }), showFooter && ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px" }, children: (0, jsx_runtime_1.jsx)(Box_1.default, { display: "flex", 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,8 +1,8 @@
-import { type PopoverProps } from "@mui/material";
 import { type PropsWithChildren } from "react";
-import type { Control, FieldErrors, FieldValues } from "react-hook-form";
 import type { FilterListType } from "./FilterTypeWrapper";
 import type { OnAction } from "../utils/types";
+import type { PopoverProps } from "@mui/material/Popover";
+import type { Control, FieldErrors, FieldValues } from "react-hook-form";
 type FilterPopupWrapperProp = PropsWithChildren<PopoverProps> & {
     filterItem: FilterListType;
     control: Control<FieldValues>;

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

@@ -1 +1 @@
-{"version":3,"file":"FilterPopupWrapper.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterPopupWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,KAAK,sBAAsB,GAAG,iBAAiB,CAAC,YAAY,CAAC,GAAG;IAC9D,UAAU,EAAE,cAAc,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9B,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IAC9C,OAAO,EAAE,QAAQ,CAAC;IAClB,KAAK,CAAC,EAAE,QAAQ,CAAC;CAClB,CAAC;AAEF,KAAK,gCAAgC,GAAG,iBAAiB,CAAC,YAAY,CAAC,GAAG;IACxE,UAAU,EAAE,cAAc,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9B,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACjC,OAAO,EAAE,QAAQ,CAAC;CACnB,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,kBAAkB,GAAI,+FAUhC,sBAAsB,4CAyCxB,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,oEAQzC,gCAAgC,4CAuBlC,CAAC"}
+{"version":3,"file":"FilterPopupWrapper.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterPopupWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAS/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEzE,KAAK,sBAAsB,GAAG,iBAAiB,CAAC,YAAY,CAAC,GAAG;IAC9D,UAAU,EAAE,cAAc,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9B,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IAC9C,OAAO,EAAE,QAAQ,CAAC;IAClB,KAAK,CAAC,EAAE,QAAQ,CAAC;CAClB,CAAC;AAEF,KAAK,gCAAgC,GAAG,iBAAiB,CAAC,YAAY,CAAC,GAAG;IACxE,UAAU,EAAE,cAAc,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9B,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACjC,OAAO,EAAE,QAAQ,CAAC;CACnB,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,kBAAkB,GAAI,+FAUhC,sBAAsB,4CAyCxB,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,oEAQzC,gCAAgC,4CAuBlC,CAAC"}

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

@@ -1,8 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterPopUpDateRangeWrapper = exports.FilterPopupWrapper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const FormFields_1 = require("../FormFields");
 const PadBox_1 = require("../PadBox");
 const DateRangePickerPopUp_1 = require("./DateRangePickerPopUp");
@@ -13,7 +17,7 @@ const FilterPopupWrapper = ({ open, anchorEl, filterItem, onClose, control, erro
                     selectedFilter: filterItem,
                     control,
                     errors,
-                })[filterItem.type], filterItem.type === "switch" && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { padding: "10px 5px 10px 20px", margin: "auto" }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: filterItem.label }), (0, jsx_runtime_1.jsx)(FormFields_1.SwitchField, { control: control, name: filterItem.key })] }, filterItem.key))] }) }));
+                })[filterItem.type], filterItem.type === "switch" && ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { padding: "10px 5px 10px 20px", margin: "auto" }, children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", children: filterItem.label }), (0, jsx_runtime_1.jsx)(FormFields_1.SwitchField, { control: control, name: filterItem.key })] }, filterItem.key))] }) }));
 };
 exports.FilterPopupWrapper = FilterPopupWrapper;
 const FilterPopUpDateRangeWrapper = ({ open, anchorEl, filterItem, onClose, control, errors, onApply, }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"FilterTypeWrapper.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterTypeWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG5D,MAAM,MAAM,mBAAmB,GAC3B,cAAc,GACd,MAAM,GACN,MAAM,GACN,WAAW,GACX,UAAU,GACV,OAAO,GACP,QAAQ,CAAC;AAEb,KAAK,OAAO,GAAG,SAAS;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,EAAE,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC/B,CAAC;AACF,eAAO,MAAM,iBAAiB,GAAI,sBAG/B,sBAAsB,4CAqBxB,CAAC"}
+{"version":3,"file":"FilterTypeWrapper.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterTypeWrapper.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE5D,MAAM,MAAM,mBAAmB,GAC3B,cAAc,GACd,MAAM,GACN,MAAM,GACN,WAAW,GACX,UAAU,GACV,OAAO,GACP,QAAQ,CAAC;AAEb,KAAK,OAAO,GAAG,SAAS;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,EAAE,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC/B,CAAC;AACF,eAAO,MAAM,iBAAiB,GAAI,sBAG/B,sBAAsB,4CAqBxB,CAAC"}

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

@@ -1,13 +1,18 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterTypeWrapper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const ListItemButton_1 = __importDefault(require("@mui/material/ListItemButton"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const SwitchField_1 = require("../FormFields/SwitchField");
 const FilterTypeWrapper = ({ filter, control, }) => {
     const getFilterByType = (type) => {
-        return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", width: "100%", justifyContent: "space-between", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: filter.label }), type === "switch" ? ((0, jsx_runtime_1.jsx)(SwitchField_1.SwitchField, { control: control, name: filter.key })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: filter.menuInfo }))] }));
+        return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", width: "100%", justifyContent: "space-between", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", children: filter.label }), type === "switch" ? ((0, jsx_runtime_1.jsx)(SwitchField_1.SwitchField, { control: control, name: filter.key })) : ((0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", children: filter.menuInfo }))] }));
     };
-    return (0, jsx_runtime_1.jsx)(material_1.ListItemButton, { children: getFilterByType(filter.type) });
+    return (0, jsx_runtime_1.jsx)(ListItemButton_1.default, { children: getFilterByType(filter.type) });
 };
 exports.FilterTypeWrapper = FilterTypeWrapper;

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

@@ -1,6 +1,6 @@
-import type { Control, FieldErrors, FieldValues } from "react-hook-form";
 import type { FilterPopupComponentType } from "./FilterPopupWrapper";
 import type { FilterListType } from "./FilterTypeWrapper";
+import type { Control, FieldErrors, FieldValues } from "react-hook-form";
 type GetFilterPopupComponentArgs = {
     selectedFilter: FilterListType;
     control: Control<FieldValues>;

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

@@ -1 +1 @@
-{"version":3,"file":"GetFilterPopupComponent.d.ts","sourceRoot":"","sources":["../../src/FilterList/GetFilterPopupComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAOzE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAQ1D,KAAK,2BAA2B,GAAG;IACjC,cAAc,EAAE,cAAc,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9B,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACjC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,cAAc,EACd,OAAO,EACP,MAAM,EACN,cAAc,EACd,SAAiB,GAClB,EAAE,2BAA2B,GAAG,wBAAwB,CAsFxD"}
+{"version":3,"file":"GetFilterPopupComponent.d.ts","sourceRoot":"","sources":["../../src/FilterList/GetFilterPopupComponent.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQzE,KAAK,2BAA2B,GAAG;IACjC,cAAc,EAAE,cAAc,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9B,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACjC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,cAAc,EACd,OAAO,EACP,MAAM,EACN,cAAc,EACd,SAAiB,GAClB,EAAE,2BAA2B,GAAG,wBAAwB,CAsFxD"}

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

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFilterPopupComponent = getFilterPopupComponent;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
 const FormFields_1 = require("../FormFields");
 function getFilterPopupComponent({ selectedFilter, control, errors, setIsPopupOpen, autoFocus = false, }) {
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     const { sapphireBlue, black } = theme.palette.app.color;
     const errorSelectedKey = errors[selectedFilter.key];
     const { placeholder, label } = selectedFilter;

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

@@ -1,8 +1,9 @@
-import type { AutocompleteValue, AutocompleteProps as MuiAutocompleteProps, StackProps } from "@mui/material";
 import { type HTMLProps, type ReactNode } from "react";
 import { type ControllerRenderProps, type FieldValues, type UseControllerProps, type UseFormSetValue } from "react-hook-form";
 import { type NavigationKey } from "../../utils/hooks/useFormFieldFocus";
 import type { OnAction, Styling } from "../../utils/types";
+import type { AutocompleteProps as MuiAutocompleteProps, AutocompleteValue } from "@mui/material/Autocomplete/Autocomplete";
+import type { StackProps } from "@mui/material/Stack";
 export type Option = {
     heading?: string;
     label: string;