@codezee/sixtify-brahma 0.2.126 → 0.2.128

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/DebouncedInput.js

@@ -1,42 +1,22 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DebouncedInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Close_1 = __importDefault(require("@mui/icons-material/Close"));
 const material_1 = require("@mui/material");
 const react_1 = require("react");
 const usehooks_ts_1 = require("usehooks-ts");
 const DebouncedInput = ({ debounce = 500, inputFontSize = "14px", inputHeight = "10px", onChange, type = "text", value: initialValue, ...props }) => {
     const [value, setValue] = (0, react_1.useState)(initialValue);
     const [debouncedValue] = (0, usehooks_ts_1.useDebounceValue)(value, debounce);
-    // Sync local state when initialValue changes from parent
     (0, react_1.useEffect)(() => {
         setValue(initialValue);
     }, [initialValue]);
-    // Call onChange when debounced value changes
     (0, react_1.useEffect)(() => {
         if (debouncedValue !== initialValue) {
             onChange(debouncedValue);
         }
     }, [debouncedValue, initialValue]);
-    // useCallback is used here to memoize the handleClear function
-    // This prevents unnecessary re-renders of child components (like IconButton)
-    // that depend on this function, improving performance
-    const handleClear = (0, react_1.useCallback)((e) => {
-        e.preventDefault();
-        setValue("");
-    }, [onChange]);
-    return ((0, jsx_runtime_1.jsx)(material_1.TextField, { ...props, type: type, value: value, onChange: (e) => setValue(e.target.value), placeholder: type === "date" ? "dd/mm/yyyy" : "Search..", InputProps: {
-            endAdornment: type === "date" && value ? ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", sx: { mr: -3 }, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", onClick: handleClear, sx: {
-                        p: 0.2,
-                        position: "absolute",
-                        right: 30,
-                        zIndex: 1,
-                    }, children: (0, jsx_runtime_1.jsx)(Close_1.default, { fontSize: "small" }) }) })) : undefined,
-        }, sx: {
+    return ((0, jsx_runtime_1.jsx)(material_1.TextField, { ...props, type: type, value: value, onChange: (e) => setValue(e.target.value), placeholder: "Search..", sx: {
             "& .MuiInputAdornment-root": {
                 margin: 0,
             },

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/GetRenderInputs.d.ts

@@ -3,7 +3,8 @@ type GetRenderInputsProps<T> = {
     filterVariant?: "smartTextFilter" | "smartNumberFilter" | "smartDateFilter" | "smartSelectFilter";
     header: Header<T, unknown>;
     headerDyanmicWidth: number;
+    resetAllFilters: boolean;
 };
-export declare const GetRenderInputs: <T>({ filterVariant, header, headerDyanmicWidth, }: GetRenderInputsProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const GetRenderInputs: <T>({ filterVariant, header, headerDyanmicWidth, resetAllFilters, }: GetRenderInputsProps<T>) => import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=GetRenderInputs.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/GetRenderInputs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GetRenderInputs.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/SearchFilterRow/GetRenderInputs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAKpD,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC7B,aAAa,CAAC,EACV,iBAAiB,GACjB,mBAAmB,GACnB,iBAAiB,GACjB,mBAAmB,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,gDAIjC,oBAAoB,CAAC,CAAC,CAAC,mDAyGzB,CAAC"}
+{"version":3,"file":"GetRenderInputs.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/SearchFilterRow/GetRenderInputs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAMpD,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC7B,aAAa,CAAC,EACV,iBAAiB,GACjB,mBAAmB,GACnB,iBAAiB,GACjB,mBAAmB,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,iEAKjC,oBAAoB,CAAC,CAAC,CAAC,mDA0HzB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/GetRenderInputs.js

@@ -3,17 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GetRenderInputs = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
+const DateRangeInput_1 = require("./DateRangeInput/DateRangeInput");
 const DebouncedInput_1 = require("./DebouncedInput");
-const GetRenderInputs = ({ filterVariant, header, headerDyanmicWidth, }) => {
+const GetRenderInputs = ({ filterVariant, header, headerDyanmicWidth, resetAllFilters, }) => {
     const { columnDef, getFilterValue, setFilterValue } = header.column;
     const { facetedFilter, filterParams, filterVariant: hasFilterVariant, } = columnDef;
     const isCombinedFilter = facetedFilter && hasFilterVariant;
-    const filterValue = (getFilterValue() ??
-        (isCombinedFilter ? { facets: [], search: "" } : ""));
+    const rawFilterValue = getFilterValue();
+    const combinedFilterValue = isCombinedFilter
+        ? (rawFilterValue ?? { facets: [], search: "" })
+        : undefined;
     const updateCombinedFilter = (updates) => {
         if (isCombinedFilter) {
             setFilterValue({
-                ...filterValue,
+                ...combinedFilterValue,
                 ...updates,
             });
         }
@@ -21,17 +24,23 @@ const GetRenderInputs = ({ filterVariant, header, headerDyanmicWidth, }) => {
     const commonInputStyle = { width: headerDyanmicWidth - 20 };
     const commonSelectStyle = { width: headerDyanmicWidth - 10 };
     const getValue = () => isCombinedFilter
-        ? (filterValue.search ?? "")
-        : filterValue;
+        ? (combinedFilterValue?.search ?? "")
+        : // eslint-disable-next-line sonarjs/no-nested-conditional
+            typeof rawFilterValue === "string"
+                ? rawFilterValue
+                : "";
     const setValue = (value) => isCombinedFilter
         ? updateCombinedFilter({ search: value })
         : setFilterValue(value);
-    const renderDebouncedInput = (type) => ((0, jsx_runtime_1.jsx)(DebouncedInput_1.DebouncedInput, { onChange: (value) => setValue(value), type: type, value: getValue(), style: commonInputStyle }));
+    const renderDebouncedInput = (type) => ((0, jsx_runtime_1.jsx)(DebouncedInput_1.DebouncedInput, { onChange: (value) => setValue(resetAllFilters ? "" : value), type: type, value: resetAllFilters ? "" : getValue(), style: commonInputStyle }));
     const renderSelectInput = () => {
         const options = filterParams?.filterOptions ?? [];
         const value = isCombinedFilter
-            ? filterValue.search
-            : filterValue;
+            ? (combinedFilterValue?.search ?? "")
+            : // eslint-disable-next-line sonarjs/no-nested-conditional
+                typeof rawFilterValue === "string"
+                    ? rawFilterValue
+                    : "";
         const selected = options.find((opt) => opt.value === value) || null;
         const handleChange = (_, newValue) => setValue(newValue ? newValue.value : "");
         return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, { options: options, getOptionLabel: (option) => option.label || "", value: selected, onChange: handleChange, renderInput: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, { ...params, variant: "outlined", placeholder: "All", sx: {
@@ -50,7 +59,9 @@ const GetRenderInputs = ({ filterVariant, header, headerDyanmicWidth, }) => {
         case "smartNumberFilter":
             return renderDebouncedInput("number");
         case "smartDateFilter":
-            return renderDebouncedInput("date");
+            return ((0, jsx_runtime_1.jsx)(DateRangeInput_1.DateRangeInput, { width: commonInputStyle.width, initialValue: Array.isArray(rawFilterValue)
+                    ? rawFilterValue
+                    : undefined, onApply: (dates) => setFilterValue(dates) }));
         case "smartSelectFilter":
             return renderSelectInput();
         default:

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

@@ -1,7 +1,8 @@
 import type { Header } from "@tanstack/react-table";
 type SearchFilterRowProps<T> = {
     header: Header<T, unknown>;
+    resetAllFilters: boolean;
 };
-export declare const SearchFilterRow: <T>({ header }: SearchFilterRowProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchFilterRow: <T>({ header, resetAllFilters, }: SearchFilterRowProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SearchFilterRow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchFilterRow.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/SearchFilterRow/SearchFilterRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAKpD,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC7B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,YAAY,oBAAoB,CAAC,CAAC,CAAC,4CA+CtE,CAAC"}
+{"version":3,"file":"SearchFilterRow.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/SearchFilterRow/SearchFilterRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAKpD,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC7B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,8BAGjC,oBAAoB,CAAC,CAAC,CAAC,4CAgDzB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/SearchFilterRow.js

@@ -4,7 +4,7 @@ exports.SearchFilterRow = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const GetRenderInputs_1 = require("./GetRenderInputs");
-const SearchFilterRow = ({ header }) => {
+const SearchFilterRow = ({ header, resetAllFilters, }) => {
     const theme = (0, material_1.useTheme)();
     const { iron, slate } = theme.palette.app.color;
     const headerDyanmicWidth = header.column.getIsPinned()
@@ -29,6 +29,6 @@ const SearchFilterRow = ({ header }) => {
             textAlign: "left",
             width: headerDyanmicWidth,
             zIndex: header.column.getIsPinned() ? 3 : 0,
-        }, children: filterVariant ? ((0, jsx_runtime_1.jsx)(GetRenderInputs_1.GetRenderInputs, { filterVariant: filterVariant, header: header, headerDyanmicWidth: headerDyanmicWidth })) : ("-") }));
+        }, children: filterVariant ? ((0, jsx_runtime_1.jsx)(GetRenderInputs_1.GetRenderInputs, { filterVariant: filterVariant, header: header, headerDyanmicWidth: headerDyanmicWidth, resetAllFilters: resetAllFilters })) : ("-") }));
 };
 exports.SearchFilterRow = SearchFilterRow;

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

@@ -12,7 +12,6 @@ type TableRowComponentProps<T> = {
     isSummaryRow?: boolean;
     row: Row<T>;
     rowHeight: number;
-    rowSelection?: boolean;
     summaryData?: SummaryRecord<T>;
     virtualRow: VirtualItem;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"TableRowComponent.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/TableRowComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAO3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG9C,KAAK,sBAAsB,CAAC,CAAC,IAAI;IAC/B,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/B,UAAU,EAAE,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,4GAUnC,sBAAsB,CAAC,CAAC,CAAC,4CAkP3B,CAAC"}
+{"version":3,"file":"TableRowComponent.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/TableRowComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAO3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG9C,KAAK,sBAAsB,CAAC,CAAC,IAAI;IAC/B,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/B,UAAU,EAAE,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,4GAUnC,sBAAsB,CAAC,CAAC,CAAC,4CAkP3B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"SmartGrid.d.ts","sourceRoot":"","sources":["../../src/SmartGrid/SmartGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,KAMN,MAAM,OAAO,CAAC;AAcf,OAAO,KAAK,EACV,cAAc,EAIf,MAAM,SAAS,CAAC;AA6BjB,KAAK,aAAa,GAAG,KAAK,CAAC,yBAAyB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAC3E,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAErE,eAAO,MAAM,SAAS,EAuTjB,aAAa,CAAC"}
+{"version":3,"file":"SmartGrid.d.ts","sourceRoot":"","sources":["../../src/SmartGrid/SmartGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,KAON,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAEV,cAAc,EAGf,MAAM,SAAS,CAAC;AA6BjB,KAAK,aAAa,GAAG,KAAK,CAAC,yBAAyB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAC3E,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAErE,eAAO,MAAM,SAAS,EAwVjB,aAAa,CAAC"}

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

@@ -7,6 +7,7 @@ const react_virtual_1 = require("@tanstack/react-virtual");
 const react_1 = require("react");
 const CircularLoader_1 = require("./Components/CircularLoader");
 const DataNotFound_1 = require("./Components/DataNotFound");
+const FilterStatusPanel_1 = require("./Components/FilterStatusPanel");
 const HeaderCell_1 = require("./Components/HeaderCell");
 const SearchFilterRow_1 = require("./Components/SearchFilterRow/SearchFilterRow");
 const TableFooterComponent_1 = require("./Components/TableFooterComponent/TableFooterComponent");
@@ -26,14 +27,16 @@ const calculateGroupSummary = (groupRow, globalSummary, dynamicSummaryConfig) =>
     }
     return globalSummary ? globalSummary : {};
 };
-exports.SmartGrid = (0, react_1.forwardRef)(({ defaultGrouping = [], emptyMessage = "No data found", enableCellSelection = false, exportActions = [], exportData = false, height = "calc(100vh - 130px)", loading = false, rowHeight = 38, rowSelection = false, totalCount = 0, ...props }, ref) => {
+exports.SmartGrid = (0, react_1.forwardRef)(({ defaultGrouping = [], dynamicRowSelection = () => true, emptyMessage = "No data found", enableCellSelection = false, exportActions = [], exportData = false, height = "calc(100vh - 130px)", loading = false, rowHeight = 38, rowSelection = false, totalCount = 0, ...props }, ref) => {
     const theme = (0, material_1.useTheme)();
     const { butterflyBlue } = theme.palette.app.color;
+    const [resetAllFilters, setResetAllFilters] = (0, react_1.useState)(false);
     const containerRef = (0, react_1.useRef)(null);
     const headerRef = (0, react_1.useRef)(null);
     const { columns: propsColumns, data, dynamicSummaryConfig, summary, } = props;
     const { columns } = (0, useGetRowSelection_1.useGetRowSelection)({
         defaultColumn: propsColumns,
+        dynamicRowSelection,
         rowSelection,
     });
     const { table } = (0, useTableState_1.useTableState)({
@@ -112,6 +115,17 @@ exports.SmartGrid = (0, react_1.forwardRef)(({ defaultGrouping = [], emptyMessag
             return hasFilterVariant || (hasFacetedFilter && !isCombinedFilter);
         }));
     }, [columns]);
+    const clearAllFilters = () => {
+        table.setColumnFilters([]);
+        table.resetColumnFilters();
+        getHeaderGroups()
+            .flatMap((group) => group.headers)
+            .forEach((header) => header.column.setFilterValue(undefined));
+        setResetAllFilters(true);
+        setTimeout(() => {
+            setResetAllFilters(false);
+        }, 100);
+    };
     return ((0, jsx_runtime_1.jsxs)(CellSelectionContext_1.CellSelectionProvider, { value: {
             ...cellSelection,
             enabled: enableCellSelection,
@@ -151,11 +165,15 @@ exports.SmartGrid = (0, react_1.forwardRef)(({ defaultGrouping = [], emptyMessag
                                         zIndex: 10,
                                     }, children: getHeaderGroups().map((headerGroup) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("tr", { children: [headerGroup.headers
                                                         .filter((h) => h.column.getIsPinned() === "left")
-                                                        .map((header) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { header: header, loading: loading }, header.id))), headerGroup.headers
+                                                        .map((header) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { header: header, loading: loading, resetAllFilters: resetAllFilters }, header.id))), headerGroup.headers
                                                         .filter((h) => !h.column.getIsPinned())
-                                                        .map((header) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { header: header, loading: loading }, header.id))), headerGroup.headers
+                                                        .map((header) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { header: header, loading: loading, resetAllFilters: resetAllFilters }, header.id))), headerGroup.headers
                                                         .filter((h) => h.column.getIsPinned() === "right")
-                                                        .map((header) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { header: header, loading: loading }, header.id)))] }, headerGroup.id), enableSecondRowFilter && !loading && ((0, jsx_runtime_1.jsx)("tr", { children: headerGroup.headers.map((header) => ((0, jsx_runtime_1.jsx)(SearchFilterRow_1.SearchFilterRow, { header: header }, header.id))) }))] }, headerGroup.id))) }), (0, jsx_runtime_1.jsx)("tbody", { style: {
+                                                        .map((header) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { header: header, loading: loading, resetAllFilters: resetAllFilters }, header.id)))] }, headerGroup.id), enableSecondRowFilter &&
+                                                headerGroup.depth ===
+                                                    table.getHeaderGroups().length - 1 &&
+                                                !loading && ((0, jsx_runtime_1.jsx)("tr", { children: headerGroup.headers.map((header) => header.subHeaders.length === 0 ? ((0, jsx_runtime_1.jsx)(SearchFilterRow_1.SearchFilterRow, { header: header, resetAllFilters: resetAllFilters }, header.id)) : ((0, jsx_runtime_1.jsx)("th", {}, header.id) // empty cell under grouped headers
+                                                )) }))] }, headerGroup.id))) }), (0, jsx_runtime_1.jsx)("tbody", { style: {
                                         filter: loading ? "blur(2px)" : "none",
                                         height: `${rowVirtualizer.getTotalSize()}px`,
                                         position: "relative",
@@ -166,7 +184,7 @@ exports.SmartGrid = (0, react_1.forwardRef)(({ defaultGrouping = [], emptyMessag
                                             return null;
                                         }
                                         const { groupId, isSummary, row, summaryData } = enhancedRow;
-                                        return ((0, jsx_runtime_1.jsx)(TableRowComponent_1.TableRowComponent, { columnWidths: columnWidths, row: row, index: virtualRow.index, virtualRow: virtualRow, rowHeight: rowHeight, rowSelection: rowSelection, isSummaryRow: isSummary, summaryData: summaryData, exportData: exportData, exportActions: exportActions }, `table-row-${virtualRow.index}-${isSummary ? "summary" : "normal"}-${groupId}`));
-                                    }) }), !loading && summary && ((0, jsx_runtime_1.jsx)(TableFooterComponent_1.TableFooterComponent, { table: table, summary: summary }))] }) }), rowSelection && getSelectedRowModel().rows.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { style: { fontSize: "14px" }, children: ["Selected Rows: ", getSelectedRowModel().rows.length] })), loading && (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}), !rows.length && !loading && (0, jsx_runtime_1.jsx)(DataNotFound_1.DataNotFound, { message: emptyMessage })] })] }));
+                                        return ((0, jsx_runtime_1.jsx)(TableRowComponent_1.TableRowComponent, { columnWidths: columnWidths, row: row, index: virtualRow.index, virtualRow: virtualRow, rowHeight: rowHeight, isSummaryRow: isSummary, summaryData: summaryData, exportData: exportData, exportActions: exportActions }, `table-row-${virtualRow.index}-${isSummary ? "summary" : "normal"}-${groupId}`));
+                                    }) }), !loading && summary && ((0, jsx_runtime_1.jsx)(TableFooterComponent_1.TableFooterComponent, { table: table, summary: summary }))] }) }), rowSelection && getSelectedRowModel().rows.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { style: { fontSize: "14px" }, children: ["Selected Rows: ", getSelectedRowModel().rows.length] })), (0, jsx_runtime_1.jsx)(FilterStatusPanel_1.FilterStatusPanel, { table: table, clearAllFilters: clearAllFilters }), loading && (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}), !rows.length && !loading && (0, jsx_runtime_1.jsx)(DataNotFound_1.DataNotFound, { message: emptyMessage })] })] }));
 });
 exports.SmartGrid.displayName = "SmartGrid";

