@codezee/sixtify-brahma 0.2.58 → 0.2.60

package/package.json

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

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

@@ -1 +1 @@
-{"version":3,"file":"ActionButtons.d.ts","sourceRoot":"","sources":["../../src/ActionButtons/ActionButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAKhD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG;IAC3C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;CAC/C,CAAC;AAGF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,cAAsB,GACvB,EAAE,kBAAkB,2CAmGpB"}
+{"version":3,"file":"ActionButtons.d.ts","sourceRoot":"","sources":["../../src/ActionButtons/ActionButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAKhD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG;IAC3C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;CAC/C,CAAC;AAGF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,cAAsB,GACvB,EAAE,kBAAkB,2CAqGpB"}

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

@@ -23,7 +23,7 @@ function ActionButtons({ buttons, justifyContent = "end", }) {
     };
     return ((0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", gap: "1.6rem", justifyContent: justifyContent, children: buttons
             .filter((button) => !button.hidden)
-            .map(({ menuItems, ...button }) => {
+            .map(({ menuItems, key, ...button }) => {
             const visibleMenuItems = menuItems?.filter((menuItem) => !menuItem.hidden);
             const isMenuOpen = openMenuKey === button.key;
             const onClick = visibleMenuItems && visibleMenuItems.length > 0
@@ -31,11 +31,9 @@ function ActionButtons({ buttons, justifyContent = "end", }) {
                 : (button.onClick ?? noop_1.default);
             const buttonProps = {
                 ...button,
-                dataPTag: button.dataPTag,
-                dataCy: button.dataCy,
                 onClick,
             };
-            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [button.label ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { ...buttonProps, children: button.label })) : ((0, jsx_runtime_1.jsx)(material_1.IconButton, { ...buttonProps, children: button.icon })), isMenuOpen && visibleMenuItems && ((0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl && isMenuOpen), onClose: handleMenuClose, anchorOrigin: {
+            return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [button.label ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { ...buttonProps, children: button.label }, key)) : ((0, jsx_runtime_1.jsx)(material_1.IconButton, { ...buttonProps, children: button.icon }, key)), isMenuOpen && visibleMenuItems && ((0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl && isMenuOpen), onClose: handleMenuClose, anchorOrigin: {
                             vertical: "bottom",
                             horizontal: button.menuPlacement === "left" ? "left" : "right",
                         }, children: visibleMenuItems.map((item) => {
@@ -51,6 +49,6 @@ function ActionButtons({ buttons, justifyContent = "end", }) {
                                     handleMenuClose();
                                     item.onClick?.();
                                 }, children: [item.icon, item.label] }, item.key));
-                        }) }))] }));
+                        }) }))] }, key));
         }) }));
 }

package/packages/shared-components/dist/ActionButtons/types.d.ts

@@ -34,6 +34,7 @@ export type ActionButton = {
     hidden?: boolean;
     disableElevation?: boolean;
     [x: string]: any;
+    disabled?: boolean;
 };
 export type DataProps = {
     dataPTag?: string;

package/packages/shared-components/dist/ActionButtons/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ActionButtons/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ActionButtons/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/packages/shared-components/dist/Actions/ColumnIconAction.js

@@ -6,6 +6,6 @@ const material_1 = require("@mui/material");
 const Svgs_1 = require("../Svgs");
 const Tooltip_1 = require("../Tooltip");
 const ColumnIconAction = (props) => {
-    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { ...props, sx: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Column Chooser", children: (0, jsx_runtime_1.jsx)(Svgs_1.SvgColumn, {}) }) }));
+    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { ...props, sx: { padding: 0, height: "43px" }, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Column Chooser", children: (0, jsx_runtime_1.jsx)(Svgs_1.SvgColumn, {}) }) }));
 };
 exports.ColumnIconAction = ColumnIconAction;

package/packages/shared-components/dist/AgGrid/ActionCell/ActionCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionCell.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/ActionCell/ActionCell.tsx"],"names":[],"mappings":"AAMA,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,UAAU,GAAI,qBAAqB,iBAAiB,4CAyChE,CAAC"}
+{"version":3,"file":"ActionCell.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/ActionCell/ActionCell.tsx"],"names":[],"mappings":"AAMA,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,UAAU,GAAI,qBAAqB,iBAAiB,4CA6ChE,CAAC"}

package/packages/shared-components/dist/AgGrid/ActionCell/ActionCell.js

@@ -19,7 +19,10 @@ const ActionCell = ({ items, disabled }) => {
         setAnchorEl(event.currentTarget);
     };
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { width: "100%" }, children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { component: "div", sx: { cursor: "pointer", alignItems: "center", width: "100%" }, onClick: HandleClick, disabled: disabled, children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, {}) }), !!anchorEl && ((0, jsx_runtime_1.jsx)(Popover_1.Popover, { open: true, anchorEl: anchorEl, onClose: HandleClose, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "2px" }, children: items.map((item) => {
-                        return ((0, jsx_runtime_1.jsx)(material_1.Stack, { children: (0, jsx_runtime_1.jsx)(material_1.ListItemButton, { sx: { width: "100%", textAlign: "center" }, onClick: () => item?.onClick(), children: item.title }) }, item.title));
+                        return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.ListItemButton, { sx: { width: "100%", textAlign: "center" }, onClick: () => {
+                                    item?.onClick();
+                                    setAnchorEl(null);
+                                }, children: item.title }) }, item.title));
                     }) }) }))] }));
 };
 exports.ActionCell = ActionCell;

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

