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

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 (7) hide show
  1. package/DataTable/DataTable.d.ts +6 -2
  2. package/DataTable/DataTable.js +28 -4
  3. package/DataTable/DataTable.js.map +1 -1
  4. package/TimeAgo/index.d.ts +3 -0
  5. package/TimeAgo/index.js +15 -0
  6. package/TimeAgo/index.js.map +1 -0
  7. package/package.json +9 -8
package/DataTable/DataTable.d.ts CHANGED
@@ -4,7 +4,7 @@ import { OnChangeFn, SortingState, Row } from "@tanstack/react-table";
4
4
  import "@rmwc/data-table/data-table.css";
5
5
  interface Column<T> {
6
6
  header: string | number | JSX.Element;
7
- cell?: (row: T) => string | number | JSX.Element;
7
+ cell?: (row: T) => string | number | JSX.Element | null;
8
8
  meta?: DataTableCellProps;
9
9
  size?: number;
10
10
  className?: string;
@@ -49,6 +49,10 @@ interface Props<T> {
49
49
  * Callback that receives the selected rows.
50
50
  */
51
51
  onSelectRow?: (rows: T[]) => void;
52
+ /**
53
+ * Callback that receives the toggled row.
54
+ */
55
+ onToggleRow?: (row: T) => void;
52
56
  /**
53
57
  * Callback that receives current sorting state.
54
58
  */
@@ -77,5 +81,5 @@ interface Props<T> {
77
81
  export interface ColumnDirectionProps {
78
82
  direction?: "asc" | "desc";
79
83
  }
80
- 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;
84
+ 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;
81
85
  export {};
package/DataTable/DataTable.js CHANGED
@@ -19,6 +19,7 @@ var _styled = require("./styled");
19
19
  var defineColumns = function defineColumns(columns, options) {
20
20
  var canSelectAllRows = options.canSelectAllRows,
21
21
  onSelectRow = options.onSelectRow,
22
+ onToggleRow = options.onToggleRow,
22
23
  loadingInitial = options.loadingInitial;
23
24
  return (0, _react.useMemo)(function () {
24
25
  var columnsList = Object.keys(columns).map(function (key) {
@@ -58,7 +59,8 @@ var defineColumns = function defineColumns(columns, options) {
58
59
  size: size
59
60
  };
60
61
  });
61
- var select = !!onSelectRow ? [{
62
+ var isSelectable = onToggleRow || onSelectRow;
63
+ var select = isSelectable ? [{
62
64
  id: "datatable-select-column",
63
65
  header: function header(_ref) {
64
66
  var table = _ref.table;
@@ -100,7 +102,7 @@ var defineColumns = function defineColumns(columns, options) {
100
102
  }
101
103
  return column;
102
104
  });
103
- }, [columns, onSelectRow, loadingInitial]);
105
+ }, [columns, onSelectRow, onToggleRow, loadingInitial]);
104
106
  };
105
107
  var defineData = function defineData(data, loadingInitial) {
106
108
  return (0, _react.useMemo)(function () {
@@ -146,6 +148,7 @@ var DataTable = function DataTable(_ref5) {
146
148
  var data = _ref5.data,
147
149
  columns = _ref5.columns,
148
150
  onSelectRow = _ref5.onSelectRow,
151
+ onToggleRow = _ref5.onToggleRow,
149
152
  loadingInitial = _ref5.loadingInitial,
150
153
  stickyColumns = _ref5.stickyColumns,
151
154
  stickyRows = _ref5.stickyRows,
@@ -167,8 +170,28 @@ var DataTable = function DataTable(_ref5) {
167
170
  }, {});
168
171
  }, [selectedRows, data]);
169
172
  var onRowSelectionChange = function onRowSelectionChange(updater) {
170
- if (typeof onSelectRow === "function") {
171
- var newSelection = typeof updater === "function" ? updater(rowSelection) : updater;
173
+ var newSelection = typeof updater === "function" ? updater(rowSelection) : updater;
174
+
175
+ /**
176
+ * `@tanstack/react-table` isn't telling us what row was selected or deselected. It simply gives us
177
+ * the new selection state (an object with row indexes that are currently selected).
178
+ *
179
+ * To figure out what row was toggled, we need to calculate the difference between the old selection
180
+ * and the new selection. What we're doing here is:
181
+ * - find all items that were present in the previous selection, but are no longer present in the new selection
182
+ * - find all items that are present in the new selection, but were not present in the previous selection
183
+ */
184
+ var toggledRows = [].concat((0, _toConsumableArray2.default)(Object.keys(rowSelection).filter(function (x) {
185
+ return !(x in newSelection);
186
+ })), (0, _toConsumableArray2.default)(Object.keys(newSelection).filter(function (x) {
187
+ return !(x in rowSelection);
188
+ })));
189
+
190
+ // If the difference is only 1 item, and `onToggleRow` is available, execute that.
191
+ if (toggledRows.length === 1 && typeof onToggleRow === "function") {
192
+ onToggleRow(data[parseInt(toggledRows[0])]);
193
+ return;
194
+ } else if (typeof onSelectRow === "function") {
172
195
  var selection = Object.keys(newSelection).map(function (key) {
173
196
  return data[parseInt(key)];
174
197
  });
@@ -186,6 +209,7 @@ var DataTable = function DataTable(_ref5) {
186
209
  columns: defineColumns(columns, {
187
210
  canSelectAllRows: canSelectAllRows,
188
211
  onSelectRow: onSelectRow,
212
+ onToggleRow: onToggleRow,
189
213
  loadingInitial: loadingInitial
190
214
  }),
191
215
  enableColumnResizing: true,
package/DataTable/DataTable.js.map CHANGED
@@ -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":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AASA,IAAAE,WAAA,GAAAF,OAAA;AAaA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEAA,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAyHA,IAAMM,aAAa,GAAG,SAAhBA,aAAaA,CACfC,OAA4B,EAC5BC,OAAgC,EACf;EACjB,IAAQC,gBAAgB,GAAkCD,OAAO,CAAzDC,gBAAgB;IAAEC,WAAW,GAAqBF,OAAO,CAAvCE,WAAW;IAAEC,cAAc,GAAKH,OAAO,CAA1BG,cAAc;EAErD,OAAO,IAAAC,cAAO,EAAC,YAAM;IACjB,IAAMC,WAAW,GAAGC,MAAM,CAACC,IAAI,CAACR,OAAO,CAAC,CAACS,GAAG,CAAC,UAAAC,GAAG;MAAA,WAAAC,cAAA,CAAAC,OAAA;QAC5CC,EAAE,EAAEH;MAAG,GACJV,OAAO,CAACU,GAAG,CAAyB;IAAA,CACzC,CAAC;IAEH,IAAMI,QAAwB,GAAGR,WAAW,CAACG,GAAG,CAAC,UAAAM,MAAM,EAAI;MACvD,IACIC,KAAI,GAQJD,MAAM,CARNC,IAAI;QACJC,SAAS,GAOTF,MAAM,CAPNE,SAAS;QAAAC,qBAAA,GAOTH,MAAM,CANNI,cAAc;QAAdA,cAAc,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;QAAAE,qBAAA,GAMrBL,MAAM,CALNM,aAAa;QAAbA,aAAa,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;QACrBE,OAAM,GAINP,MAAM,CAJNO,MAAM;QACNT,EAAE,GAGFE,MAAM,CAHNF,EAAE;QACFU,IAAI,GAEJR,MAAM,CAFNQ,IAAI;QAAAC,YAAA,GAEJT,MAAM,CADNU,IAAI;QAAJA,IAAI,GAAAD,YAAA,cAAG,GAAG,GAAAA,YAAA;MAGd,OAAO;QACHE,WAAW,EAAEb,EAAE;QACfS,MAAM,EAAE,SAAAA,OAAA;UAAA,OAAMA,OAAM;QAAA;QACpBN,IAAI,EAAE,SAAAA,KAAAW,IAAI,EAAI;UACV,IAAIX,KAAI,IAAI,OAAOA,KAAI,KAAK,UAAU,EAAE;YACpC,OAAOA,KAAI,CAACW,IAAI,CAACC,GAAG,CAACC,QAAQ,CAAC;UAClC,CAAC,MAAM;YACH,OAAOF,IAAI,CAACG,QAAQ,CAAC,CAAC;UAC1B;QACJ,CAAC;QACDT,aAAa,EAAbA,aAAa;QACbE,IAAI,MAAAZ,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACGW,IAAI;UACPN,SAAS,EAATA;QAAS,EACZ;QACDE,cAAc,EAAdA,cAAc;QACdM,IAAI,EAAJA;MACJ,CAAC;IACL,CAAC,CAAC;IAEF,IAAMM,MAAsB,GAAG,CAAC,CAAC5B,WAAW,GACtC,CACI;MACIU,EAAE,EAAE,yBAAyB;MAC7BS,MAAM,EAAE,SAAAA,OAAAU,IAAA,EAAe;QAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK;QACZ,IAAI,CAAC/B,gBAAgB,EAAE;UACnB,OAAO,IAAI;QACf;QAEA,OACI,CAACE,cAAc,iBACXb,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACtC,SAAA,CAAAuC,QAAQ;UACLC,aAAa,EAAEH,KAAK,CAACI,qBAAqB,CAAC,CAAE;UAC7CC,KAAK,EAAEL,KAAK,CAACM,oBAAoB,CAAC,CAAE;UACpCC,QAAQ,EAAE,SAAAA,SAAAC,CAAC;YAAA,OAAIR,KAAK,CAACS,yBAAyB,CAACD,CAAC,CAAC;UAAA;QAAC,CACrD,CACJ;MAET,CAAC;MACDzB,IAAI,EAAE,SAAAA,KAAAW,IAAI,EAAI;QACV,IAAI,CAACA,IAAI,CAACC,GAAG,CAACe,YAAY,CAAC,CAAC,EAAE;UAC1B,oBAAOpD,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAAA3C,MAAA,CAAAqB,OAAA,CAAAgC,QAAA,MAAI,CAAC;QAChB;QACA,oBACIrD,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACtC,SAAA,CAAAuC,QAAQ;UACLC,aAAa,EAAET,IAAI,CAACC,GAAG,CAACiB,iBAAiB,CAAC,CAAE;UAC5CP,KAAK,EAAEX,IAAI,CAACC,GAAG,CAACkB,aAAa,CAAC,CAAE;UAChCN,QAAQ,EAAEb,IAAI,CAACC,GAAG,CAACmB,wBAAwB,CAAC;QAAE,CACjD,CAAC;MAEV,CAAC;MACDxB,IAAI,EAAE;QACFyB,cAAc,EAAE;MACpB,CAAC;MACD3B,aAAa,EAAE,KAAK;MACpBF,cAAc,EAAE,KAAK;MACrBM,IAAI,EAAE;IACV,CAAC,CACJ,GACD,EAAE;IAER,OAAO,GAAAwB,MAAA,CAAIlB,MAAM,MAAAmB,mBAAA,CAAAtC,OAAA,EAAKE,QAAQ,GAAEL,GAAG,CAAC,UAAAM,MAAM,EAAI;MAC1C,IAAIX,cAAc,EAAE;QAChB,WAAAO,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOG,MAAM;UACTC,IAAI,EAAE,SAAAA,KAAA;YAAA,oBAAMzB,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACrC,SAAA,CAAAsD,QAAQ,MAAE,CAAC;UAAA;QAAA;MAEhC;MAEA,OAAOpC,MAAM;IACjB,CAAC,CAAC;EACN,CAAC,EAAE,CAACf,OAAO,EAAEG,WAAW,EAAEC,cAAc,CAAC,CAAC;AAC9C,CAAC;AAED,IAAMgD,UAAU,GAAG,SAAbA,UAAUA,CACZC,IAAsB,EACtBjD,cAA0C,EACpC;EACN,OAAO,IAAAC,cAAO,EAAC,YAAM;IACjB,IAAID,cAAc,EAAE;MAChB,OAAOkD,KAAK,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC7B;IACA,OAAOF,IAAI;EACf,CAAC,EAAE,CAACA,IAAI,EAAEjD,cAAc,CAAC,CAAC;AAC9B,CAAC;AAED,IAAMoD,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,KAAA,EAAiE;EAAA,IAA3DC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAChC,IAAIA,SAAS,EAAE;IACX,oBACInE,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACpC,OAAA,CAAA6D,sBAAsB,qBACnBpE,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACpC,OAAA,CAAA8D,mBAAmB;MAACF,SAAS,EAAEA;IAAU,CAAE,CACxB,CAAC;EAEjC;EAEA,OAAO,IAAI;AACf,CAAC;AAED,IAAMG,SAAiC,GAAGC,WAAI;AAM9C,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA;EAAA,IAAUhD,IAAI,GAAAgD,KAAA,CAAJhD,IAAI;EAAA,oBACzBzB,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACxC,UAAA,CAAAuE,aAAa,EAAA1D,MAAA,CAAA2D,MAAA,KAAKlD,IAAI,CAACD,MAAM,CAACoD,SAAS,CAAC5C,IAAI;IAAE6C,KAAK,EAAE;MAAEC,KAAK,EAAErD,IAAI,CAACD,MAAM,CAACuD,OAAO,CAAC;IAAE;EAAE,IAClF,IAAAC,sBAAU,EAACvD,IAAI,CAACD,MAAM,CAACoD,SAAS,CAACnD,IAAI,EAAEA,IAAI,CAACwD,UAAU,CAAC,CAAC,CAC9C,CAAC;AAAA,CACnB;AAED,IAAMC,aAAa,GAAGZ,SAAS,CAACE,SAAS,CAAC;AAO1C,IAAMW,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAAgD;EAAA,IAAtC/C,GAAG,GAAA+C,KAAA,CAAH/C,GAAG;IAAEgD,QAAQ,GAAAD,KAAA,CAARC,QAAQ;EACjC,oBACIrF,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACxC,UAAA,CAAAmF,YAAY;IAACD,QAAQ,EAAEA;EAAS,GAC5BhD,GAAG,CAACkD,eAAe,CAAC,CAAC,CAACrE,GAAG,CAAC,UAAAO,IAAI;IAAA,oBAC3BzB,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACuC,aAAa;MAAI/D,GAAG,EAAEM,IAAI,CAACH,EAAG;MAACG,IAAI,EAAEA;IAAK,CAAE,CAAC;EAAA,CACjD,CACS,CAAC;AAEvB,CAAC;AAED,IAAM+D,YAAY,GAAGlB,SAAS,CAACa,QAAQ,CAAC;AAEjC,IAAMM,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA,EAcN;EAAA,IAbZ5B,IAAI,GAAA4B,KAAA,CAAJ5B,IAAI;IACJrD,OAAO,GAAAiF,KAAA,CAAPjF,OAAO;IACPG,WAAW,GAAA8E,KAAA,CAAX9E,WAAW;IACXC,cAAc,GAAA6E,KAAA,CAAd7E,cAAc;IACd8E,aAAa,GAAAD,KAAA,CAAbC,aAAa;IACbC,UAAU,GAAAF,KAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IACRC,OAAO,GAAAJ,KAAA,CAAPI,OAAO;IACPC,eAAe,GAAAL,KAAA,CAAfK,eAAe;IACfC,eAAe,GAAAN,KAAA,CAAfM,eAAe;IAAAC,qBAAA,GAAAP,KAAA,CACf/E,gBAAgB;IAAhBA,gBAAgB,GAAAsF,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAAAC,kBAAA,GAAAR,KAAA,CACvBS,YAAY;IAAZA,YAAY,GAAAD,kBAAA,cAAG,EAAE,GAAAA,kBAAA;IACjBE,cAAc,GAAAV,KAAA,CAAdU,cAAc;EAEd,IAAMC,YAAY,GAAG,IAAAvF,cAAO,EAAC,YAAM;IAC/B,OAAOqF,YAAY,CAACG,MAAM,CAAoB,UAACC,GAAG,EAAEC,IAAI,EAAK;MACzD,IAAMC,WAAW,GAAG3C,IAAI,CAAC4C,SAAS,CAAC,UAAAC,GAAG;QAAA,OAAIA,GAAG,CAACrF,EAAE,KAAKkF,IAAI,CAAClF,EAAE;MAAA,EAAC;MAC7D,WAAAF,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAYkF,GAAG,WAAAK,gBAAA,CAAAvF,OAAA,MAAGoF,WAAW,EAAG,IAAI;IACxC,CAAC,EAAE,CAAC,CAAC,CAAC;EACV,CAAC,EAAE,CAACN,YAAY,EAAErC,IAAI,CAAC,CAAC;EAExB,IAAM+C,oBAAmD,GAAG,SAAtDA,oBAAmDA,CAAGC,OAAO,EAAI;IACnE,IAAI,OAAOlG,WAAW,KAAK,UAAU,EAAE;MACnC,IAAMmG,YAAY,GAAG,OAAOD,OAAO,KAAK,UAAU,GAAGA,OAAO,CAACT,YAAY,CAAC,GAAGS,OAAO;MACpF,IAAME,SAAS,GAAGhG,MAAM,CAACC,IAAI,CAAC8F,YAAY,CAAC,CAAC7F,GAAG,CAAC,UAAAC,GAAG;QAAA,OAAI2C,IAAI,CAACmD,QAAQ,CAAC9F,GAAG,CAAC,CAAC;MAAA,EAAC;MAC3EP,WAAW,CAACoG,SAAS,CAAC;IAC1B;EACJ,CAAC;EAED,IAAME,YAAY,GAAG,IAAApG,cAAO,EAAC,YAAM;IAC/B,IAAI,CAACiD,KAAK,CAACoD,OAAO,CAACrB,OAAO,CAAC,IAAI,CAACA,OAAO,CAACsB,MAAM,EAAE;MAC5C,OAAOhB,cAAc;IACzB;IACA,OAAON,OAAO;EAClB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAMpD,KAAK,GAAG,IAAA2E,yBAAa,EAAC;IACxBvD,IAAI,EAAED,UAAU,CAACC,IAAI,EAAEjD,cAAc,CAAC;IACtCJ,OAAO,EAAED,aAAa,CAACC,OAAO,EAAE;MAAEE,gBAAgB,EAAhBA,gBAAgB;MAAEC,WAAW,EAAXA,WAAW;MAAEC,cAAc,EAAdA;IAAe,CAAC,CAAC;IAClFyG,oBAAoB,EAAE,IAAI;IAC1BC,gBAAgB,EAAE,UAAU;IAC5BC,eAAe,EAAE,IAAAA,2BAAe,EAAC,CAAC;IAClCC,iBAAiB,EAAE,IAAAA,6BAAiB,EAAC,CAAC;IACtCC,KAAK,EAAE;MACHrB,YAAY,EAAZA,YAAY;MACZP,OAAO,EAAEoB;IACb,CAAC;IACDS,kBAAkB,EAAE3B,eAAe;IACnCa,oBAAoB,EAApBA,oBAAoB;IACpB/E,aAAa,EAAE,CAAC,CAACiE,eAAe;IAChC6B,aAAa,EAAE,IAAI;IACnB7B,eAAe,EAAfA;EACJ,CAAC,CAAC;EAEF,oBACI/F,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACpC,OAAA,CAAAsH,KAAK;IAAClC,aAAa,EAAEA,aAAc;IAACC,UAAU,EAAEA,UAAW;IAACC,QAAQ,EAAEA;EAAS,gBAC5E7F,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACxC,UAAA,CAAA2H,gBAAgB,qBACb9H,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACxC,UAAA,CAAA4H,aAAa,QACTrF,KAAK,CAACsF,eAAe,CAAC,CAAC,CAAC9G,GAAG,CAAC,UAAA+G,WAAW;IAAA,oBACpCjI,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACxC,UAAA,CAAAmF,YAAY;MAACnE,GAAG,EAAE8G,WAAW,CAAC3G;IAAG,GAC7B2G,WAAW,CAACC,OAAO,CAAChH,GAAG,CACpB,UAAAiH,KAAA;MAAA,IACI7G,EAAE,GAAA6G,KAAA,CAAF7G,EAAE;QACF8G,aAAa,GAAAD,KAAA,CAAbC,aAAa;QACb5G,MAAM,GAAA2G,KAAA,CAAN3G,MAAM;QACNyD,UAAU,GAAAkD,KAAA,CAAVlD,UAAU;QACVoD,OAAO,GAAAF,KAAA,CAAPE,OAAO;QACPtD,OAAO,GAAAoD,KAAA,CAAPpD,OAAO;QACPuD,gBAAgB,GAAAH,KAAA,CAAhBG,gBAAgB;MAAA,oBAEhBtI,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACpC,OAAA,CAAAgI,aAAa,EAAAvH,MAAA,CAAA2D,MAAA;QACVxD,GAAG,EAAEG;MAAG,GACJE,MAAM,CAACoD,SAAS,CAAC5C,IAAI;QACzBqG,OAAO,EAAEA,OAAQ;QACjBxD,KAAK,EAAE;UAAEC,KAAK,EAAEC,OAAO,CAAC;QAAE;MAAE,IAE3BqD,aAAa,GAAG,IAAI,gBACjBpI,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACpC,OAAA,CAAAiI,mBAAmB;QAChBC,OAAO,EAAEjH,MAAM,CAACkH,uBAAuB,CAAC,CAAE;QAC1CC,QAAQ,EAAEnH,MAAM,CAACoH,UAAU,CAAC;MAAE,GAE7B,IAAA5D,sBAAU,EAACxD,MAAM,CAACoD,SAAS,CAAC7C,MAAM,EAAEkD,UAAU,CAAC,CAAC,CAAC,eAClDjF,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACsB,eAAe;QACZE,SAAS,EAAE3C,MAAM,CAACqH,WAAW,CAAC,CAAC,IAAIC;MAAU,CAChD,CACgB,CACxB,EACAtH,MAAM,CAACuH,YAAY,CAAC,CAAC,iBAClB/I,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACpC,OAAA,CAAAyI,OAAO;QACJC,WAAW,EAAEX,gBAAgB,CAAC,CAAE;QAChCY,YAAY,EAAEZ,gBAAgB,CAAC,CAAE;QACjCa,UAAU,EAAE3H,MAAM,CAAC4H,aAAa,CAAC;MAAE,CACtC,CAEM,CAAC;IAAA,CAExB,CACU,CAAC;EAAA,CAClB,CACU,CAAC,eAChBpJ,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAACxC,UAAA,CAAAkJ,aAAa,QACT3G,KAAK,CAAC4G,WAAW,CAAC,CAAC,CAACC,IAAI,CAACrI,GAAG,CAAC,UAAAmB,GAAG;IAAA,oBAC7BrC,MAAA,CAAAqB,OAAA,CAAAsB,aAAA,CAAC6C,YAAY;MACTrE,GAAG,EAAEkB,GAAG,CAACC,QAAQ,CAAChB,EAAE,IAAIe,GAAG,CAACf,EAAG;MAC/Be,GAAG,EAAEA,GAAI;MACTgD,QAAQ,EAAEhD,GAAG,CAACkB,aAAa,CAAC;IAAE,CACjC,CAAC;EAAA,CACL,CACU,CACD,CACf,CAAC;AAEhB,CAAC;AAACiG,OAAA,CAAA/D,SAAA,GAAAA,SAAA"}
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/TimeAgo/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import TimeAgo from "timeago-react";
2
+ export type { TimeAgoProps, Opts, TDate } from "timeago-react";
3
+ export { TimeAgo };
package/TimeAgo/index.js ADDED
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "TimeAgo", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _timeagoReact.default;
11
+ }
12
+ });
13
+ var _timeagoReact = _interopRequireDefault(require("timeago-react"));
14
+
15
+ //# sourceMappingURL=index.js.map
package/TimeAgo/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_timeagoReact","_interopRequireDefault","require"],"sources":["index.ts"],"sourcesContent":["import TimeAgo from \"timeago-react\";\n\nexport type { TimeAgoProps, Opts, TDate } from \"timeago-react\";\n\nexport { TimeAgo };\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webiny/ui",
3
- "version": "5.38.0-beta.0",
3
+ "version": "5.38.0-beta.2",
4
4
  "main": "index.js",
5
5
  "repository": {
6
6
  "type": "git",
@@ -64,7 +64,8 @@
64
64
  "react-loading-skeleton": "3.1.0",
65
65
  "react-spinner-material": "1.1.4",
66
66
  "react-transition-group": "4.4.5",
67
- "shortid": "2.2.16"
67
+ "shortid": "2.2.16",
68
+ "timeago-react": "3.0.6"
68
69
  },
69
70
  "devDependencies": {
70
71
  "@babel/cli": "7.22.6",
@@ -82,11 +83,11 @@
82
83
  "@types/react-custom-scrollbars": "4.0.10",
83
84
  "@types/react-transition-group": "4.4.5",
84
85
  "@types/shortid": "0.0.29",
85
- "@webiny/cli": "5.38.0-beta.0",
86
- "@webiny/form": "5.38.0-beta.0",
87
- "@webiny/project-utils": "5.38.0-beta.0",
88
- "@webiny/storybook-utils": "5.38.0-beta.0",
89
- "@webiny/validation": "5.38.0-beta.0",
86
+ "@webiny/cli": "5.38.0-beta.2",
87
+ "@webiny/form": "5.38.0-beta.2",
88
+ "@webiny/project-utils": "5.38.0-beta.2",
89
+ "@webiny/storybook-utils": "5.38.0-beta.2",
90
+ "@webiny/validation": "5.38.0-beta.2",
90
91
  "babel-loader": "9.1.2",
91
92
  "babel-plugin-emotion": "9.2.11",
92
93
  "execa": "5.1.1",
@@ -133,5 +134,5 @@
133
134
  ]
134
135
  }
135
136
  },
136
- "gitHead": "5746389d4988626b50e2523ccfa0a9a5e398e0ed"
137
+ "gitHead": "63fa1cb573e06614cf4683d4648b9a9443d57158"
137
138
  }