@popmenu/table 0.127.0 → 0.127.1

package/build/esm/components/TableRow/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sources":["../../../../src/components/TableRow/TableRow.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\nimport { useTableRowStyles } from './TableRowStyles'\n\ntype TableRowProps = PropsWithChildren<HTMLAttributes<HTMLTableRowElement>>\n\nexport const TableRow = (props: TableRowProps) => {\n  const { children, ...restProps } = props\n  const { root } = useTableRowStyles(props)\n  return (\n    <tr data-table-element=\"body-row\" className={root} {...restProps}>\n      {children}\n    </tr>\n  )\n}\n"],"names":[],"mappings":";;;;AAKO,IAAM,QAAQ,GAAG,UAAC,KAAoB,EAAA;IACnC,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;AACtB,IAAA,IAAA,IAAI,GAAK,iBAAiB,CAAC,KAAK,CAAC,KAA7B;AACZ,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAA,oBAAA,EAAuB,UAAU,EAAC,SAAS,EAAE,IAAI,EAAA,EAAM,SAAS,CAAA,EAC7D,QAAQ,CACN;AAET;;;;"}
+{"version":3,"file":"TableRow.js","sources":["../../../../src/components/TableRow/TableRow.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\nimport { useTableRowStyles } from './TableRowStyles'\n\ntype TableRowProps = PropsWithChildren<HTMLAttributes<HTMLTableRowElement>>\n\nexport const TableRow = (props: TableRowProps) => {\n  const { children, ...restProps } = props\n  const { root } = useTableRowStyles(props)\n  return (\n    <tr data-table-element=\"body-row\" className={root} {...restProps}>\n      {children}\n    </tr>\n  )\n}\n"],"names":[],"mappings":";;;AAKa,MAAA,QAAQ,GAAG,CAAC,KAAoB,KAAI;IAC/C,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACxC,MAAM,EAAE,IAAI,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC;AACzC,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,oBAAA,EAAuB,UAAU,EAAC,SAAS,EAAE,IAAI,EAAA,GAAM,SAAS,EAAA,EAC7D,QAAQ,CACN;AAET;;;;"}

package/build/esm/components/TableRow/TableRowStyles.js

@@ -1,12 +1,12 @@
 import { makeStyles } from '@material-ui/core';
 
-var useTableRowStyles = makeStyles(function (theme) { return ({
-    root: function () { return ({
+const useTableRowStyles = makeStyles((theme) => ({
+    root: () => ({
         '&:nth-child(even)': {
             backgroundColor: theme.palette.grey[100],
         },
-    }); },
-}); });
+    }),
+}));
 
 export { useTableRowStyles };
 //# sourceMappingURL=TableRowStyles.js.map

package/build/esm/components/TableRow/TableRowStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRowStyles.js","sources":["../../../../src/components/TableRow/TableRowStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\n\nexport const useTableRowStyles = makeStyles((theme) => ({\n  root: () => ({\n    '&:nth-child(even)': {\n      backgroundColor: theme.palette.grey[100],\n    },\n  }),\n}))\n"],"names":[],"mappings":";;AAEa,IAAA,iBAAiB,GAAG,UAAU,CAAC,UAAC,KAAK,EAAK,EAAA,QAAC;IACtD,IAAI,EAAE,YAAM,EAAA,QAAC;AACX,QAAA,mBAAmB,EAAE;YACnB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACzC,SAAA;AACF,KAAA,IAAC;CACH,EAAC,EAAA;;;;"}
+{"version":3,"file":"TableRowStyles.js","sources":["../../../../src/components/TableRow/TableRowStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\n\nexport const useTableRowStyles = makeStyles((theme) => ({\n  root: () => ({\n    '&:nth-child(even)': {\n      backgroundColor: theme.palette.grey[100],\n    },\n  }),\n}))\n"],"names":[],"mappings":";;AAEa,MAAA,iBAAiB,GAAG,UAAU,CAAC,CAAC,KAAK,MAAM;AACtD,IAAA,IAAI,EAAE,OAAO;AACX,QAAA,mBAAmB,EAAE;YACnB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACzC,SAAA;KACF,CAAC;AACH,CAAA,CAAC;;;;"}

package/build/esm/components/index.d.ts

@@ -1,10 +1,13 @@
-export { Table, TableProps } from './Table';
-export { RowActions, RowActionsProps } from './RowActions';
 export { GlobalFilter } from './GlobalFilter';
+export { RowActions } from './RowActions';
+export type { RowActionsProps } from './RowActions';
+export { Table } from './Table';
+export type { TableProps } from './Table';
 export { TableBody } from './TableBody';
 export { TableCell } from './TableCell';
 export { TableFooter } from './TableFooter';
 export { TableHeader } from './TableHeader';
-export { TableHeaderCell, TableHeaderCellProps } from './TableHeaderCell';
+export { TableHeaderCell } from './TableHeaderCell';
+export type { TableHeaderCellProps } from './TableHeaderCell';
 export { TableHeaderRow } from './TableHeaderRow';
 export { TableRow } from './TableRow';

package/build/esm/hooks/useColumnFilters.d.ts

