@webiny/app-admin 6.0.0-beta.0 → 6.0.0-rc.0

package/components/BulkActions/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./useDialogWithReport";
-export * from "./Worker";
+export * from "./useDialogWithReport/index.js";
+export * from "./Worker.js";

package/components/BulkActions/index.js

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

package/components/BulkActions/index.js.map

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

package/components/BulkActions/useDialogWithReport/DialogMessage.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { ShowResultsDialogParams } from "./index";
-declare type ResultDialogMessageProps = Pick<ShowResultsDialogParams, "results" | "message">;
+import type { ShowResultsDialogParams } from "./index.js";
+type ResultDialogMessageProps = Pick<ShowResultsDialogParams, "results" | "message">;
 export declare const ResultDialogMessage: ({ results, message }: ResultDialogMessageProps) => React.JSX.Element;
 export {};

package/components/BulkActions/useDialogWithReport/DialogMessage.js

@@ -1,32 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ResultDialogMessage = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _error = require("@material-design-icons/svg/round/error.svg");
-var _check_circle = require("@material-design-icons/svg/round/check_circle.svg");
-var _Icon = require("@webiny/ui/Icon");
-var _List = require("@webiny/ui/List");
-var _useDialogWithReport = require("./useDialogWithReport.styled");
-var ResultDialogMessage = exports.ResultDialogMessage = function ResultDialogMessage(_ref) {
-  var results = _ref.results,
-    message = _ref.message;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, message && /*#__PURE__*/_react.default.createElement(_useDialogWithReport.MessageContainer, null, message), /*#__PURE__*/_react.default.createElement(_List.List, {
-    nonInteractive: true,
-    twoLine: true
-  }, results.map(function (result, index) {
-    return /*#__PURE__*/_react.default.createElement(_useDialogWithReport.ListItem, {
-      key: "item-".concat(index),
-      ripple: false
-    }, /*#__PURE__*/_react.default.createElement(_useDialogWithReport.ListItemGraphic, {
-      status: result.status
-    }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-      icon: result.status === "success" ? /*#__PURE__*/_react.default.createElement(_check_circle.ReactComponent, null) : /*#__PURE__*/_react.default.createElement(_error.ReactComponent, null)
-    })), /*#__PURE__*/_react.default.createElement(_List.ListItemText, null, /*#__PURE__*/_react.default.createElement(_List.ListItemTextPrimary, null, result.title), /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, result.message)));
-  })));
+import React from "react";
+import { ReactComponent as ErrorIcon } from "@webiny/icons/error_outline.svg";
+import { ReactComponent as SuccessIcon } from "@webiny/icons/check_circle_outline.svg";
+import { List, Icon, cn } from "@webiny/admin-ui";
+export const ResultDialogMessage = ({
+  results,
+  message
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, message && /*#__PURE__*/React.createElement("div", {
+    className: "mb-md"
+  }, message), /*#__PURE__*/React.createElement(List, null, results.map((result, index) => /*#__PURE__*/React.createElement(List.Item, {
+    key: `item-${index}`,
+    title: result.title,
+    description: result.message,
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: result.status === "success" ? /*#__PURE__*/React.createElement(SuccessIcon, null) : /*#__PURE__*/React.createElement(ErrorIcon, null),
+      label: result.status,
+      className: cn(result.status === "success" ? "fill-success" : "fill-destructive")
+    })
+  }))));
 };
 
 //# sourceMappingURL=DialogMessage.js.map

