npm - @webiny/ui - Versions diffs - 5.38.0-beta.0 → 5.38.0-beta.1 - Mend

@webiny/ui 5.38.0-beta.0 → 5.38.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/DataTable/DataTable.d.ts +6 -2
package/DataTable/DataTable.js +28 -4
package/DataTable/DataTable.js.map +1 -1
package/package.json +7 -7

package/DataTable/DataTable.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { OnChangeFn, SortingState, Row } from "@tanstack/react-table";
 import "@rmwc/data-table/data-table.css";
 interface Column<T> {
     header: string | number | JSX.Element;
-    cell?: (row: T) => string | number | JSX.Element;
+    cell?: (row: T) => string | number | JSX.Element | null;
     meta?: DataTableCellProps;
     size?: number;
     className?: string;
@@ -49,6 +49,10 @@ interface Props<T> {
      * Callback that receives the selected rows.
      */
     onSelectRow?: (rows: T[]) => void;
+    /**
+     * Callback that receives the toggled row.
+     */
+    onToggleRow?: (row: T) => void;
     /**
      * Callback that receives current sorting state.
      */
@@ -77,5 +81,5 @@ interface Props<T> {
 export interface ColumnDirectionProps {
     direction?: "asc" | "desc";
 }
-export declare const DataTable: <T extends Object & DefaultData>({ data, columns, onSelectRow, loadingInitial, stickyColumns, stickyRows, bordered, sorting, onSortingChange, isRowSelectable, canSelectAllRows, selectedRows, initialSorting }: Props<T>) => JSX.Element;
+export declare const DataTable: <T extends Object & DefaultData>({ data, columns, onSelectRow, onToggleRow, loadingInitial, stickyColumns, stickyRows, bordered, sorting, onSortingChange, isRowSelectable, canSelectAllRows, selectedRows, initialSorting }: Props<T>) => JSX.Element;
 export {};

package/DataTable/DataTable.js CHANGED Viewed

@@ -19,6 +19,7 @@ var _styled = require("./styled");
 var defineColumns = function defineColumns(columns, options) {
   var canSelectAllRows = options.canSelectAllRows,
     onSelectRow = options.onSelectRow,
+    onToggleRow = options.onToggleRow,
     loadingInitial = options.loadingInitial;
   return (0, _react.useMemo)(function () {
     var columnsList = Object.keys(columns).map(function (key) {
@@ -58,7 +59,8 @@ var defineColumns = function defineColumns(columns, options) {
         size: size
       };
     });
-    var select = !!onSelectRow ? [{
+    var isSelectable = onToggleRow || onSelectRow;
+    var select = isSelectable ? [{
       id: "datatable-select-column",
       header: function header(_ref) {
         var table = _ref.table;
@@ -100,7 +102,7 @@ var defineColumns = function defineColumns(columns, options) {
       }
       return column;
     });
-  }, [columns, onSelectRow, loadingInitial]);
+  }, [columns, onSelectRow, onToggleRow, loadingInitial]);
 };
 var defineData = function defineData(data, loadingInitial) {
   return (0, _react.useMemo)(function () {
@@ -146,6 +148,7 @@ var DataTable = function DataTable(_ref5) {
   var data = _ref5.data,
     columns = _ref5.columns,
     onSelectRow = _ref5.onSelectRow,
+    onToggleRow = _ref5.onToggleRow,
     loadingInitial = _ref5.loadingInitial,
     stickyColumns = _ref5.stickyColumns,
     stickyRows = _ref5.stickyRows,
@@ -167,8 +170,28 @@ var DataTable = function DataTable(_ref5) {
     }, {});
   }, [selectedRows, data]);
   var onRowSelectionChange = function onRowSelectionChange(updater) {
-    if (typeof onSelectRow === "function") {
-      var newSelection = typeof updater === "function" ? updater(rowSelection) : updater;
+    var newSelection = typeof updater === "function" ? updater(rowSelection) : updater;
+    /**
+     * `@tanstack/react-table` isn't telling us what row was selected or deselected. It simply gives us
+     * the new selection state (an object with row indexes that are currently selected).
+     *
+     * To figure out what row was toggled, we need to calculate the difference between the old selection
+     * and the new selection. What we're doing here is:
+     * - find all items that were present in the previous selection, but are no longer present in the new selection
+     * - find all items that are present in the new selection, but were not present in the previous selection
+     */
+    var toggledRows = [].concat((0, _toConsumableArray2.default)(Object.keys(rowSelection).filter(function (x) {
+      return !(x in newSelection);
+    })), (0, _toConsumableArray2.default)(Object.keys(newSelection).filter(function (x) {
+      return !(x in rowSelection);
+    })));
+    // If the difference is only 1 item, and `onToggleRow` is available, execute that.
+    if (toggledRows.length === 1 && typeof onToggleRow === "function") {
+      onToggleRow(data[parseInt(toggledRows[0])]);
+      return;
+    } else if (typeof onSelectRow === "function") {
       var selection = Object.keys(newSelection).map(function (key) {
         return data[parseInt(key)];
       });
@@ -186,6 +209,7 @@ var DataTable = function DataTable(_ref5) {
     columns: defineColumns(columns, {
       canSelectAllRows: canSelectAllRows,
       onSelectRow: onSelectRow,
+      onToggleRow: onToggleRow,
       loadingInitial: loadingInitial
     }),
     enableColumnResizing: true,

package/DataTable/DataTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_dataTable","_reactTable","_Checkbox","_Skeleton","_styled","defineColumns","columns","options","canSelectAllRows","onSelectRow","loadingInitial","useMemo","columnsList","Object","keys","map","key","_objectSpread3","default","id","defaults","column","cell","className","_column$enableResizin","enableResizing","_column$enableSorting","enableSorting","header","meta","_column$size","size","accessorKey","info","row","original","getValue","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","DataTableCell","assign","columnDef","style","width","getSize","flexRender","getContext","MemoTableCell","TableRow","_ref4","selected","DataTableRow","getVisibleCells","MemoTableRow","DataTable","_ref5","stickyColumns","stickyRows","bordered","sorting","onSortingChange","isRowSelectable","_ref5$canSelectAllRow","_ref5$selectedRows","selectedRows","initialSorting","rowSelection","reduce","acc","item","recordIndex","findIndex","rec","_defineProperty2","onRowSelectionChange","updater","newSelection","selection","parseInt","tableSorting","isArray","length","useReactTable","enableColumnResizing","columnResizeMode","getCoreRowModel","getSortedRowModel","state","enableRowSelection","manualSorting","Table","DataTableContent","DataTableHead","getHeaderGroups","headerGroup","headers","_ref6","isPlaceholder","colSpan","getResizeHandler","TableHeadCell","ColumnHeaderWrapper","onClick","getToggleSortingHandler","sortable","getCanSort","getIsSorted","undefined","getCanResize","Resizer","onMouseDown","onTouchStart","isResizing","getIsResizing","DataTableBody","getRowModel","rows","exports"],"sources":["DataTable.tsx"],"sourcesContent":["import React, { memo, ReactElement, useMemo } from \"react\";\n\nimport {\n DataTableContent,\n DataTableHead,\n DataTableRow,\n DataTableBody,\n DataTableCell,\n DataTableCellProps\n} from \"@rmwc/data-table\";\n\nimport {\n flexRender,\n getCoreRowModel,\n useReactTable,\n ColumnDef,\n getSortedRowModel,\n OnChangeFn,\n SortingState,\n RowSelectionState,\n Row,\n Cell\n} from \"@tanstack/react-table\";\n\nimport { Checkbox } from \"~/Checkbox\";\nimport { Skeleton } from \"~/Skeleton\";\n\nimport \"@rmwc/data-table/data-table.css\";\nimport {\n ColumnDirectionIcon,\n ColumnDirectionWrapper,\n ColumnHeaderWrapper,\n Resizer,\n Table,\n TableHeadCell\n} from \"./styled\";\n\ninterface 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;\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\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 Sorting = SortingState;\n\nexport type OnSortingChange = OnChangeFn<Sorting>;\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 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 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\nexport interface ColumnDirectionProps {\n direction?: \"asc\" \| \"desc\";\n}\n\ninterface DefineColumnsOptions<T> {\n canSelectAllRows: boolean;\n onSelectRow: Props<T>[\"onSelectRow\"];\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, 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 enableResizing = true,\n enableSorting = false,\n header,\n id,\n meta,\n size = 200\n } = column;\n\n return {\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();\n }\n },\n enableSorting,\n meta: {\n ...meta,\n className\n },\n enableResizing,\n size\n };\n });\n\n const select: ColumnDef<T>[] = !!onSelectRow\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 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, loadingInitial]);\n};\n\nconst defineData = <T,>(\n data: Props<T>[\"data\"],\n loadingInitial: Props<T>[\"loadingInitial\"]\n): T[] => {\n return useMemo(() => {\n if (loadingInitial) {\n return Array(10).fill({});\n }\n return data;\n }, [data, 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}\n\nconst TableCell = <T,>({ cell }: TableCellProps<T>) => (\n <DataTableCell {...cell.column.columnDef.meta} style={{ width: cell.column.getSize() }}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </DataTableCell>\n);\n\nconst MemoTableCell = typedMemo(TableCell);\n\ninterface TableRowProps<T> {\n row: Row<T>;\n selected: boolean;\n}\n\nconst TableRow = <T,>({ row, selected }: TableRowProps<T>) => {\n return (\n <DataTableRow selected={selected}>\n {row.getVisibleCells().map(cell => (\n <MemoTableCell<T> key={cell.id} cell={cell} />\n ))}\n </DataTableRow>\n );\n};\n\nconst MemoTableRow = typedMemo(TableRow);\n\nexport const DataTable = <T extends Object & DefaultData>({\n data,\n columns,\n onSelectRow,\n loadingInitial,\n stickyColumns,\n stickyRows,\n bordered,\n sorting,\n onSortingChange,\n isRowSelectable,\n canSelectAllRows = true,\n selectedRows = [],\n initialSorting\n}: Props<T>) => {\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 if (typeof onSelectRow === \"function\") {\n const newSelection = typeof updater === \"function\" ? updater(rowSelection) : updater;\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, { canSelectAllRows, onSelectRow, loadingInitial }),\n enableColumnResizing: true,\n columnResizeMode: \"onChange\",\n getCoreRowModel: getCoreRowModel(),\n getSortedRowModel: getSortedRowModel(),\n state: {\n rowSelection,\n sorting: tableSorting\n },\n enableRowSelection: isRowSelectable,\n onRowSelectionChange,\n enableSorting: !!onSortingChange,\n manualSorting: true,\n onSortingChange\n });\n\n return (\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(\n ({\n id,\n isPlaceholder,\n column,\n getContext,\n colSpan,\n getSize,\n getResizeHandler\n }) => (\n <TableHeadCell\n key={id}\n {...column.columnDef.meta}\n colSpan={colSpan}\n style={{ width: getSize() }}\n >\n {isPlaceholder ? null : (\n <ColumnHeaderWrapper\n onClick={column.getToggleSortingHandler()}\n sortable={column.getCanSort()}\n >\n {flexRender(column.columnDef.header, getContext())}\n <ColumnDirection\n direction={column.getIsSorted() \|\| undefined}\n />\n </ColumnHeaderWrapper>\n )}\n {column.getCanResize() && (\n <Resizer\n onMouseDown={getResizeHandler()}\n onTouchStart={getResizeHandler()}\n isResizing={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 row={row}\n selected={row.getIsSelected()}\n />\n ))}\n </DataTableBody>\n </DataTableContent>\n </Table>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_dataTable","_reactTable","_Checkbox","_Skeleton","_styled","defineColumns","columns","options","canSelectAllRows","onSelectRow","onToggleRow","loadingInitial","useMemo","columnsList","Object","keys","map","key","_objectSpread3","default","id","defaults","column","cell","className","_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","DataTableCell","assign","columnDef","style","width","getSize","flexRender","getContext","MemoTableCell","TableRow","_ref4","selected","DataTableRow","getVisibleCells","MemoTableRow","DataTable","_ref5","stickyColumns","stickyRows","bordered","sorting","onSortingChange","isRowSelectable","_ref5$canSelectAllRow","_ref5$selectedRows","selectedRows","initialSorting","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","Table","DataTableContent","DataTableHead","getHeaderGroups","headerGroup","headers","_ref6","isPlaceholder","colSpan","getResizeHandler","TableHeadCell","ColumnHeaderWrapper","onClick","getToggleSortingHandler","sortable","getCanSort","getIsSorted","undefined","getCanResize","Resizer","onMouseDown","onTouchStart","isResizing","getIsResizing","DataTableBody","getRowModel","rows","exports"],"sources":["DataTable.tsx"],"sourcesContent":["import React, { memo, ReactElement, useMemo } from \"react\";\n\nimport {\n DataTableContent,\n DataTableHead,\n DataTableRow,\n DataTableBody,\n DataTableCell,\n DataTableCellProps\n} from \"@rmwc/data-table\";\n\nimport {\n flexRender,\n getCoreRowModel,\n useReactTable,\n ColumnDef,\n getSortedRowModel,\n OnChangeFn,\n SortingState,\n RowSelectionState,\n Row,\n Cell\n} from \"@tanstack/react-table\";\n\nimport { Checkbox } from \"~/Checkbox\";\nimport { Skeleton } from \"~/Skeleton\";\n\nimport \"@rmwc/data-table/data-table.css\";\nimport {\n ColumnDirectionIcon,\n ColumnDirectionWrapper,\n ColumnHeaderWrapper,\n Resizer,\n Table,\n TableHeadCell\n} from \"./styled\";\n\ninterface 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\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 Sorting = SortingState;\n\nexport type OnSortingChange = OnChangeFn<Sorting>;\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 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\nexport interface ColumnDirectionProps {\n direction?: \"asc\" \| \"desc\";\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 enableResizing = true,\n enableSorting = false,\n header,\n id,\n meta,\n size = 200\n } = column;\n\n return {\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();\n }\n },\n enableSorting,\n meta: {\n ...meta,\n className\n },\n enableResizing,\n size\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 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 return useMemo(() => {\n if (loadingInitial) {\n return Array(10).fill({});\n }\n return data;\n }, [data, 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}\n\nconst TableCell = <T,>({ cell }: TableCellProps<T>) => (\n <DataTableCell {...cell.column.columnDef.meta} style={{ width: cell.column.getSize() }}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </DataTableCell>\n);\n\nconst MemoTableCell = typedMemo(TableCell);\n\ninterface TableRowProps<T> {\n row: Row<T>;\n selected: boolean;\n}\n\nconst TableRow = <T,>({ row, selected }: TableRowProps<T>) => {\n return (\n <DataTableRow selected={selected}>\n {row.getVisibleCells().map(cell => (\n <MemoTableCell<T> key={cell.id} cell={cell} />\n ))}\n </DataTableRow>\n );\n};\n\nconst MemoTableRow = typedMemo(TableRow);\n\nexport const DataTable = <T extends Object & DefaultData>({\n data,\n columns,\n onSelectRow,\n onToggleRow,\n loadingInitial,\n stickyColumns,\n stickyRows,\n bordered,\n sorting,\n onSortingChange,\n isRowSelectable,\n canSelectAllRows = true,\n selectedRows = [],\n initialSorting\n}: Props<T>) => {\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 },\n enableRowSelection: isRowSelectable,\n onRowSelectionChange,\n enableSorting: !!onSortingChange,\n manualSorting: true,\n onSortingChange\n });\n\n return (\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(\n ({\n id,\n isPlaceholder,\n column,\n getContext,\n colSpan,\n getSize,\n getResizeHandler\n }) => (\n <TableHeadCell\n key={id}\n {...column.columnDef.meta}\n colSpan={colSpan}\n style={{ width: getSize() }}\n >\n {isPlaceholder ? null : (\n <ColumnHeaderWrapper\n onClick={column.getToggleSortingHandler()}\n sortable={column.getCanSort()}\n >\n {flexRender(column.columnDef.header, getContext())}\n <ColumnDirection\n direction={column.getIsSorted() \|\| undefined}\n />\n </ColumnHeaderWrapper>\n )}\n {column.getCanResize() && (\n <Resizer\n onMouseDown={getResizeHandler()}\n onTouchStart={getResizeHandler()}\n isResizing={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 row={row}\n selected={row.getIsSelected()}\n />\n ))}\n </DataTableBody>\n </DataTableContent>\n </Table>\n );\n};\n"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/ui",
-	"version": "5.38.0-beta.0",
+	"version": "5.38.0-beta.1",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -82,11 +82,11 @@
 		"@types/react-custom-scrollbars": "4.0.10",
 		"@types/react-transition-group": "4.4.5",
 		"@types/shortid": "0.0.29",
-		"@webiny/cli": "5.38.0-beta.0",
-		"@webiny/form": "5.38.0-beta.0",
-		"@webiny/project-utils": "5.38.0-beta.0",
-		"@webiny/storybook-utils": "5.38.0-beta.0",
-		"@webiny/validation": "5.38.0-beta.0",
+		"@webiny/cli": "5.38.0-beta.1",
+		"@webiny/form": "5.38.0-beta.1",
+		"@webiny/project-utils": "5.38.0-beta.1",
+		"@webiny/storybook-utils": "5.38.0-beta.1",
+		"@webiny/validation": "5.38.0-beta.1",
 		"babel-loader": "9.1.2",
 		"babel-plugin-emotion": "9.2.11",
 		"execa": "5.1.1",
@@ -133,5 +133,5 @@
 			]
 		}
 	},
-	"gitHead": "5746389d4988626b50e2523ccfa0a9a5e398e0ed"
+	"gitHead": "6daf38d3ed0c029a8fea005c2b6246e5b325a09c"
 }