@codezee/sixtify-brahma 0.2.68 → 0.2.70

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.68",
+  "version": "0.2.70",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"

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

@@ -1 +1 @@
-{"version":3,"file":"CellSelectionTable.d.ts","sourceRoot":"","sources":["../../src/CellSelectionTable/CellSelectionTable.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAGzC,OAAO,EACL,KAAK,UAAU,EACf,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAWf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAoB,MAAM,eAAe,CAAC;AAEzE,MAAM,MAAM,IAAI,GAAG;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;AAEzD,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,eAAe,EAAE,CACf,aAAa,EAAE,UAAU,CAAC,SAAS,EAAE,CAAC,EACtC,CAAC,EAAE,UAAU,KACV,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,oFAQhC,QAAQ,CAAC,uBAAuB,CAAC,4CA6QnC,CAAC"}
+{"version":3,"file":"CellSelectionTable.d.ts","sourceRoot":"","sources":["../../src/CellSelectionTable/CellSelectionTable.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAGzC,OAAO,EACL,KAAK,UAAU,EACf,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAWf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAoB,MAAM,eAAe,CAAC;AAEzE,MAAM,MAAM,IAAI,GAAG;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;AAEzD,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,eAAe,EAAE,CACf,aAAa,EAAE,UAAU,CAAC,SAAS,EAAE,CAAC,EACtC,CAAC,EAAE,UAAU,KACV,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,oFAQhC,QAAQ,CAAC,uBAAuB,CAAC,4CAwRnC,CAAC"}

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CellSelectionTable = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
+const useStickyColumns_1 = require("./hook/useStickyColumns");
 const groupBy_1 = __importDefault(require("lodash/groupBy"));
 const uniqBy_1 = __importDefault(require("lodash/uniqBy"));
 const react_1 = require("react");
@@ -21,6 +22,7 @@ const CellSelectionTable = ({ columns, data, onCellSelection, cellColors, height
     const anchorRef = (0, react_1.useRef)(null);
     const hoveringRef = (0, react_1.useRef)(null);
     const [selectedRanges, setSelectedRanges] = (0, react_1.useState)([]);
+    const { stickyMap } = (0, useStickyColumns_1.useStickyColumns)(columns);
     const selectedSet = (0, react_1.useMemo)(() => {
         const set = new Set();
         selectedRanges.flat().forEach((cell) => {
@@ -95,10 +97,11 @@ const CellSelectionTable = ({ columns, data, onCellSelection, cellColors, height
                     padding: "5px",
                     height: "50px",
                 },
-            }, children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: columns.map(({ key, label, minWidth = "auto", lockPinned = false, align = "left", }) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: align, sx: {
+            }, children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: columns.map(({ key, label, minWidth = "auto", lockPinned = false, align = "left", }, ci) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: align, sx: {
                                 ...(lockPinned && {
-                                    left: 0,
-                                    zIndex: 5,
+                                    top: 0,
+                                    left: stickyMap.has(ci) ? stickyMap.get(ci) : 0,
+                                    zIndex: 10,
                                     position: "sticky",
                                 }),
                                 backgroundColor: slate[700],
@@ -113,9 +116,12 @@ const CellSelectionTable = ({ columns, data, onCellSelection, cellColors, height
                                 : (0, helper_1.getCellValue)(cell, "cellTooltip");
                             const getColor = (0, helper_1.getCellValue)(cell, "cellBackgroundConditionKey");
                             const cellActive = (0, helper_1.getCellValue)(cell, "cellActive");
+                            const isSticky = stickyMap.has(ci);
+                            const left = isSticky ? stickyMap.get(ci) : 0;
                             return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: align, sx: {
                                     ...(lockPinned && {
-                                        left: 0,
+                                        top: 0,
+                                        left,
                                         zIndex: 5,
                                         position: "sticky",
                                     }),

package/packages/shared-components/dist/CellSelectionTable/hook/useStickyColumns.d.ts

@@ -0,0 +1,12 @@
+import type { Column } from "../utils";
+type ParsedColumn = Column & {
+    idx: number;
+    parsedMinWidth: number;
+};
+type UseStickyColumnsResult = {
+    parsedColumns: ParsedColumn[];
+    stickyMap: Map<number, number>;
+};
+export declare const useStickyColumns: (columns: Column[]) => UseStickyColumnsResult;
+export {};
+//# sourceMappingURL=useStickyColumns.d.ts.map

package/packages/shared-components/dist/CellSelectionTable/hook/useStickyColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStickyColumns.d.ts","sourceRoot":"","sources":["../../../src/CellSelectionTable/hook/useStickyColumns.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,KAAK,YAAY,GAAG,MAAM,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC,CAAC;AAYF,eAAO,MAAM,gBAAgB,GAAI,SAAS,MAAM,EAAE,KAAG,sBA4BpD,CAAC"}

package/packages/shared-components/dist/CellSelectionTable/hook/useStickyColumns.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStickyColumns = void 0;
+const isNaN_1 = __importDefault(require("lodash/isNaN"));
+const isNumber_1 = __importDefault(require("lodash/isNumber"));
+const parseInt_1 = __importDefault(require("lodash/parseInt"));
+const react_1 = require("react");
+const parseMinWidth = (minWidth) => {
+    if ((0, isNumber_1.default)(minWidth)) {
+        return minWidth;
+    }
+    const parsed = (0, parseInt_1.default)((minWidth ?? "36").replace("px", ""));
+    return (0, isNaN_1.default)(parsed) ? 36 : parsed;
+};
+const useStickyColumns = (columns) => {
+    return (0, react_1.useMemo)(() => {
+        const { parsedColumns, stickyMap } = columns.reduce((acc, col, idx) => {
+            const parsedMinWidth = parseMinWidth(col.minWidth);
+            const parsedCol = { ...col, idx, parsedMinWidth };
+            acc.parsedColumns.push(parsedCol);
+            if (col.lockPinned) {
+                acc.stickyMap.set(idx, acc.offset);
+                acc.offset += parsedMinWidth;
+            }
+            return acc;
+        }, {
+            parsedColumns: [],
+            stickyMap: new Map(),
+            offset: 0,
+        });
+        return { parsedColumns, stickyMap };
+    }, [columns]);
+};
+exports.useStickyColumns = useStickyColumns;

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

@@ -1 +1 @@
-{"version":3,"file":"CloseDrawerMenuItemList.d.ts","sourceRoot":"","sources":["../../../src/Drawer/CloseDrawer/CloseDrawerMenuItemList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAQ1C,KAAK,4BAA4B,GAAG;IAClC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,iCAGrC,4BAA4B,4CAsF9B,CAAC"}
+{"version":3,"file":"CloseDrawerMenuItemList.d.ts","sourceRoot":"","sources":["../../../src/Drawer/CloseDrawer/CloseDrawerMenuItemList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAQ1C,KAAK,4BAA4B,GAAG;IAClC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,iCAGrC,4BAA4B,4CAoF9B,CAAC"}

package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerMenuItemList.js

@@ -25,10 +25,9 @@ const CloseDrawerMenuItemList = ({ menuItems, currentPathname, }) => {
     const handleClose = () => {
         setAnchorEl(null);
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [menuItems.map((menuItem, i) => {
-                if (menuItem.isView === false) {
-                    return null;
-                }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [menuItems
+                .filter((item) => item.isView !== false)
+                .map((menuItem, i) => {
                 const { onClick, key: key1, icon, menuItems = [] } = menuItem;
                 const handleClick = (target) => {
                     if (onClick) {

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

@@ -1 +1 @@
-{"version":3,"file":"CloseDrawerSubMenuItemList.d.ts","sourceRoot":"","sources":["../../../src/Drawer/CloseDrawer/CloseDrawerSubMenuItemList.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAI1C,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,GAAG,OAAO,CAAC;CACxC,CAAC;AAqFF,KAAK,+BAA+B,GAAG;IACrC,mBAAmB,EAAE,aAAa,CAAC;IACnC,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,+DAIxC,+BAA+B,4CAoBjC,CAAC"}
+{"version":3,"file":"CloseDrawerSubMenuItemList.d.ts","sourceRoot":"","sources":["../../../src/Drawer/CloseDrawer/CloseDrawerSubMenuItemList.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAI1C,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,GAAG,OAAO,CAAC;CACxC,CAAC;AAqFF,KAAK,+BAA+B,GAAG;IACrC,mBAAmB,EAAE,aAAa,CAAC;IACnC,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,+DAIxC,+BAA+B,4CAsBjC,CAAC"}

package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerSubMenuItemList.js

@@ -38,6 +38,8 @@ const CloseDrawerSubMenuItemList = ({ currentPathMenuOpen, currentMenuItem, onCl
     if (!currentMenuItem) {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Loading..." });
     }
-    return ((0, jsx_runtime_1.jsx)(material_1.List, { disablePadding: true, children: currentMenuItem.menuItems?.map((item) => ((0, jsx_runtime_1.jsx)(RecursiveMenuItem, { item: item, parentPath: `/${currentMenuItem.key}`, currentPathMenuOpen: currentPathMenuOpen[currentMenuItem.key] ?? {}, onCloseMenuPopover: onCloseMenuPopover }, item.key))) }));
+    return ((0, jsx_runtime_1.jsx)(material_1.List, { disablePadding: true, children: currentMenuItem.menuItems
+            ?.filter((item) => item.isView !== false)
+            .map((item) => ((0, jsx_runtime_1.jsx)(RecursiveMenuItem, { item: item, parentPath: `/${currentMenuItem.key}`, currentPathMenuOpen: currentPathMenuOpen[currentMenuItem.key] ?? {}, onCloseMenuPopover: onCloseMenuPopover }, item.key))) }));
 };
 exports.CloseDrawerSubMenuItemList = CloseDrawerSubMenuItemList;

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

@@ -1,4 +1,4 @@
-import type { AutocompleteProps as MuiAutocompleteProps } from "@mui/material";
+import type { AutocompleteValue, AutocompleteProps as MuiAutocompleteProps } from "@mui/material";
 import { type ControllerRenderProps, type FieldValues, type UseControllerProps } from "react-hook-form";
 export type Option = {
     heading?: string;
@@ -9,15 +9,7 @@ export type Option = {
     avatar?: string;
     punch_code?: string;
 };
-export type AutocompleteProps<P extends FieldValues> = UseControllerProps<P> & Omit<Omit<MuiAutocompleteProps<{
-    heading?: string;
-    label: string;
-    value: string | number;
-    disabled?: boolean;
-    avatar?: string;
-    employee_code?: string;
-    punch_code?: string;
-}, boolean, boolean, boolean>, "renderInput">, keyof ControllerRenderProps<P>> & {
+export type AutocompleteProps<P extends FieldValues> = UseControllerProps<P> & Omit<Omit<MuiAutocompleteProps<Option, boolean, boolean, boolean>, "renderInput">, keyof ControllerRenderProps<P>> & {
     required?: boolean;
     label?: string;
     helperText?: string;
@@ -35,6 +27,7 @@ export type AutocompleteProps<P extends FieldValues> = UseControllerProps<P> & O
         selected: boolean;
     }) => JSX.Element;
     getOptionLabel?: (option: string) => string;
+    defaultOption?: AutocompleteValue<Option, boolean, boolean, boolean>;
 };
-export declare function Autocomplete<P extends FieldValues>({ control, defaultValue, name, required, label, multiple, disabled, options, rules, loading, helperText, error, withLabel, placeholder, freeSolo, isShowOptionsOnType, isShowSelectAll, isShowAvatar, isShowEmployeeData, shouldCloseOnSelect, onAction, renderOption, getOptionLabel, maxLimit, ...restProps }: AutocompleteProps<P>): import("react/jsx-runtime").JSX.Element;
+export declare function Autocomplete<P extends FieldValues>({ control, defaultValue, name, required, label, multiple, disabled, options, rules, loading, helperText, error, withLabel, placeholder, freeSolo, isShowOptionsOnType, isShowSelectAll, isShowAvatar, isShowEmployeeData, shouldCloseOnSelect, onAction, renderOption, getOptionLabel, maxLimit, defaultOption, ...restProps }: AutocompleteProps<P>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Autocomplete.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,IAAI,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAmB/E,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAOzB,MAAM,MAAM,MAAM,GAAG;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAC1E,IAAI,CACF,IAAI,CACF,oBAAoB,CAClB;IACE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,EACD,OAAO,EACP,OAAO,EACP,OAAO,CACR,EACD,aAAa,CACd,EACD,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAC/B,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,EACrC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KACzB,GAAG,CAAC,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC7C,CAAC;AAEJ,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,EAClD,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,QAAgB,EAChB,OAAY,EACZ,KAAK,EACL,OAAe,EACf,UAAU,EACV,KAAK,EACL,SAAiB,EACjB,WAAgB,EAChB,QAAQ,EACR,mBAA2B,EAC3B,eAAsB,EACtB,YAAoB,EACpB,kBAA0B,EAC1B,mBAA2B,EAC3B,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAwXtB"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,IAAI,oBAAoB,EAC1C,MAAM,eAAe,CAAC;AAmBvB,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAOzB,MAAM,MAAM,MAAM,GAAG;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAC1E,IAAI,CACF,IAAI,CACF,oBAAoB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,EACvD,aAAa,CACd,EACD,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAC/B,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,EACrC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KACzB,GAAG,CAAC,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,aAAa,CAAC,EAAE,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;CACtE,CAAC;AAEJ,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,EAClD,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,QAAgB,EAChB,OAAY,EACZ,KAAK,EACL,OAAe,EACf,UAAU,EACV,KAAK,EACL,SAAiB,EACjB,WAAgB,EAChB,QAAQ,EACR,mBAA2B,EAC3B,eAAsB,EACtB,YAAoB,EACpB,kBAA0B,EAC1B,mBAA2B,EAC3B,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,aAAa,EACb,GAAG,SAAS,EACb,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA+XtB"}

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

@@ -11,8 +11,13 @@ const Actions_1 = require("../../Actions");
 const Toast_1 = require("../../Toast");
 const CheckBox_styled_1 = require("../CheckBox/CheckBox.styled");
 const Skeleton_1 = require("./Skeleton");
-function Autocomplete({ control, defaultValue, name, required = false, label, multiple = false, disabled = false, options = [], rules, loading = false, helperText, error, withLabel = false, placeholder = "", freeSolo, isShowOptionsOnType = false, isShowSelectAll = true, isShowAvatar = false, isShowEmployeeData = false, shouldCloseOnSelect = false, onAction, renderOption, getOptionLabel, maxLimit, ...restProps }) {
-    const { field: { onChange, value, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
+function Autocomplete({ control, defaultValue, name, required = false, label, multiple = false, disabled = false, options = [], rules, loading = false, helperText, error, withLabel = false, placeholder = "", freeSolo, isShowOptionsOnType = false, isShowSelectAll = true, isShowAvatar = false, isShowEmployeeData = false, shouldCloseOnSelect = false, onAction, renderOption, getOptionLabel, maxLimit, defaultOption, ...restProps }) {
+    const { field: { onChange, value, ...restField }, } = (0, react_hook_form_1.useController)({
+        name,
+        control,
+        defaultValue,
+        rules,
+    });
     const { t } = (0, react_i18next_1.useTranslation)();
     const [inputValue, setInputValue] = (0, react_1.useState)("");
     const handleSelectAll = (isSelected) => {
@@ -62,8 +67,11 @@ function Autocomplete({ control, defaultValue, name, required = false, label, mu
         else if (!options.find((option) => option.value === value) && freeSolo) {
             return value;
         }
+        else if (defaultOption) {
+            return defaultOption;
+        }
         return options.find((option) => option.value === value) || null;
-    }, [multiple, options, value]);
+    }, [multiple, options, value, defaultOption]);
     const { palette: { app: { color }, }, } = (0, material_1.useTheme)();
     const StyledPaper = (0, styles_1.styled)(material_1.Paper)(({ theme }) => ({
         "& .MuiAutocomplete-listbox": {

package/packages/shared-components/dist/Svgs/Drawer/MasterIcon.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+export declare const MasterIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MasterIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MasterIcon.d.ts","sourceRoot":"","sources":["../../../src/Svgs/Drawer/MasterIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,UAAU,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAqBxD,CAAC"}

package/packages/shared-components/dist/Svgs/Drawer/MasterIcon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MasterIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MasterIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", ...props, style: { color: "inherit" }, children: [(0, jsx_runtime_1.jsx)("g", { clipPath: "url(#clip0_2088_3743)", children: (0, jsx_runtime_1.jsx)("path", { d: "M20 15.4167V17.0833C20 18.6917 18.6917 20 17.0833 20H2.91667C1.30833 20 0 18.6917 0 17.0833V15.4167C0 13.8083 1.30833 12.5 2.91667 12.5H4.58333C5.04417 12.5 5.41667 12.8725 5.41667 13.3333C5.41667 13.7942 5.04417 14.1667 4.58333 14.1667H2.91667C2.2275 14.1667 1.66667 14.7275 1.66667 15.4167V17.0833C1.66667 17.7725 2.2275 18.3333 2.91667 18.3333H17.0833C17.7725 18.3333 18.3333 17.7725 18.3333 17.0833V15.4167C18.3333 14.7275 17.7725 14.1667 17.0833 14.1667H15.4167C14.9558 14.1667 14.5833 13.7942 14.5833 13.3333C14.5833 12.8725 14.9558 12.5 15.4167 12.5H17.0833C18.6917 12.5 20 13.8083 20 15.4167ZM20 2.91667V3.75C20 5.35833 18.6917 6.66667 17.0833 6.66667H16.6667V7.5C16.6667 8.87833 15.545 10 14.1667 10H10.8333V12.8292L11.9125 11.7508C12.2383 11.425 12.765 11.425 13.0908 11.7508C13.4167 12.0767 13.4167 12.6033 13.0908 12.9292L11.0283 14.9925C10.4617 15.5583 9.54167 15.5592 8.975 14.9925L6.91167 12.9292C6.58583 12.6033 6.58583 12.0767 6.91167 11.7508C7.2375 11.425 7.76417 11.425 8.09 11.7508L9.16667 12.8275V9.99917H5.83333C4.455 9.99917 3.33333 8.8775 3.33333 7.49917V6.66583H2.91667C1.30833 6.66583 0 5.3575 0 3.74917V2.91583C0 1.30833 1.30833 0 2.91667 0H5.41667C7.025 0 8.33333 1.30833 8.33333 2.91667V3.75C8.33333 5.35833 7.025 6.66667 5.41667 6.66667H5V7.5C5 7.95917 5.37333 8.33333 5.83333 8.33333H14.1667C14.6267 8.33333 15 7.95917 15 7.5V6.66667H14.5833C12.975 6.66667 11.6667 5.35833 11.6667 3.75V2.91667C11.6667 1.30833 12.975 0 14.5833 0H17.0833C18.6917 0 20 1.30833 20 2.91667ZM5.41667 5C6.10583 5 6.66667 4.43917 6.66667 3.75V2.91667C6.66667 2.2275 6.10583 1.66667 5.41667 1.66667H2.91667C2.2275 1.66667 1.66667 2.2275 1.66667 2.91667V3.75C1.66667 4.43917 2.2275 5 2.91667 5H5.41667ZM18.3333 2.91667C18.3333 2.2275 17.7725 1.66667 17.0833 1.66667H14.5833C13.8942 1.66667 13.3333 2.2275 13.3333 2.91667V3.75C13.3333 4.43917 13.8942 5 14.5833 5H17.0833C17.7725 5 18.3333 4.43917 18.3333 3.75V2.91667Z", fill: props.fill ?? "currentColor" }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_2088_3743", children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: props.fill ?? "currentColor" }) }) })] }));
+exports.MasterIcon = MasterIcon;

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

@@ -1,8 +1,9 @@
+export * from "./MasterIcon";
 export * from "./SettingIcon";
 export * from "./SvgBankConfig";
 export * from "./SvgConfiguration";
-export * from "./SvgPayroll";
 export * from "./SvgEmployees";
 export * from "./SvgOrganization";
+export * from "./SvgPayroll";
 export * from "./SvgTransaction";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Svgs/Drawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Svgs/Drawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}

package/packages/shared-components/dist/Svgs/Drawer/index.js

@@ -14,10 +14,11 @@ 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("./MasterIcon"), exports);
 __exportStar(require("./SettingIcon"), exports);
 __exportStar(require("./SvgBankConfig"), exports);
 __exportStar(require("./SvgConfiguration"), exports);
-__exportStar(require("./SvgPayroll"), exports);
 __exportStar(require("./SvgEmployees"), exports);
 __exportStar(require("./SvgOrganization"), exports);
+__exportStar(require("./SvgPayroll"), exports);
 __exportStar(require("./SvgTransaction"), exports);

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

@@ -3,7 +3,8 @@ import type { PropsWithChildren, ReactNode } from "react";
 type TooltipProps = PropsWithChildren<{
     toolTipLabel: ReactNode;
     placement?: MuiTooltipProps["placement"];
+    hidden?: MuiTooltipProps["hidden"];
 }>;
-export declare const Tooltip: ({ toolTipLabel, children, placement, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ toolTipLabel, children, placement, hidden, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,KAAK,YAAY,GAAG,iBAAiB,CAAC;IACpC,YAAY,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;CAC1C,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,GAAI,gDAKrB,YAAY,4CAqBd,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,KAAK,YAAY,GAAG,iBAAiB,CAAC;IACpC,YAAY,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,GAAI,wDAMrB,YAAY,4CA2Bd,CAAC"}

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

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const Tooltip = ({ toolTipLabel, children, placement = "top-start", ...rest }) => {
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { arrow: true, placement: placement, title: toolTipLabel, ...rest, children: typeof children === "string" ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", fontWeight: 500, sx: {
+const Tooltip = ({ toolTipLabel, children, placement = "top-start", hidden = false, ...rest }) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { arrow: true, placement: placement, title: toolTipLabel, hidden: hidden, ...rest, children: typeof children === "string" ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", fontWeight: 500, sx: {
                 maxWidth: "150px",
                 overflow: "hidden",
                 textOverflow: "ellipsis",