package/components/BulkActions/useDialogWithReport/DialogMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_error","_check_circle","_Icon","_List","_useDialogWithReport","ResultDialogMessage","exports","_ref","results","message","default","createElement","Fragment","MessageContainer","List","nonInteractive","twoLine","map","result","index","ListItem","key","concat","ripple","ListItemGraphic","status","Icon","icon","ReactComponent","ListItemText","ListItemTextPrimary","title","ListItemTextSecondary"],"sources":["DialogMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ErrorIcon } from \"@material-design-icons/svg/round/error.svg\";\nimport { ReactComponent as SuccessIcon } from \"@material-design-icons/svg/round/check_circle.svg\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { List, ListItemText, ListItemTextPrimary, ListItemTextSecondary } from \"@webiny/ui/List\";\nimport { ShowResultsDialogParams } from \"./index\";\n\nimport { ListItem, ListItemGraphic, MessageContainer } from \"./useDialogWithReport.styled\";\n\ntype ResultDialogMessageProps = Pick<ShowResultsDialogParams, \"results\" | \"message\">;\n\nexport const ResultDialogMessage = ({ results, message }: ResultDialogMessageProps) => {\n    return (\n        <>\n            {message && <MessageContainer>{message}</MessageContainer>}\n            <List nonInteractive={true} twoLine={true}>\n                {results.map((result, index) => (\n                    <ListItem key={`item-${index}`} ripple={false}>\n                        <ListItemGraphic status={result.status}>\n                            <Icon\n                                icon={result.status === \"success\" ? <SuccessIcon /> : <ErrorIcon />}\n                            />\n                        </ListItemGraphic>\n                        <ListItemText>\n                            <ListItemTextPrimary>{result.title}</ListItemTextPrimary>\n                            <ListItemTextSecondary>{result.message}</ListItemTextSecondary>\n                        </ListItemText>\n                    </ListItem>\n                ))}\n            </List>\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAGA,IAAAK,oBAAA,GAAAL,OAAA;AAIO,IAAMM,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAAE,IAAA,EAAuD;EAAA,IAAjDC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAClD,oBACIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAAd,MAAA,CAAAa,OAAA,CAAAE,QAAA,QACKH,OAAO,iBAAIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACP,oBAAA,CAAAS,gBAAgB,QAAEJ,OAA0B,CAAC,eAC1DZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAW,IAAI;IAACC,cAAc,EAAE,IAAK;IAACC,OAAO,EAAE;EAAK,GACrCR,OAAO,CAACS,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK;IAAA,oBACvBtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACP,oBAAA,CAAAgB,QAAQ;MAACC,GAAG,UAAAC,MAAA,CAAUH,KAAK,CAAG;MAACI,MAAM,EAAE;IAAM,gBAC1C1B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACP,oBAAA,CAAAoB,eAAe;MAACC,MAAM,EAAEP,MAAM,CAACO;IAAO,gBACnC5B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,KAAA,CAAAwB,IAAI;MACDC,IAAI,EAAET,MAAM,CAACO,MAAM,KAAK,SAAS,gBAAG5B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAA2B,cAAW,MAAE,CAAC,gBAAG/B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAA4B,cAAS,MAAE;IAAE,CACvE,CACY,CAAC,eAClB/B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAA0B,YAAY,qBACThC,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAA2B,mBAAmB,QAAEZ,MAAM,CAACa,KAA2B,CAAC,eACzDlC,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAA6B,qBAAqB,QAAEd,MAAM,CAACT,OAA+B,CACpD,CACR,CAAC;EAAA,CACd,CACC,CACR,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","ErrorIcon","SuccessIcon","List","Icon","cn","ResultDialogMessage","results","message","createElement","Fragment","className","map","result","index","Item","key","title","description","icon","status","label"],"sources":["DialogMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ErrorIcon } from \"@webiny/icons/error_outline.svg\";\nimport { ReactComponent as SuccessIcon } from \"@webiny/icons/check_circle_outline.svg\";\nimport { List, Icon, cn } from \"@webiny/admin-ui\";\nimport type { ShowResultsDialogParams } from \"./index.js\";\n\ntype ResultDialogMessageProps = Pick<ShowResultsDialogParams, \"results\" | \"message\">;\n\nexport const ResultDialogMessage = ({ results, message }: ResultDialogMessageProps) => {\n    return (\n        <>\n            {message && <div className={\"mb-md\"}>{message}</div>}\n            <List>\n                {results.map((result, index) => (\n                    <List.Item\n                        key={`item-${index}`}\n                        title={result.title}\n                        description={result.message}\n                        icon={\n                            <Icon\n                                icon={result.status === \"success\" ? <SuccessIcon /> : <ErrorIcon />}\n                                label={result.status}\n                                className={cn(\n                                    result.status === \"success\"\n                                        ? \"fill-success\"\n                                        : \"fill-destructive\"\n                                )}\n                            />\n                        }\n                    />\n                ))}\n            </List>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,iCAAiC;AAC7E,SAASD,cAAc,IAAIE,WAAW,QAAQ,wCAAwC;AACtF,SAASC,IAAI,EAAEC,IAAI,EAAEC,EAAE,QAAQ,kBAAkB;AAKjD,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAkC,CAAC,KAAK;EACnF,oBACIT,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QACKF,OAAO,iBAAIT,KAAA,CAAAU,aAAA;IAAKE,SAAS,EAAE;EAAQ,GAAEH,OAAa,CAAC,eACpDT,KAAA,CAAAU,aAAA,CAACN,IAAI,QACAI,OAAO,CAACK,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,kBACvBf,KAAA,CAAAU,aAAA,CAACN,IAAI,CAACY,IAAI;IACNC,GAAG,EAAE,QAAQF,KAAK,EAAG;IACrBG,KAAK,EAAEJ,MAAM,CAACI,KAAM;IACpBC,WAAW,EAAEL,MAAM,CAACL,OAAQ;IAC5BW,IAAI,eACApB,KAAA,CAAAU,aAAA,CAACL,IAAI;MACDe,IAAI,EAAEN,MAAM,CAACO,MAAM,KAAK,SAAS,gBAAGrB,KAAA,CAAAU,aAAA,CAACP,WAAW,MAAE,CAAC,gBAAGH,KAAA,CAAAU,aAAA,CAACR,SAAS,MAAE,CAAE;MACpEoB,KAAK,EAAER,MAAM,CAACO,MAAO;MACrBT,SAAS,EAAEN,EAAE,CACTQ,MAAM,CAACO,MAAM,KAAK,SAAS,GACrB,cAAc,GACd,kBACV;IAAE,CACL;EACJ,CACJ,CACJ,CACC,CACR,CAAC;AAEX,CAAC","ignoreList":[]}

