@webiny/ui 5.43.2 → 6.0.0-alpha.0

package/DataTable/DataTable.js

@@ -1,333 +1,65 @@
-"use strict";
+import React from "react";
+import { DataTable as AdminDataTable } from "@webiny/admin-ui";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ColumnSort", {
-  enumerable: true,
-  get: function get() {
-    return _reactTable.ColumnSort;
-  }
-});
-exports.DataTable = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _dataTable = require("@rmwc/data-table");
-var _reactTable = require("@tanstack/react-table");
-var _Checkbox = require("../Checkbox");
-var _Skeleton = require("../Skeleton");
-var _ColumnsVisibility = require("./ColumnsVisibility");
-require("@rmwc/data-table/data-table.css");
-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) {
-      return (0, _objectSpread3.default)({
-        id: key
-      }, columns[key]);
-    });
-    var defaults = columnsList.map(function (column) {
-      var _cell = column.cell,
-        className = column.className,
-        _column$enableHiding = column.enableHiding,
-        enableHiding = _column$enableHiding === void 0 ? true : _column$enableHiding,
-        _column$enableResizin = column.enableResizing,
-        enableResizing = _column$enableResizin === void 0 ? true : _column$enableResizin,
-        _column$enableSorting = column.enableSorting,
-        enableSorting = _column$enableSorting === void 0 ? false : _column$enableSorting,
-        _header = column.header,
-        id = column.id,
-        meta = column.meta,
-        _column$size = column.size,
-        size = _column$size === void 0 ? 100 : _column$size;
-      return {
-        id: id,
-        accessorKey: id,
-        header: function header() {
-          return _header;
-        },
-        cell: function cell(info) {
-          if (_cell && typeof _cell === "function") {
-            return _cell(info.row.original);
-          } else {
-            // Automatically convert any cell value to a string for rendering,
-            // ensuring the table displays values correctly. This aligns with React's
-            // rendering, which expects JSX, strings or null.
-            // https://github.com/TanStack/table/issues/1042
-            return info.getValue() ? String(info.getValue()) : null;
-          }
-        },
-        enableSorting: enableSorting,
-        meta: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, meta), {}, {
-          className: className
-        }),
-        enableResizing: enableResizing,
-        size: size,
-        enableHiding: enableHiding
-      };
-    });
-    var isSelectable = onToggleRow || onSelectRow;
-    var select = isSelectable ? [{
-      id: "datatable-select-column",
-      header: function header(_ref) {
-        var table = _ref.table;
-        if (!canSelectAllRows) {
-          return null;
-        }
-        return !loadingInitial && /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
-          indeterminate: table.getIsSomeRowsSelected(),
-          value: table.getIsAllRowsSelected(),
-          onChange: function onChange(e) {
-            return table.toggleAllPageRowsSelected(e);
-          }
-        });
-      },
-      cell: function cell(info) {
-        if (!info.row.getCanSelect()) {
-          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-        }
-        return /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
-          indeterminate: info.row.getIsSomeSelected(),
-          value: info.row.getIsSelected(),
-          onChange: info.row.getToggleSelectedHandler()
-        });
-      },
-      enableSorting: false,
-      enableResizing: false,
-      enableHiding: false,
-      size: 56
-    }] : [];
-    return [].concat(select, (0, _toConsumableArray2.default)(defaults)).map(function (column) {
-      if (loadingInitial) {
-        return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, column), {}, {
-          cell: function cell() {
-            return /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
-              containerClassName: "table-skeleton-container"
-            });
-          }
-        });
-      }
-      return column;
-    });
-  }, [columns, onSelectRow, onToggleRow, loadingInitial]);
-};
-var ColumnDirection = function ColumnDirection(_ref2) {
-  var direction = _ref2.direction;
-  if (direction) {
-    return /*#__PURE__*/_react.default.createElement(_styled.ColumnDirectionWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.ColumnDirectionIcon, {
-      direction: direction
-    }));
-  }
-  return null;
-};
-var typedMemo = _react.memo;
-var TableCell = function TableCell(_ref3) {
-  var cell = _ref3.cell,
-    getColumnWidth = _ref3.getColumnWidth;
-  var width = getColumnWidth(cell.column);
-  return /*#__PURE__*/_react.default.createElement(_styled.DataTableCell, Object.assign({}, cell.column.columnDef.meta, {
-    style: {
-      width: width,
-      maxWidth: width
-    }
-  }), /*#__PURE__*/_react.default.createElement(_styled.ColumnCellWrapper, null, (0, _reactTable.flexRender)(cell.column.columnDef.cell, cell.getContext())));
-};
-var MemoTableCell = typedMemo(TableCell);
-var TableRow = function TableRow(_ref4) {
-  var selected = _ref4.selected,
-    cells = _ref4.cells,
-    getColumnWidth = _ref4.getColumnWidth;
-  return /*#__PURE__*/_react.default.createElement(_dataTable.DataTableRow, {
-    selected: selected
-  }, cells.map(function (cell) {
-    return /*#__PURE__*/_react.default.createElement(MemoTableCell, {
-      key: cell.id,
-      cell: cell,
-      getColumnWidth: getColumnWidth,
-      selected: selected
-    });
-  }));
-};
-var MemoTableRow = typedMemo(TableRow);
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
+
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
+
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
+
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
+
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
 
 /**
- * Empty array must be defined outside of the React component so it does not force rerendering of the DataTable
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
  */
