@webiny/ui 5.40.0-beta.2 → 5.40.0-beta.3

package/DataTable/ColumnDirection.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ColumnDirection = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
-var ColumnDirection = function ColumnDirection(props) {
+var ColumnDirection = exports.ColumnDirection = function ColumnDirection(props) {
   if (props.direction) {
     return /*#__PURE__*/_react.default.createElement(_styled.ColumnDirectionWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.ColumnDirectionIcon, {
       direction: props.direction
@@ -15,6 +15,5 @@ var ColumnDirection = function ColumnDirection(props) {
   }
   return null;
 };
-exports.ColumnDirection = ColumnDirection;
 
 //# sourceMappingURL=ColumnDirection.js.map

package/DataTable/ColumnDirection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_styled","ColumnDirection","props","direction","default","createElement","ColumnDirectionWrapper","ColumnDirectionIcon","exports"],"sources":["ColumnDirection.tsx"],"sourcesContent":["import React from \"react\";\nimport { ColumnDirectionIcon, ColumnDirectionWrapper } from \"~/DataTable/styled\";\n\nexport interface ColumnDirectionProps {\n    direction?: \"asc\" | \"desc\";\n}\n\nexport const ColumnDirection = (props: ColumnDirectionProps) => {\n    if (props.direction) {\n        return (\n            <ColumnDirectionWrapper>\n                <ColumnDirectionIcon direction={props.direction} />\n            </ColumnDirectionWrapper>\n        );\n    }\n\n    return null;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAMO,IAAME,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAA2B,EAAK;EAC5D,IAAIA,KAAK,CAACC,SAAS,EAAE;IACjB,oBACIN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,OAAA,CAAAM,sBAAsB,qBACnBT,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,OAAA,CAAAO,mBAAmB;MAACJ,SAAS,EAAED,KAAK,CAACC;IAAU,CAAE,CAC9B,CAAC;EAEjC;EAEA,OAAO,IAAI;AACf,CAAC;AAACK,OAAA,CAAAP,eAAA,GAAAA,eAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","ColumnDirection","exports","props","direction","default","createElement","ColumnDirectionWrapper","ColumnDirectionIcon"],"sources":["ColumnDirection.tsx"],"sourcesContent":["import React from \"react\";\nimport { ColumnDirectionIcon, ColumnDirectionWrapper } from \"~/DataTable/styled\";\n\nexport interface ColumnDirectionProps {\n    direction?: \"asc\" | \"desc\";\n}\n\nexport const ColumnDirection = (props: ColumnDirectionProps) => {\n    if (props.direction) {\n        return (\n            <ColumnDirectionWrapper>\n                <ColumnDirectionIcon direction={props.direction} />\n            </ColumnDirectionWrapper>\n        );\n    }\n\n    return null;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAMO,IAAME,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,KAA2B,EAAK;EAC5D,IAAIA,KAAK,CAACC,SAAS,EAAE;IACjB,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAO,sBAAsB,qBACnBV,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAQ,mBAAmB;MAACJ,SAAS,EAAED,KAAK,CAACC;IAAU,CAAE,CAC9B,CAAC;EAEjC;EAEA,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/DataTable/ColumnsVisibility.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import { Column } from "@tanstack/react-table";
 interface ColumnsVisibilityProps<T> {
     columns: Column<T>[];
 }
-export declare const ColumnsVisibility: <T>(props: ColumnsVisibilityProps<T>) => JSX.Element | null;
+export declare const ColumnsVisibility: <T>(props: ColumnsVisibilityProps<T>) => React.JSX.Element | null;
 export {};

package/DataTable/ColumnsVisibility.js

@@ -11,7 +11,7 @@ var _Button = require("../Button");
 var _Checkbox = require("../Checkbox");
 var _Menu = require("../Menu");
 var _styled = require("./styled");
-var ColumnsVisibility = function ColumnsVisibility(props) {
+var ColumnsVisibility = exports.ColumnsVisibility = function ColumnsVisibility(props) {
   /**
    * `@tanstack/react-table` does not have a simple method to return the header component.
    * The only possible way is to use `flexRenderer`, but this is not working with the current implementation
@@ -60,6 +60,5 @@ var ColumnsVisibility = function ColumnsVisibility(props) {
     }));
   }));
 };
-exports.ColumnsVisibility = ColumnsVisibility;
 
 //# sourceMappingURL=ColumnsVisibility.js.map

package/DataTable/ColumnsVisibility.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_settings","_Button","_Checkbox","_Menu","_styled","ColumnsVisibility","props","getHeaderName","useCallback","column","header","columnDef","id","options","useMemo","columns","filter","getCanHide","map","onChange","toggleVisibility","getValue","getIsVisible","length","default","createElement","Menu","handle","IconButton","icon","ReactComponent","ColumnsVisibilityMenuHeader","use","tag","MenuDivider","option","ColumnsVisibilityMenuItem","key","Checkbox","label","value","exports"],"sources":["ColumnsVisibility.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useMemo } from \"react\";\nimport { ReactComponent as SettingsIcon } from \"@material-design-icons/svg/outlined/settings.svg\";\nimport { Column } from \"@tanstack/react-table\";\nimport { IconButton } from \"~/Button\";\nimport { Checkbox } from \"~/Checkbox\";\nimport { Menu, MenuDivider } from \"~/Menu\";\nimport { ColumnsVisibilityMenuHeader, ColumnsVisibilityMenuItem } from \"~/DataTable/styled\";\n\ninterface ColumnsVisibilityProps<T> {\n    columns: Column<T>[];\n}\n\ninterface Option {\n    id: string;\n    header: ReactNode;\n    onChange: (value?: boolean | undefined) => void;\n    getValue: () => boolean;\n}\n\nexport const ColumnsVisibility = <T,>(props: ColumnsVisibilityProps<T>) => {\n    /**\n     * `@tanstack/react-table` does not have a simple method to return the header component.\n     * The only possible way is to use `flexRenderer`, but this is not working with the current implementation\n     * since we don't have access to the header context.\n     */\n    const getHeaderName = useCallback((column: Column<T>) => {\n        const { header } = column.columnDef;\n\n        if (typeof header === \"string\") {\n            return header;\n        }\n\n        if (typeof header === \"function\") {\n            // @ts-expect-error\n            return header();\n        }\n\n        return column.id;\n    }, []);\n\n    const options: Option[] = useMemo(() => {\n        return props.columns\n            .filter(column => column.getCanHide())\n            .map(column => {\n                return {\n                    id: column.id,\n                    header: getHeaderName(column),\n                    onChange: column.toggleVisibility,\n                    getValue: column.getIsVisible\n                };\n            });\n    }, [props.columns]);\n\n    if (options.length === 0) {\n        return null;\n    }\n\n    return (\n        <Menu handle={<IconButton icon={<SettingsIcon />} />}>\n            <ColumnsVisibilityMenuHeader use={\"subtitle2\"} tag={\"h6\"}>\n                {\"Toggle column visibility\"}\n            </ColumnsVisibilityMenuHeader>\n            <MenuDivider />\n            {options.map(option => {\n                return (\n                    <ColumnsVisibilityMenuItem key={option.id}>\n                        <Checkbox\n                            label={option.header}\n                            onChange={option.onChange}\n                            value={option.getValue()}\n                        />\n                    </ColumnsVisibilityMenuItem>\n                );\n            })}\n        </Menu>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAaO,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAQC,KAAgC,EAAK;EACvE;AACJ;AACA;AACA;AACA;EACI,IAAMC,aAAa,GAAG,IAAAC,kBAAW,EAAC,UAACC,MAAiB,EAAK;IACrD,IAAQC,MAAM,GAAKD,MAAM,CAACE,SAAS,CAA3BD,MAAM;IAEd,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;MAC5B,OAAOA,MAAM;IACjB;IAEA,IAAI,OAAOA,MAAM,KAAK,UAAU,EAAE;MAC9B;MACA,OAAOA,MAAM,CAAC,CAAC;IACnB;IAEA,OAAOD,MAAM,CAACG,EAAE;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,OAAiB,GAAG,IAAAC,cAAO,EAAC,YAAM;IACpC,OAAOR,KAAK,CAACS,OAAO,CACfC,MAAM,CAAC,UAAAP,MAAM;MAAA,OAAIA,MAAM,CAACQ,UAAU,CAAC,CAAC;IAAA,EAAC,CACrCC,GAAG,CAAC,UAAAT,MAAM,EAAI;MACX,OAAO;QACHG,EAAE,EAAEH,MAAM,CAACG,EAAE;QACbF,MAAM,EAAEH,aAAa,CAACE,MAAM,CAAC;QAC7BU,QAAQ,EAAEV,MAAM,CAACW,gBAAgB;QACjCC,QAAQ,EAAEZ,MAAM,CAACa;MACrB,CAAC;IACL,CAAC,CAAC;EACV,CAAC,EAAE,CAAChB,KAAK,CAACS,OAAO,CAAC,CAAC;EAEnB,IAAIF,OAAO,CAACU,MAAM,KAAK,CAAC,EAAE;IACtB,OAAO,IAAI;EACf;EAEA,oBACI1B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACtB,KAAA,CAAAuB,IAAI;IAACC,MAAM,eAAE9B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,OAAA,CAAA2B,UAAU;MAACC,IAAI,eAAEhC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACzB,SAAA,CAAA8B,cAAY,MAAE;IAAE,CAAE;EAAE,gBACjDjC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACrB,OAAA,CAAA2B,2BAA2B;IAACC,GAAG,EAAE,WAAY;IAACC,GAAG,EAAE;EAAK,GACpD,0BACwB,CAAC,eAC9BpC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACtB,KAAA,CAAA+B,WAAW,MAAE,CAAC,EACdrB,OAAO,CAACK,GAAG,CAAC,UAAAiB,MAAM,EAAI;IACnB,oBACItC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACrB,OAAA,CAAAgC,yBAAyB;MAACC,GAAG,EAAEF,MAAM,CAACvB;IAAG,gBACtCf,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACvB,SAAA,CAAAoC,QAAQ;MACLC,KAAK,EAAEJ,MAAM,CAACzB,MAAO;MACrBS,QAAQ,EAAEgB,MAAM,CAAChB,QAAS;MAC1BqB,KAAK,EAAEL,MAAM,CAACd,QAAQ,CAAC;IAAE,CAC5B,CACsB,CAAC;EAEpC,CAAC,CACC,CAAC;AAEf,CAAC;AAACoB,OAAA,CAAApC,iBAAA,GAAAA,iBAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_settings","_Button","_Checkbox","_Menu","_styled","ColumnsVisibility","exports","props","getHeaderName","useCallback","column","header","columnDef","id","options","useMemo","columns","filter","getCanHide","map","onChange","toggleVisibility","getValue","getIsVisible","length","default","createElement","Menu","handle","IconButton","icon","ReactComponent","ColumnsVisibilityMenuHeader","use","tag","MenuDivider","option","ColumnsVisibilityMenuItem","key","Checkbox","label","value"],"sources":["ColumnsVisibility.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { ReactComponent as SettingsIcon } from \"@material-design-icons/svg/outlined/settings.svg\";\nimport { Column } from \"@tanstack/react-table\";\nimport { IconButton } from \"~/Button\";\nimport { Checkbox } from \"~/Checkbox\";\nimport { Menu, MenuDivider } from \"~/Menu\";\nimport { ColumnsVisibilityMenuHeader, ColumnsVisibilityMenuItem } from \"~/DataTable/styled\";\n\ninterface ColumnsVisibilityProps<T> {\n    columns: Column<T>[];\n}\n\ninterface Option {\n    id: string;\n    header: string;\n    onChange: (value?: boolean | undefined) => void;\n    getValue: () => boolean;\n}\n\nexport const ColumnsVisibility = <T,>(props: ColumnsVisibilityProps<T>) => {\n    /**\n     * `@tanstack/react-table` does not have a simple method to return the header component.\n     * The only possible way is to use `flexRenderer`, but this is not working with the current implementation\n     * since we don't have access to the header context.\n     */\n    const getHeaderName = useCallback((column: Column<T>) => {\n        const { header } = column.columnDef;\n\n        if (typeof header === \"string\") {\n            return header;\n        }\n\n        if (typeof header === \"function\") {\n            // @ts-expect-error\n            return header();\n        }\n\n        return column.id;\n    }, []);\n\n    const options: Option[] = useMemo(() => {\n        return props.columns\n            .filter(column => column.getCanHide())\n            .map(column => {\n                return {\n                    id: column.id,\n                    header: getHeaderName(column),\n                    onChange: column.toggleVisibility,\n                    getValue: column.getIsVisible\n                };\n            });\n    }, [props.columns]);\n\n    if (options.length === 0) {\n        return null;\n    }\n\n    return (\n        <Menu handle={<IconButton icon={<SettingsIcon />} />}>\n            <ColumnsVisibilityMenuHeader use={\"subtitle2\"} tag={\"h6\"}>\n                {\"Toggle column visibility\"}\n            </ColumnsVisibilityMenuHeader>\n            <MenuDivider />\n            {options.map(option => {\n                return (\n                    <ColumnsVisibilityMenuItem key={option.id}>\n                        <Checkbox\n                            label={option.header}\n                            onChange={option.onChange}\n                            value={option.getValue()}\n                        />\n                    </ColumnsVisibilityMenuItem>\n                );\n            })}\n        </Menu>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAaO,IAAMM,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAQE,KAAgC,EAAK;EACvE;AACJ;AACA;AACA;AACA;EACI,IAAMC,aAAa,GAAG,IAAAC,kBAAW,EAAC,UAACC,MAAiB,EAAK;IACrD,IAAQC,MAAM,GAAKD,MAAM,CAACE,SAAS,CAA3BD,MAAM;IAEd,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;MAC5B,OAAOA,MAAM;IACjB;IAEA,IAAI,OAAOA,MAAM,KAAK,UAAU,EAAE;MAC9B;MACA,OAAOA,MAAM,CAAC,CAAC;IACnB;IAEA,OAAOD,MAAM,CAACG,EAAE;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,OAAiB,GAAG,IAAAC,cAAO,EAAC,YAAM;IACpC,OAAOR,KAAK,CAACS,OAAO,CACfC,MAAM,CAAC,UAAAP,MAAM;MAAA,OAAIA,MAAM,CAACQ,UAAU,CAAC,CAAC;IAAA,EAAC,CACrCC,GAAG,CAAC,UAAAT,MAAM,EAAI;MACX,OAAO;QACHG,EAAE,EAAEH,MAAM,CAACG,EAAE;QACbF,MAAM,EAAEH,aAAa,CAACE,MAAM,CAAC;QAC7BU,QAAQ,EAAEV,MAAM,CAACW,gBAAgB;QACjCC,QAAQ,EAAEZ,MAAM,CAACa;MACrB,CAAC;IACL,CAAC,CAAC;EACV,CAAC,EAAE,CAAChB,KAAK,CAACS,OAAO,CAAC,CAAC;EAEnB,IAAIF,OAAO,CAACU,MAAM,KAAK,CAAC,EAAE;IACtB,OAAO,IAAI;EACf;EAEA,oBACI3B,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACvB,KAAA,CAAAwB,IAAI;IAACC,MAAM,eAAE/B,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACzB,OAAA,CAAA4B,UAAU;MAACC,IAAI,eAAEjC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC1B,SAAA,CAAA+B,cAAY,MAAE;IAAE,CAAE;EAAE,gBACjDlC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACtB,OAAA,CAAA4B,2BAA2B;IAACC,GAAG,EAAE,WAAY;IAACC,GAAG,EAAE;EAAK,GACpD,0BACwB,CAAC,eAC9BrC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACvB,KAAA,CAAAgC,WAAW,MAAE,CAAC,EACdrB,OAAO,CAACK,GAAG,CAAC,UAAAiB,MAAM,EAAI;IACnB,oBACIvC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACtB,OAAA,CAAAiC,yBAAyB;MAACC,GAAG,EAAEF,MAAM,CAACvB;IAAG,gBACtChB,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACxB,SAAA,CAAAqC,QAAQ;MACLC,KAAK,EAAEJ,MAAM,CAACzB,MAAO;MACrBS,QAAQ,EAAEgB,MAAM,CAAChB,QAAS;MAC1BqB,KAAK,EAAEL,MAAM,CAACd,QAAQ,CAAC;IAAE,CAC5B,CACsB,CAAC;EAEpC,CAAC,CACC,CAAC;AAEf,CAAC","ignoreList":[]}

package/DataTable/DataTable.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 import { DataTableCellProps } from "@rmwc/data-table";
-import { OnChangeFn, Row, SortingState, VisibilityState } from "@tanstack/react-table";
+import { ColumnSort, OnChangeFn, Row, SortingState, VisibilityState } from "@tanstack/react-table";
 import "@rmwc/data-table/data-table.css";
 export interface Column<T> {
     header: string | number | JSX.Element;
@@ -21,6 +21,7 @@ export declare type DefaultData = {
 };
 export declare type TableRow<T> = Row<DefaultData & T>;
 export declare type Sorting = SortingState;
+export { ColumnSort };
 export declare type OnSortingChange = OnChangeFn<Sorting>;
 export declare type ColumnVisibility = VisibilityState;
 export declare type OnColumnVisibilityChange = OnChangeFn<ColumnVisibility>;
@@ -90,5 +91,4 @@ interface Props<T> {
      */
     stickyRows?: number;
 }
-export declare const DataTable: <T extends Record<string, any> & DefaultData>({ data, columns, onSelectRow, onToggleRow, loadingInitial, stickyColumns, stickyRows, bordered, sorting, columnVisibility, onColumnVisibilityChange, onSortingChange, isRowSelectable, canSelectAllRows, selectedRows, initialSorting }: Props<T>) => JSX.Element;
-export {};
+export declare const DataTable: <T extends Record<string, any> & DefaultData>({ data: initialData, columns: initialColumns, onSelectRow, onToggleRow, loadingInitial, stickyColumns, stickyRows, bordered, sorting, columnVisibility, onColumnVisibilityChange, onSortingChange, isRowSelectable, canSelectAllRows, selectedRows, initialSorting }: Props<T>) => React.JSX.Element;

package/DataTable/DataTable.js

@@ -5,6 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "ColumnSort", {
+  enumerable: true,
+  get: function get() {
+    return _reactTable.ColumnSort;
+  }
+});
 exports.DataTable = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -91,9 +97,6 @@ var defineColumns = function defineColumns(columns, options) {
           onChange: info.row.getToggleSelectedHandler()
         });
       },
-      meta: {
-        hasFormControl: true
-      },
       enableSorting: false,
       enableResizing: false,
       enableHiding: false,
@@ -103,7 +106,9 @@ var defineColumns = function defineColumns(columns, options) {
       if (loadingInitial) {
         return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, column), {}, {
           cell: function cell() {
-            return /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, null);
+            return /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+              containerClassName: "table-skeleton-container"
+            });
           }
         });
       }
@@ -111,12 +116,6 @@ var defineColumns = function defineColumns(columns, options) {
     });
   }, [columns, onSelectRow, onToggleRow, loadingInitial]);
 };
