@webiny/ui 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d

package/ConfirmationDialog/ConfirmationDialog.js

@@ -1,176 +1,91 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConfirmationDialog = void 0;
-
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Dialog = require("./../Dialog");
-
-var _Progress = require("../Progress");
-
+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) {
-  (0, _inherits2.default)(ConfirmationDialog, _React$Component);
-
-  var _super = (0, _createSuper2.default)(ConfirmationDialog);
-
-  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 = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "__isMounted", false);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "callbacks", {
-      onAccept: function onAccept() {
-        return void 0;
-      },
-      onCancel: function onCancel() {
-        return void 0;
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.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)((0, _assertThisInitialized2.default)(_this), "showConfirmation", function (onAccept, onCancel) {
-      _this.callbacks = {
-        onAccept: onAccept,
-        onCancel: onCancel
-      };
-
-      _this.setState({
-        show: true
-      });
+  };
+  hideConfirmation = () => {
+    this.setState({
+      show: false
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.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)((0, _assertThisInitialized2.default)(_this), "onAccept", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-      var onAccept;
-      return (0, _regeneratorRuntime2.default)().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);
-    })));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onCancel", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
-      var onCancel;
-      return (0, _regeneratorRuntime2.default)().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;
-  }
-
-  (0, _createClass2.default)(ConfirmationDialog, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.__isMounted = true;
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.__isMounted = false;
+      await onAccept();
+      if (this.__isMounted) {
+        this.setState({
+          loading: false,
+          show: 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(_Dialog.DialogButton, {
-        "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();
     }
-  }]);
-  return ConfirmationDialog;
-}(_react.default.Component);
+  };
+  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 };
 
-exports.ConfirmationDialog = ConfirmationDialog;
-(0, _defineProperty2.default)(ConfirmationDialog, "defaultProps", {
-  title: "Confirmation",
-  message: "Are you sure you want to continue?",
-  loading: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null)
-});
+//# sourceMappingURL=ConfirmationDialog.js.map

package/ConfirmationDialog/ConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["ConfirmationDialog","onAccept","onCancel","show","loading","callbacks","setState","__isMounted","props","style","state","hideConfirmation","title","message","disableConfirm","children","showConfirmation","React","Component"],"sources":["ConfirmationDialog.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n    Dialog,\n    DialogButton,\n    DialogCancel,\n    DialogActions,\n    DialogTitle,\n    DialogContent\n} from \"./../Dialog\";\n\nimport { CircularProgress } from \"../Progress\";\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                        <DialogButton\n                            data-testid=\"confirmationdialog-confirm-action\"\n                            onClick={this.onAccept}\n                            disabled={this.props.disableConfirm}\n                        >\n                            Confirm\n                        </DialogButton>\n                    </DialogActions>\n                </Dialog>\n                {this.props.children({\n                    showConfirmation: this.showConfirmation\n                })}\n            </React.Fragment>\n        );\n    }\n}\n\nexport { ConfirmationDialog };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AASA;;AAuCA;AACA;AACA;IACMA,kB;;;;;;;;;;;;;;;8FAOY,K;4FAEqB;MAC/BC,QAAQ,EAAE,oBAAM;QACZ,OAAO,KAAK,CAAZ;MACH,CAH8B;MAI/BC,QAAQ,EAAE,oBAAM;QACZ,OAAO,KAAK,CAAZ;MACH;IAN8B,C;wFASX;MACpBC,IAAI,EAAE,KADc;MAEpBC,OAAO,EAAE;IAFW,C;mGAaY,UAACH,QAAD,EAAwBC,QAAxB,EAAkD;MAClF,MAAKG,SAAL,GAAiB;QACbJ,QAAQ,EAARA,QADa;QAEbC,QAAQ,EAARA;MAFa,CAAjB;;MAIA,MAAKI,QAAL,CAAc;QAAEH,IAAI,EAAE;MAAR,CAAd;IACH,C;mGAEmC,YAAM;MACtC,MAAKG,QAAL,CAAc;QAAEH,IAAI,EAAE;MAAR,CAAd;IACH,C;+LAE2B;MAAA;MAAA;QAAA;UAAA;YAAA;cAChBF,QADgB,GACH,MAAKI,SADF,CAChBJ,QADgB;;cAAA,MAEpB,OAAOA,QAAP,KAAoB,UAFA;gBAAA;gBAAA;cAAA;;cAGpB,MAAKK,QAAL,CAAc;gBAAEF,OAAO,EAAE;cAAX,CAAd;;cAHoB;cAAA,OAIdH,QAAQ,EAJM;;YAAA;cAKpB,IAAI,MAAKM,WAAT,EAAsB;gBAClB,MAAKD,QAAL,CAAc;kBAAEF,OAAO,EAAE,KAAX;kBAAkBD,IAAI,EAAE;gBAAxB,CAAd;cACH;;YAPmB;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,C;+LAWA;MAAA;MAAA;QAAA;UAAA;YAAA;cAChBD,QADgB,GACH,MAAKG,SADF,CAChBH,QADgB;;cAAA,MAEpB,OAAOA,QAAP,KAAoB,UAFA;gBAAA;gBAAA;cAAA;;cAAA;cAAA,OAGdA,QAAQ,EAHM;;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,C;;;;;;WA/B5B,6BAAoC;MAChC,KAAKK,WAAL,GAAmB,IAAnB;IACH;;;WAED,gCAAuC;MACnC,KAAKA,WAAL,GAAmB,KAAnB;IACH;;;WAgCD,kBAAyB;MACrB,oBACI,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,cAAD;QACI,KAAK,EAAE,KAAKC,KAAL,CAAWC,KADtB;QAEI,IAAI,EAAE,KAAKC,KAAL,CAAWP,IAFrB;QAGI,OAAO,EAAE,KAAKQ,gBAHlB;QAII,eAAa,KAAKH,KAAL,CAAW,aAAX;MAJjB,GAMK,KAAKE,KAAL,CAAWN,OAAX,GAAqB,KAAKI,KAAL,CAAWJ,OAAhC,GAA0C,IAN/C,eAOI,6BAAC,mBAAD,QAAc,KAAKI,KAAL,CAAWI,KAAzB,CAPJ,eAQI,6BAAC,qBAAD,QAAgB,KAAKJ,KAAL,CAAWK,OAA3B,CARJ,eASI,6BAAC,qBAAD,qBACI,6BAAC,oBAAD;QAAc,OAAO,EAAE,KAAKX;MAA5B,YADJ,eAEI,6BAAC,oBAAD;QACI,eAAY,mCADhB;QAEI,OAAO,EAAE,KAAKD,QAFlB;QAGI,QAAQ,EAAE,KAAKO,KAAL,CAAWM;MAHzB,aAFJ,CATJ,CADJ,EAqBK,KAAKN,KAAL,CAAWO,QAAX,CAAoB;QACjBC,gBAAgB,EAAE,KAAKA;MADN,CAApB,CArBL,CADJ;IA2BH;;;EAzF4BC,cAAA,CAAMC,S;;;8BAAjClB,kB,kBACoB;EAClBY,KAAK,EAAE,cADW;EAElBC,OAAO,EAAE,oCAFS;EAGlBT,OAAO,eAAE,6BAAC,0BAAD;AAHS,C"}
+{"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,31 +1,4 @@
-"use strict";
+export * from "./ConfirmationDialog";
+export * from "./withConfirmation";
 
-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];
-    }
-  });
-});
+//# sourceMappingURL=index.js.map

