@codezee/sixtify-brahma 0.2.57 → 0.2.59

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.57",
+  "version": "0.2.59",
   "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/Button/ButtonGroup.d.ts

@@ -5,6 +5,7 @@ type ButtonObject = {
     label: string;
     selected: boolean;
     onClick: (value: string) => void;
+    size?: "small" | "medium" | "large";
 };
 type ButtonGroupProps = {
     renderButtons: ButtonObject[];

package/packages/shared-components/dist/Button/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/Button/ButtonGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,aAAa,EAAE,YAAY,EAAE,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mBAAmB,gBAAgB,4CAmB9D,CAAC"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/Button/ButtonGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,aAAa,EAAE,YAAY,EAAE,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mBAAmB,gBAAgB,4CAsB9D,CAAC"}

package/packages/shared-components/dist/Button/ButtonGroup.js

@@ -6,10 +6,10 @@ const material_1 = require("@mui/material");
 const lodash_1 = require("lodash");
 const Button_1 = require("./Button");
 const ButtonGroup = ({ renderButtons }) => {
-    return ((0, jsx_runtime_1.jsx)(material_1.ButtonGroup, { sx: { boxShadow: "none" }, "aria-label": "Basic button group", children: renderButtons?.map(({ icon, value, label, selected, onClick }) => ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: !selected ? "outlined" : "contained", onClick: () => {
+    return ((0, jsx_runtime_1.jsx)(material_1.ButtonGroup, { sx: { boxShadow: "none" }, "aria-label": "Basic button group", children: renderButtons?.map(({ icon, value, label, selected, onClick, size = "medium" }) => ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: !selected ? "outlined" : "contained", onClick: () => {
                 if ((0, lodash_1.isFunction)(onClick)) {
                     onClick(value);
                 }
-            }, startIcon: icon, children: label }, value))) }));
+            }, startIcon: icon, size: size, children: label }, value))) }));
 };
 exports.ButtonGroup = ButtonGroup;

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

@@ -0,0 +1,12 @@
+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;
+};
+export declare const CellSelectionTable: ({ columns, data, onCellSelection, cellColors, height, }: 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;AAShF,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,CAAC,EAAE,UAAU,KACX,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,yDAMhC,QAAQ,CAAC,uBAAuB,CAAC,4CAiNnC,CAAC"}

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

@@ -0,0 +1,116 @@
+"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 helper_1 = require("./utils/helper");
+const CellSelectionTable = ({ columns, data, onCellSelection, cellColors, height, }) => {
+    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]);
+    (0, react_1.useMemo)(() => {
+        onCellSelection(groupedRanges);
+    }, [groupedRanges, onCellSelection]);
+    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,
+            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,
+                            }, children: label }, key))) }) }), (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),
+                                    cursor: "pointer",
+                                    maxWidth,
+                                    minWidth,
+                                }, onMouseDown: handleCellMouseDown(ri, ci), onMouseEnter: handleCellMouseEnter(ri, ci), onMouseUp: handleCellMouseUp, onContextMenu: handleContextMenuCallback(ri, ci), 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/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./CellSelectionTable";
+//# 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"}

package/packages/shared-components/dist/CellSelectionTable/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("./CellSelectionTable"), 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, }: 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":"AACA,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,QAcrB;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,GAChB,EAAE,qBAAqB,QAUvB"}

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

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleMouseEnter = handleMouseEnter;
+exports.handleMouseDown = handleMouseDown;
+exports.handleMouseUp = handleMouseUp;
+exports.handleContextMenu = handleContextMenu;
+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, }) {
+    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, }) {
+    e.preventDefault();
+    const singleCell = [{ row: ri, col: ci }];
+    setSelectedRanges((prev) => e.ctrlKey || e.metaKey ? [...prev, ...singleCell] : singleCell);
+    onCellSelection?.({ selectedCells: singleCell }, e);
+}

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