-var defineData = function defineData(data, loadingInitial) {
-  if (loadingInitial) {
-    return Array(10).fill({});
-  }
-  return data;
-};
 var ColumnDirection = function ColumnDirection(_ref2) {
   var direction = _ref2.direction;
   if (direction) {
@@ -136,7 +135,7 @@ var TableCell = function TableCell(_ref3) {
       width: width,
       maxWidth: width
     }
-  }), (0, _reactTable.flexRender)(cell.column.columnDef.cell, cell.getContext()));
+  }), /*#__PURE__*/_react.default.createElement(_styled.ColumnCellWrapper, null, (0, _reactTable.flexRender)(cell.column.columnDef.cell, cell.getContext())));
 };
 var MemoTableCell = typedMemo(TableCell);
 var TableRow = function TableRow(_ref4) {
@@ -155,9 +154,14 @@ var TableRow = function TableRow(_ref4) {
   }));
 };
 var MemoTableRow = typedMemo(TableRow);
-var DataTable = function DataTable(_ref5) {
-  var data = _ref5.data,
-    columns = _ref5.columns,
+
+/**
+ * Empty array must be defined outside of the React component so it does not force rerendering of the DataTable
+ */
+var emptyArray = Array(10).fill({});
+var DataTable = exports.DataTable = function DataTable(_ref5) {
+  var initialData = _ref5.data,
+    initialColumns = _ref5.columns,
     onSelectRow = _ref5.onSelectRow,
     onToggleRow = _ref5.onToggleRow,
     loadingInitial = _ref5.loadingInitial,
@@ -179,6 +183,7 @@ var DataTable = function DataTable(_ref5) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     tableWidth = _useState2[0],
     setTableWidth = _useState2[1];
+  var data = loadingInitial ? emptyArray : initialData;
   (0, _react.useEffect)(function () {
     var updateElementWidth = function updateElementWidth() {
       if (tableRef.current) {
@@ -235,14 +240,15 @@ var DataTable = function DataTable(_ref5) {
     }
     return sorting;
   }, [sorting]);
+  var columns = defineColumns(initialColumns, {
+    canSelectAllRows: canSelectAllRows,
+    onSelectRow: onSelectRow,
+    onToggleRow: onToggleRow,
+    loadingInitial: loadingInitial
+  });
   var table = (0, _reactTable.useReactTable)({
-    data: defineData(data, loadingInitial),
-    columns: defineColumns(columns, {
-      canSelectAllRows: canSelectAllRows,
-      onSelectRow: onSelectRow,
-      onToggleRow: onToggleRow,
-      loadingInitial: loadingInitial
-    }),
+    data: data,
+    columns: columns,
     enableColumnResizing: true,
     columnResizeMode: "onChange",
     getCoreRowModel: (0, _reactTable.getCoreRowModel)(),
@@ -255,6 +261,7 @@ var DataTable = function DataTable(_ref5) {
     enableRowSelection: isRowSelectable,
     onRowSelectionChange: onRowSelectionChange,
     enableSorting: !!onSortingChange,
+    enableSortingRemoval: false,
     manualSorting: true,
     onSortingChange: onSortingChange,
     enableHiding: !!onColumnVisibilityChange,
@@ -268,6 +275,12 @@ var DataTable = function DataTable(_ref5) {
     var columnSize = column.getSize();
     return Math.ceil(columnSize * tableWidth / tableSize);
   }, [table, tableWidth]);
+  /**
+   * Had to memoize the rows to avoid browser freeze.
+   */
+  var tableRows = (0, _react.useMemo)(function () {
+    return table.getRowModel().rows;
+  }, [table, data, columns]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: tableRef
   }, /*#__PURE__*/_react.default.createElement(_styled.Table, {
@@ -302,15 +315,15 @@ var DataTable = function DataTable(_ref5) {
         isResizing: header.column.getIsResizing()
       }));
     }));
-  })), /*#__PURE__*/_react.default.createElement(_dataTable.DataTableBody, null, table.getRowModel().rows.map(function (row) {
+  })), /*#__PURE__*/_react.default.createElement(_dataTable.DataTableBody, null, tableRows.map(function (row) {
+    var id = row.original.id || row.id;
     return /*#__PURE__*/_react.default.createElement(MemoTableRow, {
-      key: row.original.id || row.id,
+      key: id,
       cells: row.getVisibleCells(),
       selected: row.getIsSelected(),
       getColumnWidth: getColumnWidth
     });
   })))));
 };
-exports.DataTable = DataTable;
 
 //# sourceMappingURL=DataTable.js.map

