@popmenu/table 0.127.0 → 0.127.1

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import React, { ChangeEvent, createElement, isValidElement, useRef } from 'react'\nimport { Typography } from '@material-ui/core'\nimport { Pagination } from '@material-ui/lab'\nimport { Box, CircularProgress } from '@popmenu/common-ui'\nimport {\n  flexRender,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n  ColumnFilter as ReactTableColumnFilter,\n  ColumnFilter,\n} from '@tanstack/react-table'\n\nimport { TableRow } from '../TableRow'\nimport { TableCell } from '../TableCell'\nimport { TableBody } from '../TableBody'\nimport { useStyles } from './TableStyles'\nimport { TableProps } from './TableProps'\nimport { TableHeader } from '../TableHeader'\nimport { TableFooter } from '../TableFooter'\nimport { FilterPanel } from '../FilterPanel'\nimport { TableContext } from '../TableContext'\nimport { GlobalFilter } from '../GlobalFilter'\nimport { TableHeaderRow } from '../TableHeaderRow'\nimport { TableHeaderCell } from '../TableHeaderCell'\nimport { useColumnFilters, useStagedColumnFilters } from '../../hooks'\nimport { ColumnFilterChip } from '../ColumnFilterChip'\nimport { TableControlsContainer } from '../TableControlsContainer'\nimport { ColumnFilterResetButton } from '../ColumnFilterResetButton'\nimport { coercedValueIncludesString, getTableMinHeight } from '../../util'\n\nexport const Table = <T,>({\n  title,\n  data,\n  columns,\n  enableSortingRemoval = true,\n  fullWidth = true,\n  loading,\n  searchable = false,\n  sortable = false,\n  filterState: externalFilterState,\n  globalFilterState: externalGlobalFilterState,\n  paginationState: externalPaginationState,\n  sortingState: externalSortingState,\n  visibilityState: externalVisibilityState,\n  paginated = true,\n  pageCount,\n  GlobalFilterProps,\n  Empty,\n  idBase,\n  stageFilterSelections,\n}: TableProps<T>) => {\n  const classes = useStyles({ fullWidth })\n  const rootRef = useRef<HTMLDivElement>(null)\n\n  // Prepare Empty State\n  const isEmpty = data.length === 0\n  const isEmptyComponentValid = Empty && isValidElement(createElement(Empty))\n\n  // Prepare Sorting\n  const [sorting, setSorting] = externalSortingState || []\n  const isControlledColumnSort = Boolean(externalSortingState)\n  const controlledColumnSortOptions = { onSortingChange: setSorting, manualSorting: true }\n\n  // Prepare Global Filtering\n  const [globalFilter, setGlobalFilter] = externalGlobalFilterState || []\n  const isControlledGlobalFilter = Boolean(externalGlobalFilterState)\n  const controlledGlobalFilterOptions = { onGlobalFilterChange: setGlobalFilter, manualFiltering: true }\n\n  // Prepare ColumnFiltering\n  const [columnFilters, setColumnFilters] = externalFilterState || []\n  const isControlledColumnFilters = Boolean(externalFilterState)\n  const controlledColumnFiltersOptions = { onColumnFiltersChange: setColumnFilters, manualFiltering: true }\n\n  // Prepare Pagination\n  const [pagination, setPagination] = externalPaginationState || []\n  const isControlledPagination = Boolean(externalPaginationState && pageCount)\n  const controlledPaginationOptions = { manualPagination: true, onPaginationChange: setPagination, pageCount }\n\n  // Prepare Column Visibility\n  const [columnVisibility] = externalVisibilityState || []\n  const isControlledColumnVisibility = Boolean(externalVisibilityState)\n\n  // Init table instance\n  const table = useReactTable({\n    data,\n    columns,\n    state: {\n      ...(isControlledPagination && { pagination }),\n      ...(isControlledGlobalFilter && { globalFilter }),\n      ...(isControlledColumnFilters && { columnFilters }),\n      ...(isControlledColumnVisibility && { columnVisibility }),\n      ...(isControlledColumnSort && { sorting }),\n    },\n    enableSorting: sortable,\n    enableSortingRemoval,\n    globalFilterFn: coercedValueIncludesString,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    ...(paginated && { getPaginationRowModel: getPaginationRowModel() }),\n    ...(isControlledPagination && controlledPaginationOptions),\n    ...(isControlledGlobalFilter && controlledGlobalFilterOptions),\n    ...(isControlledColumnFilters && controlledColumnFiltersOptions),\n    ...(isControlledColumnSort && controlledColumnSortOptions),\n    meta: { idBase: idBase },\n  })\n\n  const {\n    selectedColumnFilters,\n    hasColumnFilters,\n    deselectColumnFilter,\n    formatSelectedFilterText,\n    resetColumnFilters,\n  } = useColumnFilters(table)\n\n  // stagedColumnFilters is only used when stageFilterSelections is enabled\n  const stagedColumnFilters = useStagedColumnFilters(selectedColumnFilters)\n\n  const handlePagination = (_e: ChangeEvent, pageNumber: number) => {\n    const pageIndex = pageNumber - 1\n    table.setPageIndex(pageIndex)\n  }\n  const showTitle = Boolean(title)\n  const showGlobalSearch = Boolean(searchable || isControlledGlobalFilter)\n  const showColumnFilter = Boolean(hasColumnFilters)\n  const showControls = Boolean(showTitle || showGlobalSearch || showColumnFilter)\n\n  return (\n    <TableContext.Provider value={{ table, stagedColumnFilters, stageFilterSelections }}>\n      <Box\n        className={classes.root}\n        {...{ ref: rootRef }}\n        data-table-element=\"root\"\n        {...(table.getPageCount() > 1 && {\n          minHeight: getTableMinHeight(rootRef, table.getState().pagination.pageSize),\n        })}\n      >\n        {showControls && (\n          <Box>\n            <TableControlsContainer\n              showTitle={showTitle}\n              showGlobalSearch={showGlobalSearch}\n              showColumnFilter={showColumnFilter}\n            >\n              {showTitle && (\n                <Typography style={{ gridArea: 'title', alignSelf: 'center', fontSize: '18px', lineHeight: '27px' }}>\n                  {title}\n                </Typography>\n              )}\n              {showGlobalSearch && (\n                <GlobalFilter\n                  {...GlobalFilterProps}\n                  value={table.getState().globalFilter}\n                  setValue={table.setGlobalFilter}\n                />\n              )}\n              {showColumnFilter && <FilterPanel />}\n            </TableControlsContainer>\n            <Box display=\"flex\" flexWrap=\"wrap\" gridGap={8}>\n              {selectedColumnFilters.map((selectedColumnFilter: ReactTableColumnFilter, i) => (\n                <ColumnFilterChip\n                  key={`selected-column-filter-chip-${i}`}\n                  columnFilter={selectedColumnFilter}\n                  label={formatSelectedFilterText(selectedColumnFilter)}\n                  onClick={(columnFilter: ColumnFilter) => {\n                    if (stageFilterSelections) {\n                      stagedColumnFilters.delete(columnFilter)\n                    }\n                    deselectColumnFilter(columnFilter)\n                  }}\n                />\n              ))}\n              {selectedColumnFilters.length >= 1 && (\n                <ColumnFilterResetButton\n                  onClick={() => {\n                    if (stageFilterSelections) {\n                      stagedColumnFilters.clear()\n                    }\n                    resetColumnFilters()\n                  }}\n                />\n              )}\n            </Box>\n          </Box>\n        )}\n        <Box className={classes.tableContainer} flexGrow={loading || isEmpty ? 0 : 1}>\n          <table className={classes.table}>\n            <TableHeader>\n              {table.getHeaderGroups().map((headerGroup) => (\n                <TableHeaderRow key={headerGroup.id}>\n                  {headerGroup.headers.map((header) => (\n                    <TableHeaderCell key={header.id} context={header.getContext()}>\n                      {flexRender(header.column.columnDef.header, header.getContext())}\n                    </TableHeaderCell>\n                  ))}\n                </TableHeaderRow>\n              ))}\n            </TableHeader>\n            {!loading && (\n              <TableBody>\n                {table.getRowModel().rows.map((row) => (\n                  <TableRow key={row.id}>\n                    {row.getVisibleCells().map((cell) => (\n                      <TableCell key={cell.id}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</TableCell>\n                    ))}\n                  </TableRow>\n                ))}\n              </TableBody>\n            )}\n          </table>\n        </Box>\n        {isEmpty && isEmptyComponentValid && Empty && !loading && (\n          <Box display=\"flex\" flexDirection=\"column\" justifyContent=\"center\" alignItems=\"center\" p={2} flexGrow={1}>\n            {createElement(Empty)}\n          </Box>\n        )}\n        {loading && (\n          <Box display=\"flex\" flexDirection=\"column\" justifyContent=\"center\" alignItems=\"center\" p={2} flexGrow={1}>\n            <CircularProgress size={80} color=\"inherit\" />\n          </Box>\n        )}\n        {paginated && table.getPageCount() > 1 && (\n          <TableFooter>\n            <Pagination\n              page={table.getState().pagination.pageIndex + 1}\n              count={table.getPageCount()}\n              onChange={handlePagination}\n              disabled={loading}\n            />\n          </TableFooter>\n        )}\n      </Box>\n    </TableContext.Provider>\n  )\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.js","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { Typography } from '@material-ui/core'\nimport { Pagination } from '@material-ui/lab'\nimport { Box, CircularProgress } from '@popmenu/common-ui'\nimport {\n  ColumnFilter,\n  flexRender,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  ColumnFilter as ReactTableColumnFilter,\n  useReactTable,\n} from '@tanstack/react-table'\nimport React, { ChangeEvent, createElement, isValidElement, useRef } from 'react'\n\nimport { useColumnFilters, useStagedColumnFilters } from '../../hooks'\nimport { coercedValueIncludesString, getTableMinHeight } from '../../util'\nimport { ColumnFilterChip } from '../ColumnFilterChip'\nimport { ColumnFilterResetButton } from '../ColumnFilterResetButton'\nimport { FilterPanel } from '../FilterPanel'\nimport { GlobalFilter } from '../GlobalFilter'\nimport { TableBody } from '../TableBody'\nimport { TableCell } from '../TableCell'\nimport { TableContext } from '../TableContext'\nimport { TableControlsContainer } from '../TableControlsContainer'\nimport { TableFooter } from '../TableFooter'\nimport { TableHeader } from '../TableHeader'\nimport { TableHeaderCell } from '../TableHeaderCell'\nimport { TableHeaderRow } from '../TableHeaderRow'\nimport { TableRow } from '../TableRow'\nimport { TableProps } from './TableProps'\nimport { useStyles } from './TableStyles'\n\nexport const Table = <T,>({\n  title,\n  data,\n  columns,\n  enableSortingRemoval = true,\n  fullWidth = true,\n  loading,\n  searchable = false,\n  sortable = false,\n  filterState: externalFilterState,\n  globalFilterState: externalGlobalFilterState,\n  paginationState: externalPaginationState,\n  sortingState: externalSortingState,\n  visibilityState: externalVisibilityState,\n  paginated = true,\n  pageCount,\n  GlobalFilterProps,\n  Empty,\n  idBase,\n  stageFilterSelections,\n}: TableProps<T>) => {\n  const classes = useStyles({ fullWidth })\n  const rootRef = useRef<HTMLDivElement>(null)\n\n  // Prepare Empty State\n  const isEmpty = data.length === 0\n  const isEmptyComponentValid = Empty && isValidElement(createElement(Empty))\n\n  // Prepare Sorting\n  const [sorting, setSorting] = externalSortingState || []\n  const isControlledColumnSort = Boolean(externalSortingState)\n  const controlledColumnSortOptions = { onSortingChange: setSorting, manualSorting: true }\n\n  // Prepare Global Filtering\n  const [globalFilter, setGlobalFilter] = externalGlobalFilterState || []\n  const isControlledGlobalFilter = Boolean(externalGlobalFilterState)\n  const controlledGlobalFilterOptions = { onGlobalFilterChange: setGlobalFilter, manualFiltering: true }\n\n  // Prepare ColumnFiltering\n  const [columnFilters, setColumnFilters] = externalFilterState || []\n  const isControlledColumnFilters = Boolean(externalFilterState)\n  const controlledColumnFiltersOptions = { onColumnFiltersChange: setColumnFilters, manualFiltering: true }\n\n  // Prepare Pagination\n  const [pagination, setPagination] = externalPaginationState || []\n  const isControlledPagination = Boolean(externalPaginationState && pageCount)\n  const controlledPaginationOptions = { manualPagination: true, onPaginationChange: setPagination, pageCount }\n\n  // Prepare Column Visibility\n  const [columnVisibility] = externalVisibilityState || []\n  const isControlledColumnVisibility = Boolean(externalVisibilityState)\n\n  // Init table instance\n  const table = useReactTable({\n    data,\n    columns,\n    state: {\n      ...(isControlledPagination && { pagination }),\n      ...(isControlledGlobalFilter && { globalFilter }),\n      ...(isControlledColumnFilters && { columnFilters }),\n      ...(isControlledColumnVisibility && { columnVisibility }),\n      ...(isControlledColumnSort && { sorting }),\n    },\n    enableSorting: sortable,\n    enableSortingRemoval,\n    globalFilterFn: coercedValueIncludesString,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    ...(paginated && { getPaginationRowModel: getPaginationRowModel() }),\n    ...(isControlledPagination && controlledPaginationOptions),\n    ...(isControlledGlobalFilter && controlledGlobalFilterOptions),\n    ...(isControlledColumnFilters && controlledColumnFiltersOptions),\n    ...(isControlledColumnSort && controlledColumnSortOptions),\n    meta: { idBase: idBase },\n  })\n\n  const {\n    selectedColumnFilters,\n    hasColumnFilters,\n    deselectColumnFilter,\n    formatSelectedFilterText,\n    resetColumnFilters,\n  } = useColumnFilters(table)\n\n  // stagedColumnFilters is only used when stageFilterSelections is enabled\n  const stagedColumnFilters = useStagedColumnFilters(selectedColumnFilters)\n\n  const handlePagination = (_e: ChangeEvent<unknown>, pageNumber: number) => {\n    const pageIndex = pageNumber - 1\n    table.setPageIndex(pageIndex)\n  }\n  const showTitle = Boolean(title)\n  const showGlobalSearch = Boolean(searchable || isControlledGlobalFilter)\n  const showColumnFilter = Boolean(hasColumnFilters)\n  const showControls = Boolean(showTitle || showGlobalSearch || showColumnFilter)\n\n  return (\n    <TableContext.Provider value={{ table, stagedColumnFilters, stageFilterSelections }}>\n      <Box\n        className={classes.root}\n        {...{ ref: rootRef }}\n        data-table-element=\"root\"\n        {...(table.getPageCount() > 1 && {\n          minHeight: getTableMinHeight(rootRef, table.getState().pagination.pageSize),\n        })}\n      >\n        {showControls && (\n          <Box>\n            <TableControlsContainer\n              showTitle={showTitle}\n              showGlobalSearch={showGlobalSearch}\n              showColumnFilter={showColumnFilter}\n            >\n              {showTitle && (\n                <Typography style={{ gridArea: 'title', alignSelf: 'center', fontSize: '18px', lineHeight: '27px' }}>\n                  {title}\n                </Typography>\n              )}\n              {showGlobalSearch && (\n                <GlobalFilter\n                  {...GlobalFilterProps}\n                  value={table.getState().globalFilter}\n                  setValue={table.setGlobalFilter}\n                />\n              )}\n              {showColumnFilter && <FilterPanel />}\n            </TableControlsContainer>\n            <Box display=\"flex\" flexWrap=\"wrap\" gridGap={8}>\n              {selectedColumnFilters.map((selectedColumnFilter: ReactTableColumnFilter, i) => (\n                <ColumnFilterChip\n                  key={`selected-column-filter-chip-${i}`}\n                  columnFilter={selectedColumnFilter}\n                  label={formatSelectedFilterText(selectedColumnFilter)}\n                  onClick={(columnFilter: ColumnFilter) => {\n                    if (stageFilterSelections) {\n                      stagedColumnFilters.delete(columnFilter)\n                    }\n                    deselectColumnFilter(columnFilter)\n                  }}\n                />\n              ))}\n              {selectedColumnFilters.length >= 1 && (\n                <ColumnFilterResetButton\n                  onClick={() => {\n                    if (stageFilterSelections) {\n                      stagedColumnFilters.clear()\n                    }\n                    resetColumnFilters()\n                  }}\n                />\n              )}\n            </Box>\n          </Box>\n        )}\n        <Box className={classes.tableContainer} flexGrow={loading || isEmpty ? 0 : 1}>\n          <table className={classes.table}>\n            <TableHeader>\n              {table.getHeaderGroups().map((headerGroup) => (\n                <TableHeaderRow key={headerGroup.id}>\n                  {headerGroup.headers.map((header) => (\n                    <TableHeaderCell key={header.id} context={header.getContext()}>\n                      {flexRender(header.column.columnDef.header, header.getContext())}\n                    </TableHeaderCell>\n                  ))}\n                </TableHeaderRow>\n              ))}\n            </TableHeader>\n            {!loading && (\n              <TableBody>\n                {table.getRowModel().rows.map((row) => (\n                  <TableRow key={row.id}>\n                    {row.getVisibleCells().map((cell) => (\n                      <TableCell key={cell.id}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</TableCell>\n                    ))}\n                  </TableRow>\n                ))}\n              </TableBody>\n            )}\n          </table>\n        </Box>\n        {isEmpty && isEmptyComponentValid && Empty && !loading && (\n          <Box display=\"flex\" flexDirection=\"column\" justifyContent=\"center\" alignItems=\"center\" p={2} flexGrow={1}>\n            {createElement(Empty)}\n          </Box>\n        )}\n        {loading && (\n          <Box display=\"flex\" flexDirection=\"column\" justifyContent=\"center\" alignItems=\"center\" p={2} flexGrow={1}>\n            <CircularProgress size={80} color=\"inherit\" />\n          </Box>\n        )}\n        {paginated && table.getPageCount() > 1 && (\n          <TableFooter>\n            <Pagination\n              page={table.getState().pagination.pageIndex + 1}\n              count={table.getPageCount()}\n              onChange={handlePagination}\n              disabled={loading}\n            />\n          </TableFooter>\n        )}\n      </Box>\n    </TableContext.Provider>\n  )\n}\n"],"names":[],"mappings":"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"}

package/build/esm/components/Table/TableStyles.d.ts

@@ -1,4 +1,4 @@
 import { TableProps } from './TableProps';
-declare type StyleProps = Pick<TableProps, 'fullWidth'>;
+type StyleProps = Pick<TableProps, 'fullWidth'>;
 export declare const useStyles: (props: StyleProps) => import("@material-ui/styles").ClassNameMap<string>;
 export {};

package/build/esm/components/Table/TableStyles.js

@@ -1,28 +1,23 @@
-import { __assign } from 'tslib';
 import { makeStyles } from '@material-ui/core';
 import { tableConstants } from '../../util/tableConstants.js';
 
-var useStyles = makeStyles(function (_a) {
-    var typography = _a.typography;
-    return ({
-        root: function (_a) {
-            var fullWidth = _a.fullWidth;
-            return ({
-                display: fullWidth ? 'flex' : 'inline-flex',
-                flexDirection: 'column',
-            });
-        },
-        table: function (_a) {
-            var fullWidth = _a.fullWidth;
-            return (__assign(__assign({ borderCollapse: 'collapse' }, (fullWidth && { width: '100%' })), typography[tableConstants.tableTypography]));
-        },
-        tableContainer: function () { return ({
-            maxWidth: '100%',
-            overflowX: 'auto',
-            overflowY: 'hidden',
-        }); },
-    });
-});
+const useStyles = makeStyles(({ typography }) => ({
+    root: ({ fullWidth }) => ({
+        display: fullWidth ? 'flex' : 'inline-flex',
+        flexDirection: 'column',
+    }),
+    table: ({ fullWidth }) => ({
+        borderCollapse: 'collapse',
+        ...(fullWidth && { width: '100%' }),
+        // @ts-expect-error - todo.
+        ...typography[tableConstants.tableTypography],
+    }),
+    tableContainer: () => ({
+        maxWidth: '100%',
+        overflowX: 'auto',
+        overflowY: 'hidden',
+    }),
+}));
 
 export { useStyles };
 //# sourceMappingURL=TableStyles.js.map

package/build/esm/components/Table/TableStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableStyles.js","sources":["../../../../src/components/Table/TableStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { tableConstants } from '../../util'\n\nimport { TableProps } from './TableProps'\n\ntype StyleProps = Pick<TableProps, 'fullWidth'>\n\nexport const useStyles = makeStyles<Theme, StyleProps>(({ typography }) => ({\n  root: ({ fullWidth }) => ({\n    display: fullWidth ? 'flex' : 'inline-flex',\n    flexDirection: 'column',\n  }),\n  table: ({ fullWidth }) => ({\n    borderCollapse: 'collapse',\n    ...(fullWidth && { width: '100%' }),\n    // @ts-expect-error - todo.\n    ...typography[tableConstants.tableTypography],\n  }),\n  tableContainer: () => ({\n    maxWidth: '100%',\n    overflowX: 'auto',\n    overflowY: 'hidden',\n  }),\n}))\n"],"names":[],"mappings":";;;;AAOa,IAAA,SAAS,GAAG,UAAU,CAAoB,UAAC,EAAc,EAAA;AAAZ,IAAA,IAAA,UAAU,GAAA,EAAA,CAAA,UAAA;AAAO,IAAA,QAAC;QAC1E,IAAI,EAAE,UAAC,EAAa,EAAA;AAAX,YAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;AAAO,YAAA,QAAC;gBACxB,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,aAAa;AAC3C,gBAAA,aAAa,EAAE,QAAQ;aACxB;SAAC;QACF,KAAK,EAAE,UAAC,EAAa,EAAA;AAAX,YAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;YAAO,QAAA,QAAA,CAAA,QAAA,CAAA,EACxB,cAAc,EAAE,UAAU,KACtB,SAAS,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAE/B,EAAA,UAAU,CAAC,cAAc,CAAC,eAAe,CAAC,CAC7C;SAAA;QACF,cAAc,EAAE,YAAM,EAAA,QAAC;AACrB,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,SAAS,EAAE,MAAM;AACjB,YAAA,SAAS,EAAE,QAAQ;AACpB,SAAA,IAAC;KACH;AAhB0E,CAgBzE;;;;"}
+{"version":3,"file":"TableStyles.js","sources":["../../../../src/components/Table/TableStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { tableConstants } from '../../util'\n\nimport { TableProps } from './TableProps'\n\ntype StyleProps = Pick<TableProps, 'fullWidth'>\n\nexport const useStyles = makeStyles<Theme, StyleProps>(({ typography }) => ({\n  root: ({ fullWidth }) => ({\n    display: fullWidth ? 'flex' : 'inline-flex',\n    flexDirection: 'column',\n  }),\n  table: ({ fullWidth }) => ({\n    borderCollapse: 'collapse',\n    ...(fullWidth && { width: '100%' }),\n    // @ts-expect-error - todo.\n    ...typography[tableConstants.tableTypography],\n  }),\n  tableContainer: () => ({\n    maxWidth: '100%',\n    overflowX: 'auto',\n    overflowY: 'hidden',\n  }),\n}))\n"],"names":[],"mappings":";;;AAOO,MAAM,SAAS,GAAG,UAAU,CAAoB,CAAC,EAAE,UAAU,EAAE,MAAM;IAC1E,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM;QACxB,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,aAAa;AAC3C,QAAA,aAAa,EAAE,QAAQ;KACxB,CAAC;IACF,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM;AACzB,QAAA,cAAc,EAAE,UAAU;QAC1B,IAAI,SAAS,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;;AAEnC,QAAA,GAAG,UAAU,CAAC,cAAc,CAAC,eAAe,CAAC;KAC9C,CAAC;AACF,IAAA,cAAc,EAAE,OAAO;AACrB,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,SAAS,EAAE,QAAQ;KACpB,CAAC;AACH,CAAA,CAAC;;;;"}

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

@@ -1,2 +1,2 @@
 export { Table } from './Table';
-export { TableProps } from './TableProps';
+export type { TableProps } from './TableProps';

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

@@ -1,4 +1,4 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
-declare type TableBodyProps = PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>;
+type TableBodyProps = PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>;
 export declare const TableBody: (props: TableBodyProps) => JSX.Element;
 export {};

package/build/esm/components/TableBody/TableBody.js

@@ -1,9 +1,8 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 
-var TableBody = function (props) {
-    var children = props.children, restProps = __rest(props, ["children"]);
-    return React.createElement("tbody", __assign({}, restProps), children);
+const TableBody = (props) => {
+    const { children, ...restProps } = props;
+    return React.createElement("tbody", { ...restProps }, children);
 };
 
 export { TableBody };

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","sources":["../../../../src/components/TableBody/TableBody.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\n\ntype TableBodyProps = PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>\n\nexport const TableBody = (props: TableBodyProps) => {\n  const { children, ...restProps } = props\n  return <tbody {...restProps}>{children}</tbody>\n}\n"],"names":[],"mappings":";;;AAIO,IAAM,SAAS,GAAG,UAAC,KAAqB,EAAA;IACrC,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;AAC9B,IAAA,OAAO,KAAW,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,SAAS,CAAG,EAAA,QAAQ,CAAS;AACjD;;;;"}
+{"version":3,"file":"TableBody.js","sources":["../../../../src/components/TableBody/TableBody.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\n\ntype TableBodyProps = PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>\n\nexport const TableBody = (props: TableBodyProps) => {\n  const { children, ...restProps } = props\n  return <tbody {...restProps}>{children}</tbody>\n}\n"],"names":[],"mappings":";;AAIa,MAAA,SAAS,GAAG,CAAC,KAAqB,KAAI;IACjD,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACxC,IAAA,OAAO,KAAW,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAA,SAAS,EAAG,EAAA,QAAQ,CAAS;AACjD;;;;"}

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

@@ -1,4 +1,4 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
-declare type TableCellProps = PropsWithChildren<HTMLAttributes<HTMLTableCellElement>>;
+type TableCellProps = PropsWithChildren<HTMLAttributes<HTMLTableCellElement>>;
 export declare const TableCell: (props: TableCellProps) => JSX.Element;
 export {};

package/build/esm/components/TableCell/TableCell.js

@@ -1,11 +1,10 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { useTableCellStyles } from './TableCellStyles.js';
 
-var TableCell = function (props) {
-    var children = props.children, restProps = __rest(props, ["children"]);
-    var root = useTableCellStyles(props).root;
-    return (React.createElement("td", __assign({ className: root }, restProps), children));
+const TableCell = (props) => {
+    const { children, ...restProps } = props;
+    const { root } = useTableCellStyles(props);
+    return (React.createElement("td", { className: root, ...restProps }, children));
 };
 
 export { TableCell };

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

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sources":["../../../../src/components/TableCell/TableCell.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\n\nimport { useTableCellStyles } from './TableCellStyles'\n\ntype TableCellProps = PropsWithChildren<HTMLAttributes<HTMLTableCellElement>>\n\nexport const TableCell = (props: TableCellProps) => {\n  const { children, ...restProps } = props\n  const { root } = useTableCellStyles(props)\n  return (\n    <td className={root} {...restProps}>\n      {children}\n    </td>\n  )\n}\n"],"names":[],"mappings":";;;;AAMO,IAAM,SAAS,GAAG,UAAC,KAAqB,EAAA;IACrC,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;AACtB,IAAA,IAAA,IAAI,GAAK,kBAAkB,CAAC,KAAK,CAAC,KAA9B;IACZ,QACE,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,IAAI,EAAM,EAAA,SAAS,CAC/B,EAAA,QAAQ,CACN;AAET;;;;"}
+{"version":3,"file":"TableCell.js","sources":["../../../../src/components/TableCell/TableCell.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\n\nimport { useTableCellStyles } from './TableCellStyles'\n\ntype TableCellProps = PropsWithChildren<HTMLAttributes<HTMLTableCellElement>>\n\nexport const TableCell = (props: TableCellProps) => {\n  const { children, ...restProps } = props\n  const { root } = useTableCellStyles(props)\n  return (\n    <td className={root} {...restProps}>\n      {children}\n    </td>\n  )\n}\n"],"names":[],"mappings":";;;AAMa,MAAA,SAAS,GAAG,CAAC,KAAqB,KAAI;IACjD,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACxC,MAAM,EAAE,IAAI,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;IAC1C,QACE,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,IAAI,EAAM,GAAA,SAAS,EAC/B,EAAA,QAAQ,CACN;AAET;;;;"}

package/build/esm/components/TableCell/TableCellStyles.js

@@ -1,11 +1,11 @@
 import { makeStyles } from '@material-ui/core';
 import { tableConstants } from '../../util/tableConstants.js';
 
-var useTableCellStyles = makeStyles(function (theme) { return ({
-    root: function () { return ({
+const useTableCellStyles = makeStyles((theme) => ({
+    root: () => ({
         padding: theme.spacing(tableConstants.cellPaddingFactor),
-    }); },
-}); });
+    }),
+}));
 
 export { useTableCellStyles };
 //# sourceMappingURL=TableCellStyles.js.map

package/build/esm/components/TableCell/TableCellStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCellStyles.js","sources":["../../../../src/components/TableCell/TableCellStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\nimport { tableConstants } from '../../util'\n\nexport const useTableCellStyles = makeStyles((theme) => ({\n  root: () => ({\n    padding: theme.spacing(tableConstants.cellPaddingFactor),\n  }),\n}))\n"],"names":[],"mappings":";;;AAGa,IAAA,kBAAkB,GAAG,UAAU,CAAC,UAAC,KAAK,EAAK,EAAA,QAAC;IACvD,IAAI,EAAE,YAAM,EAAA,QAAC;QACX,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,iBAAiB,CAAC;AACzD,KAAA,IAAC;CACH,EAAC,EAAA;;;;"}
+{"version":3,"file":"TableCellStyles.js","sources":["../../../../src/components/TableCell/TableCellStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\nimport { tableConstants } from '../../util'\n\nexport const useTableCellStyles = makeStyles((theme) => ({\n  root: () => ({\n    padding: theme.spacing(tableConstants.cellPaddingFactor),\n  }),\n}))\n"],"names":[],"mappings":";;;AAGa,MAAA,kBAAkB,GAAG,UAAU,CAAC,CAAC,KAAK,MAAM;AACvD,IAAA,IAAI,EAAE,OAAO;QACX,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,iBAAiB,CAAC;KACzD,CAAC;AACH,CAAA,CAAC;;;;"}

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

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import { ColumnFilter, Table } from '@tanstack/react-table';
-export declare type StagedColumnFilter = {
+export type StagedColumnFilter = {
     update: (columnId: string, value: string | Array<string>) => void;
     get: (columnId: string) => string | Array<string> | undefined;
     clear: () => void;
     delete: (columnFilter: ColumnFilter) => void;
     exist: () => boolean;
 };
-declare type TabelContextValue = {
+type TabelContextValue = {
     table: Table<any>;
     stagedColumnFilters: StagedColumnFilter;
     stageFilterSelections: boolean | undefined;

package/build/esm/components/TableContext/index.js

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-var TableContext = createContext({});
+const TableContext = createContext({});
 
 export { TableContext };
 //# sourceMappingURL=index.js.map

package/build/esm/components/TableContext/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/TableContext/index.tsx"],"sourcesContent":["import { ColumnFilter, Table } from '@tanstack/react-table'\nimport { createContext } from 'react'\n\nexport type StagedColumnFilter = {\n  update: (columnId: string, value: string | Array<string>) => void\n  get: (columnId: string) => string | Array<string> | undefined\n  clear: () => void\n  delete: (columnFilter: ColumnFilter) => void\n  exist: () => boolean\n}\n\ntype TabelContextValue = {\n  table: Table<any>\n  stagedColumnFilters: StagedColumnFilter\n  stageFilterSelections: boolean | undefined\n}\n\nexport const TableContext = createContext<TabelContextValue>({} as TabelContextValue)\n"],"names":[],"mappings":";;IAiBa,YAAY,GAAG,aAAa,CAAoB,EAAuB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/TableContext/index.tsx"],"sourcesContent":["import { ColumnFilter, Table } from '@tanstack/react-table'\nimport { createContext } from 'react'\n\nexport type StagedColumnFilter = {\n  update: (columnId: string, value: string | Array<string>) => void\n  get: (columnId: string) => string | Array<string> | undefined\n  clear: () => void\n  delete: (columnFilter: ColumnFilter) => void\n  exist: () => boolean\n}\n\ntype TabelContextValue = {\n  table: Table<any>\n  stagedColumnFilters: StagedColumnFilter\n  stageFilterSelections: boolean | undefined\n}\n\nexport const TableContext = createContext<TabelContextValue>({} as TabelContextValue)\n"],"names":[],"mappings":";;MAiBa,YAAY,GAAG,aAAa,CAAoB,EAAuB;;;;"}

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TableControlsContainerProps } from './TableControlsContainerProps';
 export declare const TableControlsContainer: (props: TableControlsContainerProps) => JSX.Element;

package/build/esm/components/TableControlsContainer/TableControlsContainer.js

@@ -1,30 +1,46 @@
 import React from 'react';
 import { Box } from '@material-ui/core';
 
-var TableControlsContainer = function (props) {
-    var showTitle = props.showTitle, showGlobalSearch = props.showGlobalSearch, showColumnFilter = props.showColumnFilter;
-    var gridTemplateAreas;
+const TableControlsContainer = (props) => {
+    const { showTitle, showGlobalSearch, showColumnFilter } = props;
+    let gridTemplateAreas;
     switch (true) {
         case showTitle && showGlobalSearch && showColumnFilter:
-            gridTemplateAreas = "\n        \"title .\"\n        \"globalFilter columnFilter\"\n      ";
+            gridTemplateAreas = `
+        "title ."
+        "globalFilter columnFilter"
+      `;
             break;
         case showTitle && !showGlobalSearch && showColumnFilter:
-            gridTemplateAreas = "\n        \"title columnFilter\"\n      ";
+            gridTemplateAreas = `
+        "title columnFilter"
+      `;
             break;
         case !showTitle && showGlobalSearch && showColumnFilter:
-            gridTemplateAreas = "\n        \"globalFilter columnFilter\"\n      ";
+            gridTemplateAreas = `
+        "globalFilter columnFilter"
+      `;
             break;
         case showTitle && !showGlobalSearch && !showColumnFilter:
-            gridTemplateAreas = "\n        \"title .\"\n      ";
+            gridTemplateAreas = `
+        "title ."
+      `;
             break;
         case !showTitle && !showGlobalSearch && showColumnFilter:
-            gridTemplateAreas = "\n        \". columnFilter\"\n      ";
+            gridTemplateAreas = `
+        ". columnFilter"
+      `;
             break;
         case !showTitle && showGlobalSearch && !showColumnFilter:
-            gridTemplateAreas = "\n        \"globalFilter .\"\n      ";
+            gridTemplateAreas = `
+        "globalFilter ."
+      `;
             break;
         case showTitle && showGlobalSearch && !showColumnFilter:
-            gridTemplateAreas = "\n        \"title .\"\n        \"globalFilter .\"\n      ";
+            gridTemplateAreas = `
+        "title ."
+        "globalFilter ."
+      `;
             break;
     }
     return (React.createElement(Box, { display: "grid", gridTemplateColumns: "repeat(2, minmax(150px, 1fr))", gridTemplateAreas: gridTemplateAreas, gridGap: 16, marginBottom: 3 }, props.children));

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

@@ -1 +1 @@
-{"version":3,"file":"TableControlsContainer.js","sources":["../../../../src/components/TableControlsContainer/TableControlsContainer.tsx"],"sourcesContent":["import React from 'react'\nimport { TableControlsContainerProps } from './TableControlsContainerProps'\nimport { Box } from '@material-ui/core'\n\nexport const TableControlsContainer = (props: TableControlsContainerProps) => {\n  const { showTitle, showGlobalSearch, showColumnFilter } = props\n  let gridTemplateAreas\n  switch (true) {\n    case showTitle && showGlobalSearch && showColumnFilter:\n      gridTemplateAreas = `\n        \"title .\"\n        \"globalFilter columnFilter\"\n      `\n      break\n    case showTitle && !showGlobalSearch && showColumnFilter:\n      gridTemplateAreas = `\n        \"title columnFilter\"\n      `\n      break\n    case !showTitle && showGlobalSearch && showColumnFilter:\n      gridTemplateAreas = `\n        \"globalFilter columnFilter\"\n      `\n      break\n    case showTitle && !showGlobalSearch && !showColumnFilter:\n      gridTemplateAreas = `\n        \"title .\"\n      `\n      break\n    case !showTitle && !showGlobalSearch && showColumnFilter:\n      gridTemplateAreas = `\n        \". columnFilter\"\n      `\n      break\n    case !showTitle && showGlobalSearch && !showColumnFilter:\n      gridTemplateAreas = `\n        \"globalFilter .\"\n      `\n      break\n    case showTitle && showGlobalSearch && !showColumnFilter:\n      gridTemplateAreas = `\n        \"title .\"\n        \"globalFilter .\"\n      `\n      break\n    default:\n      break\n  }\n  return (\n    <Box\n      display=\"grid\"\n      gridTemplateColumns=\"repeat(2, minmax(150px, 1fr))\"\n      gridTemplateAreas={gridTemplateAreas}\n      gridGap={16}\n      marginBottom={3}\n    >\n      {props.children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;AAIO,IAAM,sBAAsB,GAAG,UAAC,KAAkC,EAAA;AAC/D,IAAA,IAAA,SAAS,GAAyC,KAAK,CAAA,SAA9C,EAAE,gBAAgB,GAAuB,KAAK,CAAA,gBAA5B,EAAE,gBAAgB,GAAK,KAAK,iBAAV;AACrD,IAAA,IAAI,iBAAiB;AACrB,IAAA,QAAQ,IAAI;AACV,QAAA,KAAK,SAAS,IAAI,gBAAgB,IAAI,gBAAgB;YACpD,iBAAiB,GAAG,sEAGnB;YACD;AACF,QAAA,KAAK,SAAS,IAAI,CAAC,gBAAgB,IAAI,gBAAgB;YACrD,iBAAiB,GAAG,0CAEnB;YACD;AACF,QAAA,KAAK,CAAC,SAAS,IAAI,gBAAgB,IAAI,gBAAgB;YACrD,iBAAiB,GAAG,iDAEnB;YACD;AACF,QAAA,KAAK,SAAS,IAAI,CAAC,gBAAgB,IAAI,CAAC,gBAAgB;YACtD,iBAAiB,GAAG,+BAEnB;YACD;AACF,QAAA,KAAK,CAAC,SAAS,IAAI,CAAC,gBAAgB,IAAI,gBAAgB;YACtD,iBAAiB,GAAG,sCAEnB;YACD;AACF,QAAA,KAAK,CAAC,SAAS,IAAI,gBAAgB,IAAI,CAAC,gBAAgB;YACtD,iBAAiB,GAAG,sCAEnB;YACD;AACF,QAAA,KAAK,SAAS,IAAI,gBAAgB,IAAI,CAAC,gBAAgB;YACrD,iBAAiB,GAAG,2DAGnB;YACD;AAGH;AACD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAC,MAAM,EACd,mBAAmB,EAAC,+BAA+B,EACnD,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,EAAE,EACX,YAAY,EAAE,CAAC,EAAA,EAEd,KAAK,CAAC,QAAQ,CACX;AAEV;;;;"}
+{"version":3,"file":"TableControlsContainer.js","sources":["../../../../src/components/TableControlsContainer/TableControlsContainer.tsx"],"sourcesContent":["import React from 'react'\nimport { TableControlsContainerProps } from './TableControlsContainerProps'\nimport { Box } from '@material-ui/core'\n\nexport const TableControlsContainer = (props: TableControlsContainerProps) => {\n  const { showTitle, showGlobalSearch, showColumnFilter } = props\n  let gridTemplateAreas\n  switch (true) {\n    case showTitle && showGlobalSearch && showColumnFilter:\n      gridTemplateAreas = `\n        \"title .\"\n        \"globalFilter columnFilter\"\n      `\n      break\n    case showTitle && !showGlobalSearch && showColumnFilter:\n      gridTemplateAreas = `\n        \"title columnFilter\"\n      `\n      break\n    case !showTitle && showGlobalSearch && showColumnFilter:\n      gridTemplateAreas = `\n        \"globalFilter columnFilter\"\n      `\n      break\n    case showTitle && !showGlobalSearch && !showColumnFilter:\n      gridTemplateAreas = `\n        \"title .\"\n      `\n      break\n    case !showTitle && !showGlobalSearch && showColumnFilter:\n      gridTemplateAreas = `\n        \". columnFilter\"\n      `\n      break\n    case !showTitle && showGlobalSearch && !showColumnFilter:\n      gridTemplateAreas = `\n        \"globalFilter .\"\n      `\n      break\n    case showTitle && showGlobalSearch && !showColumnFilter:\n      gridTemplateAreas = `\n        \"title .\"\n        \"globalFilter .\"\n      `\n      break\n    default:\n      break\n  }\n  return (\n    <Box\n      display=\"grid\"\n      gridTemplateColumns=\"repeat(2, minmax(150px, 1fr))\"\n      gridTemplateAreas={gridTemplateAreas}\n      gridGap={16}\n      marginBottom={3}\n    >\n      {props.children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;AAIa,MAAA,sBAAsB,GAAG,CAAC,KAAkC,KAAI;IAC3E,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,KAAK;AAC/D,IAAA,IAAI,iBAAiB;IACrB,QAAQ,IAAI;AACV,QAAA,KAAK,SAAS,IAAI,gBAAgB,IAAI,gBAAgB;AACpD,YAAA,iBAAiB,GAAG;;;OAGnB;YACD;AACF,QAAA,KAAK,SAAS,IAAI,CAAC,gBAAgB,IAAI,gBAAgB;AACrD,YAAA,iBAAiB,GAAG;;OAEnB;YACD;AACF,QAAA,KAAK,CAAC,SAAS,IAAI,gBAAgB,IAAI,gBAAgB;AACrD,YAAA,iBAAiB,GAAG;;OAEnB;YACD;AACF,QAAA,KAAK,SAAS,IAAI,CAAC,gBAAgB,IAAI,CAAC,gBAAgB;AACtD,YAAA,iBAAiB,GAAG;;OAEnB;YACD;AACF,QAAA,KAAK,CAAC,SAAS,IAAI,CAAC,gBAAgB,IAAI,gBAAgB;AACtD,YAAA,iBAAiB,GAAG;;OAEnB;YACD;AACF,QAAA,KAAK,CAAC,SAAS,IAAI,gBAAgB,IAAI,CAAC,gBAAgB;AACtD,YAAA,iBAAiB,GAAG;;OAEnB;YACD;AACF,QAAA,KAAK,SAAS,IAAI,gBAAgB,IAAI,CAAC,gBAAgB;AACrD,YAAA,iBAAiB,GAAG;;;OAGnB;YACD;;AAIJ,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAC,MAAM,EACd,mBAAmB,EAAC,+BAA+B,EACnD,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,EAAE,EACX,YAAY,EAAE,CAAC,EAAA,EAEd,KAAK,CAAC,QAAQ,CACX;AAEV;;;;"}

package/build/esm/components/TableControlsContainer/TableControlsContainerProps.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-export declare type TableControlsContainerProps = PropsWithChildren<{
+export type TableControlsContainerProps = PropsWithChildren<{
     showTitle: boolean;
     showGlobalSearch: boolean;
     showColumnFilter: boolean;

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

@@ -1,4 +1,4 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
-declare type TableFooterProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+type TableFooterProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
 export declare const TableFooter: (props: TableFooterProps) => JSX.Element;
 export {};

package/build/esm/components/TableFooter/TableFooter.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Box } from '@popmenu/common-ui';
 
-var TableFooter = function (props) {
+const TableFooter = (props) => {
     return (React.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "end", paddingTop: 3, paddingBottom: 4 }, props.children));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.js","sources":["../../../../src/components/TableFooter/TableFooter.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\nimport { Box } from '@popmenu/common-ui'\n\ntype TableFooterProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>\n\nexport const TableFooter = (props: TableFooterProps) => {\n  return (\n    <Box display=\"flex\" justifyContent=\"center\" alignItems=\"end\" paddingTop={3} paddingBottom={4}>\n      {props.children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;AAKO,IAAM,WAAW,GAAG,UAAC,KAAuB,EAAA;AACjD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAA,EACzF,KAAK,CAAC,QAAQ,CACX;AAEV;;;;"}
+{"version":3,"file":"TableFooter.js","sources":["../../../../src/components/TableFooter/TableFooter.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\nimport { Box } from '@popmenu/common-ui'\n\ntype TableFooterProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>\n\nexport const TableFooter = (props: TableFooterProps) => {\n  return (\n    <Box display=\"flex\" justifyContent=\"center\" alignItems=\"end\" paddingTop={3} paddingBottom={4}>\n      {props.children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;AAKa,MAAA,WAAW,GAAG,CAAC,KAAuB,KAAI;AACrD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAA,EACzF,KAAK,CAAC,QAAQ,CACX;AAEV;;;;"}

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

@@ -1,4 +1,4 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
-declare type TableHeadProps = PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>;
+type TableHeadProps = PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>;
 export declare const TableHeader: (props: TableHeadProps) => JSX.Element;
 export {};

package/build/esm/components/TableHeader/TableHeader.js

@@ -1,9 +1,8 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 
-var TableHeader = function (props) {
-    var children = props.children, restProps = __rest(props, ["children"]);
-    return React.createElement("thead", __assign({}, restProps), children);
+const TableHeader = (props) => {
+    const { children, ...restProps } = props;
+    return React.createElement("thead", { ...restProps }, children);
 };
 
 export { TableHeader };

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../../src/components/TableHeader/TableHeader.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\n\ntype TableHeadProps = PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>\n\nexport const TableHeader = (props: TableHeadProps) => {\n  const { children, ...restProps } = props\n  return <thead {...restProps}>{children}</thead>\n}\n"],"names":[],"mappings":";;;AAIO,IAAM,WAAW,GAAG,UAAC,KAAqB,EAAA;IACvC,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;AAC9B,IAAA,OAAO,KAAW,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,SAAS,CAAG,EAAA,QAAQ,CAAS;AACjD;;;;"}
+{"version":3,"file":"TableHeader.js","sources":["../../../../src/components/TableHeader/TableHeader.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\n\ntype TableHeadProps = PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>\n\nexport const TableHeader = (props: TableHeadProps) => {\n  const { children, ...restProps } = props\n  return <thead {...restProps}>{children}</thead>\n}\n"],"names":[],"mappings":";;AAIa,MAAA,WAAW,GAAG,CAAC,KAAqB,KAAI;IACnD,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACxC,IAAA,OAAO,KAAW,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAA,SAAS,EAAG,EAAA,QAAQ,CAAS;AACjD;;;;"}

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TableHeaderCellProps } from './TableHeaderCellProps';
 export declare const TableHeaderCell: (props: TableHeaderCellProps) => JSX.Element;

package/build/esm/components/TableHeaderCell/TableHeaderCell.js

@@ -1,28 +1,26 @@
-import { __rest, __assign } from 'tslib';
 import { useTheme } from '@material-ui/core';
 import { Box, Icon } from '@popmenu/common-ui';
 import React from 'react';
 import { Sort, ChevronDown, ChevronUp } from '@popmenu/web-icons';
 import { useStyles } from './TableHeaderCellStyles.js';
 
-var TableHeaderCell = function (props) {
-    var _a;
-    var children = props.children, context = props.context, restProps = __rest(props, ["children", "context"]);
-    var sortable = context.header.column.getCanSort();
-    var sorted = context.header.column.getIsSorted();
-    var handleSort = context.header.column.getToggleSortingHandler();
-    var classes = useStyles(__assign(__assign({}, props), { sortable: sortable }));
-    var _b = useTheme(), spacing = _b.spacing, palette = _b.palette;
-    var sortIndicators = {
+const TableHeaderCell = (props) => {
+    const { children, context, ...restProps } = props;
+    const sortable = context.header.column.getCanSort();
+    const sorted = context.header.column.getIsSorted();
+    const handleSort = context.header.column.getToggleSortingHandler();
+    const classes = useStyles({ ...props, sortable });
+    const { spacing, palette } = useTheme();
+    const sortIndicators = {
         asc: ChevronUp,
         desc: ChevronDown,
     };
-    var idBase = (_a = context.table.options.meta) === null || _a === void 0 ? void 0 : _a.idBase;
-    var dataTourIdProps = idBase && sortable
-        ? { 'data-tour-id': ("sort-" + idBase + "-on-" + context.header.column.id).toLowerCase().replace(/\s+/g, '-') }
+    const idBase = context.table.options.meta?.idBase;
+    const dataTourIdProps = idBase && sortable
+        ? { 'data-tour-id': `sort-${idBase}-on-${context.header.column.id}`.toLowerCase().replace(/\s+/g, '-') }
         : {};
-    return (React.createElement("th", __assign({ className: classes.root }, restProps),
-        React.createElement(Box, __assign({ className: classes.box, display: "flex", alignItems: "center", gridGap: spacing(1), onClick: handleSort }, dataTourIdProps),
+    return (React.createElement("th", { className: classes.root, ...restProps },
+        React.createElement(Box, { className: classes.box, display: "flex", alignItems: "center", gridGap: spacing(1), onClick: handleSort, ...dataTourIdProps },
             children,
             sortable && !sorted && React.createElement(Icon, { icon: Sort, color: palette.grey[500] }),
             sortable && sorted && React.createElement(Icon, { icon: sortIndicators[sorted] }))));

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.js","sources":["../../../../src/components/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import { useTheme } from '@material-ui/core'\nimport { Box, Icon } from '@popmenu/common-ui'\nimport React from 'react'\n\nimport { ChevronDown, ChevronUp, Sort } from '@popmenu/web-icons'\nimport { TableHeaderCellProps } from './TableHeaderCellProps'\nimport { useStyles } from './TableHeaderCellStyles'\n\nexport const TableHeaderCell = (props: TableHeaderCellProps) => {\n  const { children, context, ...restProps } = props\n  const sortable = context.header.column.getCanSort()\n  const sorted = context.header.column.getIsSorted()\n  const handleSort = context.header.column.getToggleSortingHandler()\n  const classes = useStyles({ ...props, sortable })\n  const { spacing, palette } = useTheme()\n  const sortIndicators = {\n    asc: ChevronUp,\n    desc: ChevronDown,\n  }\n\n  const idBase = context.table.options.meta?.idBase\n  const dataTourIdProps =\n    idBase && sortable\n      ? { 'data-tour-id': `sort-${idBase}-on-${context.header.column.id}`.toLowerCase().replace(/\\s+/g, '-') }\n      : {}\n\n  return (\n    <th className={classes.root} {...restProps}>\n      <Box\n        className={classes.box}\n        display=\"flex\"\n        alignItems=\"center\"\n        gridGap={spacing(1)}\n        onClick={handleSort}\n        {...dataTourIdProps}\n      >\n        {children}\n        {sortable && !sorted && <Icon icon={Sort} color={palette.grey[500]} />}\n        {sortable && sorted && <Icon icon={sortIndicators[sorted]} />}\n      </Box>\n    </th>\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAQO,IAAM,eAAe,GAAG,UAAC,KAA2B,EAAA;;AACjD,IAAA,IAAA,QAAQ,GAA4B,KAAK,CAAjC,QAAA,EAAE,OAAO,GAAmB,KAAK,CAAxB,OAAA,EAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAA3C,CAAA,UAAA,EAAA,SAAA,CAAmC,CAAF;IACvC,IAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IACnD,IAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IAClD,IAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,uBAAuB,EAAE;IAClE,IAAM,OAAO,GAAG,SAAS,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAM,KAAK,CAAE,EAAA,EAAA,QAAQ,EAAA,QAAA,EAAA,CAAA,CAAG;IAC3C,IAAA,EAAA,GAAuB,QAAQ,EAAE,EAA/B,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAe;AACvC,IAAA,IAAM,cAAc,GAAG;AACrB,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,IAAI,EAAE,WAAW;KAClB;AAED,IAAA,IAAM,MAAM,GAAG,CAAA,EAAA,GAAA,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,MAAM;AACjD,IAAA,IAAM,eAAe,GACnB,MAAM,IAAI;UACN,EAAE,cAAc,EAAE,CAAA,OAAQ,GAAA,MAAM,GAAO,MAAA,GAAA,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAI,EAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;UACpG,EAAE;IAER,QACE,qCAAI,SAAS,EAAE,OAAO,CAAC,IAAI,IAAM,SAAS,CAAA;QACxC,KAAC,CAAA,aAAA,CAAA,GAAG,EACF,QAAA,CAAA,EAAA,SAAS,EAAE,OAAO,CAAC,GAAG,EACtB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EACnB,OAAO,EAAE,UAAU,EAAA,EACf,eAAe,CAAA;YAElB,QAAQ;AACR,YAAA,QAAQ,IAAI,CAAC,MAAM,IAAI,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAI,CAAA;AACrE,YAAA,QAAQ,IAAI,MAAM,IAAI,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,EAAA,CAAI,CACzD,CACH;AAET;;;;"}
+{"version":3,"file":"TableHeaderCell.js","sources":["../../../../src/components/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import { useTheme } from '@material-ui/core'\nimport { Box, Icon } from '@popmenu/common-ui'\nimport React from 'react'\n\nimport { ChevronDown, ChevronUp, Sort } from '@popmenu/web-icons'\nimport { TableHeaderCellProps } from './TableHeaderCellProps'\nimport { useStyles } from './TableHeaderCellStyles'\n\nexport const TableHeaderCell = (props: TableHeaderCellProps) => {\n  const { children, context, ...restProps } = props\n  const sortable = context.header.column.getCanSort()\n  const sorted = context.header.column.getIsSorted()\n  const handleSort = context.header.column.getToggleSortingHandler()\n  const classes = useStyles({ ...props, sortable })\n  const { spacing, palette } = useTheme()\n  const sortIndicators = {\n    asc: ChevronUp,\n    desc: ChevronDown,\n  }\n\n  const idBase = context.table.options.meta?.idBase\n  const dataTourIdProps =\n    idBase && sortable\n      ? { 'data-tour-id': `sort-${idBase}-on-${context.header.column.id}`.toLowerCase().replace(/\\s+/g, '-') }\n      : {}\n\n  return (\n    <th className={classes.root} {...restProps}>\n      <Box\n        className={classes.box}\n        display=\"flex\"\n        alignItems=\"center\"\n        gridGap={spacing(1)}\n        onClick={handleSort}\n        {...dataTourIdProps}\n      >\n        {children}\n        {sortable && !sorted && <Icon icon={Sort} color={palette.grey[500]} />}\n        {sortable && sorted && <Icon icon={sortIndicators[sorted]} />}\n      </Box>\n    </th>\n  )\n}\n"],"names":[],"mappings":";;;;;;AAQa,MAAA,eAAe,GAAG,CAAC,KAA2B,KAAI;IAC7D,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IACnD,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IAClD,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,uBAAuB,EAAE;IAClE,MAAM,OAAO,GAAG,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,CAAC;IACjD,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE;AACvC,IAAA,MAAM,cAAc,GAAG;AACrB,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,IAAI,EAAE,WAAW;KAClB;IAED,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM;AACjD,IAAA,MAAM,eAAe,GACnB,MAAM,IAAI;UACN,EAAE,cAAc,EAAE,CAAA,KAAA,EAAQ,MAAM,CAAO,IAAA,EAAA,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAA,CAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;UACpG,EAAE;IAER,QACE,4BAAI,SAAS,EAAE,OAAO,CAAC,IAAI,KAAM,SAAS,EAAA;QACxC,KAAC,CAAA,aAAA,CAAA,GAAG,EACF,EAAA,SAAS,EAAE,OAAO,CAAC,GAAG,EACtB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EACnB,OAAO,EAAE,UAAU,EAAA,GACf,eAAe,EAAA;YAElB,QAAQ;AACR,YAAA,QAAQ,IAAI,CAAC,MAAM,IAAI,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAI,CAAA;AACrE,YAAA,QAAQ,IAAI,MAAM,IAAI,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,EAAA,CAAI,CACzD,CACH;AAET;;;;"}

package/build/esm/components/TableHeaderCell/TableHeaderCellProps.d.ts

@@ -1,6 +1,6 @@
 import { HeaderContext } from '@tanstack/react-table';
 import { PropsWithChildren, HTMLAttributes } from 'react';
-export declare type ChildrenAndAttributes = PropsWithChildren<HTMLAttributes<HTMLTableCellElement>>;
+export type ChildrenAndAttributes = PropsWithChildren<HTMLAttributes<HTMLTableCellElement>>;
 export interface TableHeaderCellProps extends ChildrenAndAttributes {
     context: HeaderContext<unknown, unknown>;
 }

package/build/esm/components/TableHeaderCell/TableHeaderCellStyles.js

@@ -20,7 +20,7 @@ import { makeStyles } from '@material-ui/core';
 //   }
 //   return width
 // }
-var useStyles = makeStyles(function (theme) { return ({
+const useStyles = makeStyles((theme) => ({
     root: {
         borderBottomStyle: 'solid',
         borderBottomWidth: 2,
@@ -30,12 +30,9 @@ var useStyles = makeStyles(function (theme) { return ({
         fontWeight: 500,
     },
     box: {
-        cursor: function (_a) {
-            var sortable = _a.sortable;
-            return (sortable ? 'pointer' : 'default');
-        },
+        cursor: ({ sortable }) => (sortable ? 'pointer' : 'default'),
     },
-}); });
+}));
 
 export { useStyles };
 //# sourceMappingURL=TableHeaderCellStyles.js.map

package/build/esm/components/TableHeaderCell/TableHeaderCellStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCellStyles.js","sources":["../../../../src/components/TableHeaderCell/TableHeaderCellStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { TableHeaderCellProps } from './TableHeaderCellProps'\n\n// const getWidth = (props: TableHeaderCellProps) => {\n//   const {\n//     column: { isActionColumn },\n//     tableProps: { fullWidth },\n//   } = props\n\n//   let width\n//   if (fullWidth && isActionColumn) {\n//     width = '0.0000000001%'\n//   }\n//   if (fullWidth && !isActionColumn) {\n//     width = '1%'\n//   }\n//   if (!fullWidth && isActionColumn) {\n//     width = 72\n//   }\n//   if (!fullWidth && !isActionColumn) {\n//     width = undefined\n//   }\n//   return width\n// }\n\nexport const useStyles = makeStyles<Theme, TableHeaderCellProps & { sortable: boolean }>((theme) => ({\n  root: {\n    borderBottomStyle: 'solid',\n    borderBottomWidth: 2,\n    borderBottomColor: theme.palette.grey[100],\n    padding: theme.spacing(2),\n    textAlign: 'left',\n    fontWeight: 500,\n  },\n  box: {\n    cursor: ({ sortable }) => (sortable ? 'pointer' : 'default'),\n  },\n}))\n"],"names":[],"mappings":";;AAGA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEa,IAAA,SAAS,GAAG,UAAU,CAAsD,UAAC,KAAK,EAAK,EAAA,QAAC;AACnG,IAAA,IAAI,EAAE;AACJ,QAAA,iBAAiB,EAAE,OAAO;AAC1B,QAAA,iBAAiB,EAAE,CAAC;QACpB,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1C,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACD,IAAA,GAAG,EAAE;QACH,MAAM,EAAE,UAAC,EAAY,EAAA;AAAV,YAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;YAAO,QAAC,QAAQ,GAAG,SAAS,GAAG,SAAS;SAAC;AAC7D,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"TableHeaderCellStyles.js","sources":["../../../../src/components/TableHeaderCell/TableHeaderCellStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { TableHeaderCellProps } from './TableHeaderCellProps'\n\n// const getWidth = (props: TableHeaderCellProps) => {\n//   const {\n//     column: { isActionColumn },\n//     tableProps: { fullWidth },\n//   } = props\n\n//   let width\n//   if (fullWidth && isActionColumn) {\n//     width = '0.0000000001%'\n//   }\n//   if (fullWidth && !isActionColumn) {\n//     width = '1%'\n//   }\n//   if (!fullWidth && isActionColumn) {\n//     width = 72\n//   }\n//   if (!fullWidth && !isActionColumn) {\n//     width = undefined\n//   }\n//   return width\n// }\n\nexport const useStyles = makeStyles<Theme, TableHeaderCellProps & { sortable: boolean }>((theme) => ({\n  root: {\n    borderBottomStyle: 'solid',\n    borderBottomWidth: 2,\n    borderBottomColor: theme.palette.grey[100],\n    padding: theme.spacing(2),\n    textAlign: 'left',\n    fontWeight: 500,\n  },\n  box: {\n    cursor: ({ sortable }) => (sortable ? 'pointer' : 'default'),\n  },\n}))\n"],"names":[],"mappings":";;AAGA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEa,MAAA,SAAS,GAAG,UAAU,CAAsD,CAAC,KAAK,MAAM;AACnG,IAAA,IAAI,EAAE;AACJ,QAAA,iBAAiB,EAAE,OAAO;AAC1B,QAAA,iBAAiB,EAAE,CAAC;QACpB,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1C,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACD,IAAA,GAAG,EAAE;AACH,QAAA,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAC7D,KAAA;AACF,CAAA,CAAC;;;;"}

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

@@ -1,2 +1,2 @@
 export { TableHeaderCell } from './TableHeaderCell';
-export { TableHeaderCellProps } from './TableHeaderCellProps';
+export type { TableHeaderCellProps } from './TableHeaderCellProps';

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

@@ -1,4 +1,4 @@
 import { PropsWithChildren, HTMLAttributes } from 'react';
-declare type TableHaderRowProps = PropsWithChildren<HTMLAttributes<HTMLTableRowElement>>;
+type TableHaderRowProps = PropsWithChildren<HTMLAttributes<HTMLTableRowElement>>;
 export declare const TableHeaderRow: (props: TableHaderRowProps) => JSX.Element;
 export {};

package/build/esm/components/TableHeaderRow/TableHeaderRow.js

@@ -1,9 +1,8 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 
-var TableHeaderRow = function (props) {
-    var children = props.children, restProps = __rest(props, ["children"]);
-    return (React.createElement("tr", __assign({ "data-table-element": 'header-row' }, restProps), children));
+const TableHeaderRow = (props) => {
+    const { children, ...restProps } = props;
+    return (React.createElement("tr", { "data-table-element": 'header-row', ...restProps }, children));
 };
 
 export { TableHeaderRow };

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderRow.js","sources":["../../../../src/components/TableHeaderRow/TableHeaderRow.tsx"],"sourcesContent":["import React, { PropsWithChildren, HTMLAttributes } from 'react'\n\ntype TableHaderRowProps = PropsWithChildren<HTMLAttributes<HTMLTableRowElement>>\n\nexport const TableHeaderRow = (props: TableHaderRowProps) => {\n  const { children, ...restProps } = props\n  return (\n    <tr data-table-element={'header-row'} {...restProps}>\n      {children}\n    </tr>\n  )\n}\n"],"names":[],"mappings":";;;AAIO,IAAM,cAAc,GAAG,UAAC,KAAyB,EAAA;IAC9C,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;IAC9B,QACE,2DAAwB,YAAY,EAAA,EAAM,SAAS,CAChD,EAAA,QAAQ,CACN;AAET;;;;"}
+{"version":3,"file":"TableHeaderRow.js","sources":["../../../../src/components/TableHeaderRow/TableHeaderRow.tsx"],"sourcesContent":["import React, { PropsWithChildren, HTMLAttributes } from 'react'\n\ntype TableHaderRowProps = PropsWithChildren<HTMLAttributes<HTMLTableRowElement>>\n\nexport const TableHeaderRow = (props: TableHaderRowProps) => {\n  const { children, ...restProps } = props\n  return (\n    <tr data-table-element={'header-row'} {...restProps}>\n      {children}\n    </tr>\n  )\n}\n"],"names":[],"mappings":";;AAIa,MAAA,cAAc,GAAG,CAAC,KAAyB,KAAI;IAC1D,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACxC,QACE,kDAAwB,YAAY,EAAA,GAAM,SAAS,EAChD,EAAA,QAAQ,CACN;AAET;;;;"}

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

@@ -1,4 +1,4 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
-declare type TableRowProps = PropsWithChildren<HTMLAttributes<HTMLTableRowElement>>;
+type TableRowProps = PropsWithChildren<HTMLAttributes<HTMLTableRowElement>>;
 export declare const TableRow: (props: TableRowProps) => JSX.Element;
 export {};

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

@@ -1,11 +1,10 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { useTableRowStyles } from './TableRowStyles.js';
 
-var TableRow = function (props) {
-    var children = props.children, restProps = __rest(props, ["children"]);
-    var root = useTableRowStyles(props).root;
-    return (React.createElement("tr", __assign({ "data-table-element": "body-row", className: root }, restProps), children));
+const TableRow = (props) => {
+    const { children, ...restProps } = props;
+    const { root } = useTableRowStyles(props);
+    return (React.createElement("tr", { "data-table-element": "body-row", className: root, ...restProps }, children));
 };
 
 export { TableRow };