@codezee/sixtify-brahma 0.2.192 → 0.2.194

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.192",
+  "version": "0.2.194",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"
@@ -31,7 +31,6 @@
     "@types/luxon": "^3.4.2",
     "@types/node": "^22.10.0",
     "@types/react-date-range": "^1.4.9",
-    "@types/react-image-gallery": "^1.2.4",
     "@types/uuid": "^10.0.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-typescript": "^4.3.4",
@@ -62,60 +61,13 @@
     "@mui/material": "^5.15.20",
     "@mui/styled-engine-sc": "6.0.0-alpha.18",
     "@mui/x-charts": "^8.12.0",
-    "@mui/x-data-grid": "^7.6.2",
     "@mui/x-date-pickers": "^7.8.0",
-    "@tanstack/react-query": "^5.48.0",
-    "@tanstack/react-query-devtools": "^5.48.0",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.13.12",
-    "@tiptap/core": "^3.4.4",
-    "@tiptap/extension-blockquote": "^3.4.4",
-    "@tiptap/extension-bold": "^3.4.4",
-    "@tiptap/extension-bubble-menu": "^3.4.4",
-    "@tiptap/extension-bullet-list": "^3.4.4",
-    "@tiptap/extension-code": "^3.4.4",
-    "@tiptap/extension-code-block": "^3.4.4",
-    "@tiptap/extension-color": "^3.4.4",
-    "@tiptap/extension-document": "^3.4.4",
-    "@tiptap/extension-dropcursor": "^3.4.4",
-    "@tiptap/extension-floating-menu": "^3.4.4",
-    "@tiptap/extension-font-family": "^3.4.4",
-    "@tiptap/extension-gapcursor": "^3.4.4",
-    "@tiptap/extension-hard-break": "^3.4.4",
-    "@tiptap/extension-heading": "^3.4.4",
-    "@tiptap/extension-highlight": "^3.4.4",
-    "@tiptap/extension-history": "^3.4.4",
-    "@tiptap/extension-horizontal-rule": "^3.4.4",
-    "@tiptap/extension-image": "^3.4.4",
-    "@tiptap/extension-italic": "^3.4.4",
-    "@tiptap/extension-link": "^3.4.4",
-    "@tiptap/extension-list-item": "^3.4.4",
-    "@tiptap/extension-mention": "^3.4.4",
-    "@tiptap/extension-ordered-list": "^3.4.4",
-    "@tiptap/extension-paragraph": "^3.4.4",
-    "@tiptap/extension-placeholder": "^3.4.4",
-    "@tiptap/extension-strike": "^3.4.4",
-    "@tiptap/extension-subscript": "^3.4.4",
-    "@tiptap/extension-superscript": "^3.4.4",
-    "@tiptap/extension-table": "^3.4.4",
-    "@tiptap/extension-table-cell": "^3.4.4",
-    "@tiptap/extension-table-header": "^3.4.4",
-    "@tiptap/extension-table-row": "^3.4.4",
-    "@tiptap/extension-task-item": "^3.4.4",
-    "@tiptap/extension-task-list": "^3.4.4",
-    "@tiptap/extension-text": "^3.4.4",
-    "@tiptap/extension-text-align": "^3.4.4",
-    "@tiptap/extension-text-style": "^3.4.4",
-    "@tiptap/extension-underline": "^3.4.4",
-    "@tiptap/pm": "^3.4.4",
-    "@tiptap/react": "^3.4.4",
-    "@tiptap/starter-kit": "^3.4.4",
-    "@tiptap/suggestion": "^3.4.4",
     "@types/file-saver": "^2.0.7",
     "@types/react-syntax-highlighter": "^15.5.13",
     "ag-grid-community": "^34.3.1",
     "ag-grid-react": "^34.3.1",
-    "axios": "^1.7.2",
     "date-fns": "^4.1.0",
     "eslint-plugin-sonarjs": "1.0.4-alpha.1",
     "exceljs": "^4.4.0",
@@ -123,24 +75,18 @@
     "file64": "1.0.1",
     "gh-pages": "^6.3.0",
     "html2canvas": "^1.4.1",