package/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_dataTable","_reactTable","_Checkbox","_Skeleton","_ColumnsVisibility","_styled","defineColumns","columns","options","canSelectAllRows","onSelectRow","onToggleRow","loadingInitial","useMemo","columnsList","Object","keys","map","key","_objectSpread3","default","id","defaults","column","cell","className","_column$enableHiding","enableHiding","_column$enableResizin","enableResizing","_column$enableSorting","enableSorting","header","meta","_column$size","size","accessorKey","info","row","original","getValue","isSelectable","select","_ref","table","createElement","Checkbox","indeterminate","getIsSomeRowsSelected","value","getIsAllRowsSelected","onChange","e","toggleAllPageRowsSelected","getCanSelect","Fragment","getIsSomeSelected","getIsSelected","getToggleSelectedHandler","hasFormControl","concat","_toConsumableArray2","Skeleton","defineData","data","Array","fill","ColumnDirection","_ref2","direction","ColumnDirectionWrapper","ColumnDirectionIcon","typedMemo","memo","TableCell","_ref3","getColumnWidth","width","DataTableCell","assign","columnDef","style","maxWidth","flexRender","getContext","MemoTableCell","TableRow","_ref4","selected","cells","DataTableRow","MemoTableRow","DataTable","_ref5","stickyColumns","stickyRows","bordered","sorting","columnVisibility","onColumnVisibilityChange","onSortingChange","isRowSelectable","_ref5$canSelectAllRow","_ref5$selectedRows","selectedRows","initialSorting","tableRef","useRef","_useState","useState","_useState2","_slicedToArray2","tableWidth","setTableWidth","useEffect","updateElementWidth","current","clientWidth","window","addEventListener","removeEventListener","rowSelection","reduce","acc","item","recordIndex","findIndex","rec","_defineProperty2","onRowSelectionChange","updater","newSelection","toggledRows","filter","x","length","parseInt","selection","tableSorting","isArray","useReactTable","enableColumnResizing","columnResizeMode","getCoreRowModel","getSortedRowModel","state","enableRowSelection","manualSorting","useCallback","getCanResize","getSize","tableSize","getTotalSize","columnSize","Math","ceil","ref","Table","DataTableContent","DataTableHead","getHeaderGroups","headerGroup","headers","index","isLastCell","TableHeadCell","colSpan","isPlaceholder","ColumnHeaderWrapper","onClick","getToggleSortingHandler","sortable","getCanSort","getIsSorted","undefined","ColumnsVisibility","getAllColumns","Resizer","onMouseDown","getResizeHandler","onTouchStart","isResizing","getIsResizing","DataTableBody","getRowModel","rows","getVisibleCells","exports"],"sources":["DataTable.tsx"],"sourcesContent":["import React, {\n    ReactElement,\n    memo,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState\n} from \"react\";\n\nimport {\n    DataTableBody,\n    DataTableCellProps,\n    DataTableContent,\n    DataTableHead,\n    DataTableRow\n} from \"@rmwc/data-table\";\n\nimport {\n    Cell,\n    Column as DefaultColumn,\n    ColumnDef,\n    OnChangeFn,\n    Row,\n    RowSelectionState,\n    SortingState,\n    VisibilityState,\n    flexRender,\n    getCoreRowModel,\n    getSortedRowModel,\n    useReactTable\n} from \"@tanstack/react-table\";\n\nimport { Checkbox } from \"~/Checkbox\";\nimport { Skeleton } from \"~/Skeleton\";\nimport { ColumnDirectionProps } from \"~/DataTable/ColumnDirection\";\nimport { ColumnsVisibility } from \"~/DataTable/ColumnsVisibility\";\n\nimport \"@rmwc/data-table/data-table.css\";\nimport {\n    ColumnDirectionIcon,\n    ColumnDirectionWrapper,\n    ColumnHeaderWrapper,\n    DataTableCell,\n    Resizer,\n    Table,\n    TableHeadCell\n} from \"./styled\";\n\nexport interface Column<T> {\n    /*\n     * Column header component.\n     */\n    header: string | number | JSX.Element;\n    /*\n     * Cell renderer, receives the full row and returns the value to render inside the cell.\n     */\n    cell?: (row: T) => string | number | JSX.Element | null;\n    /*\n     * Additional props to add to both header and row cells. Refer to RMWC documentation.\n     */\n    meta?: DataTableCellProps;\n    /*\n     * Column size.\n     */\n    size?: number;\n    /*\n     * Column class names.\n     */\n    className?: string;\n    /*\n     * Enable column sorting.\n     */\n    enableSorting?: boolean;\n    /*\n     * Enable column resizing.\n     */\n    enableResizing?: boolean;\n    /*\n     * Enable column visibility toggling.\n     */\n    enableHiding?: boolean;\n}\n\nexport type Columns<T> = {\n    [P in keyof T]?: Column<T>;\n};\n\nexport type DefaultData = {\n    id: string;\n    /*\n     * Define if a specific row can be selected.\n     */\n    $selectable?: boolean;\n};\n\nexport type TableRow<T> = Row<DefaultData & T>;\n\nexport type Sorting = SortingState;\n\nexport type OnSortingChange = OnChangeFn<Sorting>;\n\nexport type ColumnVisibility = VisibilityState;\n\nexport type OnColumnVisibilityChange = OnChangeFn<ColumnVisibility>;\n\ninterface Props<T> {\n    /**\n     * Show or hide borders.\n     */\n    bordered?: boolean;\n    /**\n     * Controls whether \"select all\" action is allowed.\n     */\n    canSelectAllRows?: boolean;\n    /**\n     * Columns definition.\n     */\n    columns: Columns<T>;\n    /**\n     * The column visibility state.\n     */\n    columnVisibility?: ColumnVisibility;\n    /**\n     * Callback that receives current column visibility state.\n     */\n    onColumnVisibilityChange?: OnColumnVisibilityChange;\n    /**\n     * Data to display into DataTable body.\n     */\n    data: T[];\n    /**\n     * Callback that is called to determine if the row is selectable.\n     */\n    isRowSelectable?: (row: Row<T>) => boolean;\n    /**\n     * Render the skeleton state at the initial data loading.\n     */\n    loadingInitial?: boolean;\n    /**\n     * Callback that receives the selected rows.\n     */\n    onSelectRow?: (rows: T[]) => void;\n    /**\n     * Callback that receives the toggled row.\n     */\n    onToggleRow?: (row: T) => void;\n    /**\n     * Callback that receives current sorting state.\n     */\n    onSortingChange?: OnSortingChange;\n    /**\n     * Selected rows.\n     */\n    selectedRows?: T[];\n    /**\n     * Sorting state.\n     */\n    sorting?: Sorting;\n    /**\n     * Initial sorting state.\n     */\n    initialSorting?: Sorting;\n    /**\n     * The number of columns to affix to the side of the table when scrolling.\n     */\n    stickyColumns?: number;\n    /**\n     * The number of rows to affix to the top of the table when scrolling.\n     */\n    stickyRows?: number;\n}\n\ninterface DefineColumnsOptions<T> {\n    canSelectAllRows: boolean;\n    onSelectRow?: Props<T>[\"onSelectRow\"];\n    onToggleRow: Props<T>[\"onToggleRow\"];\n    loadingInitial: Props<T>[\"loadingInitial\"];\n}\n\nconst defineColumns = <T,>(\n    columns: Props<T>[\"columns\"],\n    options: DefineColumnsOptions<T>\n): ColumnDef<T>[] => {\n    const { canSelectAllRows, onSelectRow, onToggleRow, loadingInitial } = options;\n\n    return useMemo(() => {\n        const columnsList = Object.keys(columns).map(key => ({\n            id: key,\n            ...columns[key as keyof typeof columns]\n        }));\n\n        const defaults: ColumnDef<T>[] = columnsList.map(column => {\n            const {\n                cell,\n                className,\n                enableHiding = true,\n                enableResizing = true,\n                enableSorting = false,\n                header,\n                id,\n                meta,\n                size = 100\n            } = column;\n\n            return {\n                id,\n                accessorKey: id,\n                header: () => header,\n                cell: info => {\n                    if (cell && typeof cell === \"function\") {\n                        return cell(info.row.original);\n                    } else {\n                        return info.getValue() || null;\n                    }\n                },\n                enableSorting,\n                meta: {\n                    ...meta,\n                    className\n                },\n                enableResizing,\n                size,\n                enableHiding\n            };\n        });\n\n        const isSelectable = onToggleRow || onSelectRow;\n\n        const select: ColumnDef<T>[] = isSelectable\n            ? [\n                  {\n                      id: \"datatable-select-column\",\n                      header: ({ table }) => {\n                          if (!canSelectAllRows) {\n                              return null;\n                          }\n\n                          return (\n                              !loadingInitial && (\n                                  <Checkbox\n                                      indeterminate={table.getIsSomeRowsSelected()}\n                                      value={table.getIsAllRowsSelected()}\n                                      onChange={e => table.toggleAllPageRowsSelected(e)}\n                                  />\n                              )\n                          );\n                      },\n                      cell: info => {\n                          if (!info.row.getCanSelect()) {\n                              return <></>;\n                          }\n                          return (\n                              <Checkbox\n                                  indeterminate={info.row.getIsSomeSelected()}\n                                  value={info.row.getIsSelected()}\n                                  onChange={info.row.getToggleSelectedHandler()}\n                              />\n                          );\n                      },\n                      meta: {\n                          hasFormControl: true\n                      },\n                      enableSorting: false,\n                      enableResizing: false,\n                      enableHiding: false,\n                      size: 56\n                  }\n              ]\n            : [];\n\n        return [...select, ...defaults].map(column => {\n            if (loadingInitial) {\n                return {\n                    ...column,\n                    cell: () => <Skeleton />\n                };\n            }\n\n            return column;\n        });\n    }, [columns, onSelectRow, onToggleRow, loadingInitial]);\n};\n\nconst defineData = <T,>(\n    data: Props<T>[\"data\"],\n    loadingInitial: Props<T>[\"loadingInitial\"]\n): T[] => {\n    if (loadingInitial) {\n        return Array(10).fill({});\n    }\n    return data;\n};\n\nconst ColumnDirection = ({ direction }: ColumnDirectionProps): ReactElement | null => {\n    if (direction) {\n        return (\n            <ColumnDirectionWrapper>\n                <ColumnDirectionIcon direction={direction} />\n            </ColumnDirectionWrapper>\n        );\n    }\n\n    return null;\n};\n\nconst typedMemo: <T>(component: T) => T = memo;\n\ninterface TableCellProps<T> {\n    cell: Cell<T, unknown>;\n    getColumnWidth: (column: DefaultColumn<T>) => number;\n    selected: boolean;\n}\n\nconst TableCell = <T,>({ cell, getColumnWidth }: TableCellProps<T>) => {\n    const width = getColumnWidth(cell.column);\n\n    return (\n        <DataTableCell {...cell.column.columnDef.meta} style={{ width, maxWidth: width }}>\n            {flexRender(cell.column.columnDef.cell, cell.getContext())}\n        </DataTableCell>\n    );\n};\n\nconst MemoTableCell = typedMemo(TableCell);\n\ninterface TableRowProps<T> {\n    selected: boolean;\n    cells: Cell<T, unknown>[];\n    getColumnWidth: (column: DefaultColumn<T>) => number;\n}\n\nconst TableRow = <T,>({ selected, cells, getColumnWidth }: TableRowProps<T>) => {\n    return (\n        <DataTableRow selected={selected}>\n            {cells.map(cell => (\n                <MemoTableCell<T>\n                    key={cell.id}\n                    cell={cell}\n                    getColumnWidth={getColumnWidth}\n                    selected={selected}\n                />\n            ))}\n        </DataTableRow>\n    );\n};\n\nconst MemoTableRow = typedMemo(TableRow);\n\nexport const DataTable = <T extends Record<string, any> & DefaultData>({\n    data,\n    columns,\n    onSelectRow,\n    onToggleRow,\n    loadingInitial,\n    stickyColumns,\n    stickyRows,\n    bordered,\n    sorting,\n    columnVisibility,\n    onColumnVisibilityChange,\n    onSortingChange,\n    isRowSelectable,\n    canSelectAllRows = true,\n    selectedRows = [],\n    initialSorting\n}: Props<T>) => {\n    const tableRef = useRef<HTMLDivElement>(null);\n    const [tableWidth, setTableWidth] = useState(1);\n\n    useEffect(() => {\n        const updateElementWidth = () => {\n            if (tableRef.current) {\n                const width = tableRef.current.clientWidth;\n                setTableWidth(width);\n            }\n        };\n\n        updateElementWidth();\n\n        window.addEventListener(\"resize\", updateElementWidth);\n\n        return () => {\n            window.removeEventListener(\"resize\", updateElementWidth);\n        };\n    }, [tableRef.current]);\n\n    const rowSelection = useMemo(() => {\n        return selectedRows.reduce<RowSelectionState>((acc, item) => {\n            const recordIndex = data.findIndex(rec => rec.id === item.id);\n            return { ...acc, [recordIndex]: true };\n        }, {});\n    }, [selectedRows, data]);\n\n    const onRowSelectionChange: OnChangeFn<RowSelectionState> = updater => {\n        const newSelection = typeof updater === \"function\" ? updater(rowSelection) : updater;\n\n        /**\n         * `@tanstack/react-table` isn't telling us what row was selected or deselected. It simply gives us\n         * the new selection state (an object with row indexes that are currently selected).\n         *\n         * To figure out what row was toggled, we need to calculate the difference between the old selection\n         * and the new selection. What we're doing here is:\n         * - find all items that were present in the previous selection, but are no longer present in the new selection\n         * - find all items that are present in the new selection, but were not present in the previous selection\n         */\n        const toggledRows = [\n            ...Object.keys(rowSelection).filter(x => !(x in newSelection)),\n            ...Object.keys(newSelection).filter(x => !(x in rowSelection))\n        ];\n\n        // If the difference is only 1 item, and `onToggleRow` is available, execute that.\n        if (toggledRows.length === 1 && typeof onToggleRow === \"function\") {\n            onToggleRow(data[parseInt(toggledRows[0])]);\n            return;\n        } else if (typeof onSelectRow === \"function\") {\n            const selection = Object.keys(newSelection).map(key => data[parseInt(key)]);\n            onSelectRow(selection);\n        }\n    };\n\n    const tableSorting = useMemo(() => {\n        if (!Array.isArray(sorting) || !sorting.length) {\n            return initialSorting;\n        }\n        return sorting;\n    }, [sorting]);\n\n    const table = useReactTable({\n        data: defineData(data, loadingInitial),\n        columns: defineColumns(columns, {\n            canSelectAllRows,\n            onSelectRow,\n            onToggleRow,\n            loadingInitial\n        }),\n        enableColumnResizing: true,\n        columnResizeMode: \"onChange\",\n        getCoreRowModel: getCoreRowModel(),\n        getSortedRowModel: getSortedRowModel(),\n        state: {\n            rowSelection,\n            sorting: tableSorting,\n            columnVisibility\n        },\n        enableRowSelection: isRowSelectable,\n        onRowSelectionChange,\n        enableSorting: !!onSortingChange,\n        manualSorting: true,\n        onSortingChange,\n        enableHiding: !!onColumnVisibilityChange,\n        onColumnVisibilityChange\n    });\n\n    const getColumnWidth = useCallback(\n        (column: DefaultColumn<T>): number => {\n            if (!column.getCanResize()) {\n                return column.getSize();\n            }\n\n            const tableSize = table.getTotalSize();\n            const columnSize = column.getSize();\n\n            return Math.ceil((columnSize * tableWidth) / tableSize);\n        },\n        [table, tableWidth]\n    );\n\n    return (\n        <div ref={tableRef}>\n            <Table stickyColumns={stickyColumns} stickyRows={stickyRows} bordered={bordered}>\n                <DataTableContent>\n                    <DataTableHead>\n                        {table.getHeaderGroups().map(headerGroup => (\n                            <DataTableRow key={headerGroup.id}>\n                                {headerGroup.headers.map((header, index) => {\n                                    const isLastCell = index === headerGroup.headers.length - 1;\n                                    const width = getColumnWidth(header.column);\n\n                                    return (\n                                        <TableHeadCell\n                                            key={header.id}\n                                            {...header.column.columnDef.meta}\n                                            colSpan={header.colSpan}\n                                            style={{ width, maxWidth: width }}\n                                        >\n                                            {header.isPlaceholder ? null : (\n                                                <ColumnHeaderWrapper\n                                                    onClick={header.column.getToggleSortingHandler()}\n                                                    sortable={header.column.getCanSort()}\n                                                    isLastCell={isLastCell}\n                                                >\n                                                    {flexRender(\n                                                        header.column.columnDef.header,\n                                                        header.getContext()\n                                                    )}\n                                                    <ColumnDirection\n                                                        direction={\n                                                            header.column.getIsSorted() || undefined\n                                                        }\n                                                    />\n                                                    {isLastCell && (\n                                                        <ColumnsVisibility\n                                                            columns={table.getAllColumns()}\n                                                        />\n                                                    )}\n                                                </ColumnHeaderWrapper>\n                                            )}\n                                            {header.column.getCanResize() && (\n                                                <Resizer\n                                                    onMouseDown={header.getResizeHandler()}\n                                                    onTouchStart={header.getResizeHandler()}\n                                                    isResizing={header.column.getIsResizing()}\n                                                />\n                                            )}\n                                        </TableHeadCell>\n                                    );\n                                })}\n                            </DataTableRow>\n                        ))}\n                    </DataTableHead>\n                    <DataTableBody>\n                        {table.getRowModel().rows.map(row => (\n                            <MemoTableRow<T>\n                                key={row.original.id || row.id}\n                                cells={row.getVisibleCells()}\n                                selected={row.getIsSelected()}\n                                getColumnWidth={getColumnWidth}\n                            />\n                        ))}\n                    </DataTableBody>\n                </DataTableContent>\n            </Table>\n        </div>\n    );\n};\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAUA,IAAAC,UAAA,GAAAD,OAAA;AAQA,IAAAE,WAAA,GAAAF,OAAA;AAeA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAAK,kBAAA,GAAAL,OAAA;AAEAA,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AA6IA,IAAMO,aAAa,GAAG,SAAhBA,aAAaA,CACfC,OAA4B,EAC5BC,OAAgC,EACf;EACjB,IAAQC,gBAAgB,GAA+CD,OAAO,CAAtEC,gBAAgB;IAAEC,WAAW,GAAkCF,OAAO,CAApDE,WAAW;IAAEC,WAAW,GAAqBH,OAAO,CAAvCG,WAAW;IAAEC,cAAc,GAAKJ,OAAO,CAA1BI,cAAc;EAElE,OAAO,IAAAC,cAAO,EAAC,YAAM;IACjB,IAAMC,WAAW,GAAGC,MAAM,CAACC,IAAI,CAACT,OAAO,CAAC,CAACU,GAAG,CAAC,UAAAC,GAAG;MAAA,WAAAC,cAAA,CAAAC,OAAA;QAC5CC,EAAE,EAAEH;MAAG,GACJX,OAAO,CAACW,GAAG,CAAyB;IAAA,CACzC,CAAC;IAEH,IAAMI,QAAwB,GAAGR,WAAW,CAACG,GAAG,CAAC,UAAAM,MAAM,EAAI;MACvD,IACIC,KAAI,GASJD,MAAM,CATNC,IAAI;QACJC,SAAS,GAQTF,MAAM,CARNE,SAAS;QAAAC,oBAAA,GAQTH,MAAM,CAPNI,YAAY;QAAZA,YAAY,GAAAD,oBAAA,cAAG,IAAI,GAAAA,oBAAA;QAAAE,qBAAA,GAOnBL,MAAM,CANNM,cAAc;QAAdA,cAAc,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;QAAAE,qBAAA,GAMrBP,MAAM,CALNQ,aAAa;QAAbA,aAAa,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;QACrBE,OAAM,GAINT,MAAM,CAJNS,MAAM;QACNX,EAAE,GAGFE,MAAM,CAHNF,EAAE;QACFY,IAAI,GAEJV,MAAM,CAFNU,IAAI;QAAAC,YAAA,GAEJX,MAAM,CADNY,IAAI;QAAJA,IAAI,GAAAD,YAAA,cAAG,GAAG,GAAAA,YAAA;MAGd,OAAO;QACHb,EAAE,EAAFA,EAAE;QACFe,WAAW,EAAEf,EAAE;QACfW,MAAM,EAAE,SAAAA,OAAA;UAAA,OAAMA,OAAM;QAAA;QACpBR,IAAI,EAAE,SAAAA,KAAAa,IAAI,EAAI;UACV,IAAIb,KAAI,IAAI,OAAOA,KAAI,KAAK,UAAU,EAAE;YACpC,OAAOA,KAAI,CAACa,IAAI,CAACC,GAAG,CAACC,QAAQ,CAAC;UAClC,CAAC,MAAM;YACH,OAAOF,IAAI,CAACG,QAAQ,CAAC,CAAC,IAAI,IAAI;UAClC;QACJ,CAAC;QACDT,aAAa,EAAbA,aAAa;QACbE,IAAI,MAAAd,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACGa,IAAI;UACPR,SAAS,EAATA;QAAS,EACZ;QACDI,cAAc,EAAdA,cAAc;QACdM,IAAI,EAAJA,IAAI;QACJR,YAAY,EAAZA;MACJ,CAAC;IACL,CAAC,CAAC;IAEF,IAAMc,YAAY,GAAG9B,WAAW,IAAID,WAAW;IAE/C,IAAMgC,MAAsB,GAAGD,YAAY,GACrC,CACI;MACIpB,EAAE,EAAE,yBAAyB;MAC7BW,MAAM,EAAE,SAAAA,OAAAW,IAAA,EAAe;QAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK;QACZ,IAAI,CAACnC,gBAAgB,EAAE;UACnB,OAAO,IAAI;QACf;QAEA,OACI,CAACG,cAAc,iBACXf,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC3C,SAAA,CAAA4C,QAAQ;UACLC,aAAa,EAAEH,KAAK,CAACI,qBAAqB,CAAC,CAAE;UAC7CC,KAAK,EAAEL,KAAK,CAACM,oBAAoB,CAAC,CAAE;UACpCC,QAAQ,EAAE,SAAAA,SAAAC,CAAC;YAAA,OAAIR,KAAK,CAACS,yBAAyB,CAACD,CAAC,CAAC;UAAA;QAAC,CACrD,CACJ;MAET,CAAC;MACD5B,IAAI,EAAE,SAAAA,KAAAa,IAAI,EAAI;QACV,IAAI,CAACA,IAAI,CAACC,GAAG,CAACgB,YAAY,CAAC,CAAC,EAAE;UAC1B,oBAAOzD,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAAhD,MAAA,CAAAuB,OAAA,CAAAmC,QAAA,MAAI,CAAC;QAChB;QACA,oBACI1D,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC3C,SAAA,CAAA4C,QAAQ;UACLC,aAAa,EAAEV,IAAI,CAACC,GAAG,CAACkB,iBAAiB,CAAC,CAAE;UAC5CP,KAAK,EAAEZ,IAAI,CAACC,GAAG,CAACmB,aAAa,CAAC,CAAE;UAChCN,QAAQ,EAAEd,IAAI,CAACC,GAAG,CAACoB,wBAAwB,CAAC;QAAE,CACjD,CAAC;MAEV,CAAC;MACDzB,IAAI,EAAE;QACF0B,cAAc,EAAE;MACpB,CAAC;MACD5B,aAAa,EAAE,KAAK;MACpBF,cAAc,EAAE,KAAK;MACrBF,YAAY,EAAE,KAAK;MACnBQ,IAAI,EAAE;IACV,CAAC,CACJ,GACD,EAAE;IAER,OAAO,GAAAyB,MAAA,CAAIlB,MAAM,MAAAmB,mBAAA,CAAAzC,OAAA,EAAKE,QAAQ,GAAEL,GAAG,CAAC,UAAAM,MAAM,EAAI;MAC1C,IAAIX,cAAc,EAAE;QAChB,WAAAO,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOG,MAAM;UACTC,IAAI,EAAE,SAAAA,KAAA;YAAA,oBAAM3B,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC1C,SAAA,CAAA2D,QAAQ,MAAE,CAAC;UAAA;QAAA;MAEhC;MAEA,OAAOvC,MAAM;IACjB,CAAC,CAAC;EACN,CAAC,EAAE,CAAChB,OAAO,EAAEG,WAAW,EAAEC,WAAW,EAAEC,cAAc,CAAC,CAAC;AAC3D,CAAC;AAED,IAAMmD,UAAU,GAAG,SAAbA,UAAUA,CACZC,IAAsB,EACtBpD,cAA0C,EACpC;EACN,IAAIA,cAAc,EAAE;IAChB,OAAOqD,KAAK,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;EAC7B;EACA,OAAOF,IAAI;AACf,CAAC;AAED,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,KAAA,EAAiE;EAAA,IAA3DC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAChC,IAAIA,SAAS,EAAE;IACX,oBACIxE,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACxC,OAAA,CAAAiE,sBAAsB,qBACnBzE,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACxC,OAAA,CAAAkE,mBAAmB;MAACF,SAAS,EAAEA;IAAU,CAAE,CACxB,CAAC;EAEjC;EAEA,OAAO,IAAI;AACf,CAAC;AAED,IAAMG,SAAiC,GAAGC,WAAI;AAQ9C,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA,EAAwD;EAAA,IAA9CnD,IAAI,GAAAmD,KAAA,CAAJnD,IAAI;IAAEoD,cAAc,GAAAD,KAAA,CAAdC,cAAc;EACzC,IAAMC,KAAK,GAAGD,cAAc,CAACpD,IAAI,CAACD,MAAM,CAAC;EAEzC,oBACI1B,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACxC,OAAA,CAAAyE,aAAa,EAAA/D,MAAA,CAAAgE,MAAA,KAAKvD,IAAI,CAACD,MAAM,CAACyD,SAAS,CAAC/C,IAAI;IAAEgD,KAAK,EAAE;MAAEJ,KAAK,EAALA,KAAK;MAAEK,QAAQ,EAAEL;IAAM;EAAE,IAC5E,IAAAM,sBAAU,EAAC3D,IAAI,CAACD,MAAM,CAACyD,SAAS,CAACxD,IAAI,EAAEA,IAAI,CAAC4D,UAAU,CAAC,CAAC,CAC9C,CAAC;AAExB,CAAC;AAED,IAAMC,aAAa,GAAGb,SAAS,CAACE,SAAS,CAAC;AAQ1C,IAAMY,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAAkE;EAAA,IAAxDC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAAEb,cAAc,GAAAW,KAAA,CAAdX,cAAc;EACnD,oBACI/E,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC7C,UAAA,CAAA0F,YAAY;IAACF,QAAQ,EAAEA;EAAS,GAC5BC,KAAK,CAACxE,GAAG,CAAC,UAAAO,IAAI;IAAA,oBACX3B,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACwC,aAAa;MACVnE,GAAG,EAAEM,IAAI,CAACH,EAAG;MACbG,IAAI,EAAEA,IAAK;MACXoD,cAAc,EAAEA,cAAe;MAC/BY,QAAQ,EAAEA;IAAS,CACtB,CAAC;EAAA,CACL,CACS,CAAC;AAEvB,CAAC;AAED,IAAMG,YAAY,GAAGnB,SAAS,CAACc,QAAQ,CAAC;AAEjC,IAAMM,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA,EAiBN;EAAA,IAhBZ7B,IAAI,GAAA6B,KAAA,CAAJ7B,IAAI;IACJzD,OAAO,GAAAsF,KAAA,CAAPtF,OAAO;IACPG,WAAW,GAAAmF,KAAA,CAAXnF,WAAW;IACXC,WAAW,GAAAkF,KAAA,CAAXlF,WAAW;IACXC,cAAc,GAAAiF,KAAA,CAAdjF,cAAc;IACdkF,aAAa,GAAAD,KAAA,CAAbC,aAAa;IACbC,UAAU,GAAAF,KAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IACRC,OAAO,GAAAJ,KAAA,CAAPI,OAAO;IACPC,gBAAgB,GAAAL,KAAA,CAAhBK,gBAAgB;IAChBC,wBAAwB,GAAAN,KAAA,CAAxBM,wBAAwB;IACxBC,eAAe,GAAAP,KAAA,CAAfO,eAAe;IACfC,eAAe,GAAAR,KAAA,CAAfQ,eAAe;IAAAC,qBAAA,GAAAT,KAAA,CACfpF,gBAAgB;IAAhBA,gBAAgB,GAAA6F,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAAAC,kBAAA,GAAAV,KAAA,CACvBW,YAAY;IAAZA,YAAY,GAAAD,kBAAA,cAAG,EAAE,GAAAA,kBAAA;IACjBE,cAAc,GAAAZ,KAAA,CAAdY,cAAc;EAEd,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAC7C,IAAAC,SAAA,GAAoC,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAA3F,OAAA,EAAAwF,SAAA;IAAxCI,UAAU,GAAAF,UAAA;IAAEG,aAAa,GAAAH,UAAA;EAEhC,IAAAI,gBAAS,EAAC,YAAM;IACZ,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;MAC7B,IAAIT,QAAQ,CAACU,OAAO,EAAE;QAClB,IAAMvC,KAAK,GAAG6B,QAAQ,CAACU,OAAO,CAACC,WAAW;QAC1CJ,aAAa,CAACpC,KAAK,CAAC;MACxB;IACJ,CAAC;IAEDsC,kBAAkB,CAAC,CAAC;IAEpBG,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEJ,kBAAkB,CAAC;IAErD,OAAO,YAAM;MACTG,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEL,kBAAkB,CAAC;IAC5D,CAAC;EACL,CAAC,EAAE,CAACT,QAAQ,CAACU,OAAO,CAAC,CAAC;EAEtB,IAAMK,YAAY,GAAG,IAAA5G,cAAO,EAAC,YAAM;IAC/B,OAAO2F,YAAY,CAACkB,MAAM,CAAoB,UAACC,GAAG,EAAEC,IAAI,EAAK;MACzD,IAAMC,WAAW,GAAG7D,IAAI,CAAC8D,SAAS,CAAC,UAAAC,GAAG;QAAA,OAAIA,GAAG,CAAC1G,EAAE,KAAKuG,IAAI,CAACvG,EAAE;MAAA,EAAC;MAC7D,WAAAF,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAYuG,GAAG,WAAAK,gBAAA,CAAA5G,OAAA,MAAGyG,WAAW,EAAG,IAAI;IACxC,CAAC,EAAE,CAAC,CAAC,CAAC;EACV,CAAC,EAAE,CAACrB,YAAY,EAAExC,IAAI,CAAC,CAAC;EAExB,IAAMiE,oBAAmD,GAAG,SAAtDA,oBAAmDA,CAAGC,OAAO,EAAI;IACnE,IAAMC,YAAY,GAAG,OAAOD,OAAO,KAAK,UAAU,GAAGA,OAAO,CAACT,YAAY,CAAC,GAAGS,OAAO;;IAEpF;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACQ,IAAME,WAAW,MAAAxE,MAAA,KAAAC,mBAAA,CAAAzC,OAAA,EACVL,MAAM,CAACC,IAAI,CAACyG,YAAY,CAAC,CAACY,MAAM,CAAC,UAAAC,CAAC;MAAA,OAAI,EAAEA,CAAC,IAAIH,YAAY,CAAC;IAAA,EAAC,OAAAtE,mBAAA,CAAAzC,OAAA,EAC3DL,MAAM,CAACC,IAAI,CAACmH,YAAY,CAAC,CAACE,MAAM,CAAC,UAAAC,CAAC;MAAA,OAAI,EAAEA,CAAC,IAAIb,YAAY,CAAC;IAAA,EAAC,EACjE;;IAED;IACA,IAAIW,WAAW,CAACG,MAAM,KAAK,CAAC,IAAI,OAAO5H,WAAW,KAAK,UAAU,EAAE;MAC/DA,WAAW,CAACqD,IAAI,CAACwE,QAAQ,CAACJ,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;MAC3C;IACJ,CAAC,MAAM,IAAI,OAAO1H,WAAW,KAAK,UAAU,EAAE;MAC1C,IAAM+H,SAAS,GAAG1H,MAAM,CAACC,IAAI,CAACmH,YAAY,CAAC,CAAClH,GAAG,CAAC,UAAAC,GAAG;QAAA,OAAI8C,IAAI,CAACwE,QAAQ,CAACtH,GAAG,CAAC,CAAC;MAAA,EAAC;MAC3ER,WAAW,CAAC+H,SAAS,CAAC;IAC1B;EACJ,CAAC;EAED,IAAMC,YAAY,GAAG,IAAA7H,cAAO,EAAC,YAAM;IAC/B,IAAI,CAACoD,KAAK,CAAC0E,OAAO,CAAC1C,OAAO,CAAC,IAAI,CAACA,OAAO,CAACsC,MAAM,EAAE;MAC5C,OAAO9B,cAAc;IACzB;IACA,OAAOR,OAAO;EAClB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAMrD,KAAK,GAAG,IAAAgG,yBAAa,EAAC;IACxB5E,IAAI,EAAED,UAAU,CAACC,IAAI,EAAEpD,cAAc,CAAC;IACtCL,OAAO,EAAED,aAAa,CAACC,OAAO,EAAE;MAC5BE,gBAAgB,EAAhBA,gBAAgB;MAChBC,WAAW,EAAXA,WAAW;MACXC,WAAW,EAAXA,WAAW;MACXC,cAAc,EAAdA;IACJ,CAAC,CAAC;IACFiI,oBAAoB,EAAE,IAAI;IAC1BC,gBAAgB,EAAE,UAAU;IAC5BC,eAAe,EAAE,IAAAA,2BAAe,EAAC,CAAC;IAClCC,iBAAiB,EAAE,IAAAA,6BAAiB,EAAC,CAAC;IACtCC,KAAK,EAAE;MACHxB,YAAY,EAAZA,YAAY;MACZxB,OAAO,EAAEyC,YAAY;MACrBxC,gBAAgB,EAAhBA;IACJ,CAAC;IACDgD,kBAAkB,EAAE7C,eAAe;IACnC4B,oBAAoB,EAApBA,oBAAoB;IACpBlG,aAAa,EAAE,CAAC,CAACqE,eAAe;IAChC+C,aAAa,EAAE,IAAI;IACnB/C,eAAe,EAAfA,eAAe;IACfzE,YAAY,EAAE,CAAC,CAACwE,wBAAwB;IACxCA,wBAAwB,EAAxBA;EACJ,CAAC,CAAC;EAEF,IAAMvB,cAAc,GAAG,IAAAwE,kBAAW,EAC9B,UAAC7H,MAAwB,EAAa;IAClC,IAAI,CAACA,MAAM,CAAC8H,YAAY,CAAC,CAAC,EAAE;MACxB,OAAO9H,MAAM,CAAC+H,OAAO,CAAC,CAAC;IAC3B;IAEA,IAAMC,SAAS,GAAG3G,KAAK,CAAC4G,YAAY,CAAC,CAAC;IACtC,IAAMC,UAAU,GAAGlI,MAAM,CAAC+H,OAAO,CAAC,CAAC;IAEnC,OAAOI,IAAI,CAACC,IAAI,CAAEF,UAAU,GAAGzC,UAAU,GAAIuC,SAAS,CAAC;EAC3D,CAAC,EACD,CAAC3G,KAAK,EAAEoE,UAAU,CACtB,CAAC;EAED,oBACInH,MAAA,CAAAuB,OAAA,CAAAyB,aAAA;IAAK+G,GAAG,EAAElD;EAAS,gBACf7G,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACxC,OAAA,CAAAwJ,KAAK;IAAC/D,aAAa,EAAEA,aAAc;IAACC,UAAU,EAAEA,UAAW;IAACC,QAAQ,EAAEA;EAAS,gBAC5EnG,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC7C,UAAA,CAAA8J,gBAAgB,qBACbjK,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC7C,UAAA,CAAA+J,aAAa,QACTnH,KAAK,CAACoH,eAAe,CAAC,CAAC,CAAC/I,GAAG,CAAC,UAAAgJ,WAAW;IAAA,oBACpCpK,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC7C,UAAA,CAAA0F,YAAY;MAACxE,GAAG,EAAE+I,WAAW,CAAC5I;IAAG,GAC7B4I,WAAW,CAACC,OAAO,CAACjJ,GAAG,CAAC,UAACe,MAAM,EAAEmI,KAAK,EAAK;MACxC,IAAMC,UAAU,GAAGD,KAAK,KAAKF,WAAW,CAACC,OAAO,CAAC3B,MAAM,GAAG,CAAC;MAC3D,IAAM1D,KAAK,GAAGD,cAAc,CAAC5C,MAAM,CAACT,MAAM,CAAC;MAE3C,oBACI1B,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACxC,OAAA,CAAAgK,aAAa,EAAAtJ,MAAA,CAAAgE,MAAA;QACV7D,GAAG,EAAEc,MAAM,CAACX;MAAG,GACXW,MAAM,CAACT,MAAM,CAACyD,SAAS,CAAC/C,IAAI;QAChCqI,OAAO,EAAEtI,MAAM,CAACsI,OAAQ;QACxBrF,KAAK,EAAE;UAAEJ,KAAK,EAALA,KAAK;UAAEK,QAAQ,EAAEL;QAAM;MAAE,IAEjC7C,MAAM,CAACuI,aAAa,GAAG,IAAI,gBACxB1K,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACxC,OAAA,CAAAmK,mBAAmB;QAChBC,OAAO,EAAEzI,MAAM,CAACT,MAAM,CAACmJ,uBAAuB,CAAC,CAAE;QACjDC,QAAQ,EAAE3I,MAAM,CAACT,MAAM,CAACqJ,UAAU,CAAC,CAAE;QACrCR,UAAU,EAAEA;MAAW,GAEtB,IAAAjF,sBAAU,EACPnD,MAAM,CAACT,MAAM,CAACyD,SAAS,CAAChD,MAAM,EAC9BA,MAAM,CAACoD,UAAU,CAAC,CACtB,CAAC,eACDvF,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACsB,eAAe;QACZE,SAAS,EACLrC,MAAM,CAACT,MAAM,CAACsJ,WAAW,CAAC,CAAC,IAAIC;MAClC,CACJ,CAAC,EACDV,UAAU,iBACPvK,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACzC,kBAAA,CAAA2K,iBAAiB;QACdxK,OAAO,EAAEqC,KAAK,CAACoI,aAAa,CAAC;MAAE,CAClC,CAEY,CACxB,EACAhJ,MAAM,CAACT,MAAM,CAAC8H,YAAY,CAAC,CAAC,iBACzBxJ,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACxC,OAAA,CAAA4K,OAAO;QACJC,WAAW,EAAElJ,MAAM,CAACmJ,gBAAgB,CAAC,CAAE;QACvCC,YAAY,EAAEpJ,MAAM,CAACmJ,gBAAgB,CAAC,CAAE;QACxCE,UAAU,EAAErJ,MAAM,CAACT,MAAM,CAAC+J,aAAa,CAAC;MAAE,CAC7C,CAEM,CAAC;IAExB,CAAC,CACS,CAAC;EAAA,CAClB,CACU,CAAC,eAChBzL,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC7C,UAAA,CAAAuL,aAAa,QACT3I,KAAK,CAAC4I,WAAW,CAAC,CAAC,CAACC,IAAI,CAACxK,GAAG,CAAC,UAAAqB,GAAG;IAAA,oBAC7BzC,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC8C,YAAY;MACTzE,GAAG,EAAEoB,GAAG,CAACC,QAAQ,CAAClB,EAAE,IAAIiB,GAAG,CAACjB,EAAG;MAC/BoE,KAAK,EAAEnD,GAAG,CAACoJ,eAAe,CAAC,CAAE;MAC7BlG,QAAQ,EAAElD,GAAG,CAACmB,aAAa,CAAC,CAAE;MAC9BmB,cAAc,EAAEA;IAAe,CAClC,CAAC;EAAA,CACL,CACU,CACD,CACf,CACN,CAAC;AAEd,CAAC;AAAC+G,OAAA,CAAA/F,SAAA,GAAAA,SAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_dataTable","_reactTable","_Checkbox","_Skeleton","_ColumnsVisibility","_styled","defineColumns","columns","options","canSelectAllRows","onSelectRow","onToggleRow","loadingInitial","useMemo","columnsList","Object","keys","map","key","_objectSpread3","default","id","defaults","column","cell","className","_column$enableHiding","enableHiding","_column$enableResizin","enableResizing","_column$enableSorting","enableSorting","header","meta","_column$size","size","accessorKey","info","row","original","getValue","isSelectable","select","_ref","table","createElement","Checkbox","indeterminate","getIsSomeRowsSelected","value","getIsAllRowsSelected","onChange","e","toggleAllPageRowsSelected","getCanSelect","Fragment","getIsSomeSelected","getIsSelected","getToggleSelectedHandler","concat","_toConsumableArray2","Skeleton","containerClassName","ColumnDirection","_ref2","direction","ColumnDirectionWrapper","ColumnDirectionIcon","typedMemo","memo","TableCell","_ref3","getColumnWidth","width","DataTableCell","assign","columnDef","style","maxWidth","ColumnCellWrapper","flexRender","getContext","MemoTableCell","TableRow","_ref4","selected","cells","DataTableRow","MemoTableRow","emptyArray","Array","fill","DataTable","exports","_ref5","initialData","data","initialColumns","stickyColumns","stickyRows","bordered","sorting","columnVisibility","onColumnVisibilityChange","onSortingChange","isRowSelectable","_ref5$canSelectAllRow","_ref5$selectedRows","selectedRows","initialSorting","tableRef","useRef","_useState","useState","_useState2","_slicedToArray2","tableWidth","setTableWidth","useEffect","updateElementWidth","current","clientWidth","window","addEventListener","removeEventListener","rowSelection","reduce","acc","item","recordIndex","findIndex","rec","_defineProperty2","onRowSelectionChange","updater","newSelection","toggledRows","filter","x","length","parseInt","selection","tableSorting","isArray","useReactTable","enableColumnResizing","columnResizeMode","getCoreRowModel","getSortedRowModel","state","enableRowSelection","enableSortingRemoval","manualSorting","useCallback","getCanResize","getSize","tableSize","getTotalSize","columnSize","Math","ceil","tableRows","getRowModel","rows","ref","Table","DataTableContent","DataTableHead","getHeaderGroups","headerGroup","headers","index","isLastCell","TableHeadCell","colSpan","isPlaceholder","ColumnHeaderWrapper","onClick","getToggleSortingHandler","sortable","getCanSort","getIsSorted","undefined","ColumnsVisibility","getAllColumns","Resizer","onMouseDown","getResizeHandler","onTouchStart","isResizing","getIsResizing","DataTableBody","getVisibleCells"],"sources":["DataTable.tsx"],"sourcesContent":["import React, {\n    memo,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState\n} from \"react\";\n\nimport {\n    DataTableBody,\n    DataTableCellProps,\n    DataTableContent,\n    DataTableHead,\n    DataTableRow\n} from \"@rmwc/data-table\";\n\nimport {\n    Cell,\n    Column as DefaultColumn,\n    ColumnDef,\n    ColumnSort,\n    flexRender,\n    getCoreRowModel,\n    getSortedRowModel,\n    OnChangeFn,\n    Row,\n    RowSelectionState,\n    SortingState,\n    useReactTable,\n    VisibilityState\n} from \"@tanstack/react-table\";\n\nimport { Checkbox } from \"~/Checkbox\";\nimport { Skeleton } from \"~/Skeleton\";\nimport { ColumnDirectionProps } from \"~/DataTable/ColumnDirection\";\nimport { ColumnsVisibility } from \"~/DataTable/ColumnsVisibility\";\n\nimport \"@rmwc/data-table/data-table.css\";\nimport {\n    ColumnCellWrapper,\n    ColumnDirectionIcon,\n    ColumnDirectionWrapper,\n    ColumnHeaderWrapper,\n    DataTableCell,\n    Resizer,\n    Table,\n    TableHeadCell\n} from \"./styled\";\n\nexport interface Column<T> {\n    /*\n     * Column header component.\n     */\n    header: string | number | JSX.Element;\n    /*\n     * Cell renderer, receives the full row and returns the value to render inside the cell.\n     */\n    cell?: (row: T) => string | number | JSX.Element | null;\n    /*\n     * Additional props to add to both header and row cells. Refer to RMWC documentation.\n     */\n    meta?: DataTableCellProps;\n    /*\n     * Column size.\n     */\n    size?: number;\n    /*\n     * Column class names.\n     */\n    className?: string;\n    /*\n     * Enable column sorting.\n     */\n    enableSorting?: boolean;\n    /*\n     * Enable column resizing.\n     */\n    enableResizing?: boolean;\n    /*\n     * Enable column visibility toggling.\n     */\n    enableHiding?: boolean;\n}\n\nexport type Columns<T> = {\n    [P in keyof T]?: Column<T>;\n};\n\nexport type DefaultData = {\n    id: string;\n    /*\n     * Define if a specific row can be selected.\n     */\n    $selectable?: boolean;\n};\n\nexport type TableRow<T> = Row<DefaultData & T>;\n\nexport type Sorting = SortingState;\n\nexport { ColumnSort };\n\nexport type OnSortingChange = OnChangeFn<Sorting>;\n\nexport type ColumnVisibility = VisibilityState;\n\nexport type OnColumnVisibilityChange = OnChangeFn<ColumnVisibility>;\n\ninterface Props<T> {\n    /**\n     * Show or hide borders.\n     */\n    bordered?: boolean;\n    /**\n     * Controls whether \"select all\" action is allowed.\n     */\n    canSelectAllRows?: boolean;\n    /**\n     * Columns definition.\n     */\n    columns: Columns<T>;\n    /**\n     * The column visibility state.\n     */\n    columnVisibility?: ColumnVisibility;\n    /**\n     * Callback that receives current column visibility state.\n     */\n    onColumnVisibilityChange?: OnColumnVisibilityChange;\n    /**\n     * Data to display into DataTable body.\n     */\n    data: T[];\n    /**\n     * Callback that is called to determine if the row is selectable.\n     */\n    isRowSelectable?: (row: Row<T>) => boolean;\n    /**\n     * Render the skeleton state at the initial data loading.\n     */\n    loadingInitial?: boolean;\n    /**\n     * Callback that receives the selected rows.\n     */\n    onSelectRow?: (rows: T[]) => void;\n    /**\n     * Callback that receives the toggled row.\n     */\n    onToggleRow?: (row: T) => void;\n    /**\n     * Callback that receives current sorting state.\n     */\n    onSortingChange?: OnSortingChange;\n    /**\n     * Selected rows.\n     */\n    selectedRows?: T[];\n    /**\n     * Sorting state.\n     */\n    sorting?: Sorting;\n    /**\n     * Initial sorting state.\n     */\n    initialSorting?: Sorting;\n    /**\n     * The number of columns to affix to the side of the table when scrolling.\n     */\n    stickyColumns?: number;\n    /**\n     * The number of rows to affix to the top of the table when scrolling.\n     */\n    stickyRows?: number;\n}\n\ninterface DefineColumnsOptions<T> {\n    canSelectAllRows: boolean;\n    onSelectRow?: Props<T>[\"onSelectRow\"];\n    onToggleRow: Props<T>[\"onToggleRow\"];\n    loadingInitial: Props<T>[\"loadingInitial\"];\n}\n\nconst defineColumns = <T,>(\n    columns: Props<T>[\"columns\"],\n    options: DefineColumnsOptions<T>\n): ColumnDef<T>[] => {\n    const { canSelectAllRows, onSelectRow, onToggleRow, loadingInitial } = options;\n\n    return useMemo(() => {\n        const columnsList = Object.keys(columns).map(key => ({\n            id: key,\n            ...columns[key as keyof typeof columns]\n        }));\n\n        const defaults: ColumnDef<T>[] = columnsList.map(column => {\n            const {\n                cell,\n                className,\n                enableHiding = true,\n                enableResizing = true,\n                enableSorting = false,\n                header,\n                id,\n                meta,\n                size = 100\n            } = column;\n\n            return {\n                id,\n                accessorKey: id,\n                header: () => header,\n                cell: info => {\n                    if (cell && typeof cell === \"function\") {\n                        return cell(info.row.original);\n                    } else {\n                        return info.getValue() || null;\n                    }\n                },\n                enableSorting,\n                meta: {\n                    ...meta,\n                    className\n                },\n                enableResizing,\n                size,\n                enableHiding\n            };\n        });\n\n        const isSelectable = onToggleRow || onSelectRow;\n\n        const select: ColumnDef<T>[] = isSelectable\n            ? [\n                  {\n                      id: \"datatable-select-column\",\n                      header: ({ table }) => {\n                          if (!canSelectAllRows) {\n                              return null;\n                          }\n\n                          return (\n                              !loadingInitial && (\n                                  <Checkbox\n                                      indeterminate={table.getIsSomeRowsSelected()}\n                                      value={table.getIsAllRowsSelected()}\n                                      onChange={e => table.toggleAllPageRowsSelected(e)}\n                                  />\n                              )\n                          );\n                      },\n                      cell: info => {\n                          if (!info.row.getCanSelect()) {\n                              return <></>;\n                          }\n                          return (\n                              <Checkbox\n                                  indeterminate={info.row.getIsSomeSelected()}\n                                  value={info.row.getIsSelected()}\n                                  onChange={info.row.getToggleSelectedHandler()}\n                              />\n                          );\n                      },\n                      enableSorting: false,\n                      enableResizing: false,\n                      enableHiding: false,\n                      size: 56\n                  }\n              ]\n            : [];\n\n        return [...select, ...defaults].map(column => {\n            if (loadingInitial) {\n                return {\n                    ...column,\n                    cell: () => <Skeleton containerClassName=\"table-skeleton-container\" />\n                };\n            }\n\n            return column;\n        });\n    }, [columns, onSelectRow, onToggleRow, loadingInitial]);\n};\n\nconst ColumnDirection = ({ direction }: ColumnDirectionProps): ReactElement | null => {\n    if (direction) {\n        return (\n            <ColumnDirectionWrapper>\n                <ColumnDirectionIcon direction={direction} />\n            </ColumnDirectionWrapper>\n        );\n    }\n\n    return null;\n};\n\nconst typedMemo: <T>(component: T) => T = memo;\n\ninterface TableCellProps<T> {\n    cell: Cell<T, unknown>;\n    getColumnWidth: (column: DefaultColumn<T>) => number;\n    selected: boolean;\n}\n\nconst TableCell = <T,>({ cell, getColumnWidth }: TableCellProps<T>) => {\n    const width = getColumnWidth(cell.column);\n\n    return (\n        <DataTableCell {...cell.column.columnDef.meta} style={{ width, maxWidth: width }}>\n            <ColumnCellWrapper>\n                {flexRender(cell.column.columnDef.cell, cell.getContext())}\n            </ColumnCellWrapper>\n        </DataTableCell>\n    );\n};\n\nconst MemoTableCell = typedMemo(TableCell);\n\ninterface TableRowProps<T> {\n    selected: boolean;\n    cells: Cell<T, unknown>[];\n    getColumnWidth: (column: DefaultColumn<T>) => number;\n}\n\nconst TableRow = <T,>({ selected, cells, getColumnWidth }: TableRowProps<T>) => {\n    return (\n        <DataTableRow selected={selected}>\n            {cells.map(cell => (\n                <MemoTableCell<T>\n                    key={cell.id}\n                    cell={cell}\n                    getColumnWidth={getColumnWidth}\n                    selected={selected}\n                />\n            ))}\n        </DataTableRow>\n    );\n};\n\nconst MemoTableRow = typedMemo(TableRow);\n\n/**\n * Empty array must be defined outside of the React component so it does not force rerendering of the DataTable\n */\nconst emptyArray = Array(10).fill({});\n\nexport const DataTable = <T extends Record<string, any> & DefaultData>({\n    data: initialData,\n    columns: initialColumns,\n    onSelectRow,\n    onToggleRow,\n    loadingInitial,\n    stickyColumns,\n    stickyRows,\n    bordered,\n    sorting,\n    columnVisibility,\n    onColumnVisibilityChange,\n    onSortingChange,\n    isRowSelectable,\n    canSelectAllRows = true,\n    selectedRows = [],\n    initialSorting\n}: Props<T>) => {\n    const tableRef = useRef<HTMLDivElement>(null);\n    const [tableWidth, setTableWidth] = useState(1);\n\n    const data = loadingInitial ? emptyArray : initialData;\n\n    useEffect(() => {\n        const updateElementWidth = () => {\n            if (tableRef.current) {\n                const width = tableRef.current.clientWidth;\n                setTableWidth(width);\n            }\n        };\n\n        updateElementWidth();\n\n        window.addEventListener(\"resize\", updateElementWidth);\n\n        return () => {\n            window.removeEventListener(\"resize\", updateElementWidth);\n        };\n    }, [tableRef.current]);\n\n    const rowSelection = useMemo(() => {\n        return selectedRows.reduce<RowSelectionState>((acc, item) => {\n            const recordIndex = data.findIndex(rec => rec.id === item.id);\n            return { ...acc, [recordIndex]: true };\n        }, {});\n    }, [selectedRows, data]);\n\n    const onRowSelectionChange: OnChangeFn<RowSelectionState> = updater => {\n        const newSelection = typeof updater === \"function\" ? updater(rowSelection) : updater;\n\n        /**\n         * `@tanstack/react-table` isn't telling us what row was selected or deselected. It simply gives us\n         * the new selection state (an object with row indexes that are currently selected).\n         *\n         * To figure out what row was toggled, we need to calculate the difference between the old selection\n         * and the new selection. What we're doing here is:\n         * - find all items that were present in the previous selection, but are no longer present in the new selection\n         * - find all items that are present in the new selection, but were not present in the previous selection\n         */\n        const toggledRows = [\n            ...Object.keys(rowSelection).filter(x => !(x in newSelection)),\n            ...Object.keys(newSelection).filter(x => !(x in rowSelection))\n        ];\n\n        // If the difference is only 1 item, and `onToggleRow` is available, execute that.\n        if (toggledRows.length === 1 && typeof onToggleRow === \"function\") {\n            onToggleRow(data[parseInt(toggledRows[0])]);\n            return;\n        } else if (typeof onSelectRow === \"function\") {\n            const selection = Object.keys(newSelection).map(key => data[parseInt(key)]);\n            onSelectRow(selection);\n        }\n    };\n\n    const tableSorting = useMemo(() => {\n        if (!Array.isArray(sorting) || !sorting.length) {\n            return initialSorting;\n        }\n        return sorting;\n    }, [sorting]);\n\n    const columns = defineColumns(initialColumns, {\n        canSelectAllRows,\n        onSelectRow,\n        onToggleRow,\n        loadingInitial\n    });\n\n    const table = useReactTable<T>({\n        data,\n        columns,\n        enableColumnResizing: true,\n        columnResizeMode: \"onChange\",\n        getCoreRowModel: getCoreRowModel(),\n        getSortedRowModel: getSortedRowModel(),\n        state: {\n            rowSelection,\n            sorting: tableSorting,\n            columnVisibility\n        },\n        enableRowSelection: isRowSelectable,\n        onRowSelectionChange,\n        enableSorting: !!onSortingChange,\n        enableSortingRemoval: false,\n        manualSorting: true,\n        onSortingChange,\n        enableHiding: !!onColumnVisibilityChange,\n        onColumnVisibilityChange\n    });\n\n    const getColumnWidth = useCallback(\n        (column: DefaultColumn<T>): number => {\n            if (!column.getCanResize()) {\n                return column.getSize();\n            }\n\n            const tableSize = table.getTotalSize();\n            const columnSize = column.getSize();\n\n            return Math.ceil((columnSize * tableWidth) / tableSize);\n        },\n        [table, tableWidth]\n    );\n    /**\n     * Had to memoize the rows to avoid browser freeze.\n     */\n    const tableRows = useMemo(() => {\n        return table.getRowModel().rows;\n    }, [table, data, columns]);\n\n    return (\n        <div ref={tableRef}>\n            <Table stickyColumns={stickyColumns} stickyRows={stickyRows} bordered={bordered}>\n                <DataTableContent>\n                    <DataTableHead>\n                        {table.getHeaderGroups().map(headerGroup => (\n                            <DataTableRow key={headerGroup.id}>\n                                {headerGroup.headers.map((header, index) => {\n                                    const isLastCell = index === headerGroup.headers.length - 1;\n                                    const width = getColumnWidth(header.column);\n\n                                    return (\n                                        <TableHeadCell\n                                            key={header.id}\n                                            {...header.column.columnDef.meta}\n                                            colSpan={header.colSpan}\n                                            style={{ width, maxWidth: width }}\n                                        >\n                                            {header.isPlaceholder ? null : (\n                                                <ColumnHeaderWrapper\n                                                    onClick={header.column.getToggleSortingHandler()}\n                                                    sortable={header.column.getCanSort()}\n                                                    isLastCell={isLastCell}\n                                                >\n                                                    {flexRender(\n                                                        header.column.columnDef.header,\n                                                        header.getContext()\n                                                    )}\n                                                    <ColumnDirection\n                                                        direction={\n                                                            header.column.getIsSorted() || undefined\n                                                        }\n                                                    />\n                                                    {isLastCell && (\n                                                        <ColumnsVisibility\n                                                            columns={table.getAllColumns()}\n                                                        />\n                                                    )}\n                                                </ColumnHeaderWrapper>\n                                            )}\n                                            {header.column.getCanResize() && (\n                                                <Resizer\n                                                    onMouseDown={header.getResizeHandler()}\n                                                    onTouchStart={header.getResizeHandler()}\n                                                    isResizing={header.column.getIsResizing()}\n                                                />\n                                            )}\n                                        </TableHeadCell>\n                                    );\n                                })}\n                            </DataTableRow>\n                        ))}\n                    </DataTableHead>\n                    <DataTableBody>\n                        {tableRows.map(row => {\n                            const id = row.original.id || row.id;\n                            return (\n                                <MemoTableRow<T>\n                                    key={id}\n                                    cells={row.getVisibleCells()}\n                                    selected={row.getIsSelected()}\n                                    getColumnWidth={getColumnWidth}\n                                />\n                            );\n                        })}\n                    </DataTableBody>\n                </DataTableContent>\n            </Table>\n        </div>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAUA,IAAAC,UAAA,GAAAD,OAAA;AAQA,IAAAE,WAAA,GAAAF,OAAA;AAgBA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAAK,kBAAA,GAAAL,OAAA;AAEAA,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAgJA,IAAMO,aAAa,GAAG,SAAhBA,aAAaA,CACfC,OAA4B,EAC5BC,OAAgC,EACf;EACjB,IAAQC,gBAAgB,GAA+CD,OAAO,CAAtEC,gBAAgB;IAAEC,WAAW,GAAkCF,OAAO,CAApDE,WAAW;IAAEC,WAAW,GAAqBH,OAAO,CAAvCG,WAAW;IAAEC,cAAc,GAAKJ,OAAO,CAA1BI,cAAc;EAElE,OAAO,IAAAC,cAAO,EAAC,YAAM;IACjB,IAAMC,WAAW,GAAGC,MAAM,CAACC,IAAI,CAACT,OAAO,CAAC,CAACU,GAAG,CAAC,UAAAC,GAAG;MAAA,WAAAC,cAAA,CAAAC,OAAA;QAC5CC,EAAE,EAAEH;MAAG,GACJX,OAAO,CAACW,GAAG,CAAyB;IAAA,CACzC,CAAC;IAEH,IAAMI,QAAwB,GAAGR,WAAW,CAACG,GAAG,CAAC,UAAAM,MAAM,EAAI;MACvD,IACIC,KAAI,GASJD,MAAM,CATNC,IAAI;QACJC,SAAS,GAQTF,MAAM,CARNE,SAAS;QAAAC,oBAAA,GAQTH,MAAM,CAPNI,YAAY;QAAZA,YAAY,GAAAD,oBAAA,cAAG,IAAI,GAAAA,oBAAA;QAAAE,qBAAA,GAOnBL,MAAM,CANNM,cAAc;QAAdA,cAAc,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;QAAAE,qBAAA,GAMrBP,MAAM,CALNQ,aAAa;QAAbA,aAAa,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;QACrBE,OAAM,GAINT,MAAM,CAJNS,MAAM;QACNX,EAAE,GAGFE,MAAM,CAHNF,EAAE;QACFY,IAAI,GAEJV,MAAM,CAFNU,IAAI;QAAAC,YAAA,GAEJX,MAAM,CADNY,IAAI;QAAJA,IAAI,GAAAD,YAAA,cAAG,GAAG,GAAAA,YAAA;MAGd,OAAO;QACHb,EAAE,EAAFA,EAAE;QACFe,WAAW,EAAEf,EAAE;QACfW,MAAM,EAAE,SAAAA,OAAA;UAAA,OAAMA,OAAM;QAAA;QACpBR,IAAI,EAAE,SAAAA,KAAAa,IAAI,EAAI;UACV,IAAIb,KAAI,IAAI,OAAOA,KAAI,KAAK,UAAU,EAAE;YACpC,OAAOA,KAAI,CAACa,IAAI,CAACC,GAAG,CAACC,QAAQ,CAAC;UAClC,CAAC,MAAM;YACH,OAAOF,IAAI,CAACG,QAAQ,CAAC,CAAC,IAAI,IAAI;UAClC;QACJ,CAAC;QACDT,aAAa,EAAbA,aAAa;QACbE,IAAI,MAAAd,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACGa,IAAI;UACPR,SAAS,EAATA;QAAS,EACZ;QACDI,cAAc,EAAdA,cAAc;QACdM,IAAI,EAAJA,IAAI;QACJR,YAAY,EAAZA;MACJ,CAAC;IACL,CAAC,CAAC;IAEF,IAAMc,YAAY,GAAG9B,WAAW,IAAID,WAAW;IAE/C,IAAMgC,MAAsB,GAAGD,YAAY,GACrC,CACI;MACIpB,EAAE,EAAE,yBAAyB;MAC7BW,MAAM,EAAE,SAAAA,OAAAW,IAAA,EAAe;QAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK;QACZ,IAAI,CAACnC,gBAAgB,EAAE;UACnB,OAAO,IAAI;QACf;QAEA,OACI,CAACG,cAAc,iBACXf,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC3C,SAAA,CAAA4C,QAAQ;UACLC,aAAa,EAAEH,KAAK,CAACI,qBAAqB,CAAC,CAAE;UAC7CC,KAAK,EAAEL,KAAK,CAACM,oBAAoB,CAAC,CAAE;UACpCC,QAAQ,EAAE,SAAAA,SAAAC,CAAC;YAAA,OAAIR,KAAK,CAACS,yBAAyB,CAACD,CAAC,CAAC;UAAA;QAAC,CACrD,CACJ;MAET,CAAC;MACD5B,IAAI,EAAE,SAAAA,KAAAa,IAAI,EAAI;QACV,IAAI,CAACA,IAAI,CAACC,GAAG,CAACgB,YAAY,CAAC,CAAC,EAAE;UAC1B,oBAAOzD,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAAhD,MAAA,CAAAuB,OAAA,CAAAmC,QAAA,MAAI,CAAC;QAChB;QACA,oBACI1D,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC3C,SAAA,CAAA4C,QAAQ;UACLC,aAAa,EAAEV,IAAI,CAACC,GAAG,CAACkB,iBAAiB,CAAC,CAAE;UAC5CP,KAAK,EAAEZ,IAAI,CAACC,GAAG,CAACmB,aAAa,CAAC,CAAE;UAChCN,QAAQ,EAAEd,IAAI,CAACC,GAAG,CAACoB,wBAAwB,CAAC;QAAE,CACjD,CAAC;MAEV,CAAC;MACD3B,aAAa,EAAE,KAAK;MACpBF,cAAc,EAAE,KAAK;MACrBF,YAAY,EAAE,KAAK;MACnBQ,IAAI,EAAE;IACV,CAAC,CACJ,GACD,EAAE;IAER,OAAO,GAAAwB,MAAA,CAAIjB,MAAM,MAAAkB,mBAAA,CAAAxC,OAAA,EAAKE,QAAQ,GAAEL,GAAG,CAAC,UAAAM,MAAM,EAAI;MAC1C,IAAIX,cAAc,EAAE;QAChB,WAAAO,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOG,MAAM;UACTC,IAAI,EAAE,SAAAA,KAAA;YAAA,oBAAM3B,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC1C,SAAA,CAAA0D,QAAQ;cAACC,kBAAkB,EAAC;YAA0B,CAAE,CAAC;UAAA;QAAA;MAE9E;MAEA,OAAOvC,MAAM;IACjB,CAAC,CAAC;EACN,CAAC,EAAE,CAAChB,OAAO,EAAEG,WAAW,EAAEC,WAAW,EAAEC,cAAc,CAAC,CAAC;AAC3D,CAAC;AAED,IAAMmD,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,KAAA,EAAiE;EAAA,IAA3DC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAChC,IAAIA,SAAS,EAAE;IACX,oBACIpE,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACxC,OAAA,CAAA6D,sBAAsB,qBACnBrE,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACxC,OAAA,CAAA8D,mBAAmB;MAACF,SAAS,EAAEA;IAAU,CAAE,CACxB,CAAC;EAEjC;EAEA,OAAO,IAAI;AACf,CAAC;AAED,IAAMG,SAAiC,GAAGC,WAAI;AAQ9C,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA,EAAwD;EAAA,IAA9C/C,IAAI,GAAA+C,KAAA,CAAJ/C,IAAI;IAAEgD,cAAc,GAAAD,KAAA,CAAdC,cAAc;EACzC,IAAMC,KAAK,GAAGD,cAAc,CAAChD,IAAI,CAACD,MAAM,CAAC;EAEzC,oBACI1B,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACxC,OAAA,CAAAqE,aAAa,EAAA3D,MAAA,CAAA4D,MAAA,KAAKnD,IAAI,CAACD,MAAM,CAACqD,SAAS,CAAC3C,IAAI;IAAE4C,KAAK,EAAE;MAAEJ,KAAK,EAALA,KAAK;MAAEK,QAAQ,EAAEL;IAAM;EAAE,iBAC7E5E,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACxC,OAAA,CAAA0E,iBAAiB,QACb,IAAAC,sBAAU,EAACxD,IAAI,CAACD,MAAM,CAACqD,SAAS,CAACpD,IAAI,EAAEA,IAAI,CAACyD,UAAU,CAAC,CAAC,CAC1C,CACR,CAAC;AAExB,CAAC;AAED,IAAMC,aAAa,GAAGd,SAAS,CAACE,SAAS,CAAC;AAQ1C,IAAMa,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAAkE;EAAA,IAAxDC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAAEd,cAAc,GAAAY,KAAA,CAAdZ,cAAc;EACnD,oBACI3E,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC7C,UAAA,CAAAuF,YAAY;IAACF,QAAQ,EAAEA;EAAS,GAC5BC,KAAK,CAACrE,GAAG,CAAC,UAAAO,IAAI;IAAA,oBACX3B,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACqC,aAAa;MACVhE,GAAG,EAAEM,IAAI,CAACH,EAAG;MACbG,IAAI,EAAEA,IAAK;MACXgD,cAAc,EAAEA,cAAe;MAC/Ba,QAAQ,EAAEA;IAAS,CACtB,CAAC;EAAA,CACL,CACS,CAAC;AAEvB,CAAC;AAED,IAAMG,YAAY,GAAGpB,SAAS,CAACe,QAAQ,CAAC;;AAExC;AACA;AACA;AACA,IAAMM,UAAU,GAAGC,KAAK,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;AAE9B,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAAE,KAAA,EAiBN;EAAA,IAhBNC,WAAW,GAAAD,KAAA,CAAjBE,IAAI;IACKC,cAAc,GAAAH,KAAA,CAAvBvF,OAAO;IACPG,WAAW,GAAAoF,KAAA,CAAXpF,WAAW;IACXC,WAAW,GAAAmF,KAAA,CAAXnF,WAAW;IACXC,cAAc,GAAAkF,KAAA,CAAdlF,cAAc;IACdsF,aAAa,GAAAJ,KAAA,CAAbI,aAAa;IACbC,UAAU,GAAAL,KAAA,CAAVK,UAAU;IACVC,QAAQ,GAAAN,KAAA,CAARM,QAAQ;IACRC,OAAO,GAAAP,KAAA,CAAPO,OAAO;IACPC,gBAAgB,GAAAR,KAAA,CAAhBQ,gBAAgB;IAChBC,wBAAwB,GAAAT,KAAA,CAAxBS,wBAAwB;IACxBC,eAAe,GAAAV,KAAA,CAAfU,eAAe;IACfC,eAAe,GAAAX,KAAA,CAAfW,eAAe;IAAAC,qBAAA,GAAAZ,KAAA,CACfrF,gBAAgB;IAAhBA,gBAAgB,GAAAiG,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAAAC,kBAAA,GAAAb,KAAA,CACvBc,YAAY;IAAZA,YAAY,GAAAD,kBAAA,cAAG,EAAE,GAAAA,kBAAA;IACjBE,cAAc,GAAAf,KAAA,CAAde,cAAc;EAEd,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAC7C,IAAAC,SAAA,GAAoC,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAA/F,OAAA,EAAA4F,SAAA;IAAxCI,UAAU,GAAAF,UAAA;IAAEG,aAAa,GAAAH,UAAA;EAEhC,IAAMlB,IAAI,GAAGpF,cAAc,GAAG6E,UAAU,GAAGM,WAAW;EAEtD,IAAAuB,gBAAS,EAAC,YAAM;IACZ,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;MAC7B,IAAIT,QAAQ,CAACU,OAAO,EAAE;QAClB,IAAM/C,KAAK,GAAGqC,QAAQ,CAACU,OAAO,CAACC,WAAW;QAC1CJ,aAAa,CAAC5C,KAAK,CAAC;MACxB;IACJ,CAAC;IAED8C,kBAAkB,CAAC,CAAC;IAEpBG,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEJ,kBAAkB,CAAC;IAErD,OAAO,YAAM;MACTG,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEL,kBAAkB,CAAC;IAC5D,CAAC;EACL,CAAC,EAAE,CAACT,QAAQ,CAACU,OAAO,CAAC,CAAC;EAEtB,IAAMK,YAAY,GAAG,IAAAhH,cAAO,EAAC,YAAM;IAC/B,OAAO+F,YAAY,CAACkB,MAAM,CAAoB,UAACC,GAAG,EAAEC,IAAI,EAAK;MACzD,IAAMC,WAAW,GAAGjC,IAAI,CAACkC,SAAS,CAAC,UAAAC,GAAG;QAAA,OAAIA,GAAG,CAAC9G,EAAE,KAAK2G,IAAI,CAAC3G,EAAE;MAAA,EAAC;MAC7D,WAAAF,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAY2G,GAAG,WAAAK,gBAAA,CAAAhH,OAAA,MAAG6G,WAAW,EAAG,IAAI;IACxC,CAAC,EAAE,CAAC,CAAC,CAAC;EACV,CAAC,EAAE,CAACrB,YAAY,EAAEZ,IAAI,CAAC,CAAC;EAExB,IAAMqC,oBAAmD,GAAG,SAAtDA,oBAAmDA,CAAGC,OAAO,EAAI;IACnE,IAAMC,YAAY,GAAG,OAAOD,OAAO,KAAK,UAAU,GAAGA,OAAO,CAACT,YAAY,CAAC,GAAGS,OAAO;;IAEpF;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACQ,IAAME,WAAW,MAAA7E,MAAA,KAAAC,mBAAA,CAAAxC,OAAA,EACVL,MAAM,CAACC,IAAI,CAAC6G,YAAY,CAAC,CAACY,MAAM,CAAC,UAAAC,CAAC;MAAA,OAAI,EAAEA,CAAC,IAAIH,YAAY,CAAC;IAAA,EAAC,OAAA3E,mBAAA,CAAAxC,OAAA,EAC3DL,MAAM,CAACC,IAAI,CAACuH,YAAY,CAAC,CAACE,MAAM,CAAC,UAAAC,CAAC;MAAA,OAAI,EAAEA,CAAC,IAAIb,YAAY,CAAC;IAAA,EAAC,EACjE;;IAED;IACA,IAAIW,WAAW,CAACG,MAAM,KAAK,CAAC,IAAI,OAAOhI,WAAW,KAAK,UAAU,EAAE;MAC/DA,WAAW,CAACqF,IAAI,CAAC4C,QAAQ,CAACJ,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;MAC3C;IACJ,CAAC,MAAM,IAAI,OAAO9H,WAAW,KAAK,UAAU,EAAE;MAC1C,IAAMmI,SAAS,GAAG9H,MAAM,CAACC,IAAI,CAACuH,YAAY,CAAC,CAACtH,GAAG,CAAC,UAAAC,GAAG;QAAA,OAAI8E,IAAI,CAAC4C,QAAQ,CAAC1H,GAAG,CAAC,CAAC;MAAA,EAAC;MAC3ER,WAAW,CAACmI,SAAS,CAAC;IAC1B;EACJ,CAAC;EAED,IAAMC,YAAY,GAAG,IAAAjI,cAAO,EAAC,YAAM;IAC/B,IAAI,CAAC6E,KAAK,CAACqD,OAAO,CAAC1C,OAAO,CAAC,IAAI,CAACA,OAAO,CAACsC,MAAM,EAAE;MAC5C,OAAO9B,cAAc;IACzB;IACA,OAAOR,OAAO;EAClB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAM9F,OAAO,GAAGD,aAAa,CAAC2F,cAAc,EAAE;IAC1CxF,gBAAgB,EAAhBA,gBAAgB;IAChBC,WAAW,EAAXA,WAAW;IACXC,WAAW,EAAXA,WAAW;IACXC,cAAc,EAAdA;EACJ,CAAC,CAAC;EAEF,IAAMgC,KAAK,GAAG,IAAAoG,yBAAa,EAAI;IAC3BhD,IAAI,EAAJA,IAAI;IACJzF,OAAO,EAAPA,OAAO;IACP0I,oBAAoB,EAAE,IAAI;IAC1BC,gBAAgB,EAAE,UAAU;IAC5BC,eAAe,EAAE,IAAAA,2BAAe,EAAC,CAAC;IAClCC,iBAAiB,EAAE,IAAAA,6BAAiB,EAAC,CAAC;IACtCC,KAAK,EAAE;MACHxB,YAAY,EAAZA,YAAY;MACZxB,OAAO,EAAEyC,YAAY;MACrBxC,gBAAgB,EAAhBA;IACJ,CAAC;IACDgD,kBAAkB,EAAE7C,eAAe;IACnC4B,oBAAoB,EAApBA,oBAAoB;IACpBtG,aAAa,EAAE,CAAC,CAACyE,eAAe;IAChC+C,oBAAoB,EAAE,KAAK;IAC3BC,aAAa,EAAE,IAAI;IACnBhD,eAAe,EAAfA,eAAe;IACf7E,YAAY,EAAE,CAAC,CAAC4E,wBAAwB;IACxCA,wBAAwB,EAAxBA;EACJ,CAAC,CAAC;EAEF,IAAM/B,cAAc,GAAG,IAAAiF,kBAAW,EAC9B,UAAClI,MAAwB,EAAa;IAClC,IAAI,CAACA,MAAM,CAACmI,YAAY,CAAC,CAAC,EAAE;MACxB,OAAOnI,MAAM,CAACoI,OAAO,CAAC,CAAC;IAC3B;IAEA,IAAMC,SAAS,GAAGhH,KAAK,CAACiH,YAAY,CAAC,CAAC;IACtC,IAAMC,UAAU,GAAGvI,MAAM,CAACoI,OAAO,CAAC,CAAC;IAEnC,OAAOI,IAAI,CAACC,IAAI,CAAEF,UAAU,GAAG1C,UAAU,GAAIwC,SAAS,CAAC;EAC3D,CAAC,EACD,CAAChH,KAAK,EAAEwE,UAAU,CACtB,CAAC;EACD;AACJ;AACA;EACI,IAAM6C,SAAS,GAAG,IAAApJ,cAAO,EAAC,YAAM;IAC5B,OAAO+B,KAAK,CAACsH,WAAW,CAAC,CAAC,CAACC,IAAI;EACnC,CAAC,EAAE,CAACvH,KAAK,EAAEoD,IAAI,EAAEzF,OAAO,CAAC,CAAC;EAE1B,oBACIV,MAAA,CAAAuB,OAAA,CAAAyB,aAAA;IAAKuH,GAAG,EAAEtD;EAAS,gBACfjH,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACxC,OAAA,CAAAgK,KAAK;IAACnE,aAAa,EAAEA,aAAc;IAACC,UAAU,EAAEA,UAAW;IAACC,QAAQ,EAAEA;EAAS,gBAC5EvG,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC7C,UAAA,CAAAsK,gBAAgB,qBACbzK,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC7C,UAAA,CAAAuK,aAAa,QACT3H,KAAK,CAAC4H,eAAe,CAAC,CAAC,CAACvJ,GAAG,CAAC,UAAAwJ,WAAW;IAAA,oBACpC5K,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC7C,UAAA,CAAAuF,YAAY;MAACrE,GAAG,EAAEuJ,WAAW,CAACpJ;IAAG,GAC7BoJ,WAAW,CAACC,OAAO,CAACzJ,GAAG,CAAC,UAACe,MAAM,EAAE2I,KAAK,EAAK;MACxC,IAAMC,UAAU,GAAGD,KAAK,KAAKF,WAAW,CAACC,OAAO,CAAC/B,MAAM,GAAG,CAAC;MAC3D,IAAMlE,KAAK,GAAGD,cAAc,CAACxC,MAAM,CAACT,MAAM,CAAC;MAE3C,oBACI1B,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACxC,OAAA,CAAAwK,aAAa,EAAA9J,MAAA,CAAA4D,MAAA;QACVzD,GAAG,EAAEc,MAAM,CAACX;MAAG,GACXW,MAAM,CAACT,MAAM,CAACqD,SAAS,CAAC3C,IAAI;QAChC6I,OAAO,EAAE9I,MAAM,CAAC8I,OAAQ;QACxBjG,KAAK,EAAE;UAAEJ,KAAK,EAALA,KAAK;UAAEK,QAAQ,EAAEL;QAAM;MAAE,IAEjCzC,MAAM,CAAC+I,aAAa,GAAG,IAAI,gBACxBlL,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACxC,OAAA,CAAA2K,mBAAmB;QAChBC,OAAO,EAAEjJ,MAAM,CAACT,MAAM,CAAC2J,uBAAuB,CAAC,CAAE;QACjDC,QAAQ,EAAEnJ,MAAM,CAACT,MAAM,CAAC6J,UAAU,CAAC,CAAE;QACrCR,UAAU,EAAEA;MAAW,GAEtB,IAAA5F,sBAAU,EACPhD,MAAM,CAACT,MAAM,CAACqD,SAAS,CAAC5C,MAAM,EAC9BA,MAAM,CAACiD,UAAU,CAAC,CACtB,CAAC,eACDpF,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACkB,eAAe;QACZE,SAAS,EACLjC,MAAM,CAACT,MAAM,CAAC8J,WAAW,CAAC,CAAC,IAAIC;MAClC,CACJ,CAAC,EACDV,UAAU,iBACP/K,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACzC,kBAAA,CAAAmL,iBAAiB;QACdhL,OAAO,EAAEqC,KAAK,CAAC4I,aAAa,CAAC;MAAE,CAClC,CAEY,CACxB,EACAxJ,MAAM,CAACT,MAAM,CAACmI,YAAY,CAAC,CAAC,iBACzB7J,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAACxC,OAAA,CAAAoL,OAAO;QACJC,WAAW,EAAE1J,MAAM,CAAC2J,gBAAgB,CAAC,CAAE;QACvCC,YAAY,EAAE5J,MAAM,CAAC2J,gBAAgB,CAAC,CAAE;QACxCE,UAAU,EAAE7J,MAAM,CAACT,MAAM,CAACuK,aAAa,CAAC;MAAE,CAC7C,CAEM,CAAC;IAExB,CAAC,CACS,CAAC;EAAA,CAClB,CACU,CAAC,eAChBjM,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC7C,UAAA,CAAA+L,aAAa,QACT9B,SAAS,CAAChJ,GAAG,CAAC,UAAAqB,GAAG,EAAI;IAClB,IAAMjB,EAAE,GAAGiB,GAAG,CAACC,QAAQ,CAAClB,EAAE,IAAIiB,GAAG,CAACjB,EAAE;IACpC,oBACIxB,MAAA,CAAAuB,OAAA,CAAAyB,aAAA,CAAC2C,YAAY;MACTtE,GAAG,EAAEG,EAAG;MACRiE,KAAK,EAAEhD,GAAG,CAAC0J,eAAe,CAAC,CAAE;MAC7B3G,QAAQ,EAAE/C,GAAG,CAACmB,aAAa,CAAC,CAAE;MAC9Be,cAAc,EAAEA;IAAe,CAClC,CAAC;EAEV,CAAC,CACU,CACD,CACf,CACN,CAAC;AAEd,CAAC","ignoreList":[]}

