@webiny/ui 5.43.2 → 6.0.0-alpha.0

package/ConfirmationDialog/ConfirmationDialog.js

@@ -1,115 +1,91 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConfirmationDialog = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _Dialog = require("./../Dialog");
-var _Progress = require("../Progress");
-var _Button = require("../Button");
+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 = exports.ConfirmationDialog = /*#__PURE__*/function (_React$Component) {
-  function ConfirmationDialog() {
-    var _this;
-    (0, _classCallCheck2.default)(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 = (0, _callSuper2.default)(this, ConfirmationDialog, [].concat(args));
-    (0, _defineProperty2.default)(_this, "__isMounted", false);
-    (0, _defineProperty2.default)(_this, "callbacks", {
-      onAccept: function onAccept() {
-        return void 0;
-      },
-      onCancel: function onCancel() {
-        return void 0;
-      }
-    });
-    (0, _defineProperty2.default)(_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
     });
-    (0, _defineProperty2.default)(_this, "showConfirmation", function (onAccept, onCancel) {
-      _this.callbacks = {
-        onAccept: onAccept,
-        onCancel: onCancel
-      };
-      _this.setState({
-        show: true
-      });
+  };
+  hideConfirmation = () => {
+    this.setState({
+      show: false
     });
-    (0, _defineProperty2.default)(_this, "hideConfirmation", function () {
-      _this.setState({
-        show: false
+  };
+  onAccept = async () => {
+    const {
+      onAccept
+    } = this.callbacks;
+    if (typeof onAccept === "function") {
+      this.setState({
+        loading: true
       });
-    });
-    (0, _defineProperty2.default)(_this, "onAccept", async function () {
-      var onAccept = _this.callbacks.onAccept;
-      if (typeof onAccept === "function") {
-        _this.setState({
-          loading: true
+      await onAccept();
+      if (this.__isMounted) {
+        this.setState({
+          loading: false,
+          show: false
         });
-        await onAccept();
-        if (_this.__isMounted) {
-          _this.setState({
-            loading: false,
-            show: false
-          });
-        }
       }
-    });
-    (0, _defineProperty2.default)(_this, "onCancel", async function () {
-      var onCancel = _this.callbacks.onCancel;
-      if (typeof onCancel === "function") {
-        await onCancel();
-      }
-    });
-    return _this;
-  }
-  (0, _inherits2.default)(ConfirmationDialog, _React$Component);
-  return (0, _createClass2.default)(ConfirmationDialog, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.__isMounted = true;
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.__isMounted = false;
     }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dialog.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.default.createElement(_Dialog.DialogTitle, null, this.props.title), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, this.props.message), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Dialog.DialogCancel, {
-        onClick: this.onCancel
-      }, "Cancel"), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-        "data-testid": "confirmationdialog-confirm-action",
-        onClick: this.onAccept,
-        disabled: this.props.disableConfirm
-      }, "Confirm"))), this.props.children({
-        showConfirmation: this.showConfirmation
-      }));
+  };
+  onCancel = async () => {
+    const {
+      onCancel
+    } = this.callbacks;
+    if (typeof onCancel === "function") {
+      await onCancel();
     }
-  }]);
-}(_react.default.Component);
-(0, _defineProperty2.default)(ConfirmationDialog, "defaultProps", {
-  title: "Confirmation",
-  message: "Are you sure you want to continue?",
-  loading: /*#__PURE__*/_react.default.createElement(_Progress.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 };
 
 //# sourceMappingURL=ConfirmationDialog.js.map

package/ConfirmationDialog/ConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Dialog","_Progress","_Button","ConfirmationDialog","exports","_React$Component","_this","_classCallCheck2","default","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","onAccept","onCancel","show","loading","callbacks","setState","__isMounted","_inherits2","_createClass2","key","value","componentDidMount","componentWillUnmount","render","createElement","Fragment","Dialog","style","props","open","state","onClose","hideConfirmation","DialogTitle","title","DialogContent","message","DialogActions","DialogCancel","onClick","ButtonPrimary","disabled","disableConfirm","children","showConfirmation","React","Component","CircularProgress"],"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":[]}
+{"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,29 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ConfirmationDialog = require("./ConfirmationDialog");
-Object.keys(_ConfirmationDialog).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ConfirmationDialog[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ConfirmationDialog[key];
-    }
-  });
-});
-var _withConfirmation = require("./withConfirmation");
-Object.keys(_withConfirmation).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _withConfirmation[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _withConfirmation[key];
-    }
-  });
-});
+export * from "./ConfirmationDialog";
+export * from "./withConfirmation";
 
 //# sourceMappingURL=index.js.map

package/ConfirmationDialog/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ConfirmationDialog","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_withConfirmation"],"sources":["index.ts"],"sourcesContent":["export * from \"./ConfirmationDialog\";\nexport * from \"./withConfirmation\";\n"],"mappings":";;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,mBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,mBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,mBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,iBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,iBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,iBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,iBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ConfirmationDialog\";\nexport * from \"./withConfirmation\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/ConfirmationDialog/withConfirmation.js