-    "i18next": "^23.12.1",
     "iconoir-react": "^7.11.0",
-    "jszip": "^3.10.1",
     "lodash": "^4.17.21",
     "luxon": "^3.4.4",
-    "mui-tiptap": "^1.26.0",
     "next": "^14.2.5",
-    "next-auth": "^4.24.7",
     "react-date-range": "^2.0.1",
     "react-i18next": "^14.1.2",
-    "react-multi-carousel": "^2.8.5",
     "react-number-format": "^5.4.4",
     "react-phone-input-2": "^2.15.1",
     "react-syntax-highlighter": "^16.1.0",
     "react-toastify": "^10.0.5",
     "react-webcam": "7.2.0",
     "styled-components": "^6.1.11",
-    "tippy.js": "^6.3.7",
     "usehooks-ts": "^3.1.0",
     "uuid": "^10.0.0",
     "zod": "^3.23.8"

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

@@ -76,7 +76,7 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
                 if (datasource) {
                     setTimeout(() => {
                         const displayedCount = api.getDisplayedRowCount();
-                        const renderedNodes = api.getRenderedNodes().length || 0;
+                        const renderedNodes = api.getRenderedNodes()?.length ?? 0;
                         updateNoRowsOverlay(api, displayedCount === 0 && renderedNodes === 0);
                     }, 50);
                 }
@@ -84,7 +84,7 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
             else {
                 setTimeout(() => {
                     const displayedCount = api.getDisplayedRowCount();
-                    const renderedNodes = api.getRenderedNodes().length || 0;
+                    const renderedNodes = api.getRenderedNodes()?.length ?? 0;
                     updateNoRowsOverlay(api, displayedCount === 0 && renderedNodes === 0);
                 }, 50);
             }
@@ -117,13 +117,13 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
                 const datasource = api.getGridOption("datasource");
                 if (datasource) {
                     setTimeout(() => {
-                        updateNoRowsOverlay(api, !api.getDisplayedRowCount() && !api.getRenderedNodes().length);
+                        updateNoRowsOverlay(api, !api.getDisplayedRowCount() && !api.getRenderedNodes()?.length);
                     }, 50);
                 }
             }
             else {
                 setTimeout(() => {
-                    updateNoRowsOverlay(api, !api.getDisplayedRowCount() && !api.getRenderedNodes().length);
+                    updateNoRowsOverlay(api, !api.getDisplayedRowCount() && !api.getRenderedNodes()?.length);
                 }, 50);
             }
         }
@@ -136,13 +136,13 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
                 const datasource = api.getGridOption("datasource");
                 if (datasource) {
                     setTimeout(() => {
-                        updateNoRowsOverlay(api, !api.getDisplayedRowCount() && !api.getRenderedNodes().length);
+                        updateNoRowsOverlay(api, !api.getDisplayedRowCount() && !api.getRenderedNodes()?.length);
                     }, 50);
                 }
             }
             else {
                 setTimeout(() => {
-                    updateNoRowsOverlay(api, !api.getDisplayedRowCount() && !api.getRenderedNodes().length);
+                    updateNoRowsOverlay(api, !api.getDisplayedRowCount() && !api.getRenderedNodes()?.length);
                 }, 50);
             }
         }

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

