@codezee/sixtify-brahma 0.2.187 → 0.2.189

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

@@ -6,7 +6,6 @@ const icons_material_1 = require("@mui/icons-material");
 const react_1 = require("react");
 const sortIcons = {
     asc: (0, jsx_runtime_1.jsx)(icons_material_1.ArrowUpward, { sx: { fontSize: 16 } }),
-    default: (0, jsx_runtime_1.jsx)(icons_material_1.UnfoldMore, { sx: { fontSize: 16, opacity: 0.5 } }),
     desc: (0, jsx_runtime_1.jsx)(icons_material_1.ArrowDownward, { sx: { fontSize: 16 } }),
 };
 const useGetSortedColumn = ({ header, }) => {
@@ -16,7 +15,7 @@ const useGetSortedColumn = ({ header, }) => {
         const sortDirection = getIsSorted();
         return sortDirection && sortDirection in sortIcons
             ? sortIcons[sortDirection]
-            : sortIcons.default;
+            : null;
     }, [getIsSorted()]);
     const mutipleSortCounts = getSortIndex();
     return { isSortable, mutipleSortCounts, sortableIcon };

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

@@ -0,0 +1,11 @@
+import type { AppColumnDef } from "../types";
+type UseProcessColumnsForGroupDisplayProps<T> = {
+    columns: Array<AppColumnDef<T>>;
+    grouping?: string[];
+};
+export declare const useProcessColumnsForGroupDisplay: <T>({ columns, grouping, }: UseProcessColumnsForGroupDisplayProps<T>) => {
+    processedColumns: AppColumnDef<T>[];
+    groupingColumns: string[];
+};
+export {};
+//# sourceMappingURL=useProcessColumnsForGroupDisplay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProcessColumnsForGroupDisplay.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useProcessColumnsForGroupDisplay.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,qCAAqC,CAAC,CAAC,IAAI;IAC9C,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gCAAgC,GAAI,CAAC,EAAE,wBAGjD,qCAAqC,CAAC,CAAC,CAAC;;;CA2B1C,CAAC"}

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useProcessColumnsForGroupDisplay = void 0;
+const react_1 = require("react");
+const useProcessColumnsForGroupDisplay = ({ columns, grouping = [], }) => {
+    const processedColumns = (0, react_1.useMemo)(() => {
+        // If no grouping, return columns as-is
+        if (grouping.length === 0) {
+            return columns;
+        }
+        // Create a single group column
+        const groupColumn = {
+            id: "grouped_by",
+            header: "Grouped By",
+            size: 250,
+            minSize: 200,
+            maxSize: 400,
+            enableGrouping: false,
+            enableSorting: false,
+            enableColumnFilter: false,
+            pinned: "left",
+            cell: () => null, // Will be handled by CellRenderer
+        };
+        // Keep all columns (including grouping columns) for table functionality
+        // But add the group column at the start for display
+        return [groupColumn, ...columns];
+    }, [columns, grouping]);
+    return { processedColumns, groupingColumns: grouping };
+};
+exports.useProcessColumnsForGroupDisplay = useProcessColumnsForGroupDisplay;

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":"AAqBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,aAAa,GAAI,CAAC,EAAE,OAAO,cAAc,CAAC,CAAC,CAAC;;CAqFxD,CAAC"}
+{"version":3,"file":"useTableState.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useTableState.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,aAAa,GAAI,CAAC,EAAE,OAAO,cAAc,CAAC,CAAC,CAAC;;CA0JxD,CAAC"}

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

@@ -5,13 +5,19 @@ const react_table_1 = require("@tanstack/react-table");
 const react_1 = require("react");
 const useGetFacetedFilter_1 = require("./useGetFacetedFilter");
 const useGetPinningColumns_1 = require("./useGetPinningColumns");