package/DataTable/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_DataTable","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./DataTable\";\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,UAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_DataTable","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./DataTable\";\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,UAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/DataTable/styled.d.ts

@@ -1,48 +1,33 @@
-import { CSSProperties } from "react";
-import { DataTableProps, DataTableHeadCellProps, DataTableCellProps } from "@rmwc/data-table";
+/// <reference types="react" />
 import { ColumnDirectionProps } from "./ColumnDirection";
-interface TableProps extends DataTableProps {
-    bordered?: boolean;
-}
-export declare const Table: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-} & TableProps, {}, {}>;
+export declare const Table: import("@emotion/styled").StyledComponent<any, {}, {}>;
 interface ResizerProps {
     isResizing: boolean;
 }
 export declare const Resizer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ResizerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-interface TableHeadCell extends DataTableHeadCellProps {
-    colSpan: number;
-    style?: CSSProperties;
-}
-export declare const TableHeadCell: import("@emotion/styled").StyledComponent<{
+export declare const TableHeadCell: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const DataTableCell: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const ColumnCellWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-} & TableHeadCell, {}, {}>;
-interface DataTableCell extends DataTableCellProps {
-    style?: CSSProperties;
-}
-export declare const DataTableCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-} & DataTableCell, {}, {}>;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 interface ColumnHeaderWrapperProps {
     sortable: boolean;
     isLastCell: boolean;
 }
 export declare const ColumnHeaderWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ColumnHeaderWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ColumnDirectionWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const ColumnDirectionIcon: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
     alt?: string | undefined;
-} & {
-    children?: import("react").ReactNode;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 } & ColumnDirectionProps, {}, {}>;
@@ -51,6 +36,6 @@ export declare const ColumnsVisibilityMenuHeader: import("@emotion/styled").Styl
 }, {}, {}>;
 export declare const ColumnsVisibilityMenuItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};