@webiny/ui 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/ConfirmationDialog/ConfirmationDialog.js

@@ -1,164 +1,91 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import * as React from "react";
-import noop from "lodash/noop";
-import { Dialog, DialogButton, DialogCancel, DialogActions, DialogTitle, DialogContent } from "./../Dialog";
+import React from "react";
+import { Dialog, DialogCancel, DialogActions, DialogTitle, DialogContent } from "./../Dialog";
 import { CircularProgress } from "../Progress";
-
+import { ButtonPrimary } from "../Button";
 /**
  * Use ConfirmationDialog component to display a list of choices, once the handler is triggered.
  */
-var ConfirmationDialog = /*#__PURE__*/function (_React$Component) {
-  _inherits(ConfirmationDialog, _React$Component);
-
-  var _super = _createSuper(ConfirmationDialog);
-
-  function ConfirmationDialog() {
-    var _this;
-
-    _classCallCheck(this, ConfirmationDialog);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+class ConfirmationDialog extends React.Component {
+  static defaultProps = {
+    title: "Confirmation",
+    message: "Are you sure you want to continue?",
+    loading: /*#__PURE__*/React.createElement(CircularProgress, null)
+  };
+  __isMounted = false;
+  callbacks = {
+    onAccept: () => {
+      return void 0;
+    },
+    onCancel: () => {
+      return void 0;
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "__isMounted", false);
-
-    _defineProperty(_assertThisInitialized(_this), "callbacks", {
-      onAccept: noop,
-      onCancel: noop
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      show: false,
-      loading: false
+  };
+  state = {
+    show: false,
+    loading: false
+  };
+  componentDidMount() {
+    this.__isMounted = true;
+  }
+  componentWillUnmount() {
+    this.__isMounted = false;
+  }
+  showConfirmation = (onAccept, onCancel) => {
+    this.callbacks = {
+      onAccept,
+      onCancel
+    };
+    this.setState({
+      show: true
     });
-
-    _defineProperty(_assertThisInitialized(_this), "showConfirmation", function (onAccept, onCancel) {
-      _this.callbacks = {
-        onAccept: onAccept,
-        onCancel: onCancel
-      };
-
-      _this.setState({
-        show: true
-      });
+  };
+  hideConfirmation = () => {
+    this.setState({
+      show: false
     });
-
-    _defineProperty(_assertThisInitialized(_this), "hideConfirmation", function () {
-      _this.setState({
-        show: false
+  };
+  onAccept = async () => {
+    const {
+      onAccept
+    } = this.callbacks;
+    if (typeof onAccept === "function") {
+      this.setState({
+        loading: true
       });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onAccept", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var onAccept;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              onAccept = _this.callbacks.onAccept;
-
-              if (!(typeof onAccept === "function")) {
-                _context.next = 6;
-                break;
-              }
-
-              _this.setState({
-                loading: true
-              });
-
-              _context.next = 5;
-              return onAccept();
-
-            case 5:
-              if (_this.__isMounted) {
-                _this.setState({
-                  loading: false,
-                  show: false
-                });
-              }
-
-            case 6:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-
-    _defineProperty(_assertThisInitialized(_this), "onCancel", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var onCancel;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              onCancel = _this.callbacks.onCancel;
-
-              if (!(typeof onCancel === "function")) {
-                _context2.next = 4;
-                break;
-              }
-
-              _context2.next = 4;
-              return onCancel();
-
-            case 4:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    })));
-
-    return _this;
-  }
-
-  _createClass(ConfirmationDialog, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.__isMounted = true;
+      await onAccept();
+      if (this.__isMounted) {
+        this.setState({
+          loading: false,
+          show: false
+        });
+      }
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.__isMounted = false;
+  };
+  onCancel = async () => {
+    const {
+      onCancel
+    } = this.callbacks;
+    if (typeof onCancel === "function") {
+      await onCancel();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog, {
-        style: this.props.style,
-        open: this.state.show,
-        onClose: this.hideConfirmation,
-        "data-testid": this.props["data-testid"]
-      }, this.state.loading ? this.props.loading : null, /*#__PURE__*/React.createElement(DialogTitle, null, this.props.title), /*#__PURE__*/React.createElement(DialogContent, null, this.props.message), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(DialogCancel, {
-        onClick: this.onCancel
-      }, "Cancel"), /*#__PURE__*/React.createElement(DialogButton, {
-        "data-testid": "confirmationdialog-confirm-action",
-        onClick: this.onAccept,
-        disabled: this.props.disableConfirm
-      }, "Confirm"))), this.props.children({
-        showConfirmation: this.showConfirmation
-      }));
-    }
-  }]);
-
-  return ConfirmationDialog;
-}(React.Component);
-
-_defineProperty(ConfirmationDialog, "defaultProps", {
-  title: "Confirmation",
-  message: "Are you sure you want to continue?",
-  loading: /*#__PURE__*/React.createElement(CircularProgress, null)
-});
+  };
+  render() {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog, {
+      style: this.props.style,
+      open: this.state.show,
+      onClose: this.hideConfirmation,
+      "data-testid": this.props["data-testid"]
+    }, this.state.loading ? this.props.loading : null, /*#__PURE__*/React.createElement(DialogTitle, null, this.props.title), /*#__PURE__*/React.createElement(DialogContent, null, this.props.message), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(DialogCancel, {
+      onClick: this.onCancel
+    }, "Cancel"), /*#__PURE__*/React.createElement(ButtonPrimary, {
+      "data-testid": "confirmationdialog-confirm-action",
+      onClick: this.onAccept,
+      disabled: this.props.disableConfirm
+    }, "Confirm"))), this.props.children({
+      showConfirmation: this.showConfirmation
+    }));
+  }
+}
+export { ConfirmationDialog };
 