-var emptyArray = Array(10).fill({});
-var DataTable = exports.DataTable = function DataTable(_ref5) {
-  var initialData = _ref5.data,
-    initialColumns = _ref5.columns,
-    onSelectRow = _ref5.onSelectRow,
-    onToggleRow = _ref5.onToggleRow,
-    loadingInitial = _ref5.loadingInitial,
-    stickyColumns = _ref5.stickyColumns,
-    stickyRows = _ref5.stickyRows,
-    bordered = _ref5.bordered,
-    sorting = _ref5.sorting,
-    columnVisibility = _ref5.columnVisibility,
-    onColumnVisibilityChange = _ref5.onColumnVisibilityChange,
-    onSortingChange = _ref5.onSortingChange,
-    isRowSelectable = _ref5.isRowSelectable,
-    _ref5$canSelectAllRow = _ref5.canSelectAllRows,
-    canSelectAllRows = _ref5$canSelectAllRow === void 0 ? true : _ref5$canSelectAllRow,
-    _ref5$selectedRows = _ref5.selectedRows,
-    selectedRows = _ref5$selectedRows === void 0 ? [] : _ref5$selectedRows,
-    initialSorting = _ref5.initialSorting;
-  var tableRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(1),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    tableWidth = _useState2[0],
-    setTableWidth = _useState2[1];
-  var data = loadingInitial ? emptyArray : initialData;
-  (0, _react.useEffect)(function () {
-    var updateElementWidth = function updateElementWidth() {
-      if (tableRef.current) {
-        var width = tableRef.current.clientWidth;
-        setTableWidth(width);
-      }
-    };
-    updateElementWidth();
-    window.addEventListener("resize", updateElementWidth);
-    return function () {
-      window.removeEventListener("resize", updateElementWidth);
-    };
-  }, [tableRef.current]);
-  var rowSelection = (0, _react.useMemo)(function () {
-    return selectedRows.reduce(function (acc, item) {
-      var recordIndex = data.findIndex(function (rec) {
-        return rec.id === item.id;
-      });
-      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), {}, (0, _defineProperty2.default)({}, recordIndex, true));
-    }, {});
-  }, [selectedRows, data]);
-  var onRowSelectionChange = function onRowSelectionChange(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);
-    })));
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
 