@@ -0,0 +1,13 @@
+import type { Dictionary } from "lodash";
+import { type MouseEvent } from "react";
+import type { CellCoord, Column } from "./utils/types";
+export type CellSelectionTableProps = {
+    columns: Column[];
+    data: Record<string, string>[];
+    onCellSelection: (selectedCells: Dictionary<CellCoord[]>, e: MouseEvent) => void;
+    cellColors?: (status: string) => string;
+    height?: string | number;
+    loading?: boolean;
+};
+export declare const CellSelectionTable: ({ columns, data, onCellSelection, cellColors, height, loading, }: Readonly<CellSelectionTableProps>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CellSelectionTable.d.ts.map

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

@@ -0,0 +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,EAAE,KAAK,UAAU,EAA0C,MAAM,OAAO,CAAC;AAUhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAoB,MAAM,eAAe,CAAC;AAEzE,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IAC/B,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;CACnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,kEAOhC,QAAQ,CAAC,uBAAuB,CAAC,4CAoOnC,CAAC"}

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

@@ -0,0 +1,125 @@
+"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.CellSelectionTable = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const groupBy_1 = __importDefault(require("lodash/groupBy"));
+const uniqBy_1 = __importDefault(require("lodash/uniqBy"));
+const react_1 = require("react");
+const Tooltip_1 = require("../Tooltip");
+const EmployeeCell_1 = require("./SubComponents/EmployeeCell");
+const TableBodyLoader_1 = require("./SubComponents/TableBodyLoader");
+const helper_1 = require("./utils/helper");
+const CellSelectionTable = ({ columns, data, onCellSelection, cellColors, height, loading = false, }) => {
+    const theme = (0, material_1.useTheme)();
+    const { slate, iron, butterflyBlue } = theme.palette.app.color;
+    const selectingRef = (0, react_1.useRef)(false);
+    const anchorRef = (0, react_1.useRef)(null);
+    const hoveringRef = (0, react_1.useRef)(null);
+    const [selectedRanges, setSelectedRanges] = (0, react_1.useState)([]);
+    const selectedSet = (0, react_1.useMemo)(() => {
+        const set = new Set();
+        selectedRanges.flat().forEach((cell) => {
+            set.add(`${cell.row}-${cell.col}`);
+        });
+        return set;
+    }, [selectedRanges]);
+    const isSelectedCell = (0, react_1.useCallback)((rowIndex, colIndex) => selectedSet.has(`${rowIndex}-${colIndex}`), [selectedSet]);
+    const memoizedData = (0, react_1.useMemo)(() => data, [data]);
+    function getCellColor({ cellKey, isSelected = false, }) {
+        if (isSelected) {
+            return butterflyBlue[800];
+        }
+        if (!isSelected && cellKey && cellColors) {
+            return cellColors(cellKey);
+        }
+        return iron[600];
+    }
+    const groupedRanges = (0, react_1.useMemo)(() => {
+        const unique = (0, uniqBy_1.default)(selectedRanges, (cell) => `${cell.row}-${cell.col}`);
+        return (0, groupBy_1.default)(unique, "row");
+    }, [selectedRanges]);
+    const handleCellMouseDown = (0, react_1.useCallback)((ri, ci) => (e) => {
+        (0, helper_1.handleMouseDown)({
+            e,
+            ri,
+            ci,
+            selectingRef,
+            anchorRef,
+            setSelectedRanges,
+        });
+    }, []);
+    const handleCellMouseEnter = (0, react_1.useCallback)((ri, ci) => () => {
+        (0, helper_1.handleMouseEnter)({
+            selectingRef,
+            anchorRef,
+            hoveringRef,
+            ri,
+            ci,
+            setSelectedRanges,
+        });
+    }, []);
+    const handleCellMouseUp = (0, react_1.useCallback)((e) => {
+        (0, helper_1.handleMouseUp)({
+            e,
+            selectingRef,
+            anchorRef,
+            hoveringRef,
+            setSelectedRanges,
+        });
+    }, []);
+    const handleContextMenuCallback = (0, react_1.useCallback)((ri, ci) => (e) => {
+        if (Object.keys(groupedRanges).length && !e) {
+            setSelectedRanges([]);
+            return;
+        }
+        (0, helper_1.handleContextMenu)({
+            e,
+            ri,
+            ci,
+            selectedRanges,
+            setSelectedRanges,
+            onCellSelection,
+        });
+    }, [setSelectedRanges, onCellSelection, groupedRanges]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { position: "relative", overflow: "auto", height: height, bgcolor: iron[600], children: (0, jsx_runtime_1.jsxs)(material_1.Table, { stickyHeader: true, sx: {
+                borderCollapse: "separate",
+                borderSpacing: 0,
+                "& th, & td": {
+                    borderRight: `1px solid ${slate[700]}`,
+                    borderBottom: `1px solid ${slate[700]}`,
+                    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", align = "left" }) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: align, sx: {
+                                backgroundColor: slate[700],
+                                minWidth,
+                                padding: "5px 10px",
+                            }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle2", children: label }) }, key))) }) }), loading ? ((0, jsx_runtime_1.jsx)(TableBodyLoader_1.TableBodyLoader, { columns: columns, rowCount: 25 })) : ((0, jsx_runtime_1.jsx)(material_1.TableBody, { children: memoizedData.map((row, ri) => ((0, jsx_runtime_1.jsx)(material_1.TableRow, { sx: { backgroundColor: iron[600] }, children: columns.map(({ key, maxWidth = "auto", minWidth = "auto", isEmployee, align = "center", }, ci) => {
+                            return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: align, sx: {
+                                    userSelect: "none",
+                                    overflow: "hidden",
+                                    bgcolor: (0, material_1.lighten)(getCellColor({
+                                        cellKey: row[key],
+                                        isSelected: isSelectedCell(ri, ci),
+                                    }), 0.8),
+                                    padding: "5px 10px",
+                                    cursor: "pointer",
+                                    maxWidth,
+                                    minWidth,
+                                }, onMouseDown: !columns[ci]?.disableSelection
+                                    ? handleCellMouseDown(ri, ci)
+                                    : undefined, onMouseEnter: !columns[ci]?.disableSelection
+                                    ? handleCellMouseEnter(ri, ci)
+                                    : undefined, onMouseUp: !columns[ci]?.disableSelection
+                                    ? handleCellMouseUp
+                                    : undefined, onContextMenu: !columns[ci]?.disableSelection
+                                    ? handleContextMenuCallback(ri, ci)
+                                    : undefined, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: row[key], children: isEmployee ? ((0, jsx_runtime_1.jsx)(EmployeeCell_1.EmployeeCell, { row: row })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { title: row[key], children: row[key] })) }) }, key));
+                        }) }, row.id))) }))] }) }));
+};
+exports.CellSelectionTable = CellSelectionTable;

package/packages/shared-components/dist/CellSelectionTable/SubComponents/EmployeeCell.d.ts

@@ -0,0 +1,6 @@
+type EmployeeCellProps = {
+    row: Record<string, string>;
+};
+export declare const EmployeeCell: ({ row }: EmployeeCellProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EmployeeCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeCell.d.ts","sourceRoot":"","sources":["../../../src/CellSelectionTable/SubComponents/EmployeeCell.tsx"],"names":[],"mappings":"AAEA,KAAK,iBAAiB,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,SAAS,iBAAiB,4CAatD,CAAC"}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmployeeCell = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const EmployeeCell = ({ row }) => {
+    const { avatar, name, employee_code } = row ?? {};
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: "10px", children: [(0, jsx_runtime_1.jsx)(material_1.Avatar, { src: avatar, alt: name, sx: { width: 40, height: 40 } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: name }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: employee_code })] })] }));
+};
+exports.EmployeeCell = EmployeeCell;

package/packages/shared-components/dist/CellSelectionTable/SubComponents/TableBodyLoader.d.ts