package/packages/shared-components/dist/SmartGrid/context/CellSelectionContext.d.ts

@@ -1,15 +1,16 @@
 import type { ReactNode } from "react";
 import type { CellSelectionState } from "../types";
+import type { OnAction } from "../../utils/types";
 type CellSelectionContextType = {
-    clearCellSelection: () => void;
+    clearCellSelection: OnAction;
     enabled: boolean;
-    endCellSelection: () => void;
+    endCellSelection: OnAction;
     getCellSelectionData: () => string[][];
     isCellSelected: (rowId: string, columnId: string) => boolean;
     isCopyFlashing: boolean;
     selectionState: CellSelectionState;
     startCellSelection: (rowId: string, columnId: string, isShiftClick?: boolean) => void;
-    triggerCopyFlash: () => void;
+    triggerCopyFlash: OnAction;
     updateCellSelection: (rowId: string, columnId: string) => void;
 };
 type CellSelectionProviderProps = {

package/packages/shared-components/dist/SmartGrid/context/CellSelectionContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CellSelectionContext.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/context/CellSelectionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,KAAK,wBAAwB,GAAG;IAC9B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,oBAAoB,EAAE,MAAM,MAAM,EAAE,EAAE,CAAC;IACvC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IAC7D,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,kBAAkB,CAAC;IACnC,kBAAkB,EAAE,CAClB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,YAAY,CAAC,EAAE,OAAO,KACnB,IAAI,CAAC;IACV,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAChE,CAAC;AAMF,KAAK,0BAA0B,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,wBAAwB,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,sBAGnC,0BAA0B,4CAM5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAO,wBAU1C,CAAC"}
+{"version":3,"file":"CellSelectionContext.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/context/CellSelectionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,KAAK,wBAAwB,GAAG;IAC9B,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,oBAAoB,EAAE,MAAM,MAAM,EAAE,EAAE,CAAC;IACvC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IAC7D,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,kBAAkB,CAAC;IACnC,kBAAkB,EAAE,CAClB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,YAAY,CAAC,EAAE,OAAO,KACnB,IAAI,CAAC;IACV,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAChE,CAAC;AAMF,KAAK,0BAA0B,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,wBAAwB,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,sBAGnC,0BAA0B,4CAM5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAO,wBAU1C,CAAC"}

package/packages/shared-components/dist/SmartGrid/hooks/useCopyToClipboard.d.ts

@@ -1,8 +1,9 @@
+import type { OnAction } from "../../utils/types";
 type UseCopyToClipboardArgs = {
     enabled: boolean;
     getCellSelectionData: () => string[][];
     hasSelection: boolean;
-    triggerCopyFlash: () => void;
+    triggerCopyFlash: OnAction;
 };
 export declare const useCopyToClipboard: ({ enabled, getCellSelectionData, hasSelection, triggerCopyFlash, }: UseCopyToClipboardArgs) => {
     copyToClipboard: (data: string[][]) => Promise<void>;

package/packages/shared-components/dist/SmartGrid/hooks/useCopyToClipboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useCopyToClipboard.ts"],"names":[],"mappings":"AAEA,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,oBAAoB,EAAE,MAAM,MAAM,EAAE,EAAE,CAAC;IACvC,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,oEAKhC,sBAAsB;4BAER,MAAM,EAAE,EAAE;CA8F1B,CAAC"}
+{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useCopyToClipboard.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,oBAAoB,EAAE,MAAM,MAAM,EAAE,EAAE,CAAC;IACvC,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,QAAQ,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,oEAKhC,sBAAsB;4BAER,MAAM,EAAE,EAAE;CA8F1B,CAAC"}

package/packages/shared-components/dist/SmartGrid/hooks/useGetColumnWidth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGetColumnWidth.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useGetColumnWidth.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,sBAAsB,CAAC,CAAC,IAAI;IAC/B,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC;IACpD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,gCAIlC,sBAAsB,CAAC,CAAC,CAAC;;CA+C3B,CAAC"}
+{"version":3,"file":"useGetColumnWidth.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useGetColumnWidth.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,sBAAsB,CAAC,CAAC,IAAI;IAC/B,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC;IACpD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,gCAIlC,sBAAsB,CAAC,CAAC,CAAC;;CAkE3B,CAAC"}

package/packages/shared-components/dist/SmartGrid/hooks/useGetColumnWidth.js

@@ -9,16 +9,32 @@ const useGetColumnWidth = ({ columns, headerRef, table, }) => {
     const rowDataLength = getRowModel().rows.length;
     const updateColumnWidths = (0, react_1.useCallback)(() => {
         if (headerRef.current) {
-            const headerCells = headerRef.current.querySelectorAll("th");
-            const widths = Array.from(headerCells).map((cell) => {
-                const columnId = cell.getAttribute("data-column-id");
-                const columnDef = columnId ? getColumn(columnId)?.columnDef : null;
-                return cell.getBoundingClientRect().width ?? columnDef?.size ?? 50;
-            });
-            setColumnWidths(widths);
+            const headerRows = headerRef.current.querySelectorAll("tr");
+            const lastHeaderRow = headerRows[headerRows.length - 1];
+            if (lastHeaderRow) {
+                const headerCells = lastHeaderRow.querySelectorAll("th");
+                const widths = Array.from(headerCells).map((cell) => {
+                    const columnId = cell.getAttribute("data-column-id");
+                    const columnDef = columnId ? getColumn(columnId)?.columnDef : null;
+                    return cell.getBoundingClientRect().width ?? columnDef?.size ?? 50;
+                });
+                setColumnWidths(widths);
+            }
         }
         else {
-            setColumnWidths(columns.map((col) => col.size ?? 50));
+            const flatColumns = [];
+            const flattenColumns = (cols) => {
+                cols.forEach((col) => {
+                    if ("columns" in col && col.columns) {
+                        flattenColumns(col.columns);
+                    }
+                    else {
+                        flatColumns.push(col);
+                    }
+                });
+            };
+            flattenColumns(columns);
+            setColumnWidths(flatColumns.map((col) => col.size ?? 150));
         }
     }, [headerRef, table, columns]);
     (0, react_1.useEffect)(() => {

package/packages/shared-components/dist/SmartGrid/hooks/useGetFacetedFilter.d.ts

@@ -5,6 +5,7 @@ type UseGetFacetedFilterProps<T> = {
 };
 export declare const useGetFacetedFilter: <T>({ columns, }: UseGetFacetedFilterProps<T>) => {
     combinedFilter: FilterFn<T>;
+    dateRangeFilter: FilterFn<T>;
     includesSome: FilterFn<T>;
     processedColumns: AppColumnDef<T>[];
 };

package/packages/shared-components/dist/SmartGrid/hooks/useGetFacetedFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGetFacetedFilter.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useGetFacetedFilter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,UAAU,CAAC;AAE7D,KAAK,wBAAwB,CAAC,CAAC,IAAI;IACjC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAE,cAEpC,wBAAwB,CAAC,CAAC,CAAC;;;;CA4F7B,CAAC"}
+{"version":3,"file":"useGetFacetedFilter.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useGetFacetedFilter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAItD,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,UAAU,CAAC;AAE7D,KAAK,wBAAwB,CAAC,CAAC,IAAI;IACjC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAE,cAEpC,wBAAwB,CAAC,CAAC,CAAC;;;;;CA4J7B,CAAC"}

package/packages/shared-components/dist/SmartGrid/hooks/useGetFacetedFilter.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useGetFacetedFilter = void 0;
 const react_1 = require("react");
+const date_fns_1 = require("date-fns");
 const useGetFacetedFilter = ({ columns, }) => {
     const includesSome = (row, columnId, filterValue) => {
         if (!filterValue ||
@@ -21,17 +22,14 @@ const useGetFacetedFilter = ({ columns, }) => {
         }
         const cellValue = row.getValue(columnId);
         const cellValueStr = cellValue != null ? String(cellValue) : "";
-        // Handle combined filter object
         if (typeof filterValue === "object" && !Array.isArray(filterValue)) {
             const combinedFilterValue = filterValue;
             const { facets, search } = combinedFilterValue;
             let matches = true;
-            // Check search filter
             if (search && search.trim() !== "") {
                 matches =
                     matches && cellValueStr.toLowerCase().includes(search.toLowerCase());
             }
-            // Check facets filter
             if (facets && facets.length > 0) {
                 matches =
                     matches &&
@@ -39,23 +37,65 @@ const useGetFacetedFilter = ({ columns, }) => {
             }
             return matches;
         }
-        // Fallback to original logic for backward compatibility
         if (Array.isArray(filterValue)) {
             return filterValue.some((filterVal) => String(filterVal) === cellValueStr);
         }
         return String(filterValue) === cellValueStr;
     };
+    const parseToDate = (value) => {
+        if (value instanceof Date) {
+            return value;
+        }
+        if (typeof value === "string") {
+            const parsed = (0, date_fns_1.parseISO)(value);
+            if ((0, date_fns_1.isValid)(parsed)) {
+                return parsed;
+            }
+        }
+        return null;
+    };
+    const dateRangeFilter = (row, columnId, filterValue) => {
+        if (!Array.isArray(filterValue) || filterValue.length === 0) {
+            return true;
+        }
+        const [startValue, endValue] = filterValue;
+        const startDate = parseToDate(startValue);
+        const endDate = parseToDate(endValue ?? startValue);
+        if (!startDate || !endDate) {
+            return true;
+        }
+        const normalizedStart = new Date(startDate);
+        normalizedStart.setHours(0, 0, 0, 0);
+        const normalizedEnd = new Date(endDate);
+        normalizedEnd.setHours(23, 59, 59, 999);
+        const cellValue = row.getValue(columnId);
+        const cellDate = parseToDate(cellValue);
+        if (!cellDate) {
+            const cellString = cellValue != null ? String(cellValue) : "";
+            const startString = String(startValue ?? "");
+            const endString = typeof endValue === "string" && endValue ? endValue : startString;
+            return cellString >= startString && cellString <= endString;
+        }
+        const cellTime = new Date(cellDate).getTime();
+        return (cellTime >= normalizedStart.getTime() &&
+            cellTime <= normalizedEnd.getTime());
+    };
     const processedColumns = (0, react_1.useMemo)(() => {
         return columns.map((col) => {
             const appCol = col;
             const { facetedFilter, filterVariant } = appCol;
-            // If column has both facetedFilter and filterVariant, use combined filter
             if (facetedFilter && filterVariant) {
                 return {
                     ...col,
                     filterFn: "combinedFilter",
                 };
             }
+            if (filterVariant === "smartDateFilter") {
+                return {
+                    ...col,
+                    filterFn: "dateRangeFilter",
+                };
+            }
             // If only faceted filter, use includesSome
             if (facetedFilter) {
                 return {
@@ -66,6 +106,6 @@ const useGetFacetedFilter = ({ columns, }) => {
             return col;
         });
     }, [columns]);
-    return { combinedFilter, includesSome, processedColumns };
+    return { combinedFilter, dateRangeFilter, includesSome, processedColumns };
 };
 exports.useGetFacetedFilter = useGetFacetedFilter;

package/packages/shared-components/dist/SmartGrid/hooks/useGetRowSelection.d.ts

@@ -1,9 +1,10 @@
 import type { AppColumnDef } from "../types";
 type UseGetRowSelectionProps<T> = {
     defaultColumn: AppColumnDef<T>[];
+    dynamicRowSelection?: (rowNode: T) => boolean;
     rowSelection: boolean;
 };
-export declare const useGetRowSelection: <T>({ defaultColumn, rowSelection, }: UseGetRowSelectionProps<T>) => {
+export declare const useGetRowSelection: <T>({ defaultColumn, dynamicRowSelection, rowSelection, }: UseGetRowSelectionProps<T>) => {
     columns: AppColumnDef<T>[];
 };
 export {};

package/packages/shared-components/dist/SmartGrid/hooks/useGetRowSelection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGetRowSelection.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useGetRowSelection.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,uBAAuB,CAAC,CAAC,IAAI;IAChC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACjC,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAG,kCAGpC,uBAAuB,CAAC,CAAC,CAAC;;CAsD5B,CAAC"}
+{"version":3,"file":"useGetRowSelection.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useGetRowSelection.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,uBAAuB,CAAC,CAAC,IAAI;IAChC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,OAAO,CAAC;IAC9C,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAG,uDAIpC,uBAAuB,CAAC,CAAC,CAAC;;CA8H5B,CAAC"}

package/packages/shared-components/dist/SmartGrid/hooks/useGetRowSelection.js

@@ -4,12 +4,55 @@ exports.useGetRowSelection = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const IndeterminateCheckbox_1 = require("../Components/IndeterminateCheckbox");
-const useGetRowSelection = ({ defaultColumn, rowSelection, }) => {
-    // useCallback ensures the cell/header renderers are stable across renders,
-    // preventing unnecessary re-renders of table rows and headers
-    const renderSelectionCell = (0, react_1.useCallback)((info) => ((0, jsx_runtime_1.jsx)(IndeterminateCheckbox_1.IndeterminateCheckbox, { checked: info.row.getIsSelected(), disabled: !info.row.getCanSelect(), indeterminate: info.row.getIsSomeSelected(), onChange: info.row.getToggleSelectedHandler() })), []);
-    // Memoized header renderer to avoid recreating function on each render
-    const renderSelectionHeader = (0, react_1.useCallback)((info) => ((0, jsx_runtime_1.jsx)(IndeterminateCheckbox_1.IndeterminateCheckbox, { checked: info.table.getIsAllRowsSelected(), indeterminate: info.table.getIsSomeRowsSelected(), onChange: info.table.getToggleAllRowsSelectedHandler() })), []);
+const useGetRowSelection = ({ defaultColumn, dynamicRowSelection, rowSelection, }) => {
+    const renderSelectionCell = (0, react_1.useCallback)((info) => {
+        const isSelectable = dynamicRowSelection
+            ? dynamicRowSelection(info.row.original)
+            : true;
+        if (!isSelectable) {
+            return null;
+        }
+        return ((0, jsx_runtime_1.jsx)(IndeterminateCheckbox_1.IndeterminateCheckbox, { checked: info.row.getIsSelected(), disabled: !info.row.getCanSelect(), indeterminate: info.row.getIsSomeSelected(), onChange: info.row.getToggleSelectedHandler() }));
+    }, [dynamicRowSelection]);
+    const renderSelectionHeader = (0, react_1.useCallback)((info) => {
+        if (!dynamicRowSelection) {
+            return ((0, jsx_runtime_1.jsx)(IndeterminateCheckbox_1.IndeterminateCheckbox, { checked: info.table.getIsAllRowsSelected(), indeterminate: info.table.getIsSomeRowsSelected(), onChange: info.table.getToggleAllRowsSelectedHandler() }));
+        }
+        const handleToggleAll = (e) => {
+            const { checked } = e.target;
+            const rows = info.table.getRowModel().rows;
+            info.table.setRowSelection((old) => {
+                const newSelection = { ...old };
+                // eslint-disable-next-line sonarjs/no-nested-functions
+                rows.forEach((row) => {
+                    if (dynamicRowSelection(row.original)) {
+                        if (checked) {
+                            newSelection[row.id] = true;
+                        }
+                        else {
+                            delete newSelection[row.id];
+                        }
+                    }
+                });
+                return newSelection;
+            });
+        };
+        const rows = info.table.getRowModel().rows;
+        const rowSelection = info.table.getState().rowSelection;
+        let selectableCount = 0;
+        let selectedCount = 0;
+        for (const row of rows) {
+            if (dynamicRowSelection(row.original)) {
+                selectableCount++;
+                if (rowSelection[row.id]) {
+                    selectedCount++;
+                }
+            }
+        }
+        const allSelected = selectableCount > 0 && selectedCount === selectableCount;
+        const someSelected = selectedCount > 0 && selectedCount < selectableCount;
+        return ((0, jsx_runtime_1.jsx)(IndeterminateCheckbox_1.IndeterminateCheckbox, { checked: allSelected, indeterminate: someSelected, disabled: selectableCount === 0, onChange: handleToggleAll }));
+    }, [dynamicRowSelection]);
     const dynamicColumns = (0, react_1.useMemo)(() => {
         return defaultColumn.map((col) => {
             if (col.filterVariant === "smartNumberFilter" && !col.filterFn) {
@@ -24,13 +67,19 @@ const useGetRowSelection = ({ defaultColumn, rowSelection, }) => {
         }
         const selectionColumn = {
             cell: renderSelectionCell,
+            enableSorting: false,
             header: renderSelectionHeader,
             id: "select",
             maxSize: 30,
             minSize: 30,
         };
         return [selectionColumn, ...dynamicColumns];
-    }, [defaultColumn, rowSelection, renderSelectionCell, renderSelectionHeader]);
+    }, [
+        dynamicColumns,
+        rowSelection,
+        renderSelectionCell,
+        renderSelectionHeader,
+    ]);
     return { columns };
 };
 exports.useGetRowSelection = useGetRowSelection;

package/packages/shared-components/dist/SmartGrid/hooks/useTableState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableState.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useTableState.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,aAAa,GAAI,CAAC,EAAE,OAAO,cAAc,CAAC,CAAC,CAAC;;CAgFxD,CAAC"}
+{"version":3,"file":"useTableState.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useTableState.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,aAAa,GAAI,CAAC,EAAE,OAAO,cAAc,CAAC,CAAC,CAAC;;CAiFxD,CAAC"}

package/packages/shared-components/dist/SmartGrid/hooks/useTableState.js

@@ -7,7 +7,7 @@ const useGetFacetedFilter_1 = require("./useGetFacetedFilter");
 const useGetPinningColumns_1 = require("./useGetPinningColumns");
 const useTableState = (props) => {
     const { columns, data } = props;
-    const { combinedFilter, includesSome, processedColumns } = (0, useGetFacetedFilter_1.useGetFacetedFilter)({
+    const { combinedFilter, dateRangeFilter, includesSome, processedColumns } = (0, useGetFacetedFilter_1.useGetFacetedFilter)({
         columns,
     });
     const [sorting, setSorting] = (0, react_1.useState)([]);
@@ -34,6 +34,7 @@ const useTableState = (props) => {
         enableSorting,
         filterFns: {
             combinedFilter,
+            dateRangeFilter,
             includesSome,
         },
         getCoreRowModel: (0, react_table_1.getCoreRowModel)(),