@@ -1,22 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withConfirmation = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ConfirmationDialog = require("./ConfirmationDialog");
-var withConfirmation = exports.withConfirmation = function withConfirmation(dialogProps) {
-  return function (Component) {
+import React from "react";
+import { ConfirmationDialog } from "./ConfirmationDialog";
+export const withConfirmation = dialogProps => {
+  return Component => {
     return function withConfirmationRender(ownProps) {
-      var props = typeof dialogProps === "function" ? dialogProps(ownProps) : dialogProps;
-      return /*#__PURE__*/_react.default.createElement(_ConfirmationDialog.ConfirmationDialog, props, function (_ref) {
-        var showConfirmation = _ref.showConfirmation;
-        return /*#__PURE__*/_react.default.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
+      })));
     };
   };
 };

package/ConfirmationDialog/withConfirmation.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ConfirmationDialog","withConfirmation","exports","dialogProps","Component","withConfirmationRender","ownProps","props","default","createElement","ConfirmationDialog","_ref","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAaO,IAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,WAAmC,EAAK;EACrE,OAAO,UAACC,SAAiC,EAAK;IAC1C,OAAO,SAASC,sBAAsBA,CAACC,QAA6B,EAAE;MAClE,IAAMC,KAAK,GAAG,OAAOJ,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACG,QAAQ,CAAC,GAAGH,WAAW;MACrF,oBACIN,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,mBAAA,CAAAU,kBAAkB,EAAKH,KAAK,EACxB,UAAAI,IAAA;QAAA,IAAGC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;QAAA,oBAChBf,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACL,SAAS,EAAAS,MAAA,CAAAC,MAAA,KAAKR,QAAQ;UAAEM,gBAAgB,EAAEA;QAAiB,EAAE,CAAC;MAAA,CAEnD,CAAC;IAE7B,CAAC;EACL,CAAC;AACL,CAAC","ignoreList":[]}
+{"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

@@ -1,94 +1,57 @@
 import React from "react";
-import { DataTableCellProps } from "@rmwc/data-table";
-import { ColumnSort, OnChangeFn, Row, SortingState, VisibilityState } from "@tanstack/react-table";
-import "@rmwc/data-table/data-table.css";
-export interface Column<T> {
-    header: string | number | JSX.Element;
-    cell?: (row: T) => string | number | JSX.Element | null;
-    meta?: DataTableCellProps;
-    size?: number;
-    className?: string;
-    enableSorting?: boolean;
-    enableResizing?: boolean;
-    enableHiding?: boolean;
-}
-export type Columns<T> = {
-    [P in keyof T]?: Column<T>;
-};
-export type DefaultData = {
-    id: string;
-    $selectable?: boolean;
-};
-export type TableRow<T> = Row<DefaultData & T>;
-export type Sorting = SortingState;
-export { ColumnSort };
-export type OnSortingChange = OnChangeFn<Sorting>;
-export type ColumnVisibility = VisibilityState;
-export type OnColumnVisibilityChange = OnChangeFn<ColumnVisibility>;
-interface Props<T> {
-    /**
-     * Show or hide borders.
-     */
-    bordered?: boolean;
-    /**
-     * Controls whether "select all" action is allowed.
-     */
-    canSelectAllRows?: boolean;
-    /**
-     * Columns definition.
-     */
-    columns: Columns<T>;
-    /**
-     * The column visibility state.
-     */
-    columnVisibility?: ColumnVisibility;
-    /**
-     * Callback that receives current column visibility state.
-     */
-    onColumnVisibilityChange?: OnColumnVisibilityChange;
-    /**
-     * Data to display into DataTable body.
-     */
-    data: T[];
-    /**
-     * Callback that is called to determine if the row is selectable.
-     */
-    isRowSelectable?: (row: Row<T>) => boolean;
-    /**
-     * Render the skeleton state at the initial data loading.
-     */
-    loadingInitial?: boolean;
-    /**
-     * Callback that receives the selected rows.
-     */
-    onSelectRow?: (rows: T[]) => void;
-    /**
-     * Callback that receives the toggled row.
-     */
-    onToggleRow?: (row: T) => void;
-    /**
-     * Callback that receives current sorting state.
-     */
-    onSortingChange?: OnSortingChange;
-    /**
-     * Selected rows.
-     */
-    selectedRows?: T[];
-    /**
-     * Sorting state.
-     */
-    sorting?: Sorting;
-    /**
-     * Initial sorting state.
-     */
-    initialSorting?: Sorting;
-    /**
-     * The number of columns to affix to the side of the table when scrolling.
-     */
-    stickyColumns?: number;
-    /**
-     * The number of rows to affix to the top of the table when scrolling.
-     */
+import { 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;
 }
-export declare const DataTable: <T extends Record<string, any> & DefaultData>({ data: initialData, columns: initialColumns, onSelectRow, onToggleRow, loadingInitial, stickyColumns, stickyRows, bordered, sorting, columnVisibility, onColumnVisibilityChange, onSortingChange, isRowSelectable, canSelectAllRows, selectedRows, initialSorting }: Props<T>) => React.JSX.Element;
+/**
+ * @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 };