@@ -0,0 +1,8 @@
+import type { Column } from "../utils";
+type TableBodyLoaderProps = {
+    columns: Column[];
+    rowCount?: number;
+};
+export declare const TableBodyLoader: ({ columns, rowCount, }: TableBodyLoaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TableBodyLoader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableBodyLoader.d.ts","sourceRoot":"","sources":["../../../src/CellSelectionTable/SubComponents/TableBodyLoader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,wBAG7B,oBAAoB,4CActB,CAAC"}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableBodyLoader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const uuid_1 = require("uuid");
+const TableBodyLoader = ({ columns, rowCount = 25, }) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.TableBody, { children: Array.from({ length: rowCount }).map(() => ((0, jsx_runtime_1.jsx)(material_1.TableRow, { children: columns.map(() => ((0, jsx_runtime_1.jsx)(material_1.TableCell, { sx: { padding: "5px 10px" }, children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: "100%", height: "100%" }) }, (0, uuid_1.v4)()))) }, (0, uuid_1.v4)()))) }));
+};
+exports.TableBodyLoader = TableBodyLoader;

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

@@ -0,0 +1,3 @@
+export * from "./CellSelectionTable";
+export * from "./utils/types";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,18 @@
+"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("./CellSelectionTable"), exports);
+__exportStar(require("./utils/types"), exports);

package/packages/shared-components/dist/CellSelectionTable/utils/helper.d.ts

@@ -0,0 +1,6 @@
+import type { HandleContextMenuArgs, HandleMouseDownArgs, HandleMouseEnterArgs, HandleMunseUpArgs } from "./types";
+export declare function handleMouseEnter({ selectingRef, anchorRef, hoveringRef, ri, ci, setSelectedRanges, }: HandleMouseEnterArgs): void;
+export declare function handleMouseDown({ e, ri, ci, selectingRef, anchorRef, setSelectedRanges, }: HandleMouseDownArgs): void;
+export declare function handleMouseUp({ e, selectingRef, anchorRef, hoveringRef, setSelectedRanges, }: HandleMunseUpArgs): void;
+export declare function handleContextMenu({ e, ri, ci, setSelectedRanges, onCellSelection, selectedRanges, }: HandleContextMenuArgs): void;
+//# sourceMappingURL=helper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/CellSelectionTable/utils/helper.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAgCjB,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,SAAS,EACT,WAAW,EACX,EAAE,EACF,EAAE,EACF,iBAAiB,GAClB,EAAE,oBAAoB,QAOtB;AAED,wBAAgB,eAAe,CAAC,EAC9B,CAAC,EACD,EAAE,EACF,EAAE,EACF,YAAY,EACZ,SAAS,EACT,iBAAiB,GAClB,EAAE,mBAAmB,QAkBrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,CAAC,EACD,YAAY,EACZ,SAAS,EACT,WAAW,EACX,iBAAiB,GAClB,EAAE,iBAAiB,QAQnB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,CAAC,EACD,EAAE,EACF,EAAE,EACF,iBAAiB,EACjB,eAAe,EACf,cAAc,GACf,EAAE,qBAAqB,QAkCvB"}

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

@@ -0,0 +1,77 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleMouseEnter = handleMouseEnter;
+exports.handleMouseDown = handleMouseDown;
+exports.handleMouseUp = handleMouseUp;
+exports.handleContextMenu = handleContextMenu;
+const compact_1 = __importDefault(require("lodash/compact"));
+const map_1 = __importDefault(require("lodash/map"));
+function updateRange(start, end, setSelectedRanges) {
+    const top = Math.min(start.row, end.row);
+    const bottom = Math.max(start.row, end.row);
+    const left = Math.min(start.col, end.col);
+    const right = Math.max(start.col, end.col);
+    const range = [];
+    for (let r = top; r <= bottom; r++) {
+        for (let c = left; c <= right; c++) {
+            range.push({ row: r, col: c });
+        }
+    }
+    setSelectedRanges((prev) => {
+        const out = [...prev];
+        out.splice(out.length - 1, 1, ...range);
+        return out;
+    });
+}
+function handleMouseEnter({ selectingRef, anchorRef, hoveringRef, ri, ci, setSelectedRanges, }) {
+    if (!selectingRef.current || !anchorRef.current) {
+        return;
+    }
+    hoveringRef.current = { row: ri, col: ci };
+    updateRange(anchorRef.current, hoveringRef.current, setSelectedRanges);
+}
+function handleMouseDown({ e, ri, ci, selectingRef, anchorRef, setSelectedRanges, }) {
+    if (e.button === 2) {
+        return;
+    }
+    const anchor = { row: ri, col: ci };
+    selectingRef.current = true;
+    anchorRef.current = anchor;
+    if (e.ctrlKey || e.metaKey) {
+        setSelectedRanges((prev) => [...prev, anchor]);
+        return;
+    }
+    setSelectedRanges([anchor]);
+}
+function handleMouseUp({ e, selectingRef, anchorRef, hoveringRef, setSelectedRanges, }) {
+    selectingRef.current = false;
+    anchorRef.current = null;
+    hoveringRef.current = null;
+    if (!(e?.ctrlKey || e?.metaKey)) {
+        setSelectedRanges([]);
+    }
+}
+function handleContextMenu({ e, ri, ci, setSelectedRanges, onCellSelection, selectedRanges, }) {
+    e.preventDefault();
+    const singleCell = [{ row: ri, col: ci }];
+    const keySet = new Set((0, map_1.default)(selectedRanges, (cell) => `${cell.row}:${cell.col}`));
+    if (e.ctrlKey || e.metaKey) {
+        singleCell.forEach((cell) => keySet.add(`${cell.row}:${cell.col}`));
+        const merged = (0, compact_1.default)((0, map_1.default)(Array.from(keySet), (key) => {
+            const [rowStr, colStr] = key.split(":");
+            const row = Number(rowStr);
+            const col = Number(colStr);
+            return Number.isNaN(row) || Number.isNaN(col)
+                ? null
+                : { row, col };
+        }));
+        setSelectedRanges(merged);
+        onCellSelection?.({ selectedCells: merged }, e);
+        return;
+    }
+    setSelectedRanges(singleCell);
+    onCellSelection?.({ selectedCells: singleCell }, e);
+}

package/packages/shared-components/dist/CellSelectionTable/utils/index.d.ts

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

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

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

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

@@ -0,0 +1,17 @@
+"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("./types"), exports);

package/packages/shared-components/dist/CellSelectionTable/utils/types.d.ts