-export { ConfirmationDialog };
+//# sourceMappingURL=ConfirmationDialog.js.map

package/ConfirmationDialog/ConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Dialog","DialogCancel","DialogActions","DialogTitle","DialogContent","CircularProgress","ButtonPrimary","ConfirmationDialog","Component","defaultProps","title","message","loading","createElement","__isMounted","callbacks","onAccept","onCancel","state","show","componentDidMount","componentWillUnmount","showConfirmation","setState","hideConfirmation","render","Fragment","style","props","open","onClose","onClick","disabled","disableConfirm","children"],"sources":["ConfirmationDialog.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Dialog, DialogCancel, DialogActions, DialogTitle, DialogContent } from \"./../Dialog\";\n\nimport { CircularProgress } from \"../Progress\";\nimport { ButtonPrimary } from \"~/Button\";\n\ninterface ChildrenRenderProp {\n    showConfirmation: (onAccept?: () => void, onCancel?: () => void) => any;\n}\n\ninterface ConfirmationCallbacks {\n    onAccept?: () => void;\n    onCancel?: () => void;\n}\n\ninterface Props {\n    // Title of confirmation dialog\n    title?: React.ReactNode;\n\n    // Message of confirmation dialog\n    message?: React.ReactNode;\n\n    // This element will be rendered during loading\n    loading?: React.ReactNode;\n\n    // For testing purposes\n    \"data-testid\"?: string;\n\n    // An element that will trigger the confirmation dialog.\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n\n    // Is `Confirm` button disabled\n    disableConfirm?: boolean;\n\n    // Dialog component's custom in-line styles.\n    style?: React.CSSProperties;\n}\n\ninterface ConfirmationDialogState {\n    show: boolean;\n    loading: boolean;\n}\n\n/**\n * Use ConfirmationDialog component to display a list of choices, once the handler is triggered.\n */\nclass ConfirmationDialog extends React.Component<Props, ConfirmationDialogState> {\n    static defaultProps = {\n        title: \"Confirmation\",\n        message: \"Are you sure you want to continue?\",\n        loading: <CircularProgress />\n    };\n\n    __isMounted = false;\n\n    callbacks: ConfirmationCallbacks = {\n        onAccept: () => {\n            return void 0;\n        },\n        onCancel: () => {\n            return void 0;\n        }\n    };\n\n    public override state = {\n        show: false,\n        loading: false\n    };\n\n    public override componentDidMount() {\n        this.__isMounted = true;\n    }\n\n    public override componentWillUnmount() {\n        this.__isMounted = false;\n    }\n\n    private readonly showConfirmation = (onAccept?: () => void, onCancel?: () => void) => {\n        this.callbacks = {\n            onAccept,\n            onCancel\n        };\n        this.setState({ show: true });\n    };\n\n    private readonly hideConfirmation = () => {\n        this.setState({ show: false });\n    };\n\n    private readonly onAccept = async () => {\n        const { onAccept } = this.callbacks;\n        if (typeof onAccept === \"function\") {\n            this.setState({ loading: true });\n            await onAccept();\n            if (this.__isMounted) {\n                this.setState({ loading: false, show: false });\n            }\n        }\n    };\n\n    private readonly onCancel = async () => {\n        const { onCancel } = this.callbacks;\n        if (typeof onCancel === \"function\") {\n            await onCancel();\n        }\n    };\n\n    public override render() {\n        return (\n            <React.Fragment>\n                <Dialog\n                    style={this.props.style}\n                    open={this.state.show}\n                    onClose={this.hideConfirmation}\n                    data-testid={this.props[\"data-testid\"]}\n                >\n                    {this.state.loading ? this.props.loading : null}\n                    <DialogTitle>{this.props.title}</DialogTitle>\n                    <DialogContent>{this.props.message}</DialogContent>\n                    <DialogActions>\n                        <DialogCancel onClick={this.onCancel}>Cancel</DialogCancel>\n                        <ButtonPrimary\n                            data-testid=\"confirmationdialog-confirm-action\"\n                            onClick={this.onAccept}\n                            disabled={this.props.disableConfirm}\n                        >\n                            Confirm\n                        </ButtonPrimary>\n                    </DialogActions>\n                </Dialog>\n                {this.props.children({\n                    showConfirmation: this.showConfirmation\n                })}\n            </React.Fragment>\n        );\n    }\n}\n\nexport { ConfirmationDialog };\n"],"mappings":"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","ignoreList":[]}