-    // 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)];
-      });
-      onSelectRow(selection);
-    }
-  };
-  var tableSorting = (0, _react.useMemo)(function () {
-    if (!Array.isArray(sorting) || !sorting.length) {
-      return initialSorting;
-    }
-    return sorting;
-  }, [sorting]);
-  var columns = defineColumns(initialColumns, {
-    canSelectAllRows: canSelectAllRows,
-    onSelectRow: onSelectRow,
-    onToggleRow: onToggleRow,
-    loadingInitial: loadingInitial
-  });
-  var table = (0, _reactTable.useReactTable)({
-    data: data,
-    columns: columns,
-    enableColumnResizing: true,
-    columnResizeMode: "onChange",
-    getCoreRowModel: (0, _reactTable.getCoreRowModel)(),
-    getSortedRowModel: (0, _reactTable.getSortedRowModel)(),
-    state: {
-      rowSelection: rowSelection,
-      sorting: tableSorting,
-      columnVisibility: columnVisibility
-    },
-    enableRowSelection: isRowSelectable,
-    onRowSelectionChange: onRowSelectionChange,
-    enableSorting: !!onSortingChange,
-    enableSortingRemoval: false,
-    manualSorting: true,
-    onSortingChange: onSortingChange,
-    enableHiding: !!onColumnVisibilityChange,
-    onColumnVisibilityChange: onColumnVisibilityChange
-  });
-  var getColumnWidth = (0, _react.useCallback)(function (column) {
-    if (!column.getCanResize()) {
-      return column.getSize();
-    }
-    var tableSize = table.getTotalSize();
-    var columnSize = column.getSize();
-    return Math.ceil(columnSize * tableWidth / tableSize);
-  }, [table, tableWidth]);
-  /**
-   * Had to memoize the rows to avoid browser freeze.
-   */
-  var tableRows = (0, _react.useMemo)(function () {
-    return table.getRowModel().rows;
-  }, [table, data, columns]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: tableRef
-  }, /*#__PURE__*/_react.default.createElement(_styled.Table, {
-    stickyColumns: stickyColumns,
-    stickyRows: stickyRows,
-    bordered: bordered
-  }, /*#__PURE__*/_react.default.createElement(_dataTable.DataTableContent, null, /*#__PURE__*/_react.default.createElement(_dataTable.DataTableHead, null, table.getHeaderGroups().map(function (headerGroup) {
-    return /*#__PURE__*/_react.default.createElement(_dataTable.DataTableRow, {
-      key: headerGroup.id
-    }, headerGroup.headers.map(function (header, index) {
-      var isLastCell = index === headerGroup.headers.length - 1;
-      var width = getColumnWidth(header.column);
-      return /*#__PURE__*/_react.default.createElement(_styled.TableHeadCell, Object.assign({
-        key: header.id
-      }, header.column.columnDef.meta, {
-        colSpan: header.colSpan,
-        style: {
-          width: width,
-          maxWidth: width
-        }
-      }), header.isPlaceholder ? null : /*#__PURE__*/_react.default.createElement(_styled.ColumnHeaderWrapper, {
-        onClick: header.column.getToggleSortingHandler(),
-        sortable: header.column.getCanSort(),
-        isLastCell: isLastCell
-      }, (0, _reactTable.flexRender)(header.column.columnDef.header, header.getContext()), /*#__PURE__*/_react.default.createElement(ColumnDirection, {
-        direction: header.column.getIsSorted() || undefined
-      }), isLastCell && /*#__PURE__*/_react.default.createElement(_ColumnsVisibility.ColumnsVisibility, {
-        columns: table.getAllColumns()
-      })), header.column.getCanResize() && /*#__PURE__*/_react.default.createElement(_styled.Resizer, {
-        onMouseDown: header.getResizeHandler(),
-        onTouchStart: header.getResizeHandler(),
-        isResizing: header.column.getIsResizing()
-      }));
-    }));
-  })), /*#__PURE__*/_react.default.createElement(_dataTable.DataTableBody, null, tableRows.map(function (row) {
-    var id = row.original.id || row.id;
-    return /*#__PURE__*/_react.default.createElement(MemoTableRow, {
-      key: id,
-      cells: row.getVisibleCells(),
-      selected: row.getIsSelected(),
-      getColumnWidth: getColumnWidth
-    });
-  })))));
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
+
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
+
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DataTable` component from the `@webiny/admin-ui` package instead.
+ */
+const DataTable = ({
+  loadingInitial,
+  stickyRows,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(AdminDataTable, Object.assign({}, props, {
+    loading: loadingInitial,
+    stickyHeader: !!stickyRows
+  }));
 };
+export { DataTable };
 
 //# sourceMappingURL=DataTable.js.map

package/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_dataTable","_reactTable","_Checkbox","_Skeleton","_ColumnsVisibility","_styled","defineColumns","columns","options","canSelectAllRows","onSelectRow","onToggleRow","loadingInitial","useMemo","columnsList","Object","keys","map","key","_objectSpread3","default","id","defaults","column","cell","className","_column$enableHiding","enableHiding","_column$enableResizin","enableResizing","_column$enableSorting","enableSorting","header","meta","_column$size","size","accessorKey","info","row","original","getValue","String","isSelectable","select","_ref","table","createElement","Checkbox","indeterminate","getIsSomeRowsSelected","value","getIsAllRowsSelected","onChange","e","toggleAllPageRowsSelected","getCanSelect","Fragment","getIsSomeSelected","getIsSelected","getToggleSelectedHandler","concat","_toConsumableArray2","Skeleton","containerClassName","ColumnDirection","_ref2","direction","ColumnDirectionWrapper","ColumnDirectionIcon","typedMemo","memo","TableCell","_ref3","getColumnWidth","width","DataTableCell","assign","columnDef","style","maxWidth","ColumnCellWrapper","flexRender","getContext","MemoTableCell","TableRow","_ref4","selected","cells","DataTableRow","MemoTableRow","emptyArray","Array","fill","DataTable","exports","_ref5","initialData","data","initialColumns","stickyColumns","stickyRows","bordered","sorting","columnVisibility","onColumnVisibilityChange","onSortingChange","isRowSelectable","_ref5$canSelectAllRow","_ref5$selectedRows","selectedRows","initialSorting","tableRef","useRef","_useState","useState","_useState2","_slicedToArray2","tableWidth","setTableWidth","useEffect","updateElementWidth","current","clientWidth","window","addEventListener","removeEventListener","rowSelection","reduce","acc","item","recordIndex","findIndex","rec","_defineProperty2","onRowSelectionChange","updater","newSelection","toggledRows","filter","x","length","parseInt","selection","tableSorting","isArray","useReactTable","enableColumnResizing","columnResizeMode","getCoreRowModel","getSortedRowModel","state","enableRowSelection","enableSortingRemoval","manualSorting","useCallback","getCanResize","getSize","tableSize","getTotalSize","columnSize","Math","ceil","tableRows","getRowModel","rows","ref","Table","DataTableContent","DataTableHead","getHeaderGroups","headerGroup","headers","index","isLastCell","TableHeadCell","colSpan","isPlaceholder","ColumnHeaderWrapper","onClick","getToggleSortingHandler","sortable","getCanSort","getIsSorted","undefined","ColumnsVisibility","getAllColumns","Resizer","onMouseDown","getResizeHandler","onTouchStart","isResizing","getIsResizing","DataTableBody","getVisibleCells"],"sources":["DataTable.tsx"],"sourcesContent":["import React, {\n    memo,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState\n} from \"react\";\n\nimport {\n    DataTableBody,\n    DataTableCellProps,\n    DataTableContent,\n    DataTableHead,\n    DataTableRow\n} from \"@rmwc/data-table\";\n\nimport {\n    Cell,\n    Column as DefaultColumn,\n    ColumnDef,\n    ColumnSort,\n    flexRender,\n    getCoreRowModel,\n    getSortedRowModel,\n    OnChangeFn,\n    Row,\n    RowSelectionState,\n    SortingState,\n    useReactTable,\n    VisibilityState\n} from \"@tanstack/react-table\";\n\nimport { Checkbox } from \"~/Checkbox\";\nimport { Skeleton } from \"~/Skeleton\";\nimport { ColumnDirectionProps } from \"~/DataTable/ColumnDirection\";\nimport { ColumnsVisibility } from \"~/DataTable/ColumnsVisibility\";\n\nimport \"@rmwc/data-table/data-table.css\";\nimport {\n    ColumnCellWrapper,\n    ColumnDirectionIcon,\n    ColumnDirectionWrapper,\n    ColumnHeaderWrapper,\n    DataTableCell,\n    Resizer,\n    Table,\n    TableHeadCell\n} from \"./styled\";\n\nexport interface Column<T> {\n    /*\n     * Column header component.\n     */\n    header: string | number | JSX.Element;\n    /*\n     * Cell renderer, receives the full row and returns the value to render inside the cell.\n     */\n    cell?: (row: T) => string | number | JSX.Element | null;\n    /*\n     * Additional props to add to both header and row cells. Refer to RMWC documentation.\n     */\n    meta?: DataTableCellProps;\n    /*\n     * Column size.\n     */\n    size?: number;\n    /*\n     * Column class names.\n     */\n    className?: string;\n    /*\n     * Enable column sorting.\n     */\n    enableSorting?: boolean;\n    /*\n     * Enable column resizing.\n     */\n    enableResizing?: boolean;\n    /*\n     * Enable column visibility toggling.\n     */\n    enableHiding?: boolean;\n}\n\nexport type Columns<T> = {\n    [P in keyof T]?: Column<T>;\n};\n\nexport type DefaultData = {\n    id: string;\n    /*\n     * Define if a specific row can be selected.\n     */\n    $selectable?: boolean;\n};\n\nexport type TableRow<T> = Row<DefaultData & T>;\n\nexport type Sorting = SortingState;\n\nexport { ColumnSort };\n\nexport type OnSortingChange = OnChangeFn<Sorting>;\n\nexport type ColumnVisibility = VisibilityState;\n\nexport type OnColumnVisibilityChange = OnChangeFn<ColumnVisibility>;\n\ninterface Props<T> {\n    /**\n     * Show or hide borders.\n     */\n    bordered?: boolean;\n    /**\n     * Controls whether \"select all\" action is allowed.\n     */\n    canSelectAllRows?: boolean;\n    /**\n     * Columns definition.\n     */\n    columns: Columns<T>;\n    /**\n     * The column visibility state.\n     */\n    columnVisibility?: ColumnVisibility;\n    /**\n     * Callback that receives current column visibility state.\n     */\n    onColumnVisibilityChange?: OnColumnVisibilityChange;\n    /**\n     * Data to display into DataTable body.\n     */\n    data: T[];\n    /**\n     * Callback that is called to determine if the row is selectable.\n     */\n    isRowSelectable?: (row: Row<T>) => boolean;\n    /**\n     * Render the skeleton state at the initial data loading.\n     */\n    loadingInitial?: boolean;\n    /**\n     * Callback that receives the selected rows.\n     */\n    onSelectRow?: (rows: T[]) => void;\n    /**\n     * Callback that receives the toggled row.\n     */\n    onToggleRow?: (row: T) => void;\n    /**\n     * Callback that receives current sorting state.\n     */\n    onSortingChange?: OnSortingChange;\n    /**\n     * Selected rows.\n     */\n    selectedRows?: T[];\n    /**\n     * Sorting state.\n     */\n    sorting?: Sorting;\n    /**\n     * Initial sorting state.\n     */\n    initialSorting?: Sorting;\n    /**\n     * The number of columns to affix to the side of the table when scrolling.\n     */\n    stickyColumns?: number;\n    /**\n     * The number of rows to affix to the top of the table when scrolling.\n     */\n    stickyRows?: number;\n}\n\ninterface DefineColumnsOptions<T> {\n    canSelectAllRows: boolean;\n    onSelectRow?: Props<T>[\"onSelectRow\"];\n    onToggleRow: Props<T>[\"onToggleRow\"];\n    loadingInitial: Props<T>[\"loadingInitial\"];\n}\n\nconst defineColumns = <T,>(\n    columns: Props<T>[\"columns\"],\n    options: DefineColumnsOptions<T>\n): ColumnDef<T>[] => {\n    const { canSelectAllRows, onSelectRow, onToggleRow, loadingInitial } = options;\n\n    return useMemo(() => {\n        const columnsList = Object.keys(columns).map(key => ({\n            id: key,\n            ...columns[key as keyof typeof columns]\n        }));\n\n        const defaults: ColumnDef<T>[] = columnsList.map(column => {\n            const {\n                cell,\n                className,\n                enableHiding = true,\n                enableResizing = true,\n                enableSorting = false,\n                header,\n                id,\n                meta,\n                size = 100\n            } = column;\n\n            return {\n                id,\n                accessorKey: id,\n                header: () => header,\n                cell: info => {\n                    if (cell && typeof cell === \"function\") {\n                        return cell(info.row.original);\n                    } else {\n                        // Automatically convert any cell value to a string for rendering,\n                        // ensuring the table displays values correctly. This aligns with React's\n                        // rendering, which expects JSX, strings or null.\n                        // https://github.com/TanStack/table/issues/1042\n                        return info.getValue() ? String(info.getValue()) : null;\n                    }\n                },\n                enableSorting,\n                meta: {\n                    ...meta,\n                    className\n                },\n                enableResizing,\n                size,\n                enableHiding\n            };\n        });\n\n        const isSelectable = onToggleRow || onSelectRow;\n\n        const select: ColumnDef<T>[] = isSelectable\n            ? [\n                  {\n                      id: \"datatable-select-column\",\n                      header: ({ table }) => {\n                          if (!canSelectAllRows) {\n                              return null;\n                          }\n\n                          return (\n                              !loadingInitial && (\n                                  <Checkbox\n                                      indeterminate={table.getIsSomeRowsSelected()}\n                                      value={table.getIsAllRowsSelected()}\n                                      onChange={e => table.toggleAllPageRowsSelected(e)}\n                                  />\n                              )\n                          );\n                      },\n                      cell: info => {\n                          if (!info.row.getCanSelect()) {\n                              return <></>;\n                          }\n                          return (\n                              <Checkbox\n                                  indeterminate={info.row.getIsSomeSelected()}\n                                  value={info.row.getIsSelected()}\n                                  onChange={info.row.getToggleSelectedHandler()}\n                              />\n                          );\n                      },\n                      enableSorting: false,\n                      enableResizing: false,\n                      enableHiding: false,\n                      size: 56\n                  }\n              ]\n            : [];\n\n        return [...select, ...defaults].map(column => {\n            if (loadingInitial) {\n                return {\n                    ...column,\n                    cell: () => <Skeleton containerClassName=\"table-skeleton-container\" />\n                };\n            }\n\n            return column;\n        });\n    }, [columns, onSelectRow, onToggleRow, loadingInitial]);\n};\n\nconst ColumnDirection = ({ direction }: ColumnDirectionProps): ReactElement | null => {\n    if (direction) {\n        return (\n            <ColumnDirectionWrapper>\n                <ColumnDirectionIcon direction={direction} />\n            </ColumnDirectionWrapper>\n        );\n    }\n\n    return null;\n};\n\nconst typedMemo: <T>(component: T) => T = memo;\n\ninterface TableCellProps<T> {\n    cell: Cell<T, unknown>;\n    getColumnWidth: (column: DefaultColumn<T>) => number;\n    selected: boolean;\n}\n\nconst TableCell = <T,>({ cell, getColumnWidth }: TableCellProps<T>) => {\n    const width = getColumnWidth(cell.column);\n\n    return (\n        <DataTableCell {...cell.column.columnDef.meta} style={{ width, maxWidth: width }}>\n            <ColumnCellWrapper>\n                {flexRender(cell.column.columnDef.cell, cell.getContext())}\n            </ColumnCellWrapper>\n        </DataTableCell>\n    );\n};\n\nconst MemoTableCell = typedMemo(TableCell);\n\ninterface TableRowProps<T> {\n    selected: boolean;\n    cells: Cell<T, unknown>[];\n    getColumnWidth: (column: DefaultColumn<T>) => number;\n}\n\nconst TableRow = <T,>({ selected, cells, getColumnWidth }: TableRowProps<T>) => {\n    return (\n        <DataTableRow selected={selected}>\n            {cells.map(cell => (\n                <MemoTableCell<T>\n                    key={cell.id}\n                    cell={cell}\n                    getColumnWidth={getColumnWidth}\n                    selected={selected}\n                />\n            ))}\n        </DataTableRow>\n    );\n};\n\nconst MemoTableRow = typedMemo(TableRow);\n\n/**\n * Empty array must be defined outside of the React component so it does not force rerendering of the DataTable\n */\nconst emptyArray = Array(10).fill({});\n\nexport const DataTable = <T extends Record<string, any> & DefaultData>({\n    data: initialData,\n    columns: initialColumns,\n    onSelectRow,\n    onToggleRow,\n    loadingInitial,\n    stickyColumns,\n    stickyRows,\n    bordered,\n    sorting,\n    columnVisibility,\n    onColumnVisibilityChange,\n    onSortingChange,\n    isRowSelectable,\n    canSelectAllRows = true,\n    selectedRows = [],\n    initialSorting\n}: Props<T>) => {\n    const tableRef = useRef<HTMLDivElement>(null);\n    const [tableWidth, setTableWidth] = useState(1);\n\n    const data = loadingInitial ? emptyArray : initialData;\n\n    useEffect(() => {\n        const updateElementWidth = () => {\n            if (tableRef.current) {\n                const width = tableRef.current.clientWidth;\n                setTableWidth(width);\n            }\n        };\n\n        updateElementWidth();\n\n        window.addEventListener(\"resize\", updateElementWidth);\n\n        return () => {\n            window.removeEventListener(\"resize\", updateElementWidth);\n        };\n    }, [tableRef.current]);\n\n    const rowSelection = useMemo(() => {\n        return selectedRows.reduce<RowSelectionState>((acc, item) => {\n            const recordIndex = data.findIndex(rec => rec.id === item.id);\n            return { ...acc, [recordIndex]: true };\n        }, {});\n    }, [selectedRows, data]);\n\n    const onRowSelectionChange: OnChangeFn<RowSelectionState> = updater => {\n        const newSelection = typeof updater === \"function\" ? updater(rowSelection) : updater;\n\n        /**\n         * `@tanstack/react-table` isn't telling us what row was selected or deselected. It simply gives us\n         * the new selection state (an object with row indexes that are currently selected).\n         *\n         * To figure out what row was toggled, we need to calculate the difference between the old selection\n         * and the new selection. What we're doing here is:\n         * - find all items that were present in the previous selection, but are no longer present in the new selection\n         * - find all items that are present in the new selection, but were not present in the previous selection\n         */\n        const toggledRows = [\n            ...Object.keys(rowSelection).filter(x => !(x in newSelection)),\n            ...Object.keys(newSelection).filter(x => !(x in rowSelection))\n        ];\n\n        // If the difference is only 1 item, and `onToggleRow` is available, execute that.\n        if (toggledRows.length === 1 && typeof onToggleRow === \"function\") {\n            onToggleRow(data[parseInt(toggledRows[0])]);\n            return;\n        } else if (typeof onSelectRow === \"function\") {\n            const selection = Object.keys(newSelection).map(key => data[parseInt(key)]);\n            onSelectRow(selection);\n        }\n    };\n\n    const tableSorting = useMemo(() => {\n        if (!Array.isArray(sorting) || !sorting.length) {\n            return initialSorting;\n        }\n        return sorting;\n    }, [sorting]);\n\n    const columns = defineColumns(initialColumns, {\n        canSelectAllRows,\n        onSelectRow,\n        onToggleRow,\n        loadingInitial\n    });\n\n    const table = useReactTable<T>({\n        data,\n        columns,\n        enableColumnResizing: true,\n        columnResizeMode: \"onChange\",\n        getCoreRowModel: getCoreRowModel(),\n        getSortedRowModel: getSortedRowModel(),\n        state: {\n            rowSelection,\n            sorting: tableSorting,\n            columnVisibility\n        },\n        enableRowSelection: isRowSelectable,\n        onRowSelectionChange,\n        enableSorting: !!onSortingChange,\n        enableSortingRemoval: false,\n        manualSorting: true,\n        onSortingChange,\n        enableHiding: !!onColumnVisibilityChange,\n        onColumnVisibilityChange\n    });\n\n    const getColumnWidth = useCallback(\n        (column: DefaultColumn<T>): number => {\n            if (!column.getCanResize()) {\n                return column.getSize();\n            }\n\n            const tableSize = table.getTotalSize();\n            const columnSize = column.getSize();\n\n            return Math.ceil((columnSize * tableWidth) / tableSize);\n        },\n        [table, tableWidth]\n    );\n    /**\n     * Had to memoize the rows to avoid browser freeze.\n     */\n    const tableRows = useMemo(() => {\n        return table.getRowModel().rows;\n    }, [table, data, columns]);\n\n    return (\n        <div ref={tableRef}>\n            <Table stickyColumns={stickyColumns} stickyRows={stickyRows} bordered={bordered}>\n                <DataTableContent>\n                    <DataTableHead>\n                        {table.getHeaderGroups().map(headerGroup => (\n                            <DataTableRow key={headerGroup.id}>\n                                {headerGroup.headers.map((header, index) => {\n                                    const isLastCell = index === headerGroup.headers.length - 1;\n                                    const width = getColumnWidth(header.column);\n\n                                    return (\n                                        <TableHeadCell\n                                            key={header.id}\n                                            {...header.column.columnDef.meta}\n                                            colSpan={header.colSpan}\n                                            style={{ width, maxWidth: width }}\n                                        >\n                                            {header.isPlaceholder ? null : (\n                                                <ColumnHeaderWrapper\n                                                    onClick={header.column.getToggleSortingHandler()}\n                                                    sortable={header.column.getCanSort()}\n                                                    isLastCell={isLastCell}\n                                                >\n                                                    {flexRender(\n                                                        header.column.columnDef.header,\n                                                        header.getContext()\n                                                    )}\n                                                    <ColumnDirection\n                                                        direction={\n                                                            header.column.getIsSorted() || undefined\n                                                        }\n                                                    />\n                                                    {isLastCell && (\n                                                        <ColumnsVisibility\n                                                            columns={table.getAllColumns()}\n                                                        />\n                                                    )}\n                                                </ColumnHeaderWrapper>\n                                            )}\n                                            {header.column.getCanResize() && (\n                                                <Resizer\n                                                    onMouseDown={header.getResizeHandler()}\n                                                    onTouchStart={header.getResizeHandler()}\n                                                    isResizing={header.column.getIsResizing()}\n                                                />\n                                            )}\n                                        </TableHeadCell>\n                                    );\n                                })}\n                            </DataTableRow>\n                        ))}\n                    </DataTableHead>\n                    <DataTableBody>\n                        {tableRows.map(row => {\n                            const id = row.original.id || row.id;\n                            return (\n                                <MemoTableRow<T>\n                                    key={id}\n                                    cells={row.getVisibleCells()}\n                                    selected={row.getIsSelected()}\n                                    getColumnWidth={getColumnWidth}\n                                />\n                            );\n                        })}\n                    </DataTableBody>\n                </DataTableContent>\n            </Table>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","DataTable","AdminDataTable","loadingInitial","stickyRows","props","createElement","Object","assign","loading","stickyHeader"],"sources":["DataTable.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    DataTable as AdminDataTable,\n    DataTableColumn,\n    DataTableColumns,\n    DataTableColumnSort,\n    DataTableColumnVisibility,\n    DataTableDefaultData,\n    DataTableProps as AdminDataTableProps,\n    DataTableRow,\n    DataTableSorting,\n    OnDataTableColumnVisibilityChange,\n    OnDataTableSortingChange\n} from \"@webiny/admin-ui\";\n\n/**\n * @deprecated @webiny/ui package is deprecated and will be removed in future releases.\n * Please check `DataTable` types from the `@webiny/admin-ui` package instead.\n */\ntype Column<T> = DataTableColumn<T>;\n/**\n * @deprecated @webiny/ui package is deprecated and will be removed in future releases.\n * Please check `DataTable` types from the `@webiny/admin-ui` package instead.\n */\ntype ColumnSort = DataTableColumnSort;\n/**\n * @deprecated @webiny/ui package is deprecated and will be removed in future releases.\n * Please check `DataTable` types from the `@webiny/admin-ui` package instead.\n */\ntype ColumnVisibility = DataTableColumnVisibility;\n/**\n * @deprecated @webiny/ui package is deprecated and will be removed in future releases.\n * Please check `DataTable` types from the `@webiny/admin-ui` package instead.\n */\ntype Columns<T> = DataTableColumns<T>;\n/**\n * @deprecated @webiny/ui package is deprecated and will be removed in future releases.\n * Please check `DataTable` types from the `@webiny/admin-ui` package instead.\n */\ntype DefaultData = DataTableDefaultData;\n/**\n * @deprecated @webiny/ui package is deprecated and will be removed in future releases.\n * Please check `DataTable` types from the `@webiny/admin-ui` package instead.\n */\ntype OnColumnVisibilityChange = OnDataTableColumnVisibilityChange;\n/**\n * @deprecated @webiny/ui package is deprecated and will be removed in future releases.\n * Please check `DataTable` types from the `@webiny/admin-ui` package instead.\n */\ntype OnSortingChange = OnDataTableSortingChange;\n/**\n * @deprecated @webiny/ui package is deprecated and will be removed in future releases.\n * Please check `DataTable` types from the `@webiny/admin-ui` package instead.\n */\ntype Sorting = DataTableSorting;\n/**\n * @deprecated @webiny/ui package is deprecated and will be removed in future releases.\n * Please check `DataTable` types from the `@webiny/admin-ui` package instead.\n */\ntype TableRow<T> = DataTableRow<T>;\n\ninterface DataTableProps<TEntry>\n    extends Omit<AdminDataTableProps<TEntry>, \"loading\" | \"stickyHeader\"> {\n    loadingInitial?: AdminDataTableProps<TEntry>[\"loading\"];\n    stickyRows?: number;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `DataTable` component from the `@webiny/admin-ui` package instead.\n */\nconst DataTable = <T extends Record<string, any> & DataTableDefaultData>({\n    loadingInitial,\n    stickyRows,\n    ...props\n}: DataTableProps<T>) => {\n    return <AdminDataTable {...props} loading={loadingInitial} stickyHeader={!!stickyRows} />;\n};\n\nexport {\n    DataTable,\n    type Column,\n    type ColumnSort,\n    type ColumnVisibility,\n    type Columns,\n    type DefaultData,\n    type OnColumnVisibilityChange,\n    type OnSortingChange,\n    type Sorting,\n    type TableRow\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACIC,SAAS,IAAIC,cAAc,QAWxB,kBAAkB;;AAEzB;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AASA;AACA;AACA;AACA;AACA,MAAMD,SAAS,GAAGA,CAAuD;EACrEE,cAAc;EACdC,UAAU;EACV,GAAGC;AACY,CAAC,KAAK;EACrB,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,cAAc,EAAAK,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEI,OAAO,EAAEN,cAAe;IAACO,YAAY,EAAE,CAAC,CAACN;EAAW,EAAE,CAAC;AAC7F,CAAC;AAED,SACIH,SAAS","ignoreList":[]}

package/DataTable/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _DataTable = require("./DataTable");
-Object.keys(_DataTable).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DataTable[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DataTable[key];
-    }
-  });
-});
+export * from "./DataTable";
 
 //# sourceMappingURL=index.js.map

package/DataTable/index.js.map

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

package/DateTime/Date.js

@@ -1,23 +1,16 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DateComponent = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var DateComponent = exports.DateComponent = function DateComponent(_ref) {
-  var date = _ref.date,
-    _ref$options = _ref.options,
-    options = _ref$options === void 0 ? {
-      day: "numeric",
-      month: "long",
-      year: "numeric"
-    } : _ref$options,
-    locale = _ref.locale;
-  var formatDate = (0, _react.useMemo)(function () {
+import React, { useMemo } from "react";
+export const DateComponent = ({
+  date,
+  options = {
+    day: "numeric",
+    month: "long",
+    year: "numeric"
+  },
+  locale
+}) => {
+  const formatDate = useMemo(() => {
     // Convert the input string to a Date object
-    var dateObject = new Date(date);
+    const dateObject = new Date(date);
 
     // Check if the input date is valid
     if (isNaN(dateObject.getDate())) {
@@ -31,10 +24,10 @@ var DateComponent = exports.DateComponent = function DateComponent(_ref) {
      *  - try to guess the navigator language, use it only if it's a subset of `en`locale, since the admin is not localized.
      *  - use `en-US`as default.
      */
-    var localeCode = locale || (navigator.language && navigator.language.startsWith("en") ? navigator.language : "en-US");
+    const localeCode = locale || (navigator.language && navigator.language.startsWith("en") ? navigator.language : "en-US");
     return new Intl.DateTimeFormat(localeCode, options).format(dateObject);
   }, [date, locale, options]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formatDate);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, formatDate);
 };
 
 //# sourceMappingURL=Date.js.map

package/DateTime/Date.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","DateComponent","exports","_ref","date","_ref$options","options","day","month","year","locale","formatDate","useMemo","dateObject","Date","isNaN","getDate","console","log","localeCode","navigator","language","startsWith","Intl","DateTimeFormat","format","default","createElement","Fragment"],"sources":["Date.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nexport interface DateComponentProps {\n    date: string;\n    options?: Intl.DateTimeFormatOptions;\n    locale?: string;\n}\n\nexport const DateComponent = ({\n    date,\n    options = {\n        day: \"numeric\",\n        month: \"long\",\n        year: \"numeric\"\n    },\n    locale\n}: DateComponentProps) => {\n    const formatDate = useMemo(() => {\n        // Convert the input string to a Date object\n        const dateObject = new Date(date);\n\n        // Check if the input date is valid\n        if (isNaN(dateObject.getDate())) {\n            console.log(\"Invalid date\");\n            return \"\";\n        }\n\n        /**\n         *  Determine the final locale:\n         *  - use the prop `locale` if provided.\n         *  - try to guess the navigator language, use it only if it's a subset of `en`locale, since the admin is not localized.\n         *  - use `en-US`as default.\n         */\n        const localeCode =\n            locale ||\n            (navigator.language && navigator.language.startsWith(\"en\")\n                ? navigator.language\n                : \"en-US\");\n\n        return new Intl.DateTimeFormat(localeCode, options).format(dateObject);\n    }, [date, locale, options]);\n\n    return <>{formatDate}</>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQO,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAAE,IAAA,EAQA;EAAA,IAPtBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,YAAA,GAAAF,IAAA,CACJG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG;MACNE,GAAG,EAAE,SAAS;MACdC,KAAK,EAAE,MAAM;MACbC,IAAI,EAAE;IACV,CAAC,GAAAJ,YAAA;IACDK,MAAM,GAAAP,IAAA,CAANO,MAAM;EAEN,IAAMC,UAAU,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC7B;IACA,IAAMC,UAAU,GAAG,IAAIC,IAAI,CAACV,IAAI,CAAC;;IAEjC;IACA,IAAIW,KAAK,CAACF,UAAU,CAACG,OAAO,CAAC,CAAC,CAAC,EAAE;MAC7BC,OAAO,CAACC,GAAG,CAAC,cAAc,CAAC;MAC3B,OAAO,EAAE;IACb;;IAEA;AACR;AACA;AACA;AACA;AACA;IACQ,IAAMC,UAAU,GACZT,MAAM,KACLU,SAAS,CAACC,QAAQ,IAAID,SAAS,CAACC,QAAQ,CAACC,UAAU,CAAC,IAAI,CAAC,GACpDF,SAAS,CAACC,QAAQ,GAClB,OAAO,CAAC;IAElB,OAAO,IAAIE,IAAI,CAACC,cAAc,CAACL,UAAU,EAAEb,OAAO,CAAC,CAACmB,MAAM,CAACZ,UAAU,CAAC;EAC1E,CAAC,EAAE,CAACT,IAAI,EAAEM,MAAM,EAAEJ,OAAO,CAAC,CAAC;EAE3B,oBAAOR,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAA7B,MAAA,CAAA4B,OAAA,CAAAE,QAAA,QAAGjB,UAAa,CAAC;AAC5B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","DateComponent","date","options","day","month","year","locale","formatDate","dateObject","Date","isNaN","getDate","console","log","localeCode","navigator","language","startsWith","Intl","DateTimeFormat","format","createElement","Fragment"],"sources":["Date.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nexport interface DateComponentProps {\n    date: string;\n    options?: Intl.DateTimeFormatOptions;\n    locale?: string;\n}\n\nexport const DateComponent = ({\n    date,\n    options = {\n        day: \"numeric\",\n        month: \"long\",\n        year: \"numeric\"\n    },\n    locale\n}: DateComponentProps) => {\n    const formatDate = useMemo(() => {\n        // Convert the input string to a Date object\n        const dateObject = new Date(date);\n\n        // Check if the input date is valid\n        if (isNaN(dateObject.getDate())) {\n            console.log(\"Invalid date\");\n            return \"\";\n        }\n\n        /**\n         *  Determine the final locale:\n         *  - use the prop `locale` if provided.\n         *  - try to guess the navigator language, use it only if it's a subset of `en`locale, since the admin is not localized.\n         *  - use `en-US`as default.\n         */\n        const localeCode =\n            locale ||\n            (navigator.language && navigator.language.startsWith(\"en\")\n                ? navigator.language\n                : \"en-US\");\n\n        return new Intl.DateTimeFormat(localeCode, options).format(dateObject);\n    }, [date, locale, options]);\n\n    return <>{formatDate}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAQtC,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC1BC,IAAI;EACJC,OAAO,GAAG;IACNC,GAAG,EAAE,SAAS;IACdC,KAAK,EAAE,MAAM;IACbC,IAAI,EAAE;EACV,CAAC;EACDC;AACgB,CAAC,KAAK;EACtB,MAAMC,UAAU,GAAGR,OAAO,CAAC,MAAM;IAC7B;IACA,MAAMS,UAAU,GAAG,IAAIC,IAAI,CAACR,IAAI,CAAC;;IAEjC;IACA,IAAIS,KAAK,CAACF,UAAU,CAACG,OAAO,CAAC,CAAC,CAAC,EAAE;MAC7BC,OAAO,CAACC,GAAG,CAAC,cAAc,CAAC;MAC3B,OAAO,EAAE;IACb;;IAEA;AACR;AACA;AACA;AACA;AACA;IACQ,MAAMC,UAAU,GACZR,MAAM,KACLS,SAAS,CAACC,QAAQ,IAAID,SAAS,CAACC,QAAQ,CAACC,UAAU,CAAC,IAAI,CAAC,GACpDF,SAAS,CAACC,QAAQ,GAClB,OAAO,CAAC;IAElB,OAAO,IAAIE,IAAI,CAACC,cAAc,CAACL,UAAU,EAAEZ,OAAO,CAAC,CAACkB,MAAM,CAACZ,UAAU,CAAC;EAC1E,CAAC,EAAE,CAACP,IAAI,EAAEK,MAAM,EAAEJ,OAAO,CAAC,CAAC;EAE3B,oBAAOJ,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,QAAGf,UAAa,CAAC;AAC5B,CAAC","ignoreList":[]}

package/DateTime/index.js

@@ -1,14 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Date", {
-  enumerable: true,
-  get: function get() {
-    return _Date.DateComponent;
-  }
-});
-var _Date = require("./Date");
+export { DateComponent as Date } from "./Date";
 
 //# sourceMappingURL=index.js.map

package/DateTime/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Date","require"],"sources":["index.ts"],"sourcesContent":["export { DateComponent as Date } from \"./Date\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["DateComponent","Date"],"sources":["index.ts"],"sourcesContent":["export { DateComponent as Date } from \"./Date\";\n"],"mappings":"AAAA,SAASA,aAAa,IAAIC,IAAI","ignoreList":[]}

package/DelayedOnChange/index.d.ts

@@ -1 +1,7 @@
-export * from "./DelayedOnChange";
+import { type ApplyValueCb, DelayedOnChange, type DelayedOnChangeProps, type OnChangeCallable } from "@webiny/admin-ui";
+export { 
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DelayedOnChange` component from the `@webiny/admin-ui` package instead.
+ */
+DelayedOnChange, type DelayedOnChangeProps, type ApplyValueCb, type OnChangeCallable };