@@ -0,0 +1,57 @@
+import type { TableCellProps } from "@mui/material";
+import type { Dictionary } from "lodash";
+import type { Dispatch, MouseEvent, MutableRefObject, SetStateAction } from "react";
+export type Column = {
+    key: string;
+    label: string;
+    isEmployee?: boolean;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    align?: TableCellProps["align"];
+    disableSelection?: boolean;
+};
+export type OptionsType = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+export type CellCoord = {
+    row: number;
+    col: number;
+};
+export type HandleMouseEnterArgs = {
+    selectingRef: MutableRefObject<boolean>;
+    anchorRef: MutableRefObject<CellCoord | null>;
+    hoveringRef: MutableRefObject<CellCoord | null>;
+    ri: number;
+    ci: number;
+    setSelectedRanges: Dispatch<SetStateAction<CellCoord[]>>;
+};
+export type HandleMouseDownArgs = {
+    e: MouseEvent<HTMLTableCellElement>;
+    ri: number;
+    ci: number;
+    selectingRef: MutableRefObject<boolean>;
+    anchorRef: MutableRefObject<CellCoord | null>;
+    setSelectedRanges: Dispatch<SetStateAction<CellCoord[]>>;
+};
+export type HandleMunseUpArgs = {
+    e: MouseEvent<HTMLTableCellElement>;
+    selectingRef: MutableRefObject<boolean>;
+    anchorRef: MutableRefObject<CellCoord | null>;
+    hoveringRef: MutableRefObject<CellCoord | null>;
+    setSelectedRanges: Dispatch<SetStateAction<CellCoord[]>>;
+};
+export type HandleContextMenuArgs = {
+    e: MouseEvent<HTMLTableCellElement>;
+    ri: number;
+    ci: number;
+    selectedRanges: CellCoord[];
+    setSelectedRanges: Dispatch<SetStateAction<CellCoord[]>>;
+    onCellSelection: (ranges: Dictionary<CellCoord[]>, e: MouseEvent<HTMLTableCellElement>) => void;
+};
+export type GetCellColorArgs = {
+    cellKey?: string;
+    isSelected: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/CellSelectionTable/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,MAAM,GAAG;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAErD,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC,SAAS,EAAE,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC;IAC9C,WAAW,EAAE,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC;IAChD,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;CAC1D,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,CAAC,EAAE,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC,SAAS,EAAE,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC;IAC9C,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;CAC1D,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,CAAC,EAAE,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACpC,YAAY,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC,SAAS,EAAE,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC;IAC9C,WAAW,EAAE,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC;IAChD,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;CAC1D,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,CAAC,EAAE,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,EAAE,SAAS,EAAE,CAAC;IAC5B,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IACzD,eAAe,EAAE,CACf,MAAM,EAAE,UAAU,CAAC,SAAS,EAAE,CAAC,EAC/B,CAAC,EAAE,UAAU,CAAC,oBAAoB,CAAC,KAChC,IAAI,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC"}

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/packages/shared-components/dist/FormFields/FileUpload/Dialogs/FilePreview.d.ts

@@ -1,11 +1,12 @@
 type FilePreviewProps = {
     fileName: string;
+    resetTrigger?: number;
 };
 export declare const SUPPORTED_IMAGE_FORMATS: readonly [".png", ".jpg", ".jpeg"];
 export declare const SUPPORTED_PDF_FORMATS: readonly [".pdf"];
 export declare const SUPPORTED_DOC_FORMATS: readonly [".doc", ".docx"];
 export declare const SUPPORTED_EXCEL_FORMATS: readonly [".xls", ".xlsx"];
 export declare function isFileType(url: string, extensions: readonly string[]): boolean;
-export declare const FilePreview: ({ fileName }: FilePreviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FilePreview: ({ fileName, resetTrigger }: FilePreviewProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FilePreview.d.ts.map

package/packages/shared-components/dist/FormFields/FileUpload/Dialogs/FilePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreview.d.ts","sourceRoot":"","sources":["../../../../src/FormFields/FileUpload/Dialogs/FilePreview.tsx"],"names":[],"mappings":"AAMA,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,uBAAuB,oCAAqC,CAAC;AAE1E,eAAO,MAAM,qBAAqB,mBAAoB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,4BAA6B,CAAC;AAEhE,eAAO,MAAM,uBAAuB,4BAA6B,CAAC;AAElE,wBAAgB,UAAU,CACxB,GAAG,EAAE,MAAM,EACX,UAAU,EAAE,SAAS,MAAM,EAAE,GAC5B,OAAO,CAET;AAED,eAAO,MAAM,WAAW,GAAI,cAAc,gBAAgB,4CA0DzD,CAAC"}
+{"version":3,"file":"FilePreview.d.ts","sourceRoot":"","sources":["../../../../src/FormFields/FileUpload/Dialogs/FilePreview.tsx"],"names":[],"mappings":"AA0BA,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,uBAAuB,oCAAqC,CAAC;AAE1E,eAAO,MAAM,qBAAqB,mBAAoB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,4BAA6B,CAAC;AAEhE,eAAO,MAAM,uBAAuB,4BAA6B,CAAC;AASlE,wBAAgB,UAAU,CACxB,GAAG,EAAE,MAAM,EACX,UAAU,EAAE,SAAS,MAAM,EAAE,GAC5B,OAAO,CAET;AAED,eAAO,MAAM,WAAW,GAAI,4BAA4B,gBAAgB,4CAkQvE,CAAC"}

package/packages/shared-components/dist/FormFields/FileUpload/Dialogs/FilePreview.js

@@ -6,8 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilePreview = exports.SUPPORTED_EXCEL_FORMATS = exports.SUPPORTED_DOC_FORMATS = exports.SUPPORTED_PDF_FORMATS = exports.SUPPORTED_IMAGE_FORMATS = void 0;
 exports.isFileType = isFileType;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ZoomInOutlined_1 = __importDefault(require("@mui/icons-material/ZoomInOutlined"));
+const ZoomOutOutlined_1 = __importDefault(require("@mui/icons-material/ZoomOutOutlined"));
 const material_1 = require("@mui/material");
 const image_1 = __importDefault(require("next/image"));
+const react_1 = require("react");
+const Button_1 = require("../../../Button");
 const Layouts_1 = require("../../../Layouts");
 const PadBox_1 = require("../../../PadBox");
 const utils_1 = require("../../../utils");
@@ -15,21 +19,131 @@ exports.SUPPORTED_IMAGE_FORMATS = [".png", ".jpg", ".jpeg"];
 exports.SUPPORTED_PDF_FORMATS = [".pdf"];
 exports.SUPPORTED_DOC_FORMATS = [".doc", ".docx"];
 exports.SUPPORTED_EXCEL_FORMATS = [".xls", ".xlsx"];
+const DEFAULT_ZOOM_CONFIG = {
+    min: 0.5,
+    max: 2,
+    step: 0.5,
+    sensitivity: 0.1,
+};
 function isFileType(url, extensions) {
     return extensions.some((ext) => url.toLowerCase().endsWith(ext));
 }
-const FilePreview = ({ fileName }) => {
+const FilePreview = ({ fileName, resetTrigger }) => {
     const isValidUrl = (0, utils_1.isImageDomainValid)(fileName);
+    const [isDragging, setIsDragging] = (0, react_1.useState)(false);
+    const [position, setPosition] = (0, react_1.useState)({ x: 0, y: 0 });
+    const [startPos, setStartPos] = (0, react_1.useState)({ x: 0, y: 0 });
+    const [zoomLevel, setZoomLevel] = (0, react_1.useState)(1);
+    const imageContainerRef = (0, react_1.useRef)(null);
+    const theme = (0, material_1.useTheme)();
+    const { slate } = theme.palette.app.color;
+    const { sensitivity, min, max, step } = DEFAULT_ZOOM_CONFIG;
+    const { x: positionX, y: positionY } = position;
+    const handleMouseDown = ({ clientX, clientY, }) => {
+        setIsDragging(true);
+        setStartPos({ x: clientX - positionX, y: clientY - positionY });
+    };
+    const handleMouseMove = ({ clientX, clientY, }) => {
+        if (isDragging) {
+            const x = clientX - startPos.x;
+            const y = clientY - startPos.y;
+            setPosition({ x, y });
+        }
+    };
+    const calculateOffset = ({ clientX, clientY, }, container) => {
+        const { left, top, height, width } = container.getBoundingClientRect();
+        const mouseX = clientX - left;
+        const mouseY = clientY - top;
+        return {
+            offsetX: mouseX - width / 2,
+            offsetY: mouseY - height / 2,
+        };
+    };
+    const handleWheel = (e) => {
+        const container = imageContainerRef.current;
+        if (!container) {
+            return;
+        }
+        const { offsetX, offsetY } = calculateOffset(e, container);
+        const delta = e.deltaY > 0 ? -sensitivity : sensitivity;
+        const newZoom = Math.min(Math.max(zoomLevel + delta, min), max);
+        if (newZoom !== zoomLevel) {
+            const zoomFactor = newZoom / zoomLevel;
+            const newX = positionX - offsetX * (zoomFactor - 1);
+            const newY = positionY - offsetY * (zoomFactor - 1);
+            setPosition({ x: newX, y: newY });
+            setZoomLevel(newZoom);
+        }
+    };
+    const resetZoomLevel = () => {
+        setZoomLevel(1);
+        setPosition({ x: 0, y: 0 });
+    };
+    (0, react_1.useMemo)(() => {
+        resetZoomLevel();
+    }, [resetTrigger]);
+    const updateZoomLevel = (delta) => {
+        setZoomLevel((prev) => {
+            const updatedZoom = Math.min(2, Math.max(0.5, prev + delta));
+            return updatedZoom;
+        });
+    };
+    const handleDoubleClick = (e) => {
+        e.preventDefault();
+        const container = imageContainerRef.current;
+        if (!container) {
+            return;
+        }
+        const { offsetX, offsetY } = calculateOffset(e, container);
+        const newZoom = zoomLevel > 1 ? 1 : Math.min(zoomLevel + step, max);
+        if (zoomLevel > 1) {
+            resetZoomLevel();
+            setZoomLevel(newZoom);
+            return;
+        }
+        const zoomFactor = newZoom / zoomLevel;
+        const newX = positionX - offsetX * (zoomFactor - 1);
+        const newY = positionY - offsetY * (zoomFactor - 1);
+        setPosition({ x: newX, y: newY });
+        setZoomLevel(newZoom);
+    };
+    const endDrag = () => {
+        setIsDragging(false);
+    };
     if (isFileType(fileName, exports.SUPPORTED_PDF_FORMATS)) {
         return ((0, jsx_runtime_1.jsx)(Layouts_1.FilePreviewContainer, { children: (0, jsx_runtime_1.jsx)("iframe", { src: `${fileName}#toolbar=0`, style: { width: "100%", height: "100%" } }) }));
     }
     if (isFileType(fileName, exports.SUPPORTED_IMAGE_FORMATS) && isValidUrl) {
-        return ((0, jsx_runtime_1.jsx)(Layouts_1.FilePreviewContainer, { children: (0, jsx_runtime_1.jsx)(image_1.default, { src: fileName, alt: "Attachment", width: 800, height: 0, style: {
-                    width: "100%",
-                    height: "100%",
-                    objectFit: "contain",
-                    display: "block",
-                } }) }));
+        return ((0, jsx_runtime_1.jsxs)(Layouts_1.FilePreviewContainer, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", justifyContent: "center", gap: "10px", sx: {
+                        position: "absolute",
+                        top: 10,
+                        right: 66,
+                        zIndex: 10,
+                    }, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { sx: {
+                                backgroundColor: slate[900],
+                                minWidth: "42px",
+                                height: "42px",
+                            }, onClick: () => updateZoomLevel(-0.3), children: (0, jsx_runtime_1.jsx)(ZoomOutOutlined_1.default, {}) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { sx: {
+                                backgroundColor: slate[900],
+                                minWidth: "42px",
+                                height: "42px",
+                            }, onClick: () => updateZoomLevel(0.3), children: (0, jsx_runtime_1.jsx)(ZoomInOutlined_1.default, {}) }), zoomLevel !== 1 && ((0, jsx_runtime_1.jsx)(Button_1.Button, { sx: {
+                                backgroundColor: slate[900],
+                                minWidth: "42px",
+                                height: "42px",
+                            }, onClick: () => resetZoomLevel(), children: "Reset" }))] }), (0, jsx_runtime_1.jsx)(material_1.Box, { ref: imageContainerRef, style: {
+                        position: "relative",
+                        width: "100%",
+                        height: "100%",
+                        cursor: isDragging ? "grabbing" : "grab",
+                        transform: `scale(${zoomLevel}) translate(${positionX / zoomLevel}px, ${positionY / zoomLevel}px)`,
+                        transformOrigin: "center center",
+                        transition: isDragging ? "none" : "transform 0.2s ease-in-out",
+                    }, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: endDrag, onMouseLeave: endDrag, onWheel: handleWheel, onDoubleClick: handleDoubleClick, children: (0, jsx_runtime_1.jsx)(image_1.default, { src: fileName, alt: "Attachment", fill: true, style: {
+                            objectFit: "contain",
+                            userSelect: "none",
+                            pointerEvents: "none",
+                        } }) })] }));
     }
     if (isFileType(fileName, exports.SUPPORTED_DOC_FORMATS) ||
         isFileType(fileName, exports.SUPPORTED_EXCEL_FORMATS)) {

package/packages/shared-components/dist/FormFields/FileUpload/Dialogs/ViewFilePreviewDialog.js

@@ -17,7 +17,7 @@ const ViewFilePreviewDialog = ({ open, onClose, fileName, }) => {
             }, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "20px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                         position: "relative",
                         backgroundColor: iron[600],
-                        overflow: "none",
+                        overflow: "hidden",
                         maxHeight: "650px",
                         boxShadow: "none",
                     }, children: [(0, jsx_runtime_1.jsx)(Actions_1.DownloadIconAction
@@ -26,7 +26,7 @@ const ViewFilePreviewDialog = ({ open, onClose, fileName, }) => {
                             // eslint-disable-next-line sonarjs/no-misused-promises
                             onClick: () => (0, download_1.downloadFile)(fileName, fileName), sx: {
                                 position: "absolute",
-                                top: 10,
+                                top: 5,
                                 right: 10,
                                 zIndex: 10,
                             } }), (0, jsx_runtime_1.jsx)(FilePreview_1.FilePreview, { fileName: fileName })] }) }) }) }));

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

