@codezee/sixtify-brahma 0.2.68 → 0.2.69

package/package.json

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -14,10 +14,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MasterIcon"), exports);
 __exportStar(require("./SettingIcon"), exports);
 __exportStar(require("./SvgBankConfig"), exports);
 __exportStar(require("./SvgConfiguration"), exports);
-__exportStar(require("./SvgPayroll"), exports);
 __exportStar(require("./SvgEmployees"), exports);
 __exportStar(require("./SvgOrganization"), exports);
+__exportStar(require("./SvgPayroll"), exports);
 __exportStar(require("./SvgTransaction"), exports);