@@ -1 +1 @@
-{"version":3,"file":"useAgGridSelection.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/hooks/useAgGridSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,sBAAsB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI;IACtD,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,gBAAgB,EAAE,CAAC,EAAE,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC;QAC5C,IAAI,EAAE,CAAC,EAAE,CAAC;QACV,UAAU,EAAE,MAAM,CAAC;QACnB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC,CAAC;IACH,cAAc,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,KAAK,OAAO,CAAC;CACpD,CAAC;AAEF,KAAK,wBAAwB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI;IACxD,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,YAAY,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC;IACzB,kBAAkB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,aAAa,EAAE;QACb,OAAO,EAAE,OAAO,CAAC;QACjB,aAAa,EAAE,OAAO,CAAC;KACxB,CAAC;IACF,OAAO,EAAE;QACP,IAAI,EAAE,OAAO,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,IAAI,CAAC;KAC3B,GAAG,IAAI,CAAC;CACV,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,2GAQ1D,sBAAsB,CAAC,CAAC,CAAC,KAAG,wBAAwB,CAAC,CAAC,CAuUxD,CAAC"}
+{"version":3,"file":"useAgGridSelection.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/hooks/useAgGridSelection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,sBAAsB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI;IACtD,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,gBAAgB,EAAE,CAAC,EAAE,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC;QAC5C,IAAI,EAAE,CAAC,EAAE,CAAC;QACV,UAAU,EAAE,MAAM,CAAC;QACnB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC,CAAC;IACH,cAAc,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,KAAK,OAAO,CAAC;CACpD,CAAC;AAEF,KAAK,wBAAwB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI;IACxD,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,YAAY,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC;IACzB,kBAAkB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,aAAa,EAAE;QACb,OAAO,EAAE,OAAO,CAAC;QACjB,aAAa,EAAE,OAAO,CAAC;KACxB,CAAC;IACF,OAAO,EAAE;QACP,IAAI,EAAE,OAAO,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,IAAI,CAAC;KAC3B,GAAG,IAAI,CAAC;CACV,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,2GAQ1D,sBAAsB,CAAC,CAAC,CAAC,KAAG,wBAAwB,CAAC,CAAC,CAucxD,CAAC"}

package/packages/shared-components/dist/AgGrid/hooks/useAgGridSelection.js