@@ -6,6 +6,7 @@ export * from "./Badge";
 export * from "./Breadcrumbs";
 export * from "./Button";
 export * from "./Card";
+export * from "./CellSelectionTable";
 export * from "./Charts";
 export * from "./Chips";
 export * from "./ColumnArranger";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,sBAAsB,CAAC;AACrC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}

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

@@ -22,6 +22,7 @@ __exportStar(require("./Badge"), exports);
 __exportStar(require("./Breadcrumbs"), exports);
 __exportStar(require("./Button"), exports);
 __exportStar(require("./Card"), exports);
+__exportStar(require("./CellSelectionTable"), exports);
 __exportStar(require("./Charts"), exports);
 __exportStar(require("./Chips"), exports);
 __exportStar(require("./ColumnArranger"), exports);

package/packages/shared-components/dist/utils/colorVariant.d.ts

@@ -1,6 +1,6 @@
 export type WorkDayType = "present" | "holiday" | "weekly_off" | "working" | "first_half_off" | "second_half_off" | "full_day_weekly_off" | "first_half_weekly_off" | "second_half_weekly_off" | "paid_leave" | "absent" | "late_in_early_out" | "unpaid_leave" | "loss_of_pay" | "penalty" | "first_half_paid_leave" | "second_half_paid_leave" | "full_day_paid_leave" | "first_half_unpaid_leave" | "second_half_unpaid_leave" | "full_day_unpaid_leave" | "leave";
 export type WorkDayTypeShort = "P" | "H" | "WO" | "HO" | "FHWO" | "SHWO" | "PL" | "A" | "LIEO" | "UPL" | "PEN" | "LOP" | "L";
 export declare const serverityOptions: Record<WorkDayType, WorkDayTypeShort>;