package/components/BulkActions/useDialogWithReport/index.d.ts

@@ -1 +1 @@
-export * from "./useDialogWithReport";
+export * from "./useDialogWithReport.js";

package/components/BulkActions/useDialogWithReport/index.js

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

package/components/BulkActions/useDialogWithReport/index.js.map

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

package/components/BulkActions/useDialogWithReport/useDialogWithReport.d.ts

@@ -1,4 +1,4 @@
-import { Result } from "../Worker";
+import type { Result } from "../Worker.js";
 export interface ShowConfirmationDialogParams {
     execute: (() => void) | (() => Promise<void>);
     title?: string;

package/components/BulkActions/useDialogWithReport/useDialogWithReport.js

@@ -1,85 +1,50 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDialogWithReport = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireDefault(require("react"));
-var _useUi = require("@webiny/app/hooks/useUi");
-var _i18n = require("@webiny/app/i18n");
-var _Progress = require("@webiny/ui/Progress");
-var _DialogMessage = require("./DialogMessage");
-var _excluded = ["title"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var t = _i18n.i18n.ns("app-admin/hooks/use-dialog-with-report");
-var useDialogWithReport = exports.useDialogWithReport = function useDialogWithReport() {
-  var ui = (0, _useUi.useUi)();
-  var showConfirmationDialog = function showConfirmationDialog(_ref) {
-    var execute = _ref.execute,
-      title = _ref.title,
-      message = _ref.message,
-      loadingLabel = _ref.loadingLabel;
-    ui.setState(function (ui) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
-        dialog: {
-          message: message || t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Are you sure you want to continue?"]))),
-          options: {
-            title: title || t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Confirm"]))),
-            loading: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
-              label: loadingLabel
-            }),
-            actions: {
-              accept: {
-                label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Confirm"]))),
-                onClick: async function onClick() {
-                  await execute();
-                }
-              },
-              cancel: {
-                label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))
-              }
-            }
-          }
-        }
-      });
+import React from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { ResultDialogMessage } from "./DialogMessage.js";
+import { useDialogs } from "../../Dialogs/useDialogs.js";
+const t = i18n.ns("app-admin/hooks/use-dialog-with-report");
+export const useDialogWithReport = () => {
+  const {
+    showDialog,
+    closeAllDialogs
+  } = useDialogs();
+  const showConfirmationDialog = ({
+    execute,
+    title,
+    message,
+    loadingLabel
+  }) => {
+    showDialog({
+      title: title || t`Confirm`,
+      content: message || t`Are you sure you want to continue?`,
+      loadingLabel: loadingLabel || t`Processing...`,
+      acceptLabel: t`Confirm`,
+      onAccept: execute,
+      cancelLabel: t`Cancel`
     });
   };
-  var showResultsDialog = function showResultsDialog(_ref2) {
-    var title = _ref2.title,
-      params = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-    setTimeout(function () {
-      ui.setState(function (ui) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
-          dialog: {
-            message: /*#__PURE__*/_react.default.createElement(_DialogMessage.ResultDialogMessage, params),
-            options: {
-              title: title || t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Results"]))),
-              actions: {
-                cancel: {
-                  label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Close"])))
-                }
-              }
-            }
-          }
-        });
+  const showResultsDialog = ({
+    title,
+    onCancel,
+    ...params
+  }) => {
+    setTimeout(() => {
+      showDialog({
+        title: title || t`Results`,
+        content: /*#__PURE__*/React.createElement(ResultDialogMessage, params),
+        cancelLabel: t`Close`,
+        onClose: onCancel,
+        acceptLabel: null
       });
     }, 10);
   };
-  var hideResultsDialog = function hideResultsDialog() {
-    ui.setState(function (ui) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
-        dialog: null
-      });
-    });
+  const hideResultsDialog = () => {
+    closeAllDialogs();
   };
   return {
-    showConfirmationDialog: showConfirmationDialog,
-    showResultsDialog: showResultsDialog,
-    hideResultsDialog: hideResultsDialog
+    showConfirmationDialog,
+    showResultsDialog,
+    hideResultsDialog
   };
 };
 