+const useProcessColumnsForGroupDisplay_1 = require("./useProcessColumnsForGroupDisplay");
 const useTableState = (props) => {
     const { columns, data } = props;
-    const { combinedFilter, dateRangeFilter, includesSome, processedColumns } = (0, useGetFacetedFilter_1.useGetFacetedFilter)({
-        columns,
-    });
     const [sorting, setSorting] = (0, react_1.useState)([]);
     const [grouping, setGrouping] = (0, react_1.useState)(props.defaultGrouping ?? []);
+    // Process columns for single group column display when grouping is enabled
+    const { processedColumns: groupProcessedColumns } = (0, useProcessColumnsForGroupDisplay_1.useProcessColumnsForGroupDisplay)({
+        columns,
+        grouping: grouping,
+    });
+    const { combinedFilter, dateRangeFilter, includesSome, processedColumns } = (0, useGetFacetedFilter_1.useGetFacetedFilter)({
+        columns: groupProcessedColumns,
+    });
     const [expanded, setExpanded] = (0, react_1.useState)(true);
     const [rowSelection, setRowSelection] = (0, react_1.useState)({});
     const { hasPinnedColumns, initialPinning } = (0, useGetPinningColumns_1.useGetPinningColumns)({
@@ -20,6 +26,20 @@ const useTableState = (props) => {
     const [columnPinning, setColumnPinning] = (0, react_1.useState)(initialPinning);
     const [columnFilters, setColumnFilters] = (0, react_1.useState)([]);
     const [columnOrder, setColumnOrder] = (0, react_1.useState)([]);
+    // Wrap setColumnOrder to ensure group column is always first when grouping is active
+    const handleColumnOrderChange = (updater) => {
+        setColumnOrder((oldOrder) => {
+            const newOrder = typeof updater === "function" ? updater(oldOrder) : updater;
+            const hasGrouping = grouping.length > 0;
+            const groupColumnId = "grouped_by";
+            if (hasGrouping && newOrder.includes(groupColumnId)) {
+                // Ensure group column is always first
+                const orderWithoutGroup = newOrder.filter((id) => id !== groupColumnId);
+                return [groupColumnId, ...orderWithoutGroup];
+            }
+            return newOrder;
+        });
+    };
     const { enableExpanding = true, enableGrouping = true, enablePinning = hasPinnedColumns, enableRowSelection = true, enableSorting = true, } = props;
     const table = (0, react_table_1.useReactTable)({
         autoResetExpanded: false,
@@ -47,7 +67,7 @@ const useTableState = (props) => {
         getGroupedRowModel: (0, react_table_1.getGroupedRowModel)(),
         getSortedRowModel: (0, react_table_1.getSortedRowModel)(),
         onColumnFiltersChange: setColumnFilters,
-        onColumnOrderChange: setColumnOrder,
+        onColumnOrderChange: handleColumnOrderChange,
         onColumnPinningChange: setColumnPinning,
         onExpandedChange: setExpanded,
         onGroupingChange: setGrouping,
@@ -66,6 +86,33 @@ const useTableState = (props) => {
     (0, react_1.useEffect)(() => {
         setExpanded(true);
     }, [grouping, data.length]);
+    // Fix column order when grouping changes (in case columnOrder was set before grouping)
+    (0, react_1.useEffect)(() => {
+        const hasGrouping = grouping.length > 0;
+        const groupColumnId = "grouped_by";
+        if (hasGrouping) {
+            const currentOrder = table.getState().columnOrder;
+            const allColumns = table.getAllLeafColumns().map((col) => col.id);
+            const hasGroupColumn = allColumns.includes(groupColumnId);
+            if (hasGroupColumn) {
+                // If columnOrder is empty, use natural order but ensure group column is first
+                if (!currentOrder.length) {
+                    const orderWithoutGroup = allColumns.filter((id) => id !== groupColumnId);
+                    setColumnOrder([groupColumnId, ...orderWithoutGroup]);
+                }
+                else if (currentOrder.includes(groupColumnId) &&
+                    currentOrder[0] !== groupColumnId) {
+                    // If group column exists but not first, move it to first
+                    const orderWithoutGroup = currentOrder.filter((id) => id !== groupColumnId);
+                    setColumnOrder([groupColumnId, ...orderWithoutGroup]);
+                }
+                else if (!currentOrder.includes(groupColumnId)) {
+                    // If group column doesn't exist in order, add it at first
+                    setColumnOrder([groupColumnId, ...currentOrder]);
+                }
+            }
+        }
+    }, [grouping, table]);
     return { table };
 };
 exports.useTableState = useTableState;

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

@@ -1,2 +1,3 @@
 export declare const formatDateValue: (value: string) => string;
+export declare const isFullISODate: (value: string) => boolean;
 //# sourceMappingURL=helper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/utils/helper.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,WAQ5C,CAAC"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/utils/helper.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,WAS5C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,YACT,CAAC"}

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

@@ -1,13 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatDateValue = void 0;
+exports.isFullISODate = exports.formatDateValue = void 0;
 const luxon_1 = require("luxon");
-const utils_1 = require("../../utils");
 const formatDateValue = (value) => {
     const date = luxon_1.DateTime.fromISO(value);
-    if (date.isValid && utils_1.isoDateRegex.test(value)) {
-        return date.toFormat("dd-MM-yyyy");
+    // Check if the string is a valid ISO date
+    if (date.isValid) {
+        return date.toFormat("dd-MM-yyyy"); // Example: "15-11-2025"
     }
-    return value;
+    return value; // Return original value if not a valid date
 };
 exports.formatDateValue = formatDateValue;
+const isFullISODate = (value) => /^\d{4}-\d{2}-\d{2}/.test(value);
+exports.isFullISODate = isFullISODate;

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

@@ -1 +1 @@
-{"version":3,"file":"summaryCalculations.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/utils/summaryCalculations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,KAAK,EACV,oBAAoB,EACpB,IAAI,EAEL,MAAM,UAAU,CAAC;AAElB,wBAAgB,uBAAuB,CAAC,CAAC,EACvC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EACd,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,6DAqCnC;AAED,eAAO,MAAM,kBAAkB;cAE1B,CAAC,SAAS,MAAM,CAAC,MACjB,MAAM,CAAC,EAAE,KAAG,MAAM;YAelB,CAAC,QACD,MAAM,CAAC,EAAE,KAAG,MAAM;qBAKlB,CAAC,SAAS,MAAM,CAAC,cAAc,MAAM,MACrC,MAAM,CAAC,EAAE,KAAG,MAAM;UASlB,CAAC,SAAS,MAAM,CAAC,MACjB,MAAM,CAAC,EAAE,KAAG,MAAM;CAOtB,CAAC"}
+{"version":3,"file":"summaryCalculations.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/utils/summaryCalculations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAiB,MAAM,UAAU,CAAC;AAE1E,wBAAgB,uBAAuB,CAAC,CAAC,EACvC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EACd,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,6DAqCnC;AAED,eAAO,MAAM,kBAAkB;cAE1B,CAAC,SAAS,MAAM,CAAC,MACjB,MAAM,CAAC,EAAE,KAAG,MAAM;YAelB,CAAC,QACD,MAAM,CAAC,EAAE,KAAG,MAAM;qBAKlB,CAAC,SAAS,MAAM,CAAC,cAAc,MAAM,MACrC,MAAM,CAAC,EAAE,KAAG,MAAM;UASlB,CAAC,SAAS,MAAM,CAAC,MACjB,MAAM,CAAC,EAAE,KAAG,MAAM;CAOtB,CAAC"}

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

@@ -24,10 +24,10 @@ 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)",
+        50: "hsla(0, 0.00%, 31.40%, 1)",
+        100: "hsla(0, 0.00%, 79.20%, 1)",
         200: "hsla(0, 0%, 0%, 0)",
-        300: "hsla(0, 0%, 0%, 0)",
+        300: "hsla(0, 0.00%, 94.50%, 1)",
         400: "hsla(212, 18%, 47%, 1)",
         A100: "hsla(0, 0%, 0%, 0)",
         A200: "hsla(0, 0%, 0%, 0)",

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

@@ -1,2 +1,3 @@
 export type OnAction<Args = void, Return = void> = [Args] extends [void] ? () => Return : (props: Args) => Return;
+export type Styling = "custom" | "default";
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,CAAC,IAAI,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GACpE,MAAM,MAAM,GACZ,CAAC,KAAK,EAAE,IAAI,KAAK,MAAM,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,CAAC,IAAI,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GACpE,MAAM,MAAM,GACZ,CAAC,KAAK,EAAE,IAAI,KAAK,MAAM,CAAC;AAE5B,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC"}