-export declare const getColorByVariant: (variant: WorkDayType, type?: string) => string | undefined;
+export declare const getColorByVariant: (variant: WorkDayType, type?: string) => string;
 export declare const getStatusLabel: (status: WorkDayType) => "Present" | "Absent" | "Weekly Off" | "Working" | "Holiday" | "Paid Leave" | "Unpaid Leave" | "First Half Weekly Off" | "Second Half Weekly Off" | "First Half Off" | "Second Half Off" | "Late In/Early Out" | "Loss of Pay" | "Penalty" | "First Half Paid Leave" | "Second Half Paid Leave" | "Full Day Paid Leave" | "First Half Unpaid Leave" | "Second Half Unpaid Leave" | "Full Day Unpaid Leave" | "Leave";
 //# sourceMappingURL=colorVariant.d.ts.map

package/packages/shared-components/dist/utils/colorVariant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colorVariant.d.ts","sourceRoot":"","sources":["../../src/utils/colorVariant.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,YAAY,GACZ,SAAS,GACT,gBAAgB,GAChB,iBAAiB,GACjB,qBAAqB,GACrB,uBAAuB,GACvB,wBAAwB,GACxB,YAAY,GACZ,QAAQ,GACR,mBAAmB,GACnB,cAAc,GACd,aAAa,GACb,SAAS,GACT,uBAAuB,GACvB,wBAAwB,GACxB,qBAAqB,GACrB,yBAAyB,GACzB,0BAA0B,GAC1B,uBAAuB,GACvB,OAAO,CAAC;AAEZ,MAAM,MAAM,gBAAgB,GACxB,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,MAAM,GACN,IAAI,GACJ,GAAG,GACH,MAAM,GACN,KAAK,GACL,KAAK,GACL,KAAK,GACL,GAAG,CAAC;AAER,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,WAAW,EAAE,gBAAgB,CAuBlE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,SAAS,WAAW,EAAE,aAAa,uBA4EpE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,QAAQ,WAAW,wZAuEjD,CAAC"}
+{"version":3,"file":"colorVariant.d.ts","sourceRoot":"","sources":["../../src/utils/colorVariant.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,YAAY,GACZ,SAAS,GACT,gBAAgB,GAChB,iBAAiB,GACjB,qBAAqB,GACrB,uBAAuB,GACvB,wBAAwB,GACxB,YAAY,GACZ,QAAQ,GACR,mBAAmB,GACnB,cAAc,GACd,aAAa,GACb,SAAS,GACT,uBAAuB,GACvB,wBAAwB,GACxB,qBAAqB,GACrB,yBAAyB,GACzB,0BAA0B,GAC1B,uBAAuB,GACvB,OAAO,CAAC;AAEZ,MAAM,MAAM,gBAAgB,GACxB,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,MAAM,GACN,IAAI,GACJ,GAAG,GACH,MAAM,GACN,KAAK,GACL,KAAK,GACL,KAAK,GACL,GAAG,CAAC;AAER,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,WAAW,EAAE,gBAAgB,CAuBlE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,SAAS,WAAW,EAAE,aAAa,WA4EpE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,QAAQ,WAAW,wZAuEjD,CAAC"}

package/packages/shared-components/dist/utils/theme/colorPalette.d.ts

@@ -1,20 +1,19 @@
 import type { Color } from "@mui/material";
-export type ColorShades = Partial<Color>;
 export type ColorPalette = {
-    lightSlateBlue: ColorShades;
-    lipstickRed: ColorShades;
-    darkOrange: ColorShades;
-    deepAqua: ColorShades;
-    sapphireBlue: ColorShades;
-    darkMint: ColorShades;
-    butterflyBlue: ColorShades;
-    orchid: ColorShades;
-    mirage: ColorShades;
-    iron: ColorShades;
-    slate: ColorShades;
-    red: ColorShades;
-    lightBlue: ColorShades;
-    black: ColorShades;
+    lightSlateBlue: Color;
+    lipstickRed: Color;
+    darkOrange: Color;
+    deepAqua: Color;
+    sapphireBlue: Color;
+    darkMint: Color;
+    butterflyBlue: Color;
+    orchid: Color;
+    mirage: Color;
+    iron: Color;
+    slate: Color;
+    red: Color;
+    lightBlue: Color;
+    black: Color;
 };
 export declare const colorPalette: ColorPalette;
 //# sourceMappingURL=colorPalette.d.ts.map

package/packages/shared-components/dist/utils/theme/colorPalette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colorPalette.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/colorPalette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG;IACzB,cAAc,EAAE,WAAW,CAAC;IAC5B,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC;IACxB,QAAQ,EAAE,WAAW,CAAC;IACtB,YAAY,EAAE,WAAW,CAAC;IAC1B,QAAQ,EAAE,WAAW,CAAC;IACtB,aAAa,EAAE,WAAW,CAAC;IAC3B,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,WAAW,CAAC;IACjB,SAAS,EAAE,WAAW,CAAC;IACvB,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,YA0F1B,CAAC"}
+{"version":3,"file":"colorPalette.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/colorPalette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG;IACzB,cAAc,EAAE,KAAK,CAAC;IACtB,WAAW,EAAE,KAAK,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC;IAChB,YAAY,EAAE,KAAK,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC;IAChB,aAAa,EAAE,KAAK,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,EAAE,KAAK,CAAC;IACX,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,YAiO1B,CAAC"}

package/packages/shared-components/dist/utils/theme/colorPalette.js

@@ -9,7 +9,14 @@ exports.colorPalette = {
         600: "hsla(0, 0%, 100%, 1)", // white
         500: "hsla(218, 15%, 59%, 1)",
         400: "hsla(0, 0%, 18%, 1)",
-        300: "hsla(0, 0%, 0%, 0.35)", // shadow color
+        300: "hsla(0, 0%, 0%, 0.35)",
+        50: "hsla(0, 0%, 0%, 0)",
+        100: "hsla(0, 0%, 0%, 0)",
+        200: "hsla(0, 0%, 0%, 0)",
+        A100: "hsla(0, 0%, 0%, 0)",
+        A200: "hsla(0, 0%, 0%, 0)",
+        A400: "hsla(0, 0%, 0%, 0)",
+        A700: "hsla(0, 0%, 0%, 0)",
     },
     slate: {
         900: "hsla(212, 19%, 37%, 1)", // info
@@ -17,6 +24,15 @@ exports.colorPalette = {
         700: "hsl(193, 22%, 92%)",
         600: "	hsl(0, 0%, 98%)",
         500: "hsl(0, 0%, 49%)",
+        50: "hsla(0, 0%, 0%, 0)",
+        100: "hsla(0, 0%, 0%, 0)",
+        200: "hsla(0, 0%, 0%, 0)",
+        300: "hsla(0, 0%, 0%, 0)",
+        400: "hsla(0, 0%, 0%, 0)",
+        A100: "hsla(0, 0%, 0%, 0)",
+        A200: "hsla(0, 0%, 0%, 0)",
+        A400: "hsla(0, 0%, 0%, 0)",
+        A700: "hsla(0, 0%, 0%, 0)",
     },
     mirage: {
         900: "hsla(224, 35%, 12%, 1)", // primary
@@ -24,30 +40,79 @@ exports.colorPalette = {
         700: "hsla(226, 34%, 15%, 1)",
         600: "hsla(0, 0%, 22%, 0.7)",
         500: "hsla(0, 0%, 18%, 1)",
+        50: "hsla(0, 0%, 0%, 0)",
+        100: "hsla(0, 0%, 0%, 0)",
+        200: "hsla(0, 0%, 0%, 0)",
+        300: "hsla(0, 0%, 0%, 0)",
+        400: "hsla(0, 0%, 0%, 0)",
+        A100: "hsla(0, 0%, 0%, 0)",
+        A200: "hsla(0, 0%, 0%, 0)",
+        A400: "hsla(0, 0%, 0%, 0)",
+        A700: "hsla(0, 0%, 0%, 0)",
     },
     lightSlateBlue: {
         900: "hsla(234, 99%, 68%, 1)",
         800: "hsla(234, 98%, 81%, 1)",
         700: "hsla(233, 100%, 94%, 1)",
         600: "hsla(236, 100%, 97%, 1)",
+        50: "hsla(0, 0%, 0%, 0)",
+        100: "hsla(0, 0%, 0%, 0)",
+        200: "hsla(0, 0%, 0%, 0)",
+        300: "hsla(0, 0%, 0%, 0)",
+        400: "hsla(0, 0%, 0%, 0)",
+        500: "hsla(0, 0%, 0%, 0)",
+        A100: "hsla(0, 0%, 0%, 0)",
+        A200: "hsla(0, 0%, 0%, 0)",
+        A400: "hsla(0, 0%, 0%, 0)",
+        A700: "hsla(0, 0%, 0%, 0)",
     },
     lipstickRed: {
         900: "hsla(349, 90%, 41%, 1)",
         800: "hsla(350, 63%, 64%, 1)",
         700: "hsla(349, 66%, 87%, 1)",
         600: "hsla(348, 100%, 95%, 1)",
+        50: "hsla(0, 0%, 0%, 0)",
+        100: "hsla(0, 0%, 0%, 0)",
+        200: "hsla(0, 0%, 0%, 0)",
+        300: "hsla(0, 0%, 0%, 0)",
+        400: "hsla(0, 0%, 0%, 0)",
+        500: "hsla(0, 0%, 0%, 0)",
+        A100: "hsla(0, 0%, 0%, 0)",
+        A200: "hsla(0, 0%, 0%, 0)",
+        A400: "hsla(0, 0%, 0%, 0)",
+        A700: "hsla(0, 0%, 0%, 0)",
     },
     darkOrange: {
         900: "hsla(32, 100%, 52%, 1)", //warning
         800: "hsla(32, 100%, 71%, 1)",
         700: "hsla(33, 100%, 90%, 1)",
         600: "hsla(33, 100%, 95%, 1)",
+        50: "hsla(0, 0%, 0%, 0)",
+        100: "hsla(0, 0%, 0%, 0)",
+        200: "hsla(0, 0%, 0%, 0)",
+        300: "hsla(0, 0%, 0%, 0)",
+        400: "hsla(0, 0%, 0%, 0)",
+        500: "hsla(0, 0%, 0%, 0)",
+        A100: "hsla(0, 0%, 0%, 0)",
+        A200: "hsla(0, 0%, 0%, 0)",
+        A400: "hsla(0, 0%, 0%, 0)",
+        A700: "hsla(0, 0%, 0%, 0)",
     },
     deepAqua: {
         900: "hsla(183, 87%, 27%, 1)",
         800: "hsla(184, 50%, 68%, 1)",
         700: "hsla(183, 68%, 79%, 1)",
         600: "hsla(183, 85%, 95%, 1)",
+        50: "hsla(0, 0%, 0%, 0)",
+        100: "hsla(0, 0%, 0%, 0)",
+        200: "hsla(0, 0%, 0%, 0)",
+        300: "hsla(0, 0%, 0%, 0)",
+        400: "hsla(0, 0%, 0%, 0)",
+        500: "hsla(0, 0%, 0%, 0)",
+        A100: "hsla(0, 0%, 0%, 0)",
+        A200: "hsla(0, 0%, 0%, 0)",
+        A400: "hsla(0, 0%, 0%, 0)",
+        A700: "hsla(0, 0%, 0%, 0)",
     },
     sapphireBlue: {
         900: "hsla(223, 59%, 49%, 1)",
@@ -57,12 +122,29 @@ exports.colorPalette = {
         500: "hsl(216, 100%, 91%)",
         400: "	hsl(217, 100%, 95%)",
         300: "	hsl(193, 22%, 92%)",
+        50: "hsla(0, 0%, 0%, 0)",
+        100: "hsla(0, 0%, 0%, 0)",
+        200: "hsla(0, 0%, 0%, 0)",
+        A100: "hsla(0, 0%, 0%, 0)",
+        A200: "hsla(0, 0%, 0%, 0)",
+        A400: "hsla(0, 0%, 0%, 0)",
+        A700: "hsla(0, 0%, 0%, 0)",
     },
     darkMint: {
         900: "hsla(136, 59%, 49%, 1)",
         800: "hsla(136, 56%, 69%, 1)",
         700: "hsla(136, 58%, 90%, 1)",
         600: "hsla(133, 54%, 95%, 1)",
+        50: "hsla(0, 0%, 0%, 0)",
+        100: "hsla(0, 0%, 0%, 0)",
+        200: "hsla(0, 0%, 0%, 0)",
+        300: "hsla(0, 0%, 0%, 0)",
+        400: "hsla(0, 0%, 0%, 0)",
+        500: "hsla(0, 0%, 0%, 0)",
+        A100: "hsla(0, 0%, 0%, 0)",
+        A200: "hsla(0, 0%, 0%, 0)",
+        A400: "hsla(0, 0%, 0%, 0)",
+        A700: "hsla(0, 0%, 0%, 0)",
     },
     butterflyBlue: {
         900: "hsla(203, 79%, 57%, 1)", //secondary
@@ -72,23 +154,76 @@ exports.colorPalette = {
         500: "hsla(203, 82%, 96%, 1)",
         400: "hsla(208, 25%, 66%, 1)", //primary.light
         300: "hsla(207, 17%, 88%, 1)",
+        50: "hsla(0, 0%, 0%, 0)",
+        100: "hsla(0, 0%, 0%, 0)",
+        200: "hsla(0, 0%, 0%, 0)",
+        A100: "hsla(0, 0%, 0%, 0)",
+        A200: "hsla(0, 0%, 0%, 0)",
+        A400: "hsla(0, 0%, 0%, 0)",
+        A700: "hsla(0, 0%, 0%, 0)",
     },
     orchid: {
         900: "hsla(295, 60%, 66%, 1)",
         800: "hsla(295, 61%, 80%, 1)",
         700: "hsla(297, 60%, 93%, 1)",
         600: "hsla(295, 65%, 97%, 1)",
+        50: "hsla(0, 0%, 0%, 0)",
+        100: "hsla(0, 0%, 0%, 0)",
+        200: "hsla(0, 0%, 0%, 0)",
+        300: "hsla(0, 0%, 0%, 0)",
+        400: "hsla(0, 0%, 0%, 0)",
+        500: "hsla(0, 0%, 0%, 0)",
+        A100: "hsla(0, 0%, 0%, 0)",
+        A200: "hsla(0, 0%, 0%, 0)",
+        A400: "hsla(0, 0%, 0%, 0)",
+        A700: "hsla(0, 0%, 0%, 0)",
     },
     red: {
         900: "hsla(0, 90%, 47%, 1)", //error
         800: "hsla(0, 73%, 59%, 1)",
         700: "hsla(0, 81%, 37%, 1)",
+        50: "hsla(0, 0%, 0%, 0)",
+        100: "hsla(0, 0%, 0%, 0)",
+        200: "hsla(0, 0%, 0%, 0)",
+        300: "hsla(0, 0%, 0%, 0)",
+        400: "hsla(0, 0%, 0%, 0)",
+        500: "hsla(0, 0%, 0%, 0)",
+        600: "hsla(0, 0%, 0%, 0)",
+        A100: "hsla(0, 0%, 0%, 0)",
+        A200: "hsla(0, 0%, 0%, 0)",
+        A400: "hsla(0, 0%, 0%, 0)",
+        A700: "hsla(0, 0%, 0%, 0)",
     },
     lightBlue: {
         100: "hsla(193, 4%, 92%)",
         50: "hsla(193, 0%, 100%)",
+        200: "hsla(0, 0%, 0%, 0)",
+        300: "hsla(0, 0%, 0%, 0)",
+        400: "hsla(0, 0%, 0%, 0)",
+        500: "hsla(0, 0%, 0%, 0)",
+        600: "hsla(0, 0%, 0%, 0)",
+        700: "hsla(0, 0%, 0%, 0)",
+        800: "hsla(0, 0%, 0%, 0)",
+        900: "hsla(0, 0%, 0%, 0)",
+        A100: "hsla(0, 0%, 0%, 0)",
+        A200: "hsla(0, 0%, 0%, 0)",
+        A400: "hsla(0, 0%, 0%, 0)",
+        A700: "hsla(0, 0%, 0%, 0)",
     },
     black: {
         900: "hsl(0, 0%, 0%)",
+        50: "hsla(0, 0%, 0%, 0)",
+        100: "hsla(0, 0%, 0%, 0)",
+        200: "hsla(0, 0%, 0%, 0)",
+        300: "hsla(0, 0%, 0%, 0)",
+        400: "hsla(0, 0%, 0%, 0)",
+        500: "hsla(0, 0%, 0%, 0)",
+        600: "hsla(0, 0%, 0%, 0)",
+        700: "hsla(0, 0%, 0%, 0)",
+        800: "hsla(0, 0%, 0%, 0)",
+        A100: "hsla(0, 0%, 0%, 0)",
+        A200: "hsla(0, 0%, 0%, 0)",
+        A400: "hsla(0, 0%, 0%, 0)",
+        A700: "hsla(0, 0%, 0%, 0)",
     },
 };

package/packages/shared-components/dist/utils/theme/paletteDark.d.ts

@@ -3,6 +3,6 @@ export declare const darkPalette: {
         color: import("./colorPalette").ColorPalette;
         paperBoxShadow: string;
     };
-    divider: string | undefined;
+    divider: string;
 };
 //# sourceMappingURL=paletteDark.d.ts.map

package/packages/shared-components/dist/utils/theme/theme.d.ts

@@ -11,7 +11,7 @@ export declare const getPaletteByTheme: (mode: PaletteMode) => {
             color: import("./colorPalette").ColorPalette;
             paperBoxShadow: string;
         };
-        divider: string | undefined;
+        divider: string;
         mode: PaletteMode;
     } | {
         primary?: import("@mui/material").PaletteColorOptions;