package/DelayedOnChange/index.js

@@ -1,18 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _DelayedOnChange = require("./DelayedOnChange");
-Object.keys(_DelayedOnChange).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DelayedOnChange[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DelayedOnChange[key];
-    }
-  });
-});
+import { DelayedOnChange } from "@webiny/admin-ui";
+export {
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DelayedOnChange` component from the `@webiny/admin-ui` package instead.
+ */
+DelayedOnChange };
 
 //# sourceMappingURL=index.js.map

package/DelayedOnChange/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_DelayedOnChange","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./DelayedOnChange\";\n"],"mappings":";;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,gBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["DelayedOnChange"],"sources":["index.ts"],"sourcesContent":["import {\n    type ApplyValueCb,\n    DelayedOnChange,\n    type DelayedOnChangeProps,\n    type OnChangeCallable\n} from \"@webiny/admin-ui\";\n\nexport {\n    /**\n     * @deprecated This component is deprecated and will be removed in future releases.\n     * Please use the `DelayedOnChange` component from the `@webiny/admin-ui` package instead.\n     */\n    DelayedOnChange,\n    type DelayedOnChangeProps,\n    type ApplyValueCb,\n    type OnChangeCallable\n};\n"],"mappings":"AAAA,SAEIA,eAAe,QAGZ,kBAAkB;AAEzB;AACI;AACJ;AACA;AACA;AACIA,eAAe","ignoreList":[]}