@popmenu/table 0.126.0 → 0.126.2

package/build/esm/hooks/useStagedColumnFilters.js

@@ -0,0 +1,55 @@
+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);
+                }
+            }
+            else {
+                acc.set(id, 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 () {
+            columnInputValues.clear();
+            setColumnInputValues(columnInputValues);
+        },
+        delete: function (columnFilter) {
+            var values = columnInputValues.get(columnFilter.id);
+            if (values && Array.isArray(values)) {
+                var valueIndex = values.indexOf(columnFilter.value);
+                values.splice(valueIndex, 1);
+                if (values.length > 0) {
+                    columnInputValues.set(columnFilter.id, values);
+                }
+                else {
+                    columnInputValues.delete(columnFilter.id);
+                }
+            }
+            else {
+                columnInputValues.delete(columnFilter.id);
+            }
+            setColumnInputValues(columnInputValues);
+        },
+        exist: function () { return columnInputValues.size > 0; },
+    };
+    return filterState;
+};
+
+export { useStagedColumnFilters };
+//# sourceMappingURL=useStagedColumnFilters.js.map

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

@@ -0,0 +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;;;;"}

package/build/esm/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/build/esm/index.js

@@ -0,0 +1,11 @@
+export { Table } from './components/Table/Table.js';
+export { RowActions } from './components/RowActions/RowActions.js';
+export { GlobalFilter } from './components/GlobalFilter/GlobalFilter.js';
+export { TableBody } from './components/TableBody/TableBody.js';
+export { TableCell } from './components/TableCell/TableCell.js';
+export { TableFooter } from './components/TableFooter/TableFooter.js';
+export { TableHeader } from './components/TableHeader/TableHeader.js';
+export { TableHeaderCell } from './components/TableHeaderCell/TableHeaderCell.js';
+export { TableHeaderRow } from './components/TableHeaderRow/TableHeaderRow.js';
+export { TableRow } from './components/TableRow/TableRow.js';
+//# sourceMappingURL=index.js.map

package/build/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/util/coercedValueIncludesString.d.ts

@@ -0,0 +1,2 @@
+import { FilterFn } from '@tanstack/react-table';
+export declare const coercedValueIncludesString: FilterFn<any>;

package/build/esm/util/coercedValueIncludesString.js

@@ -0,0 +1,9 @@
+var coercedValueIncludesString = function (row, columnId, value) {
+    if (value === '')
+        return true;
+    var cellValue = row.getValue(columnId);
+    return String(cellValue).toLowerCase().includes(value.toLowerCase());
+};
+
+export { coercedValueIncludesString };
+//# sourceMappingURL=coercedValueIncludesString.js.map

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

@@ -0,0 +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;;;;"}

package/build/esm/util/getTableMinHeight.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const getTableMinHeight: (rootRef: RefObject<HTMLDivElement>, pageSize: number) => number;

package/build/esm/util/getTableMinHeight.js

@@ -0,0 +1,20 @@
+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\"]");
+        if (headerRowNode && bodyRowNode) {
+            var headerRowHeight = headerRowNode.getBoundingClientRect().height;
+            var bodyRowHeight = bodyRowNode.getBoundingClientRect().height;
+            minHeight = headerRowHeight + bodyRowHeight * pageSize + defaultFooterHeight;
+        }
+    }
+    return minHeight;
+};
+
+export { getTableMinHeight };
+//# sourceMappingURL=getTableMinHeight.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,3 @@
+export { tableConstants } from './tableConstants';
+export { coercedValueIncludesString } from './coercedValueIncludesString';
+export { getTableMinHeight } from './getTableMinHeight';

package/build/esm/util/tableConstants.d.ts

@@ -0,0 +1,5 @@
+export declare const tableConstants: {
+    tableTypography: string;
+    cellPaddingFactor: number;
+    headerBorder: number;
+};

package/build/esm/util/tableConstants.js

@@ -0,0 +1,6 @@
+var tableConstants = {
+    tableTypography: 'body1',
+    cellPaddingFactor: 2};
+
+export { tableConstants };
+//# sourceMappingURL=tableConstants.js.map

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

@@ -0,0 +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;;;;"}

package/build/esm/util/validateRowAction.d.ts

@@ -0,0 +1,2 @@
+import { RowAction } from '../components/RowActions/RowActionsProps';
+export declare const validateAction: (action: Partial<RowAction>) => boolean | undefined;

package/build/esm/util/validateRowAction.js

@@ -0,0 +1,12 @@
+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));
+    return onClickIsValid && labelIsValid && iconIsValid;
+};
+
+export { validateAction };
+//# sourceMappingURL=validateRowAction.js.map

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

@@ -0,0 +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;;;;"}

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@popmenu/table",
-  "version": "0.126.0",
+  "version": "0.126.2",
   "license": "MIT",
   "author": "Popmenu Design System Team",
   "description": "React components for all Popmenu apps on the web.",
-  "main": "./build/index.js",
-  "module": "./build/index.es.js",
-  "types": "./build/index.d.ts",
+  "main": "./build/cjs/index.js",
+  "module": "./build/esm/index.js",
+  "types": "./build/esm/index.d.ts",
+  "type": "module",
   "files": [
     "/build"
   ],
@@ -24,9 +25,12 @@
   "peerDependencies": {
     "@material-ui/core": "^4.12.2",
     "@material-ui/lab": "^4.0.0-alpha.60",
+    "@popmenu/admin-ui": "^0.125.0",
+    "@popmenu/common-ui": "^0.125.0",
+    "@popmenu/web-icons": "^0.125.0",
     "@tanstack/react-table": "^8.7.4",
     "react": "17.x"
   },
   "sideEffects": false,
-  "gitHead": "41f682c20fba98382fb86cf2a3d1809d64fad750"
+  "gitHead": "1cfb282646479bcc4baa627d2b2dfdd20b75a63d"
 }

package/build/components/ColumnFilterChip/ColumnFilterChipStyles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"chip" | "label">;