@@ -5,5 +5,5 @@ export declare const useColumnFilters: (table: Table<unknown>) => {
     hasColumnFilters: boolean;
     deselectColumnFilter: (columnFilter: ColumnFilter) => void;
     formatSelectedFilterText: (columnFilter: ColumnFilter) => [string, string];
-    resetColumnFilters: (defaultState?: boolean | undefined) => void;
+    resetColumnFilters: (defaultState?: boolean) => void;
 };

package/build/esm/hooks/useColumnFilters.js

@@ -1,56 +1,54 @@
-import { __spreadArray, __assign } from 'tslib';
-
-var useColumnFilters = function (table) {
-    var selectedColumnFilters = getSelectedColumnFilters(table.getState());
-    var columnFilters = getColumnFilters(table.getAllFlatColumns());
-    var hasColumnFilters = columnFilters.length > 0;
-    var deselectColumnFilter = makeDeselectColumnFilter(table);
-    var formatSelectedFilterText = makeFormatSelectedFilterText(table);
-    var resetColumnFilters = table.resetColumnFilters;
+const useColumnFilters = (table) => {
+    const selectedColumnFilters = getSelectedColumnFilters(table.getState());
+    const columnFilters = getColumnFilters(table.getAllFlatColumns());
+    const hasColumnFilters = columnFilters.length > 0;
+    const deselectColumnFilter = makeDeselectColumnFilter(table);
+    const formatSelectedFilterText = makeFormatSelectedFilterText(table);
+    const resetColumnFilters = table.resetColumnFilters;
     return {
-        selectedColumnFilters: selectedColumnFilters,
-        columnFilters: columnFilters,
-        hasColumnFilters: hasColumnFilters,
-        deselectColumnFilter: deselectColumnFilter,
-        formatSelectedFilterText: formatSelectedFilterText,
-        resetColumnFilters: resetColumnFilters,
+        selectedColumnFilters,
+        columnFilters,
+        hasColumnFilters,
+        deselectColumnFilter,
+        formatSelectedFilterText,
+        resetColumnFilters,
     };
 };
 function getSelectedColumnFilters(state) {
-    var columnFilters = state.columnFilters;
-    var selectedColumnFilters = columnFilters.reduce(function (acc, columnFilter) {
-        var id = columnFilter.id, value = columnFilter.value;
-        var selections = [];
+    const { columnFilters } = state;
+    const selectedColumnFilters = columnFilters.reduce((acc, columnFilter) => {
+        const { id, value } = columnFilter;
+        const selections = [];
         if (value) {
             if (Array.isArray(value)) {
-                value.forEach(function (innerValue) {
-                    selections.push({ id: id, value: innerValue });
+                value.forEach((innerValue) => {
+                    selections.push({ id, value: innerValue });
                 });
             }
             else if (typeof value === 'string' || typeof value === 'number') {
-                selections.push({ id: id, value: value });
+                selections.push({ id, value });
             }
         }
-        return __spreadArray(__spreadArray([], acc), selections);
+        return [...acc, ...selections];
     }, []);
     return selectedColumnFilters;
 }
 function getColumnFilters(columns) {
     return columns
-        .map(function (column) {
-        var meta = column.columnDef.meta;
-        if (meta === null || meta === void 0 ? void 0 : meta.filter) {
-            return __assign({ columnId: column.id }, meta.filter);
+        .map((column) => {
+        const { meta } = column.columnDef;
+        if (meta?.filter) {
+            return { columnId: column.id, ...meta.filter };
         }
     })
         .filter(Boolean);
 }
 function makeDeselectColumnFilter(table) {
     return function (columnFilter) {
-        var column = table.getColumn(columnFilter.id);
-        column.setFilterValue(function (prev) {
+        const column = table.getColumn(columnFilter.id);
+        column.setFilterValue((prev) => {
             if (Array.isArray(prev)) {
-                return prev.filter(function (value) { return value !== columnFilter.value; });
+                return prev.filter((value) => value !== columnFilter.value);
             }
             else if (typeof prev === 'string' || typeof prev === 'number') {
                 return null;
@@ -61,11 +59,11 @@ function makeDeselectColumnFilter(table) {
 }
 function makeFormatSelectedFilterText(table) {
     return function (columnFilter) {
-        var column = table.getColumn(columnFilter.id);
-        var meta = column.columnDef.meta;
-        var name = (meta === null || meta === void 0 ? void 0 : meta.filter.name) || '';
-        var optionMatch = meta === null || meta === void 0 ? void 0 : meta.filter.options.find(function (option) { return option.value === columnFilter.value; });
-        var label = optionMatch === null || optionMatch === void 0 ? void 0 : optionMatch.label;
+        const column = table.getColumn(columnFilter.id);
+        const { meta } = column.columnDef;
+        const name = meta?.filter.name || '';
+        const optionMatch = meta?.filter.options.find((option) => option.value === columnFilter.value);
+        const label = optionMatch?.label;
         return [name, label];
     };
 }

package/build/esm/hooks/useColumnFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColumnFilters.js","sources":["../../../src/hooks/useColumnFilters.ts"],"sourcesContent":["import { Column, ColumnFilter, Table, TableState } from '@tanstack/react-table'\n\nexport const useColumnFilters = (table: Table<unknown>) => {\n  const selectedColumnFilters = getSelectedColumnFilters(table.getState())\n  const columnFilters = getColumnFilters(table.getAllFlatColumns())\n  const hasColumnFilters = columnFilters.length > 0\n  const deselectColumnFilter = makeDeselectColumnFilter(table)\n  const formatSelectedFilterText = makeFormatSelectedFilterText(table)\n  const resetColumnFilters = table.resetColumnFilters\n  return {\n    selectedColumnFilters,\n    columnFilters,\n    hasColumnFilters,\n    deselectColumnFilter,\n    formatSelectedFilterText,\n    resetColumnFilters,\n  }\n}\n\nfunction getSelectedColumnFilters(state: TableState) {\n  const { columnFilters } = state\n  const selectedColumnFilters = columnFilters.reduce((acc: Array<ColumnFilter>, columnFilter: ColumnFilter) => {\n    const { id, value } = columnFilter\n    const selections = []\n    if (value) {\n      if (Array.isArray(value)) {\n        value.forEach((innerValue) => {\n          selections.push({ id, value: innerValue })\n        })\n      } else if (typeof value === 'string' || typeof value === 'number') {\n        selections.push({ id, value })\n      }\n    }\n    return [...acc, ...selections]\n  }, [])\n  return selectedColumnFilters\n}\n\nfunction getColumnFilters(columns: Array<Column<unknown>>) {\n  return columns\n    .map((column) => {\n      const { meta } = column.columnDef as { meta: any }\n      if (meta?.filter) {\n        return { columnId: column.id, ...meta.filter }\n      }\n    })\n    .filter(Boolean)\n}\n\nfunction makeDeselectColumnFilter(table: Table<unknown>) {\n  return function (columnFilter: ColumnFilter) {\n    const column = table.getColumn(columnFilter.id)\n    column.setFilterValue((prev: unknown) => {\n      if (Array.isArray(prev)) {\n        return prev.filter((value) => value !== columnFilter.value)\n      } else if (typeof prev === 'string' || typeof prev === 'number') {\n        return null\n      }\n      return prev\n    })\n  }\n}\n\nfunction makeFormatSelectedFilterText(table: Table<unknown>) {\n  return function (columnFilter: ColumnFilter) {\n    const column = table.getColumn(columnFilter.id)\n    const { meta } = column.columnDef as {\n      meta?: { filter: { name: string; options: Array<{ label: string; value: any }> } }\n    }\n    const name = meta?.filter.name || ''\n    const optionMatch = meta?.filter.options.find((option) => option.value === columnFilter.value)\n    const label = optionMatch?.label\n    return [name, label] as [string, string]\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useColumnFilters.js","sources":["../../../src/hooks/useColumnFilters.ts"],"sourcesContent":["import { Column, ColumnFilter, Table, TableState } from '@tanstack/react-table'\n\nexport const useColumnFilters = (table: Table<unknown>) => {\n  const selectedColumnFilters = getSelectedColumnFilters(table.getState())\n  const columnFilters = getColumnFilters(table.getAllFlatColumns())\n  const hasColumnFilters = columnFilters.length > 0\n  const deselectColumnFilter = makeDeselectColumnFilter(table)\n  const formatSelectedFilterText = makeFormatSelectedFilterText(table)\n  const resetColumnFilters = table.resetColumnFilters\n  return {\n    selectedColumnFilters,\n    columnFilters,\n    hasColumnFilters,\n    deselectColumnFilter,\n    formatSelectedFilterText,\n    resetColumnFilters,\n  }\n}\n\nfunction getSelectedColumnFilters(state: TableState) {\n  const { columnFilters } = state\n  const selectedColumnFilters = columnFilters.reduce((acc: Array<ColumnFilter>, columnFilter: ColumnFilter) => {\n    const { id, value } = columnFilter\n    const selections = []\n    if (value) {\n      if (Array.isArray(value)) {\n        value.forEach((innerValue) => {\n          selections.push({ id, value: innerValue })\n        })\n      } else if (typeof value === 'string' || typeof value === 'number') {\n        selections.push({ id, value })\n      }\n    }\n    return [...acc, ...selections]\n  }, [])\n  return selectedColumnFilters\n}\n\nfunction getColumnFilters(columns: Array<Column<unknown>>) {\n  return columns\n    .map((column) => {\n      const { meta } = column.columnDef as { meta: any }\n      if (meta?.filter) {\n        return { columnId: column.id, ...meta.filter }\n      }\n    })\n    .filter(Boolean)\n}\n\nfunction makeDeselectColumnFilter(table: Table<unknown>) {\n  return function (columnFilter: ColumnFilter) {\n    const column = table.getColumn(columnFilter.id)\n    column.setFilterValue((prev: unknown) => {\n      if (Array.isArray(prev)) {\n        return prev.filter((value) => value !== columnFilter.value)\n      } else if (typeof prev === 'string' || typeof prev === 'number') {\n        return null\n      }\n      return prev\n    })\n  }\n}\n\nfunction makeFormatSelectedFilterText(table: Table<unknown>) {\n  return function (columnFilter: ColumnFilter) {\n    const column = table.getColumn(columnFilter.id)\n    const { meta } = column.columnDef as {\n      meta?: { filter: { name: string; options: Array<{ label: string; value: any }> } }\n    }\n    const name = meta?.filter.name || ''\n    const optionMatch = meta?.filter.options.find((option) => option.value === columnFilter.value)\n    const label = optionMatch?.label\n    return [name, label] as [string, string]\n  }\n}\n"],"names":[],"mappings":"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"}

package/build/esm/hooks/useStagedColumnFilters.js

@@ -1,38 +1,33 @@
 import { useState } from 'react';
 
-var useStagedColumnFilters = function (selectedColumnFilters) {
-    var _a = useState(function () {
-        return selectedColumnFilters.reduce(function (acc, _a) {
-            var id = _a.id, value = _a.value;
-            if (acc.has(id)) {
-                var existingValue = acc.get(id);
-                // If the existing value is a string, convert it to an array and add the new value
-                if (typeof existingValue === 'string') {
-                    acc.set(id, [existingValue, value]);
-                }
-                else {
-                    existingValue.push(value);
-                }
+const useStagedColumnFilters = (selectedColumnFilters) => {
+    const [columnInputValues, setColumnInputValues] = useState(() => selectedColumnFilters.reduce((acc, { id, value }) => {
+        if (acc.has(id)) {
+            const existingValue = acc.get(id);
+            // If the existing value is a string, convert it to an array and add the new value
+            if (typeof existingValue === 'string') {
+                acc.set(id, [existingValue, value]);
             }
             else {
-                acc.set(id, value);
+                existingValue.push(value);
             }
-            return acc;
-        }, new Map());
-    }), columnInputValues = _a[0], setColumnInputValues = _a[1];
-    var filterState = {
-        update: function (columnId, value) {
-            return setColumnInputValues(columnInputValues.set(columnId, value));
-        },
-        get: function (columnId) { return columnInputValues.get(columnId); },
-        clear: function () {
+        }
+        else {
+            acc.set(id, value);
+        }
+        return acc;
+    }, new Map()));
+    const filterState = {
+        update: (columnId, value) => setColumnInputValues(columnInputValues.set(columnId, value)),
+        get: (columnId) => columnInputValues.get(columnId),
+        clear: () => {
             columnInputValues.clear();
             setColumnInputValues(columnInputValues);
         },
-        delete: function (columnFilter) {
-            var values = columnInputValues.get(columnFilter.id);
+        delete: (columnFilter) => {
+            const values = columnInputValues.get(columnFilter.id);
             if (values && Array.isArray(values)) {
-                var valueIndex = values.indexOf(columnFilter.value);
+                const valueIndex = values.indexOf(columnFilter.value);
                 values.splice(valueIndex, 1);
                 if (values.length > 0) {
                     columnInputValues.set(columnFilter.id, values);
@@ -46,7 +41,7 @@ var useStagedColumnFilters = function (selectedColumnFilters) {
             }
             setColumnInputValues(columnInputValues);
         },
-        exist: function () { return columnInputValues.size > 0; },
+        exist: () => columnInputValues.size > 0,
     };
     return filterState;
 };

package/build/esm/hooks/useStagedColumnFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStagedColumnFilters.js","sources":["../../../src/hooks/useStagedColumnFilters.ts"],"sourcesContent":["import { ColumnFilter } from '@tanstack/react-table'\nimport { useState } from 'react'\n\nexport const useStagedColumnFilters = (selectedColumnFilters: ColumnFilter[]) => {\n  const [columnInputValues, setColumnInputValues] = useState<Map<string, string | Array<string>>>(() =>\n    selectedColumnFilters.reduce((acc, { id, value }) => {\n      if (acc.has(id)) {\n        const existingValue = acc.get(id)\n        // If the existing value is a string, convert it to an array and add the new value\n        if (typeof existingValue === 'string') {\n          acc.set(id, [existingValue, value])\n        } else {\n          existingValue.push(value)\n        }\n      } else {\n        acc.set(id, value)\n      }\n      return acc\n    }, new Map()),\n  )\n  const filterState = {\n    update: (columnId: string, value: string | Array<string>) =>\n      setColumnInputValues(columnInputValues.set(columnId, value)),\n    get: (columnId: string) => columnInputValues.get(columnId),\n    clear: () => {\n      columnInputValues.clear()\n      setColumnInputValues(columnInputValues)\n    },\n    delete: (columnFilter: ColumnFilter) => {\n      const values = columnInputValues.get(columnFilter.id)\n      if (values && Array.isArray(values)) {\n        const valueIndex = values.indexOf(columnFilter.value as string)\n        values.splice(valueIndex, 1)\n        if (values.length > 0) {\n          columnInputValues.set(columnFilter.id, values)\n        } else {\n          columnInputValues.delete(columnFilter.id)\n        }\n      } else {\n        columnInputValues.delete(columnFilter.id)\n      }\n      setColumnInputValues(columnInputValues)\n    },\n    exist: () => columnInputValues.size > 0,\n  }\n\n  return filterState\n}\n"],"names":[],"mappings":";;AAGO,IAAM,sBAAsB,GAAG,UAAC,qBAAqC,EAAA;IACpE,IAAA,EAAA,GAA4C,QAAQ,CAAsC,YAAA;AAC9F,QAAA,OAAA,qBAAqB,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,EAAa,EAAA;gBAAX,EAAE,GAAA,EAAA,CAAA,EAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA;AAC5C,YAAA,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;gBACf,IAAM,aAAa,GAAG,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;;AAEjC,gBAAA,IAAI,OAAO,aAAa,KAAK,QAAQ,EAAE;oBACrC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AACpC;AAAM,qBAAA;AACL,oBAAA,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AAC1B;AACF;AAAM,iBAAA;AACL,gBAAA,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC;AACnB;AACD,YAAA,OAAO,GAAG;AACZ,SAAC,EAAE,IAAI,GAAG,EAAE,CAAC;AAbb,KAaa,CACd,EAfM,iBAAiB,QAAA,EAAE,oBAAoB,QAe7C;AACD,IAAA,IAAM,WAAW,GAAG;AAClB,QAAA,MAAM,EAAE,UAAC,QAAgB,EAAE,KAA6B,EAAA;YACtD,OAAA,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;SAAA;AAC9D,QAAA,GAAG,EAAE,UAAC,QAAgB,EAAA,EAAK,OAAA,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA,EAAA;AAC1D,QAAA,KAAK,EAAE,YAAA;YACL,iBAAiB,CAAC,KAAK,EAAE;YACzB,oBAAoB,CAAC,iBAAiB,CAAC;SACxC;QACD,MAAM,EAAE,UAAC,YAA0B,EAAA;YACjC,IAAM,MAAM,GAAG,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;YACrD,IAAI,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;gBACnC,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,KAAe,CAAC;AAC/D,gBAAA,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC;AAC5B,gBAAA,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;oBACrB,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,EAAE,MAAM,CAAC;AAC/C;AAAM,qBAAA;AACL,oBAAA,iBAAiB,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC;AAC1C;AACF;AAAM,iBAAA;AACL,gBAAA,iBAAiB,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC;AAC1C;YACD,oBAAoB,CAAC,iBAAiB,CAAC;SACxC;QACD,KAAK,EAAE,cAAM,OAAA,iBAAiB,CAAC,IAAI,GAAG,CAAC,CAAA,EAAA;KACxC;AAED,IAAA,OAAO,WAAW;AACpB;;;;"}
+{"version":3,"file":"useStagedColumnFilters.js","sources":["../../../src/hooks/useStagedColumnFilters.ts"],"sourcesContent":["import { ColumnFilter } from '@tanstack/react-table'\nimport { useState } from 'react'\n\nexport const useStagedColumnFilters = (selectedColumnFilters: ColumnFilter[]) => {\n  const [columnInputValues, setColumnInputValues] = useState<Map<string, string | Array<string>>>(() =>\n    selectedColumnFilters.reduce((acc, { id, value }) => {\n      if (acc.has(id)) {\n        const existingValue = acc.get(id)\n        // If the existing value is a string, convert it to an array and add the new value\n        if (typeof existingValue === 'string') {\n          acc.set(id, [existingValue, value])\n        } else {\n          existingValue.push(value)\n        }\n      } else {\n        acc.set(id, value)\n      }\n      return acc\n    }, new Map()),\n  )\n  const filterState = {\n    update: (columnId: string, value: string | Array<string>) =>\n      setColumnInputValues(columnInputValues.set(columnId, value)),\n    get: (columnId: string) => columnInputValues.get(columnId),\n    clear: () => {\n      columnInputValues.clear()\n      setColumnInputValues(columnInputValues)\n    },\n    delete: (columnFilter: ColumnFilter) => {\n      const values = columnInputValues.get(columnFilter.id)\n      if (values && Array.isArray(values)) {\n        const valueIndex = values.indexOf(columnFilter.value as string)\n        values.splice(valueIndex, 1)\n        if (values.length > 0) {\n          columnInputValues.set(columnFilter.id, values)\n        } else {\n          columnInputValues.delete(columnFilter.id)\n        }\n      } else {\n        columnInputValues.delete(columnFilter.id)\n      }\n      setColumnInputValues(columnInputValues)\n    },\n    exist: () => columnInputValues.size > 0,\n  }\n\n  return filterState\n}\n"],"names":[],"mappings":";;AAGa,MAAA,sBAAsB,GAAG,CAAC,qBAAqC,KAAI;IAC9E,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAsC,MAC9F,qBAAqB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAI;AAClD,QAAA,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;YACf,MAAM,aAAa,GAAG,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;;AAEjC,YAAA,IAAI,OAAO,aAAa,KAAK,QAAQ,EAAE;gBACrC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;;iBAC9B;AACL,gBAAA,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;;;aAEtB;AACL,YAAA,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC;;AAEpB,QAAA,OAAO,GAAG;AACZ,KAAC,EAAE,IAAI,GAAG,EAAE,CAAC,CACd;AACD,IAAA,MAAM,WAAW,GAAG;AAClB,QAAA,MAAM,EAAE,CAAC,QAAgB,EAAE,KAA6B,KACtD,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC9D,GAAG,EAAE,CAAC,QAAgB,KAAK,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC;QAC1D,KAAK,EAAE,MAAK;YACV,iBAAiB,CAAC,KAAK,EAAE;YACzB,oBAAoB,CAAC,iBAAiB,CAAC;SACxC;AACD,QAAA,MAAM,EAAE,CAAC,YAA0B,KAAI;YACrC,MAAM,MAAM,GAAG,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;YACrD,IAAI,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;gBACnC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,KAAe,CAAC;AAC/D,gBAAA,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC;AAC5B,gBAAA,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;oBACrB,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,EAAE,MAAM,CAAC;;qBACzC;AACL,oBAAA,iBAAiB,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC;;;iBAEtC;AACL,gBAAA,iBAAiB,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC;;YAE3C,oBAAoB,CAAC,iBAAiB,CAAC;SACxC;QACD,KAAK,EAAE,MAAM,iBAAiB,CAAC,IAAI,GAAG,CAAC;KACxC;AAED,IAAA,OAAO,WAAW;AACpB;;;;"}

package/build/esm/index.js

@@ -1,6 +1,6 @@
-export { Table } from './components/Table/Table.js';
-export { RowActions } from './components/RowActions/RowActions.js';
 export { GlobalFilter } from './components/GlobalFilter/GlobalFilter.js';
+export { RowActions } from './components/RowActions/RowActions.js';
+export { Table } from './components/Table/Table.js';
 export { TableBody } from './components/TableBody/TableBody.js';
 export { TableCell } from './components/TableCell/TableCell.js';
 export { TableFooter } from './components/TableFooter/TableFooter.js';

package/build/esm/util/coercedValueIncludesString.js

@@ -1,7 +1,7 @@
-var coercedValueIncludesString = function (row, columnId, value) {
+const coercedValueIncludesString = (row, columnId, value) => {
     if (value === '')
         return true;
-    var cellValue = row.getValue(columnId);
+    const cellValue = row.getValue(columnId);
     return String(cellValue).toLowerCase().includes(value.toLowerCase());
 };
 

package/build/esm/util/coercedValueIncludesString.js.map

@@ -1 +1 @@
-{"version":3,"file":"coercedValueIncludesString.js","sources":["../../../src/util/coercedValueIncludesString.ts"],"sourcesContent":["import { FilterFn } from '@tanstack/react-table'\n\nexport const coercedValueIncludesString: FilterFn<any> = (row, columnId, value) => {\n  if (value === '') return true\n  const cellValue = row.getValue(columnId)\n  return String(cellValue).toLowerCase().includes(value.toLowerCase())\n}\n"],"names":[],"mappings":"IAEa,0BAA0B,GAAkB,UAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAA;IAC5E,IAAI,KAAK,KAAK,EAAE;AAAE,QAAA,OAAO,IAAI;IAC7B,IAAM,SAAS,GAAG,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC;AACxC,IAAA,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;AACtE;;;;"}
+{"version":3,"file":"coercedValueIncludesString.js","sources":["../../../src/util/coercedValueIncludesString.ts"],"sourcesContent":["import { FilterFn } from '@tanstack/react-table'\n\nexport const coercedValueIncludesString: FilterFn<any> = (row, columnId, value) => {\n  if (value === '') return true\n  const cellValue = row.getValue(columnId)\n  return String(cellValue).toLowerCase().includes(value.toLowerCase())\n}\n"],"names":[],"mappings":"AAEa,MAAA,0BAA0B,GAAkB,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,KAAI;IAChF,IAAI,KAAK,KAAK,EAAE;AAAE,QAAA,OAAO,IAAI;IAC7B,MAAM,SAAS,GAAG,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC;AACxC,IAAA,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;AACtE;;;;"}

package/build/esm/util/getTableMinHeight.js

@@ -1,15 +1,15 @@
-var getTableMinHeight = function (rootRef, pageSize) {
-    var defaultBodyRowHeight = 56;
-    var defaultHeaderRowHeight = 57;
-    var defaultFooterHeight = 88;
-    var minHeight = defaultBodyRowHeight * pageSize + defaultHeaderRowHeight + defaultFooterHeight;
-    if (rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) {
-        var rootTableNode = rootRef.current;
-        var headerRowNode = rootTableNode.querySelector("[data-table-element=\"header-row\"]");
-        var bodyRowNode = rootTableNode.querySelector("[data-table-element=\"body-row\"]");
+const getTableMinHeight = (rootRef, pageSize) => {
+    const defaultBodyRowHeight = 56;
+    const defaultHeaderRowHeight = 57;
+    const defaultFooterHeight = 88;
+    let minHeight = defaultBodyRowHeight * pageSize + defaultHeaderRowHeight + defaultFooterHeight;
+    if (rootRef?.current) {
+        const rootTableNode = rootRef.current;
+        const headerRowNode = rootTableNode.querySelector(`[data-table-element="header-row"]`);
+        const bodyRowNode = rootTableNode.querySelector(`[data-table-element="body-row"]`);
         if (headerRowNode && bodyRowNode) {
-            var headerRowHeight = headerRowNode.getBoundingClientRect().height;
-            var bodyRowHeight = bodyRowNode.getBoundingClientRect().height;
+            const headerRowHeight = headerRowNode.getBoundingClientRect().height;
+            const bodyRowHeight = bodyRowNode.getBoundingClientRect().height;
             minHeight = headerRowHeight + bodyRowHeight * pageSize + defaultFooterHeight;
         }
     }

package/build/esm/util/getTableMinHeight.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTableMinHeight.js","sources":["../../../src/util/getTableMinHeight.ts"],"sourcesContent":["import { RefObject } from 'react'\n\nexport const getTableMinHeight = (rootRef: RefObject<HTMLDivElement>, pageSize: number) => {\n  const defaultBodyRowHeight = 56\n  const defaultHeaderRowHeight = 57\n  const defaultFooterHeight = 88\n  let minHeight = defaultBodyRowHeight * pageSize + defaultHeaderRowHeight + defaultFooterHeight\n  if (rootRef?.current) {\n    const rootTableNode = rootRef.current\n    const headerRowNode = rootTableNode.querySelector(`[data-table-element=\"header-row\"]`)\n    const bodyRowNode = rootTableNode.querySelector(`[data-table-element=\"body-row\"]`)\n    if (headerRowNode && bodyRowNode) {\n      const headerRowHeight = headerRowNode.getBoundingClientRect().height\n      const bodyRowHeight = bodyRowNode.getBoundingClientRect().height\n      minHeight = headerRowHeight + bodyRowHeight * pageSize + defaultFooterHeight\n    }\n  }\n  return minHeight\n}\n"],"names":[],"mappings":"AAEa,IAAA,iBAAiB,GAAG,UAAC,OAAkC,EAAE,QAAgB,EAAA;IACpF,IAAM,oBAAoB,GAAG,EAAE;IAC/B,IAAM,sBAAsB,GAAG,EAAE;IACjC,IAAM,mBAAmB,GAAG,EAAE;IAC9B,IAAI,SAAS,GAAG,oBAAoB,GAAG,QAAQ,GAAG,sBAAsB,GAAG,mBAAmB;AAC9F,IAAA,IAAI,OAAO,KAAP,IAAA,IAAA,OAAO,uBAAP,OAAO,CAAE,OAAO,EAAE;AACpB,QAAA,IAAM,aAAa,GAAG,OAAO,CAAC,OAAO;QACrC,IAAM,aAAa,GAAG,aAAa,CAAC,aAAa,CAAC,qCAAmC,CAAC;QACtF,IAAM,WAAW,GAAG,aAAa,CAAC,aAAa,CAAC,mCAAiC,CAAC;QAClF,IAAI,aAAa,IAAI,WAAW,EAAE;YAChC,IAAM,eAAe,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC,MAAM;YACpE,IAAM,aAAa,GAAG,WAAW,CAAC,qBAAqB,EAAE,CAAC,MAAM;YAChE,SAAS,GAAG,eAAe,GAAG,aAAa,GAAG,QAAQ,GAAG,mBAAmB;AAC7E;AACF;AACD,IAAA,OAAO,SAAS;AAClB;;;;"}
+{"version":3,"file":"getTableMinHeight.js","sources":["../../../src/util/getTableMinHeight.ts"],"sourcesContent":["import { RefObject } from 'react'\n\nexport const getTableMinHeight = (rootRef: RefObject<HTMLDivElement>, pageSize: number) => {\n  const defaultBodyRowHeight = 56\n  const defaultHeaderRowHeight = 57\n  const defaultFooterHeight = 88\n  let minHeight = defaultBodyRowHeight * pageSize + defaultHeaderRowHeight + defaultFooterHeight\n  if (rootRef?.current) {\n    const rootTableNode = rootRef.current\n    const headerRowNode = rootTableNode.querySelector(`[data-table-element=\"header-row\"]`)\n    const bodyRowNode = rootTableNode.querySelector(`[data-table-element=\"body-row\"]`)\n    if (headerRowNode && bodyRowNode) {\n      const headerRowHeight = headerRowNode.getBoundingClientRect().height\n      const bodyRowHeight = bodyRowNode.getBoundingClientRect().height\n      minHeight = headerRowHeight + bodyRowHeight * pageSize + defaultFooterHeight\n    }\n  }\n  return minHeight\n}\n"],"names":[],"mappings":"MAEa,iBAAiB,GAAG,CAAC,OAAkC,EAAE,QAAgB,KAAI;IACxF,MAAM,oBAAoB,GAAG,EAAE;IAC/B,MAAM,sBAAsB,GAAG,EAAE;IACjC,MAAM,mBAAmB,GAAG,EAAE;IAC9B,IAAI,SAAS,GAAG,oBAAoB,GAAG,QAAQ,GAAG,sBAAsB,GAAG,mBAAmB;AAC9F,IAAA,IAAI,OAAO,EAAE,OAAO,EAAE;AACpB,QAAA,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO;QACrC,MAAM,aAAa,GAAG,aAAa,CAAC,aAAa,CAAC,CAAA,iCAAA,CAAmC,CAAC;QACtF,MAAM,WAAW,GAAG,aAAa,CAAC,aAAa,CAAC,CAAA,+BAAA,CAAiC,CAAC;AAClF,QAAA,IAAI,aAAa,IAAI,WAAW,EAAE;YAChC,MAAM,eAAe,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC,MAAM;YACpE,MAAM,aAAa,GAAG,WAAW,CAAC,qBAAqB,EAAE,CAAC,MAAM;YAChE,SAAS,GAAG,eAAe,GAAG,aAAa,GAAG,QAAQ,GAAG,mBAAmB;;;AAGhF,IAAA,OAAO,SAAS;AAClB;;;;"}

package/build/esm/util/tableConstants.js

@@ -1,4 +1,4 @@
-var tableConstants = {
+const tableConstants = {
     tableTypography: 'body1',
     cellPaddingFactor: 2};
 

package/build/esm/util/tableConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableConstants.js","sources":["../../../src/util/tableConstants.ts"],"sourcesContent":["export const tableConstants = {\n  tableTypography: 'body1',\n  cellPaddingFactor: 2,\n  headerBorder: 2,\n}\n"],"names":[],"mappings":"AAAa,IAAA,cAAc,GAAG;AAC5B,IAAA,eAAe,EAAE,OAAO;AACxB,IAAA,iBAAiB,EAAE;;;;"}
+{"version":3,"file":"tableConstants.js","sources":["../../../src/util/tableConstants.ts"],"sourcesContent":["export const tableConstants = {\n  tableTypography: 'body1',\n  cellPaddingFactor: 2,\n  headerBorder: 2,\n}\n"],"names":[],"mappings":"AAAa,MAAA,cAAc,GAAG;AAC5B,IAAA,eAAe,EAAE,OAAO;AACxB,IAAA,iBAAiB,EAAE;;;;"}

package/build/esm/util/validateRowAction.js

@@ -1,10 +1,10 @@
 import { isValidElement, createElement } from 'react';
 
-var validateAction = function (action) {
-    var icon = action.icon, label = action.label, onClick = action.onClick;
-    var onClickIsValid = typeof onClick === 'function';
-    var labelIsValid = typeof label === 'string';
-    var iconIsValid = icon && isValidElement(createElement(icon));
+const validateAction = (action) => {
+    const { icon, label, onClick } = action;
+    const onClickIsValid = typeof onClick === 'function';
+    const labelIsValid = typeof label === 'string';
+    const iconIsValid = icon && isValidElement(createElement(icon));
     return onClickIsValid && labelIsValid && iconIsValid;
 };
 

package/build/esm/util/validateRowAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"validateRowAction.js","sources":["../../../src/util/validateRowAction.ts"],"sourcesContent":["import { RowAction } from '../components/RowActions/RowActionsProps'\nimport { createElement, isValidElement } from 'react'\n\nexport const validateAction = (action: Partial<RowAction>) => {\n  const { icon, label, onClick } = action\n  const onClickIsValid = typeof onClick === 'function'\n  const labelIsValid = typeof label === 'string'\n  const iconIsValid = icon && isValidElement(createElement(icon))\n  return onClickIsValid && labelIsValid && iconIsValid\n}\n"],"names":[],"mappings":";;AAGO,IAAM,cAAc,GAAG,UAAC,MAA0B,EAAA;AAC/C,IAAA,IAAA,IAAI,GAAqB,MAAM,CAAA,IAA3B,EAAE,KAAK,GAAc,MAAM,CAAA,KAApB,EAAE,OAAO,GAAK,MAAM,QAAX;AAC5B,IAAA,IAAM,cAAc,GAAG,OAAO,OAAO,KAAK,UAAU;AACpD,IAAA,IAAM,YAAY,GAAG,OAAO,KAAK,KAAK,QAAQ;IAC9C,IAAM,WAAW,GAAG,IAAI,IAAI,cAAc,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;AAC/D,IAAA,OAAO,cAAc,IAAI,YAAY,IAAI,WAAW;AACtD;;;;"}
+{"version":3,"file":"validateRowAction.js","sources":["../../../src/util/validateRowAction.ts"],"sourcesContent":["import { RowAction } from '../components/RowActions/RowActionsProps'\nimport { createElement, isValidElement } from 'react'\n\nexport const validateAction = (action: Partial<RowAction>) => {\n  const { icon, label, onClick } = action\n  const onClickIsValid = typeof onClick === 'function'\n  const labelIsValid = typeof label === 'string'\n  const iconIsValid = icon && isValidElement(createElement(icon))\n  return onClickIsValid && labelIsValid && iconIsValid\n}\n"],"names":[],"mappings":";;AAGa,MAAA,cAAc,GAAG,CAAC,MAA0B,KAAI;IAC3D,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,MAAM;AACvC,IAAA,MAAM,cAAc,GAAG,OAAO,OAAO,KAAK,UAAU;AACpD,IAAA,MAAM,YAAY,GAAG,OAAO,KAAK,KAAK,QAAQ;IAC9C,MAAM,WAAW,GAAG,IAAI,IAAI,cAAc,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;AAC/D,IAAA,OAAO,cAAc,IAAI,YAAY,IAAI,WAAW;AACtD;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popmenu/table",
-  "version": "0.127.0",
+  "version": "0.127.1",
   "license": "MIT",
   "author": "Popmenu Design System Team",
   "description": "React components for all Popmenu apps on the web.",
@@ -29,8 +29,9 @@
     "@popmenu/common-ui": "^0.125.0",
     "@popmenu/web-icons": "^0.125.0",
     "@tanstack/react-table": "^8.7.4",
+    "classnames": "^2.5.1",
     "react": "17.x"
   },
   "sideEffects": false,
-  "gitHead": "f751088de93963397e3f7525b1b8b3102f5538a0"
+  "gitHead": "242ebcb202433c083d77f6691b8ca8116900b72e"
 }