package/components/BulkActions/useDialogWithReport/useDialogWithReport.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_useUi","_i18n","_Progress","_DialogMessage","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","useDialogWithReport","exports","ui","useUi","showConfirmationDialog","_ref","execute","title","message","loadingLabel","setState","_objectSpread2","default","dialog","_taggedTemplateLiteral2","options","loading","createElement","CircularProgress","label","actions","accept","onClick","cancel","showResultsDialog","_ref2","params","_objectWithoutProperties2","setTimeout","ResultDialogMessage","hideResultsDialog"],"sources":["useDialogWithReport.tsx"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { ResultDialogMessage } from \"./DialogMessage\";\nimport { Result } from \"../Worker\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-dialog-with-report\");\n\nexport interface ShowConfirmationDialogParams {\n    execute: (() => void) | (() => Promise<void>);\n    title?: string;\n    message?: string;\n    loadingLabel?: string;\n}\n\nexport interface ShowResultsDialogParams {\n    results: Result[];\n    title?: string;\n    message?: string;\n    onCancel?: () => Promise<void>;\n}\n\nexport interface UseDialogWithReportResponse {\n    showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;\n    showResultsDialog: (results: ShowResultsDialogParams) => void;\n    hideResultsDialog: () => void;\n}\n\nexport const useDialogWithReport = (): UseDialogWithReportResponse => {\n    const ui = useUi();\n\n    const showConfirmationDialog = ({\n        execute,\n        title,\n        message,\n        loadingLabel\n    }: ShowConfirmationDialogParams) => {\n        ui.setState(ui => {\n            return {\n                ...ui,\n                dialog: {\n                    message: message || t`Are you sure you want to continue?`,\n                    options: {\n                        title: title || t`Confirm`,\n                        loading: <CircularProgress label={loadingLabel} />,\n                        actions: {\n                            accept: {\n                                label: t`Confirm`,\n                                onClick: async () => {\n                                    await execute();\n                                }\n                            },\n                            cancel: {\n                                label: t`Cancel`\n                            }\n                        }\n                    }\n                }\n            };\n        });\n    };\n\n    const showResultsDialog = ({ title, ...params }: ShowResultsDialogParams) => {\n        setTimeout(() => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    dialog: {\n                        message: <ResultDialogMessage {...params} />,\n                        options: {\n                            title: title || t`Results`,\n                            actions: {\n                                cancel: {\n                                    label: t`Close`\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }, 10);\n    };\n\n    const hideResultsDialog = () => {\n        ui.setState(ui => {\n            return { ...ui, dialog: null };\n        });\n    };\n\n    return {\n        showConfirmationDialog,\n        showResultsDialog,\n        hideResultsDialog\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","i18n","ResultDialogMessage","useDialogs","t","ns","useDialogWithReport","showDialog","closeAllDialogs","showConfirmationDialog","execute","title","message","loadingLabel","content","acceptLabel","onAccept","cancelLabel","showResultsDialog","onCancel","params","setTimeout","createElement","onClose","hideResultsDialog"],"sources":["useDialogWithReport.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ResultDialogMessage } from \"./DialogMessage.js\";\nimport type { Result } from \"../Worker.js\";\nimport { useDialogs } from \"~/components/Dialogs/useDialogs.js\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-dialog-with-report\");\n\nexport interface ShowConfirmationDialogParams {\n    execute: (() => void) | (() => Promise<void>);\n    title?: string;\n    message?: string;\n    loadingLabel?: string;\n}\n\nexport interface ShowResultsDialogParams {\n    results: Result[];\n    title?: string;\n    message?: string;\n    onCancel?: () => Promise<void>;\n}\n\nexport interface UseDialogWithReportResponse {\n    showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;\n    showResultsDialog: (results: ShowResultsDialogParams) => void;\n    hideResultsDialog: () => void;\n}\n\nexport const useDialogWithReport = (): UseDialogWithReportResponse => {\n    const { showDialog, closeAllDialogs } = useDialogs();\n\n    const showConfirmationDialog = ({\n        execute,\n        title,\n        message,\n        loadingLabel\n    }: ShowConfirmationDialogParams) => {\n        showDialog({\n            title: title || t`Confirm`,\n            content: message || t`Are you sure you want to continue?`,\n            loadingLabel: loadingLabel || t`Processing...`,\n            acceptLabel: t`Confirm`,\n            onAccept: execute,\n            cancelLabel: t`Cancel`\n        });\n    };\n\n    const showResultsDialog = ({ title, onCancel, ...params }: ShowResultsDialogParams) => {\n        setTimeout(() => {\n            showDialog({\n                title: title || t`Results`,\n                content: <ResultDialogMessage {...params} />,\n                cancelLabel: t`Close`,\n                onClose: onCancel,\n                acceptLabel: null\n            });\n        }, 10);\n    };\n\n    const hideResultsDialog = () => {\n        closeAllDialogs();\n    };\n\n    return {\n        showConfirmationDialog,\n        showResultsDialog,\n        hideResultsDialog\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,mBAAmB;AAE5B,SAASC,UAAU;AAEnB,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,wCAAwC,CAAC;AAsB3D,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAmC;EAClE,MAAM;IAAEC,UAAU;IAAEC;EAAgB,CAAC,GAAGL,UAAU,CAAC,CAAC;EAEpD,MAAMM,sBAAsB,GAAGA,CAAC;IAC5BC,OAAO;IACPC,KAAK;IACLC,OAAO;IACPC;EAC0B,CAAC,KAAK;IAChCN,UAAU,CAAC;MACPI,KAAK,EAAEA,KAAK,IAAIP,CAAC,SAAS;MAC1BU,OAAO,EAAEF,OAAO,IAAIR,CAAC,oCAAoC;MACzDS,YAAY,EAAEA,YAAY,IAAIT,CAAC,eAAe;MAC9CW,WAAW,EAAEX,CAAC,SAAS;MACvBY,QAAQ,EAAEN,OAAO;MACjBO,WAAW,EAAEb,CAAC;IAClB,CAAC,CAAC;EACN,CAAC;EAED,MAAMc,iBAAiB,GAAGA,CAAC;IAAEP,KAAK;IAAEQ,QAAQ;IAAE,GAAGC;EAAgC,CAAC,KAAK;IACnFC,UAAU,CAAC,MAAM;MACbd,UAAU,CAAC;QACPI,KAAK,EAAEA,KAAK,IAAIP,CAAC,SAAS;QAC1BU,OAAO,eAAEd,KAAA,CAAAsB,aAAA,CAACpB,mBAAmB,EAAKkB,MAAS,CAAC;QAC5CH,WAAW,EAAEb,CAAC,OAAO;QACrBmB,OAAO,EAAEJ,QAAQ;QACjBJ,WAAW,EAAE;MACjB,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC;EACV,CAAC;EAED,MAAMS,iBAAiB,GAAGA,CAAA,KAAM;IAC5BhB,eAAe,CAAC,CAAC;EACrB,CAAC;EAED,OAAO;IACHC,sBAAsB;IACtBS,iBAAiB;IACjBM;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/components/Buttons/Buttons.d.ts

@@ -1,13 +1,14 @@
 import React from "react";
-import { ButtonProps as BaseButtonProps, IconButtonProps as BaseIconButtonProps } from "@webiny/ui/Button";
-import { TooltipProps } from "@webiny/ui/Tooltip";
-import { ButtonContainer } from "./Buttons.styles";
+import { ButtonContainer } from "./Buttons.styles.js";
+import { type ButtonProps as BaseButtonProps, type IconButtonProps as BaseIconButtonProps, type TooltipProps } from "@webiny/admin-ui";
 interface ButtonProps extends Omit<BaseButtonProps, "onClick"> {
     onAction: (ev?: any) => void;
+    children: React.ReactNode;
 }
 interface IconButtonProps extends Omit<BaseIconButtonProps, "onClick"> {
+    label: string;
     onAction: (ev?: any) => void;
-    tooltipPlacement?: TooltipProps["placement"];
+    tooltipPlacement?: TooltipProps["side"];
 }
 export interface ButtonsProps {
     actions: {
@@ -17,7 +18,7 @@ export interface ButtonsProps {
 }
 export declare const Buttons: (props: ButtonsProps) => React.JSX.Element | null;
 export { ButtonContainer };
-export declare const ButtonDefault: ({ onAction, ...other }: ButtonProps) => React.JSX.Element;
-export declare const ButtonPrimary: ({ onAction, ...other }: ButtonProps) => React.JSX.Element;
-export declare const ButtonSecondary: ({ onAction, ...other }: ButtonProps) => React.JSX.Element;
-export declare const IconButton: ({ label, onAction, tooltipPlacement, ...other }: IconButtonProps) => React.JSX.Element;
+export declare const ButtonDefault: ({ onAction, children, ...other }: ButtonProps) => React.JSX.Element;
+export declare const ButtonPrimary: ({ onAction, children, ...other }: ButtonProps) => React.JSX.Element;
+export declare const ButtonSecondary: ({ onAction, children, ...other }: ButtonProps) => React.JSX.Element;
+export declare const IconButton: ({ label, onAction, tooltipPlacement, disabled, ...other }: IconButtonProps) => React.JSX.Element;

package/components/Buttons/Buttons.js

@@ -1,72 +1,76 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ButtonContainer", {
-  enumerable: true,
-  get: function get() {
-    return _Buttons.ButtonContainer;
-  }
-});
-exports.IconButton = exports.Buttons = exports.ButtonSecondary = exports.ButtonPrimary = exports.ButtonDefault = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _Button = require("@webiny/ui/Button");
-var _Tooltip = require("@webiny/ui/Tooltip");
-var _useButtons = require("./useButtons");
-var _Buttons = require("./Buttons.styles");
-var _excluded = ["onAction"],
-  _excluded2 = ["onAction"],
-  _excluded3 = ["onAction"],
-  _excluded4 = ["label", "onAction", "tooltipPlacement"];
-var Buttons = exports.Buttons = function Buttons(props) {
+import React from "react";
+import { ButtonsProvider } from "./useButtons.js";
+import { ButtonContainer } from "./Buttons.styles.js";
+import { Button, IconButton as BaseIconButton, Tooltip } from "@webiny/admin-ui";
+export const Buttons = props => {
   if (!props.actions.length) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.actions.map(function (action) {
-    return /*#__PURE__*/_react.default.createElement(_Buttons.ButtonContainer, {
-      key: action.name
-    }, /*#__PURE__*/_react.default.createElement(_useButtons.ButtonsProvider, null, action.element));
-  }));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-sm"
+  }, props.actions.map(action => /*#__PURE__*/React.createElement("div", {
+    className: "empty:hidden leading-none text-0",
+    key: action.name
+  }, /*#__PURE__*/React.createElement(ButtonsProvider, null, action.element))));
 };