@@ -0,0 +1,55 @@
+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"];
+};
+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;
+    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;CACjC,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,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,CAAC,EAAE,UAAU,CAAC,oBAAoB,CAAC,KACjC,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/Svgs/SvgColumn.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgColumn = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgColumn = (props) => {
-    return ((0, jsx_runtime_1.jsxs)("svg", { width: 42, height: 43, viewBox: "0 0 42 43", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("rect", { x: 0.5, y: 1, width: 41, height: 41, rx: 3.5, fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: 0.5, y: 1, width: 41, height: 41, rx: 3.5, stroke: "#BCBFC2" }), (0, jsx_runtime_1.jsx)("g", { clipPath: "url(#clip0_38460_84386)", children: (0, jsx_runtime_1.jsx)("path", { d: "M18 12.5V30.5M24 12.5V30.5M16.8 12.5H25.2C26.8802 12.5 27.7202 12.5 28.362 12.827C28.9265 13.1146 29.3854 13.5735 29.673 14.138C30 14.7798 30 15.6198 30 17.3V25.7C30 27.3802 30 28.2202 29.673 28.862C29.3854 29.4265 28.9265 29.8854 28.362 30.173C27.7202 30.5 26.8802 30.5 25.2 30.5H16.8C15.1198 30.5 14.2798 30.5 13.638 30.173C13.0735 29.8854 12.6146 29.4265 12.327 28.862C12 28.2202 12 27.3802 12 25.7V17.3C12 15.6198 12 14.7798 12.327 14.138C12.6146 13.5735 13.0735 13.1146 13.638 12.827C14.2798 12.5 15.1198 12.5 16.8 12.5Z", stroke: "#151E28", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_38460_84386", children: (0, jsx_runtime_1.jsx)("rect", { width: 20, height: 20, fill: "white", transform: "translate(11 11.5)" }) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("svg", { width: 41, height: 45, viewBox: "0 0 44 45", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("rect", { x: 0.5, y: 1, width: 41, height: 41, rx: 3.5, fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: 0.5, y: 1, width: 41, height: 41, rx: 3.5, stroke: "#BCBFC2" }), (0, jsx_runtime_1.jsx)("g", { clipPath: "url(#clip0_38460_84386)", children: (0, jsx_runtime_1.jsx)("path", { d: "M18 12.5V30.5M24 12.5V30.5M16.8 12.5H25.2C26.8802 12.5 27.7202 12.5 28.362 12.827C28.9265 13.1146 29.3854 13.5735 29.673 14.138C30 14.7798 30 15.6198 30 17.3V25.7C30 27.3802 30 28.2202 29.673 28.862C29.3854 29.4265 28.9265 29.8854 28.362 30.173C27.7202 30.5 26.8802 30.5 25.2 30.5H16.8C15.1198 30.5 14.2798 30.5 13.638 30.173C13.0735 29.8854 12.6146 29.4265 12.327 28.862C12 28.2202 12 27.3802 12 25.7V17.3C12 15.6198 12 14.7798 12.327 14.138C12.6146 13.5735 13.0735 13.1146 13.638 12.827C14.2798 12.5 15.1198 12.5 16.8 12.5Z", stroke: "#151E28", strokeWidth: 1, strokeLinecap: "round", strokeLinejoin: "round" }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_38460_84386", children: (0, jsx_runtime_1.jsx)("rect", { width: 20, height: 20, fill: "white", transform: "translate(11 11.5)" }) }) })] }));
 };
 exports.SvgColumn = SvgColumn;

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

@@ -9,6 +9,6 @@ const Tooltip = ({ toolTipLabel, children, placement = "top-start", ...rest }) =
                 overflow: "hidden",
                 textOverflow: "ellipsis",
                 whiteSpace: "nowrap",
-            }, children: children })) : ((0, jsx_runtime_1.jsx)(material_1.Box, { children: children })) }));
+            }, children: children })) : ((0, jsx_runtime_1.jsx)(material_1.Box, { display: "inline-flex", children: children })) }));
 };
 exports.Tooltip = Tooltip;

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;