package/ConfirmationDialog/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ConfirmationDialog\";\nexport * from \"./withConfirmation\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"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 React from "react";
-declare type ConfirmationProps = {
+type ConfirmationProps = {
     title?: React.ReactNode;
     message?: React.ReactNode;
 };
-declare type WithConfirmationParams = (props: Record<string, 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,28 +1,16 @@
-"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 = 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
+      })));
     };
   };
 };
 
-exports.withConfirmation = withConfirmation;
+//# sourceMappingURL=withConfirmation.js.map

package/ConfirmationDialog/withConfirmation.js.map

@@ -1 +1 @@
-{"version":3,"names":["withConfirmation","dialogProps","Component","withConfirmationRender","ownProps","props","showConfirmation"],"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: Function, cancel: Function) => void;\n};\n\nexport const withConfirmation = (dialogProps: WithConfirmationParams): Function => {\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;;AACA;;AAaO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,WAAD,EAAmD;EAC/E,OAAO,UAACC,SAAD,EAAuC;IAC1C,OAAO,SAASC,sBAAT,CAAgCC,QAAhC,EAA+D;MAClE,IAAMC,KAAK,GAAG,OAAOJ,WAAP,KAAuB,UAAvB,GAAoCA,WAAW,CAACG,QAAD,CAA/C,GAA4DH,WAA1E;MACA,oBACI,6BAAC,sCAAD,EAAwBI,KAAxB,EACK;QAAA,IAAGC,gBAAH,QAAGA,gBAAH;QAAA,oBACG,6BAAC,SAAD,oBAAeF,QAAf;UAAyB,gBAAgB,EAAEE;QAA3C,GADH;MAAA,CADL,CADJ;IAOH,CATD;EAUH,CAXD;AAYH,CAbM"}
+{"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,20 +1,57 @@
-/// <reference types="react" />
-import { DataTableCellProps } from "@rmwc/data-table";
-import "@rmwc/data-table/data-table.css";
-interface Column<T> {
-    header: string | number | JSX.Element;
-    cell?: (row: T) => string | number | JSX.Element;
-    meta?: DataTableCellProps;
-    className?: string;
+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;
 }
-export declare type Columns<T> = {
-    [P in keyof T]?: Column<T>;
-};
-interface Props<T> {
-    columns: Columns<T>;
-    data: T[];
-    onSelectRow?: (rows: T[] | []) => void;
-    loadingInitial?: boolean;
-}
-export declare const DataTable: <T>({ data, columns, onSelectRow, loadingInitial }: Props<T>) => JSX.Element;
-export {};
+/**
+ * @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 };