-var ButtonDefault = exports.ButtonDefault = function ButtonDefault(_ref) {
-  var onAction = _ref.onAction,
-    other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, Object.assign({}, other, {
-    onClick: onAction
+export { ButtonContainer };
+export const ButtonDefault = ({
+  onAction,
+  children,
+  ...other
+}) => {
+  return /*#__PURE__*/React.createElement(Button, Object.assign({
+    variant: "ghost"
+  }, other, {
+    onClick: onAction,
+    text: children
   }));
 };
-var ButtonPrimary = exports.ButtonPrimary = function ButtonPrimary(_ref2) {
-  var onAction = _ref2.onAction,
-    other = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-  return /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, Object.assign({}, other, {
-    onClick: onAction
+export const ButtonPrimary = ({
+  onAction,
+  children,
+  ...other
+}) => {
+  return /*#__PURE__*/React.createElement(Button, Object.assign({
+    variant: "primary"
+  }, other, {
+    onClick: onAction,
+    text: children
   }));
 };
-var ButtonSecondary = exports.ButtonSecondary = function ButtonSecondary(_ref3) {
-  var onAction = _ref3.onAction,
-    other = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
-  return /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, Object.assign({}, other, {
-    onClick: onAction
+export const ButtonSecondary = ({
+  onAction,
+  children,
+  ...other
+}) => {
+  return /*#__PURE__*/React.createElement(Button, Object.assign({
+    variant: "secondary"
+  }, other, {
+    onClick: onAction,
+    text: children
   }));
 };
-var IconButton = exports.IconButton = function IconButton(_ref4) {
-  var label = _ref4.label,
-    onAction = _ref4.onAction,
-    tooltipPlacement = _ref4.tooltipPlacement,
-    other = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
-  if (label) {
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+export const IconButton = ({
+  label,
+  onAction,
+  tooltipPlacement,
+  disabled,
+  ...other
+}) => {
+  if (label && !disabled) {
+    return /*#__PURE__*/React.createElement(Tooltip, {
       content: label,
-      placement: tooltipPlacement
-    }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({}, other, {
-      onClick: onAction
-    })));
+      side: tooltipPlacement,
+      trigger: /*#__PURE__*/React.createElement(BaseIconButton, Object.assign({
+        variant: "ghost"
+      }, other, {
+        onClick: onAction
+      }))
+    });
   }
-  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({}, other, {
-    onClick: onAction
+  return /*#__PURE__*/React.createElement(BaseIconButton, Object.assign({}, other, {
+    onClick: onAction,
+    disabled: disabled
   }));
 };
 

package/components/Buttons/Buttons.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_Tooltip","_useButtons","_Buttons","_excluded","_excluded2","_excluded3","_excluded4","Buttons","exports","props","actions","length","default","createElement","Fragment","map","action","ButtonContainer","key","name","ButtonsProvider","element","ButtonDefault","_ref","onAction","other","_objectWithoutProperties2","Object","assign","onClick","ButtonPrimary","_ref2","ButtonSecondary","_ref3","IconButton","_ref4","label","tooltipPlacement","Tooltip","content","placement"],"sources":["Buttons.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    ButtonDefault as BaseButtonDefault,\n    ButtonPrimary as BaseButtonPrimary,\n    ButtonSecondary as BaseButtonSecondary,\n    IconButton as BaseIconButton,\n    ButtonProps as BaseButtonProps,\n    IconButtonProps as BaseIconButtonProps\n} from \"@webiny/ui/Button\";\nimport { Tooltip, TooltipProps } from \"@webiny/ui/Tooltip\";\n\nimport { ButtonsProvider } from \"./useButtons\";\nimport { ButtonContainer } from \"./Buttons.styles\";\n\ninterface ButtonProps extends Omit<BaseButtonProps, \"onClick\"> {\n    onAction: (ev?: any) => void;\n}\n\ninterface IconButtonProps extends Omit<BaseIconButtonProps, \"onClick\"> {\n    onAction: (ev?: any) => void;\n    tooltipPlacement?: TooltipProps[\"placement\"];\n}\n\nexport interface ButtonsProps {\n    actions: {\n        name: string;\n        element: React.ReactElement;\n    }[];\n}\n\nexport const Buttons = (props: ButtonsProps) => {\n    if (!props.actions.length) {\n        return null;\n    }\n\n    return (\n        <>\n            {props.actions.map(action => (\n                <ButtonContainer key={action.name}>\n                    <ButtonsProvider>{action.element}</ButtonsProvider>\n                </ButtonContainer>\n            ))}\n        </>\n    );\n};\n\nexport { ButtonContainer };\n\nexport const ButtonDefault = ({ onAction, ...other }: ButtonProps) => {\n    return <BaseButtonDefault {...other} onClick={onAction} />;\n};\n\nexport const ButtonPrimary = ({ onAction, ...other }: ButtonProps) => {\n    return <BaseButtonPrimary {...other} onClick={onAction} />;\n};\n\nexport const ButtonSecondary = ({ onAction, ...other }: ButtonProps) => {\n    return <BaseButtonSecondary {...other} onClick={onAction} />;\n};\n\nexport const IconButton = ({ label, onAction, tooltipPlacement, ...other }: IconButtonProps) => {\n    if (label) {\n        return (\n            <Tooltip content={label} placement={tooltipPlacement}>\n                <BaseIconButton {...other} onClick={onAction} />\n            </Tooltip>\n        );\n    }\n\n    return <BaseIconButton {...other} onClick={onAction} />;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ButtonsProvider","ButtonContainer","Button","IconButton","BaseIconButton","Tooltip","Buttons","props","actions","length","createElement","className","map","action","key","name","element","ButtonDefault","onAction","children","other","Object","assign","variant","onClick","text","ButtonPrimary","ButtonSecondary","label","tooltipPlacement","disabled","content","side","trigger"],"sources":["Buttons.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ButtonsProvider } from \"./useButtons.js\";\nimport { ButtonContainer } from \"./Buttons.styles.js\";\nimport {\n    Button,\n    type ButtonProps as BaseButtonProps,\n    IconButton as BaseIconButton,\n    type IconButtonProps as BaseIconButtonProps,\n    Tooltip,\n    type TooltipProps\n} from \"@webiny/admin-ui\";\n\ninterface ButtonProps extends Omit<BaseButtonProps, \"onClick\"> {\n    onAction: (ev?: any) => void;\n    children: React.ReactNode;\n}\n\ninterface IconButtonProps extends Omit<BaseIconButtonProps, \"onClick\"> {\n    label: string;\n    onAction: (ev?: any) => void;\n    tooltipPlacement?: TooltipProps[\"side\"];\n}\n\nexport interface ButtonsProps {\n    actions: {\n        name: string;\n        element: React.ReactElement;\n    }[];\n}\n\nexport const Buttons = (props: ButtonsProps) => {\n    if (!props.actions.length) {\n        return null;\n    }\n\n    return (\n        <div className={\"flex items-center gap-sm\"}>\n            {props.actions.map(action => (\n                <div className={\"empty:hidden leading-none text-0\"} key={action.name}>\n                    <ButtonsProvider>{action.element}</ButtonsProvider>\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport { ButtonContainer };\n\nexport const ButtonDefault = ({ onAction, children, ...other }: ButtonProps) => {\n    return <Button variant={\"ghost\"} {...other} onClick={onAction} text={children} />;\n};\n\nexport const ButtonPrimary = ({ onAction, children, ...other }: ButtonProps) => {\n    return <Button variant={\"primary\"} {...other} onClick={onAction} text={children} />;\n};\n\nexport const ButtonSecondary = ({ onAction, children, ...other }: ButtonProps) => {\n    return <Button variant={\"secondary\"} {...other} onClick={onAction} text={children} />;\n};\n\nexport const IconButton = ({\n    label,\n    onAction,\n    tooltipPlacement,\n    disabled,\n    ...other\n}: IconButtonProps) => {\n    if (label && !disabled) {\n        return (\n            <Tooltip\n                content={label}\n                side={tooltipPlacement}\n                trigger={<BaseIconButton variant={\"ghost\"} {...other} onClick={onAction} />}\n            />\n        );\n    }\n\n    return <BaseIconButton {...other} onClick={onAction} disabled={disabled} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SACIC,MAAM,EAENC,UAAU,IAAIC,cAAc,EAE5BC,OAAO,QAEJ,kBAAkB;AAoBzB,OAAO,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAC5C,IAAI,CAACA,KAAK,CAACC,OAAO,CAACC,MAAM,EAAE;IACvB,OAAO,IAAI;EACf;EAEA,oBACIV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAA2B,GACtCJ,KAAK,CAACC,OAAO,CAACI,GAAG,CAACC,MAAM,iBACrBd,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE,kCAAmC;IAACG,GAAG,EAAED,MAAM,CAACE;EAAK,gBACjEhB,KAAA,CAAAW,aAAA,CAACV,eAAe,QAAEa,MAAM,CAACG,OAAyB,CACjD,CACR,CACA,CAAC;AAEd,CAAC;AAED,SAASf,eAAe;AAExB,OAAO,MAAMgB,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EAC5E,oBAAOrB,KAAA,CAAAW,aAAA,CAACR,MAAM,EAAAmB,MAAA,CAAAC,MAAA;IAACC,OAAO,EAAE;EAAQ,GAAKH,KAAK;IAAEI,OAAO,EAAEN,QAAS;IAACO,IAAI,EAAEN;EAAS,EAAE,CAAC;AACrF,CAAC;AAED,OAAO,MAAMO,aAAa,GAAGA,CAAC;EAAER,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EAC5E,oBAAOrB,KAAA,CAAAW,aAAA,CAACR,MAAM,EAAAmB,MAAA,CAAAC,MAAA;IAACC,OAAO,EAAE;EAAU,GAAKH,KAAK;IAAEI,OAAO,EAAEN,QAAS;IAACO,IAAI,EAAEN;EAAS,EAAE,CAAC;AACvF,CAAC;AAED,OAAO,MAAMQ,eAAe,GAAGA,CAAC;EAAET,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EAC9E,oBAAOrB,KAAA,CAAAW,aAAA,CAACR,MAAM,EAAAmB,MAAA,CAAAC,MAAA;IAACC,OAAO,EAAE;EAAY,GAAKH,KAAK;IAAEI,OAAO,EAAEN,QAAS;IAACO,IAAI,EAAEN;EAAS,EAAE,CAAC;AACzF,CAAC;AAED,OAAO,MAAMhB,UAAU,GAAGA,CAAC;EACvByB,KAAK;EACLV,QAAQ;EACRW,gBAAgB;EAChBC,QAAQ;EACR,GAAGV;AACU,CAAC,KAAK;EACnB,IAAIQ,KAAK,IAAI,CAACE,QAAQ,EAAE;IACpB,oBACI/B,KAAA,CAAAW,aAAA,CAACL,OAAO;MACJ0B,OAAO,EAAEH,KAAM;MACfI,IAAI,EAAEH,gBAAiB;MACvBI,OAAO,eAAElC,KAAA,CAAAW,aAAA,CAACN,cAAc,EAAAiB,MAAA,CAAAC,MAAA;QAACC,OAAO,EAAE;MAAQ,GAAKH,KAAK;QAAEI,OAAO,EAAEN;MAAS,EAAE;IAAE,CAC/E,CAAC;EAEV;EAEA,oBAAOnB,KAAA,CAAAW,aAAA,CAACN,cAAc,EAAAiB,MAAA,CAAAC,MAAA,KAAKF,KAAK;IAAEI,OAAO,EAAEN,QAAS;IAACY,QAAQ,EAAEA;EAAS,EAAE,CAAC;AAC/E,CAAC","ignoreList":[]}

package/components/Buttons/Buttons.styles.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const ButtonContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/Buttons/Buttons.styles.js

@@ -1,13 +1,6 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ButtonContainer = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
+import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var ButtonContainer = exports.ButtonContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+export const ButtonContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1ubuzv90"
 } : {
   target: "e1ubuzv90",
@@ -17,8 +10,7 @@ var ButtonContainer = exports.ButtonContainer = /*#__PURE__*/(0, _base.default)(
   styles: "margin-left:16px;text-wrap:nowrap;&:empty{display:none;}"
 } : {
   name: "at3lo0",
-  styles: "margin-left:16px;text-wrap:nowrap;&:empty{display:none;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNEMiLCJmaWxlIjoiQnV0dG9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBCdXR0b25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgbWFyZ2luLWxlZnQ6IDE2cHg7XG4gICAgdGV4dC13cmFwOiBub3dyYXA7XG4gICAgJjplbXB0eSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuYDtcbiJdfQ== */",
+  styles: "margin-left:16px;text-wrap:nowrap;&:empty{display:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNEMiLCJmaWxlIjoiQnV0dG9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBCdXR0b25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgbWFyZ2luLWxlZnQ6IDE2cHg7XG4gICAgdGV4dC13cmFwOiBub3dyYXA7XG4gICAgJjplbXB0eSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 

package/components/Buttons/Buttons.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["ButtonContainer","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["Buttons.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const ButtonContainer = styled(\"div\")`\n    margin-left: 16px;\n    text-wrap: nowrap;\n    &:empty {\n        display: none;\n    }\n`;\n"],"mappings":";;;;;;;;;AAEO,IAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAM3C","ignoreList":[]}
+{"version":3,"names":["ButtonContainer","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["Buttons.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const ButtonContainer = styled(\"div\")`\n    margin-left: 16px;\n    text-wrap: nowrap;\n    &:empty {\n        display: none;\n    }\n`;\n"],"mappings":";;AAEA,OAAO,MAAMA,eAAe,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAM3C","ignoreList":[]}

package/components/Buttons/index.d.ts

@@ -1,2 +1,2 @@
-export { Buttons, ButtonContainer } from "./Buttons";
-export { useButtons } from "./useButtons";
+export { Buttons, ButtonContainer } from "./Buttons.js";
+export { useButtons } from "./useButtons.js";