package/ConfirmationDialog/index.js

@@ -1,2 +1,4 @@
 export * from "./ConfirmationDialog";
-export * from "./withConfirmation";
+export * from "./withConfirmation";
+
+//# sourceMappingURL=index.js.map

package/ConfirmationDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ConfirmationDialog\";\nexport * from \"./withConfirmation\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/ConfirmationDialog/withConfirmation.d.ts

@@ -1,11 +1,11 @@
-import * as React from "react";
-declare type ConfirmationProps = {
+import React from "react";
+type ConfirmationProps = {
     title?: React.ReactNode;
     message?: React.ReactNode;
 };
-declare type WithConfirmationParams = (props: any) => ConfirmationProps;
-export declare type WithConfirmationProps = {
-    showConfirmation: (confirm: Function, cancel: Function) => void;
+type WithConfirmationParams = (props: Record<string, any>) => ConfirmationProps;
+export type WithConfirmationProps = {
+    showConfirmation: (confirm: () => void, cancel: () => void) => void;
 };
-export declare const withConfirmation: (dialogProps: WithConfirmationParams) => Function;
+export declare const withConfirmation: (dialogProps: WithConfirmationParams) => (Component: typeof React.Component) => (ownProps: Record<string, any>) => React.JSX.Element;
 export {};

package/ConfirmationDialog/withConfirmation.js

@@ -1,15 +1,16 @@
-import * as React from "react";
+import React from "react";
 import { ConfirmationDialog } from "./ConfirmationDialog";
-export var withConfirmation = function withConfirmation(dialogProps) {
-  return function (Component) {
+export const withConfirmation = dialogProps => {
+  return Component => {
     return function withConfirmationRender(ownProps) {
-      var props = typeof dialogProps === "function" ? dialogProps(ownProps) : dialogProps;
-      return /*#__PURE__*/React.createElement(ConfirmationDialog, props, function (_ref) {
-        var showConfirmation = _ref.showConfirmation;
-        return /*#__PURE__*/React.createElement(Component, Object.assign({}, ownProps, {
-          showConfirmation: showConfirmation
-        }));
-      });
+      const props = typeof dialogProps === "function" ? dialogProps(ownProps) : dialogProps;
+      return /*#__PURE__*/React.createElement(ConfirmationDialog, props, ({
+        showConfirmation
+      }) => /*#__PURE__*/React.createElement(Component, Object.assign({}, ownProps, {
+        showConfirmation: showConfirmation
+      })));
     };
   };
-};
+};
+
+//# sourceMappingURL=withConfirmation.js.map

package/ConfirmationDialog/withConfirmation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ConfirmationDialog","withConfirmation","dialogProps","Component","withConfirmationRender","ownProps","props","createElement","showConfirmation","Object","assign"],"sources":["withConfirmation.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\n\ntype ConfirmationProps = {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n};\n\ntype WithConfirmationParams = (props: Record<string, any>) => ConfirmationProps;\n\nexport type WithConfirmationProps = {\n    showConfirmation: (confirm: () => void, cancel: () => void) => void;\n};\n\nexport const withConfirmation = (dialogProps: WithConfirmationParams) => {\n    return (Component: typeof React.Component) => {\n        return function withConfirmationRender(ownProps: Record<string, any>) {\n            const props = typeof dialogProps === \"function\" ? dialogProps(ownProps) : dialogProps;\n            return (\n                <ConfirmationDialog {...props}>\n                    {({ showConfirmation }) => (\n                        <Component {...ownProps} showConfirmation={showConfirmation} />\n                    )}\n                </ConfirmationDialog>\n            );\n        };\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB;AAa3B,OAAO,MAAMC,gBAAgB,GAAIC,WAAmC,IAAK;EACrE,OAAQC,SAAiC,IAAK;IAC1C,OAAO,SAASC,sBAAsBA,CAACC,QAA6B,EAAE;MAClE,MAAMC,KAAK,GAAG,OAAOJ,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACG,QAAQ,CAAC,GAAGH,WAAW;MACrF,oBACIH,KAAA,CAAAQ,aAAA,CAACP,kBAAkB,EAAKM,KAAK,EACxB,CAAC;QAAEE;MAAiB,CAAC,kBAClBT,KAAA,CAAAQ,aAAA,CAACJ,SAAS,EAAAM,MAAA,CAAAC,MAAA,KAAKL,QAAQ;QAAEG,gBAAgB,EAAEA;MAAiB,EAAE,CAElD,CAAC;IAE7B,CAAC;EACL,CAAC;AACL,CAAC","ignoreList":[]}

package/DataTable/DataTable.d.ts

@@ -0,0 +1,57 @@
+import React from "react";
+import type { DataTableColumn, DataTableColumns, DataTableColumnSort, DataTableColumnVisibility, DataTableDefaultData, DataTableProps as AdminDataTableProps, DataTableRow, DataTableSorting, OnDataTableColumnVisibilityChange, OnDataTableSortingChange } from "@webiny/admin-ui";
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
+type Column<T> = DataTableColumn<T>;
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
+type ColumnSort = DataTableColumnSort;
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
+type ColumnVisibility = DataTableColumnVisibility;
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
+type Columns<T> = DataTableColumns<T>;
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
+type DefaultData = DataTableDefaultData;
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
+type OnColumnVisibilityChange = OnDataTableColumnVisibilityChange;
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
+type OnSortingChange = OnDataTableSortingChange;
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
+type Sorting = DataTableSorting;
+/**
+ * @deprecated @webiny/ui package is deprecated and will be removed in future releases.
+ * Please check `DataTable` types from the `@webiny/admin-ui` package instead.
+ */
+type TableRow<T> = DataTableRow<T>;
+interface DataTableProps<TEntry> extends Omit<AdminDataTableProps<TEntry>, "loading" | "stickyHeader"> {
+    loadingInitial?: AdminDataTableProps<TEntry>["loading"];
+    stickyRows?: number;
+}
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DataTable` component from the `@webiny/admin-ui` package instead.
+ */
+declare const DataTable: <T extends Record<string, any> & DataTableDefaultData>({ loadingInitial, stickyRows, ...props }: DataTableProps<T>) => React.JSX.Element;
+export { DataTable, type Column, type ColumnSort, type ColumnVisibility, type Columns, type DefaultData, type OnColumnVisibilityChange, type OnSortingChange, type Sorting, type TableRow };

package/DataTable/DataTable.js

@@ -0,0 +1,65 @@
+import React from "react";
+import { DataTable as AdminDataTable } from "@webiny/admin-ui";
+
+/**
+ * @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.
+ */
+
+/**
+ * @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 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

@@ -0,0 +1 @@
+{"version":3,"names":["React","DataTable","AdminDataTable","loadingInitial","stickyRows","props","createElement","Object","assign","loading","stickyHeader"],"sources":["DataTable.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\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\";\nimport { DataTable as AdminDataTable } 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;AAazB,SAASC,SAAS,IAAIC,cAAc,QAAQ,kBAAkB;;AAE9D;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.d.ts

@@ -0,0 +1 @@
+export * from "./DataTable";

package/DataTable/index.js

@@ -0,0 +1,3 @@
+export * from "./DataTable";
+
+//# sourceMappingURL=index.js.map

package/DataTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./DataTable\";\n"],"mappings":"AAAA","ignoreList":[]}

package/DateTime/Date.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface DateComponentProps {
+    date: string;
+    options?: Intl.DateTimeFormatOptions;
+    locale?: string;
+}
+export declare const DateComponent: ({ date, options, locale }: DateComponentProps) => React.JSX.Element;

package/DateTime/Date.js

@@ -0,0 +1,33 @@
+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
+    const dateObject = new Date(date);
+
+    // Check if the input date is valid
+    if (isNaN(dateObject.getDate())) {
+      console.log("Invalid date");
+      return "";
+    }
+
+    /**
+     *  Determine the final locale:
+     *  - use the prop `locale` if provided.
+     *  - 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.
+     */
+    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.createElement(React.Fragment, null, formatDate);
+};
+
+//# sourceMappingURL=Date.js.map

package/DateTime/Date.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1 @@
+export { DateComponent as Date } from "./Date";

package/DateTime/index.js

@@ -0,0 +1,3 @@
+export { DateComponent as Date } from "./Date";
+
+//# sourceMappingURL=index.js.map

package/DateTime/index.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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":[]}