@@ -8,6 +8,24 @@ const useAgGridSelection = ({ gridRef, currentPageItems, totalRecords, selectedE
     const originalSelectableCountRef = (0, react_1.useRef)(null);
     const lastQueryParamsRef = (0, react_1.useRef)(null);
     const previousTotalRecordsRef = (0, react_1.useRef)(totalRecords);
+    const previousExtraParamsRef = (0, react_1.useRef)("");
+    const currentExtraParams = (0, react_1.useMemo)(() => {
+        try {
+            return JSON.stringify(getExtraParams());
+        }
+        catch {
+            return "";
+        }
+    }, [getExtraParams]);
+    (0, react_1.useEffect)(() => {
+        const previousExtraParams = previousExtraParamsRef.current;
+        if (previousExtraParams !== "" &&
+            currentExtraParams !== previousExtraParams) {
+            setAllDataCache(null);
+            originalSelectableCountRef.current = null;
+        }
+        previousExtraParamsRef.current = currentExtraParams;
+    }, [currentExtraParams]);
     (0, react_1.useEffect)(() => {
         if ((originalSelectableCountRef.current === null && totalRecords > 0) ||
             (originalSelectableCountRef.current !== null &&
@@ -69,9 +87,12 @@ const useAgGridSelection = ({ gridRef, currentPageItems, totalRecords, selectedE
         });
     }, [currentPageItems, isRowSelectable]);
     const deselectCurrentPage = (0, react_1.useCallback)(() => {
-        const currentPageIds = new Set(currentPageItems.map(({ id }) => id));
+        const selectableItems = isRowSelectable
+            ? currentPageItems.filter((item) => isRowSelectable({ data: item }))
+            : currentPageItems;
+        const currentPageIds = new Set(selectableItems.map(({ id }) => id));
         setSelectedIds((prev) => prev.filter((id) => !currentPageIds.has(id)));
-    }, [currentPageItems]);
+    }, [currentPageItems, isRowSelectable]);
     const selectAll = (0, react_1.useCallback)(async (params) => {
         const extraParams = getExtraParams();
         const base = params ??
@@ -173,18 +194,87 @@ const useAgGridSelection = ({ gridRef, currentPageItems, totalRecords, selectedE
             onButtonClick: () => void selectAll(),
         };
     }, [selectedRecords, displayRecordsCount, clearSelection, selectAll]);
+    const isDialogOnTop = (0, react_1.useCallback)(() => {
+        const backdrop = document.querySelector('.MuiBackdrop-root:not([style*="display: none"])');
+        if (backdrop) {
+            return true;
+        }
+        const dialogs = document.querySelectorAll('[role="dialog"], .MuiDialog-root, .MuiModal-root');
+        if (dialogs.length === 0) {
+            return false;
+        }
+        for (const dialog of Array.from(dialogs)) {
+            const dialogElement = dialog;
+            const style = window.getComputedStyle(dialogElement);
+            const isVisible = style.display !== "none" &&
+                style.visibility !== "hidden" &&
+                parseFloat(style.opacity) > 0;
+            if (isVisible) {
+                return true;
+            }
+        }
+        return false;
+    }, []);
     const isInputFieldActive = (0, react_1.useCallback)(() => {
         const activeElement = document.activeElement;
         return (activeElement?.tagName === "INPUT" ||
             activeElement?.tagName === "TEXTAREA" ||
             activeElement?.contentEditable === "true");
     }, []);
-    const isHeaderCheckboxActive = (0, react_1.useCallback)(() => {
-        const activeElement = document.activeElement;
-        return (activeElement?.closest(".ag-header-cell") !== null ||
-            activeElement?.closest(".ag-selection-checkbox") !== null ||
-            activeElement?.getAttribute("role") === "columnheader");
+    const isFilterFieldActive = (0, react_1.useCallback)((target) => {
+        if (!target) {
+            return false;
+        }
+        return (target.classList.contains("ag-floating-filter") ||
+            target.classList.contains("ag-text-field-input") ||
+            target.closest(".ag-floating-filter") !== null ||
+            target.closest(".ag-text-field-input") !== null);
     }, []);
+    const isHeaderCheckboxActive = (0, react_1.useCallback)((target) => {
+        const element = target || document.activeElement;
+        return (element?.closest(".ag-header-cell") !== null ||
+            element?.closest(".ag-selection-checkbox") !== null ||
+            element?.getAttribute("role") === "columnheader");
+    }, []);
+    const handleCtrlA = (0, react_1.useCallback)((event) => {
+        if (isDialogOnTop()) {
+            return;
+        }
+        event.preventDefault();
+        selectCurrentPage();
+    }, [selectCurrentPage, isDialogOnTop]);
+    const handleAltA = (0, react_1.useCallback)((event) => {
+        if (isDialogOnTop()) {
+            return;
+        }
+        const activeElement = document.activeElement;
+        const isInputField = activeElement?.tagName === "INPUT" ||
+            activeElement?.tagName === "TEXTAREA" ||
+            activeElement?.contentEditable === "true";
+        if (isInputField) {
+            return;
+        }
+        event.preventDefault();
+        deselectCurrentPage();
+    }, [deselectCurrentPage, isFilterFieldActive, isDialogOnTop]);
+    const handleSpaceKey = (0, react_1.useCallback)((event) => {
+        const target = event.target;
+        if (isFilterFieldActive(target)) {
+            return;
+        }
+        event.preventDefault();
+        if (currentPageState.checked) {
+            deselectCurrentPage();
+        }
+        else {
+            selectCurrentPage();
+        }
+    }, [
+        currentPageState.checked,
+        deselectCurrentPage,
+        selectCurrentPage,
+        isFilterFieldActive,
+    ]);
     (0, react_1.useEffect)(() => {
         const handleKeyDown = (event) => {
             if (isInputFieldActive() || !currentPageItems.length) {
@@ -192,24 +282,17 @@ const useAgGridSelection = ({ gridRef, currentPageItems, totalRecords, selectedE
             }
             const key = event.key.toLowerCase();
             if (key === "a" && (event.ctrlKey || event.metaKey)) {
-                event.preventDefault();
-                selectCurrentPage();
+                handleCtrlA(event);
                 return;
             }
-            if (key === "a" && event.altKey) {
-                event.preventDefault();
-                deselectCurrentPage();
+            if (event.code === "KeyA" && event.altKey) {
+                handleAltA(event);
                 return;
             }
-            if ((event.code === "Space" || event.key === " ") &&
-                isHeaderCheckboxActive() &&
-                gridRef.current) {
-                event.preventDefault();
-                if (currentPageState.checked) {
-                    deselectCurrentPage();
-                }
-                else {
-                    selectCurrentPage();
+            if ((event.code === "Space" || event.key === " ") && gridRef.current) {
+                const target = event.target;
+                if (isHeaderCheckboxActive(target) && !isFilterFieldActive(target)) {
+                    handleSpaceKey(event);
                 }
             }
         };
@@ -217,11 +300,12 @@ const useAgGridSelection = ({ gridRef, currentPageItems, totalRecords, selectedE
         return () => document.removeEventListener("keydown", handleKeyDown, true);
     }, [
         currentPageItems.length,
-        selectCurrentPage,
-        deselectCurrentPage,
-        currentPageState.checked,
+        handleCtrlA,
+        handleAltA,
+        handleSpaceKey,
         isInputFieldActive,
         isHeaderCheckboxActive,
+        gridRef,
     ]);
     return {
         selectedIds,

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

@@ -1,6 +1,6 @@
 import { type StackOwnProps, type StackProps, type SxProps } from "@mui/material";
 import { type RadioProps as MuiRadioProps } from "@mui/material/Radio";
-import type { ReactNode } from "react";
+import { type ReactNode } from "react";
 import { type ControllerRenderProps, type FieldValues, type UseControllerProps } from "react-hook-form";
 import { type NavigationKey } from "../../utils/hooks/useFormFieldFocus";
 type Options = {

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/RadioGroupField/RadioGroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,OAAO,EACb,MAAM,eAAe,CAAC;AACvB,OAAc,EAAE,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAG7C,KAAK,OAAO,GAAG;IACb,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEN,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,YAAY,EACZ,IAAc,EACd,KAAmB,EACnB,OAAe,EACf,QAAgB,EAChB,SAAiB,EACjB,EAAO,EACP,cAAc,EACd,YAAoB,EACpB,aAAqB,EACrB,cAAc,EACd,GAAG,oBAAoB,EACxB,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAoHzB"}
+{"version":3,"file":"RadioGroupField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/RadioGroupField/RadioGroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,OAAO,EACb,MAAM,eAAe,CAAC;AACvB,OAAc,EAAE,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAG7C,KAAK,OAAO,GAAG;IACb,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEN,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,YAAY,EACZ,IAAc,EACd,KAAmB,EACnB,OAAe,EACf,QAAgB,EAChB,SAAiB,EACjB,EAAO,EACP,cAAc,EACd,YAAoB,EACpB,aAAqB,EACrB,cAAc,EACd,GAAG,oBAAoB,EACxB,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAwIzB"}

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

@@ -7,12 +7,14 @@ exports.RadioGroupField = RadioGroupField;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const Radio_1 = __importDefault(require("@mui/material/Radio"));
+const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const useFormFieldFocus_1 = require("../../utils/hooks/useFormFieldFocus");
 const Skeleton_1 = require("./Skeleton");
 function RadioGroupField({ name, rules, label, control, options, defaultValue, size = "small", color = "secondary", loading = false, required = false, direction = "row", sx = {}, containerProps, isHorizontal = false, navigationKey = "tab", customOnChange, ...restRadioButtonProps }) {
     const { field: { value, onChange, ref, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
     const { inputRef, handleKeyDown: handleNavigationKeyDown, maintainFocus, } = (0, useFormFieldFocus_1.useFormFieldFocus)({ navigationKey });
+    const fallbackInputRef = (0, react_1.useRef)(null);
     const handleKeyDown = (event) => {
         handleNavigationKeyDown(event, undefined, false);
     };
@@ -23,19 +25,19 @@ function RadioGroupField({ name, rules, label, control, options, defaultValue, s
                     whiteSpace: "normal",
                     overflow: "visible",
                     textOverflow: "unset",
-                }, required: required, disabled: restRadioButtonProps.disabled, children: label })), (0, jsx_runtime_1.jsx)(material_1.RadioGroup, { name: name, value: value, onKeyDown: handleKeyDown, onChange: (_, event) => {
+                }, required: required, disabled: restRadioButtonProps.disabled, children: label })), (0, jsx_runtime_1.jsx)(material_1.RadioGroup, { name: name, value: value, onKeyDown: handleKeyDown, onChange: (event, radioValue) => {
                     let selectedValue;
-                    if (event === "true") {
+                    if (radioValue === "true") {
                         selectedValue = true;
                         onChange(true);
                     }
-                    else if (event === "false") {
+                    else if (radioValue === "false") {
                         selectedValue = false;
                         onChange(false);
                     }
                     else {
-                        selectedValue = event;
-                        onChange(event);
+                        selectedValue = radioValue;
+                        onChange(radioValue);
                     }
                     if (customOnChange) {
                         const selectedOption = options.find(({ values }) => values === selectedValue);
@@ -43,20 +45,36 @@ function RadioGroupField({ name, rules, label, control, options, defaultValue, s
                             customOnChange(selectedOption);
                         }
                     }
+                    const targetInput = event.target;
+                    if (targetInput) {
+                        inputRef.current = targetInput;
+                    }
+                    else if (!inputRef.current && fallbackInputRef.current) {
+                        inputRef.current = fallbackInputRef.current;
+                    }
                     maintainFocus();
                 }, children: (0, jsx_runtime_1.jsx)(material_1.Stack, { gap: direction === "column" ? "5px" : "10px", direction: direction, ...containerProps, children: options?.map(({ label, values, disabled }, index) => {
                         return (
                         // eslint-disable-next-line sonarjs/no-array-index-key
-                        (0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { value: values, control: (0, jsx_runtime_1.jsx)(Radio_1.default, { ...restField, ...restRadioButtonProps, tabIndex: -1, color: color, size: size, inputRef: (el) => {
-                                        if (el && !inputRef.current) {
+                        (0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { value: values, control: (0, jsx_runtime_1.jsx)(Radio_1.default, { ...restField, ...restRadioButtonProps, color: color, size: size, inputRef: (el) => {
+                                        if (!el) {
+                                            return;
+                                        }
+                                        const shouldUseAsPrimaryRef = value === values ||
+                                            (!inputRef.current && index === 0);
+                                        if (shouldUseAsPrimaryRef) {
                                             inputRef.current = el;
-                                            if (ref) {
-                                                if (typeof ref === "function") {
-                                                    ref(el);
-                                                }
-                                                else {
-                                                    ref.current = el;
-                                                }
+                                            fallbackInputRef.current = el;
+                                        }
+                                        else if (!fallbackInputRef.current && index === 0) {
+                                            fallbackInputRef.current = el;
+                                        }
+                                        if (ref) {
+                                            if (typeof ref === "function") {
+                                                ref(el);
+                                            }
+                                            else {
+                                                ref.current = el;
                                             }
                                         }
                                     } }), disabled: disabled, label: label, sx: sx }) }, index));

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

@@ -82,7 +82,7 @@ function Select({ control, defaultValue, name, required = false, label, multiple
                 gap: 0.5,
                 overflow: "hidden",
             }, children: [visibleItems.map((option) => ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", noWrap: true, color: disabledColor, sx: {
-                        "-webkit-text-fill-color": disabledColor,
+                        WebkitTextFillColor: disabledColor,
                         backgroundColor: slate[800],
                         padding: "2px 5px",
                         borderRadius: "12px",

package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArranger.d.ts

@@ -0,0 +1,20 @@
+import { type Control, type UseFieldArrayReturn, type UseFormSetValue } from "react-hook-form";
+import type { AppColumnDef } from "../../types";
+type ColumnArrangerProps<T> = {
+    lockedColumns: AppColumnDef<T>[];
+    fields: UseFieldArrayReturn<{
+        columns: AppColumnDef<T>[];
+    }, "columns">["fields"];
+    control: Control<{
+        columns: AppColumnDef<T>[];
+    }>;
+    setValue: UseFormSetValue<{
+        columns: AppColumnDef<T>[];
+    }>;
+    filterVisibleOnly?: boolean;
+    searchTerm?: string;
+    grouping?: string[];
+};
+export declare const ColumnArranger: <T>({ lockedColumns, fields, control, setValue, filterVisibleOnly, searchTerm, grouping, }: Readonly<ColumnArrangerProps<T>>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ColumnArranger.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArranger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnArranger.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/ColumnChooser/ColumnArranger.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAErB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD,KAAK,mBAAmB,CAAC,CAAC,IAAI;IAC5B,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACjC,MAAM,EAAE,mBAAmB,CACzB;QAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;KAAE,EAC9B,SAAS,CACV,CAAC,QAAQ,CAAC,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;QAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;KAAE,CAAC,CAAC;IACjD,QAAQ,EAAE,eAAe,CAAC;QAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;KAAE,CAAC,CAAC;IAC1D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,CAAC,EAAG,wFAQhC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,4CAyElC,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArranger.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnArranger = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_hook_form_1 = require("react-hook-form");
+const LockedColumnItem_1 = require("./LockedColumnItem");
+const ColumnItem_1 = require("./ColumnItem");
+const ColumnArranger = ({ lockedColumns, fields, control, setValue, filterVisibleOnly = false, searchTerm = "", grouping, }) => {
+    // Watch all column hide values
+    const columnsData = (0, react_hook_form_1.useWatch)({
+        control,
+        name: "columns",
+        defaultValue: [],
+    });
+    // Filter fields based on filterVisibleOnly and searchTerm
+    const filteredFields = (0, react_1.useMemo)(() => {
+        let result = fields;
+        // Apply visibility filter
+        if (filterVisibleOnly) {
+            result = result.filter((field, index) => {
+                const columnData = columnsData[index];
+                return columnData && columnData.hide;
+            });
+        }
+        // Apply search filter by label/header
+        if (searchTerm.trim()) {
+            const lowerSearchTerm = searchTerm.toLowerCase();
+            result = result.filter((field, index) => {
+                const columnData = columnsData[index];
+                const header = columnData?.header ?? field.header ?? "";
+                // Match against header/label (case-insensitive)
+                return (typeof header === "string" &&
+                    header.toLowerCase().includes(lowerSearchTerm));
+            });
+        }
+        return result;
+    }, [fields, filterVisibleOnly, searchTerm, columnsData]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [lockedColumns.map((column) => {
+                return (0, jsx_runtime_1.jsx)(LockedColumnItem_1.LockedColumnItem, { column: column }, column.accessorKey);
+            }), (0, jsx_runtime_1.jsxs)("div", { style: { margin: 0, padding: 0 }, children: [!filteredFields.length && ((0, jsx_runtime_1.jsx)("p", { style: { textAlign: "center", fontSize: "13px", color: "gray" }, children: "No columns to show" })), filteredFields
+                        .filter((field) => !grouping?.includes(field.accessorKey ?? ""))
+                        .map((field) => {
+                        // Find the original index in the fields array
+                        const actualIndex = fields.findIndex(({ id }) => id === field.id);
+                        return ((0, jsx_runtime_1.jsx)(ColumnItem_1.ColumnItem, { field: field, control: control, index: actualIndex, setValue: setValue }, field.id));
+                    })] })] }));
+};
+exports.ColumnArranger = ColumnArranger;

package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArrangerDialog.d.ts

@@ -0,0 +1,17 @@
+import type { AppColumnDef, SmartColumnAlignmentType } from "../../types";
+import type { OnAction } from "../../../utils/types";
+type ColumnArrangerDialogProps<T> = {
+    open: boolean;
+    onClose: OnAction;
+    title?: string;
+    columns?: AppColumnDef<T>[];
+    grouping?: string[];
+    onSave: (args: Record<string, {
+        hide: boolean;
+        align: SmartColumnAlignmentType;
+        header: string;
+    }>) => void;
+};
+export declare const ColumnArrangerDialog: <T>({ open, onClose, title, columns, grouping, onSave, }: ColumnArrangerDialogProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ColumnArrangerDialog.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArrangerDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnArrangerDialog.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/ColumnChooser/ColumnArrangerDialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,KAAK,yBAAyB,CAAC,CAAC,IAAI;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,QAAQ,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,EAAE,CACN,IAAI,EAAE,MAAM,CACV,MAAM,EACN;QACE,IAAI,EAAE,OAAO,CAAC;QACd,KAAK,EAAE,wBAAwB,CAAC;QAChC,MAAM,EAAE,MAAM,CAAC;KAChB,CACF,KACE,IAAI,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAG,sDAOtC,yBAAyB,CAAC,CAAC,CAAC,4CAkM9B,CAAC"}