@webiny/app-admin 5.43.2 → 6.0.0-alpha.0

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 { 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 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,74 @@
-"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", "disabled"];
-var Buttons = exports.Buttons = function Buttons(props) {
+import React from "react";
+import { ButtonsProvider } from "./useButtons";
+import { ButtonContainer } from "./Buttons.styles";
+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: "wby-flex wby-items-center wby-gap-sm"
+  }, props.actions.map(action => /*#__PURE__*/React.createElement("div", {
+    className: "empty:wby-hidden wby-leading-none wby-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,
-    disabled = _ref4.disabled,
-    other = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
+export const IconButton = ({
+  label,
+  onAction,
+  tooltipPlacement,
+  disabled,
+  ...other
+}) => {
   if (label && !disabled) {
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    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, {
+  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","disabled","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 = ({\n    label,\n    onAction,\n    tooltipPlacement,\n    disabled,\n    ...other\n}: IconButtonProps) => {\n    if (label && !disabled) {\n        return (\n            <Tooltip content={label} placement={tooltipPlacement}>\n                <BaseIconButton {...other} onClick={onAction} />\n            </Tooltip>\n        );\n    }\n\n    return <BaseIconButton {...other} onClick={onAction} disabled={disabled} />;\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\";\nimport { ButtonContainer } from \"./Buttons.styles\";\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={\"wby-flex wby-items-center wby-gap-sm\"}>\n            {props.actions.map(action => (\n                <div className={\"empty:wby-hidden wby-leading-none wby-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;EAAuC,GAClDJ,KAAK,CAACC,OAAO,CAACI,GAAG,CAACC,MAAM,iBACrBd,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE,8CAA+C;IAACG,GAAG,EAAED,MAAM,CAACE;EAAK,gBAC7EhB,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.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",

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","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":";;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,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAM3C","ignoreList":[]}

package/components/Buttons/index.js

@@ -1,27 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ButtonContainer", {
-  enumerable: true,
-  get: function get() {
-    return _Buttons.ButtonContainer;
-  }
-});
-Object.defineProperty(exports, "Buttons", {
-  enumerable: true,
-  get: function get() {
-    return _Buttons.Buttons;
-  }
-});
-Object.defineProperty(exports, "useButtons", {
-  enumerable: true,
-  get: function get() {
-    return _useButtons.useButtons;
-  }
-});
-var _Buttons = require("./Buttons");
-var _useButtons = require("./useButtons");
+export { Buttons, ButtonContainer } from "./Buttons";
+export { useButtons } from "./useButtons";
 
 //# sourceMappingURL=index.js.map

package/components/Buttons/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Buttons","require","_useButtons"],"sources":["index.ts"],"sourcesContent":["export { Buttons, ButtonContainer } from \"./Buttons\";\nexport { useButtons } from \"./useButtons\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"names":["Buttons","ButtonContainer","useButtons"],"sources":["index.ts"],"sourcesContent":["export { Buttons, ButtonContainer } from \"./Buttons\";\nexport { useButtons } from \"./useButtons\";\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,eAAe;AACjC,SAASC,UAAU","ignoreList":[]}

package/components/Buttons/useButtons.js

@@ -1,26 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useButtons = exports.ButtonsProvider = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Buttons = require("./Buttons");
-var ButtonsContext = /*#__PURE__*/_react.default.createContext(undefined);
-var ButtonsProvider = exports.ButtonsProvider = function ButtonsProvider(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(ButtonsContext.Provider, {
+import React from "react";
+import { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from "./Buttons";
+const ButtonsContext = /*#__PURE__*/React.createContext(undefined);
+export const ButtonsProvider = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(ButtonsContext.Provider, {
     value: {
-      ButtonDefault: _Buttons.ButtonDefault,
-      ButtonPrimary: _Buttons.ButtonPrimary,
-      ButtonSecondary: _Buttons.ButtonSecondary,
-      IconButton: _Buttons.IconButton
+      ButtonDefault,
+      ButtonPrimary,
+      ButtonSecondary,
+      IconButton
     }
   }, children);
 };
-var useButtons = exports.useButtons = function useButtons() {
-  var context = _react.default.useContext(ButtonsContext);
+export const useButtons = () => {
+  const context = React.useContext(ButtonsContext);
   if (!context) {
     throw new Error("useButtons must be used within a ButtonsContext");
   }

package/components/Buttons/useButtons.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Buttons","ButtonsContext","React","createContext","undefined","ButtonsProvider","exports","_ref","children","default","createElement","Provider","value","ButtonDefault","ButtonPrimary","ButtonSecondary","IconButton","useButtons","context","useContext","Error"],"sources":["useButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from \"./Buttons\";\n\nexport interface ButtonsProviderContext {\n    ButtonDefault: typeof ButtonDefault;\n    ButtonPrimary: typeof ButtonPrimary;\n    ButtonSecondary: typeof ButtonSecondary;\n    IconButton: typeof IconButton;\n}\n\nconst ButtonsContext = React.createContext<ButtonsProviderContext | undefined>(undefined);\n\ninterface ButtonsProviderProps {\n    children: React.ReactNode;\n}\n\nexport const ButtonsProvider = ({ children }: ButtonsProviderProps) => {\n    return (\n        <ButtonsContext.Provider\n            value={{ ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton }}\n        >\n            {children}\n        </ButtonsContext.Provider>\n    );\n};\n\nexport const useButtons = (): ButtonsProviderContext => {\n    const context = React.useContext(ButtonsContext);\n\n    if (!context) {\n        throw new Error(\"useButtons must be used within a ButtonsContext\");\n    }\n\n    return context;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AASA,IAAME,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAAqCC,SAAS,CAAC;AAMlF,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAAE,IAAA,EAA2C;EAAA,IAArCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACtC,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,cAAc,CAACU,QAAQ;IACpBC,KAAK,EAAE;MAAEC,aAAa,EAAbA,sBAAa;MAAEC,aAAa,EAAbA,sBAAa;MAAEC,eAAe,EAAfA,wBAAe;MAAEC,UAAU,EAAVA;IAAW;EAAE,GAEpER,QACoB,CAAC;AAElC,CAAC;AAEM,IAAMS,UAAU,GAAAX,OAAA,CAAAW,UAAA,GAAG,SAAbA,UAAUA,CAAA,EAAiC;EACpD,IAAMC,OAAO,GAAGhB,cAAK,CAACiB,UAAU,CAAClB,cAAc,CAAC;EAEhD,IAAI,CAACiB,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,iDAAiD,CAAC;EACtE;EAEA,OAAOF,OAAO;AAClB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ButtonDefault","ButtonPrimary","ButtonSecondary","IconButton","ButtonsContext","createContext","undefined","ButtonsProvider","children","createElement","Provider","value","useButtons","context","useContext","Error"],"sources":["useButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from \"./Buttons\";\n\nexport interface ButtonsProviderContext {\n    ButtonDefault: typeof ButtonDefault;\n    ButtonPrimary: typeof ButtonPrimary;\n    ButtonSecondary: typeof ButtonSecondary;\n    IconButton: typeof IconButton;\n}\n\nconst ButtonsContext = React.createContext<ButtonsProviderContext | undefined>(undefined);\n\ninterface ButtonsProviderProps {\n    children: React.ReactNode;\n}\n\nexport const ButtonsProvider = ({ children }: ButtonsProviderProps) => {\n    return (\n        <ButtonsContext.Provider\n            value={{ ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton }}\n        >\n            {children}\n        </ButtonsContext.Provider>\n    );\n};\n\nexport const useButtons = (): ButtonsProviderContext => {\n    const context = React.useContext(ButtonsContext);\n\n    if (!context) {\n        throw new Error(\"useButtons must be used within a ButtonsContext\");\n    }\n\n    return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,aAAa,EAAEC,eAAe,EAAEC,UAAU;AASlE,MAAMC,cAAc,gBAAGL,KAAK,CAACM,aAAa,CAAqCC,SAAS,CAAC;AAMzF,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EACnE,oBACIT,KAAA,CAAAU,aAAA,CAACL,cAAc,CAACM,QAAQ;IACpBC,KAAK,EAAE;MAAEX,aAAa;MAAEC,aAAa;MAAEC,eAAe;MAAEC;IAAW;EAAE,GAEpEK,QACoB,CAAC;AAElC,CAAC;AAED,OAAO,MAAMI,UAAU,GAAGA,CAAA,KAA8B;EACpD,MAAMC,OAAO,GAAGd,KAAK,CAACe,UAAU,CAACV,cAAc,CAAC;EAEhD,IAAI,CAACS,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,iDAAiD,CAAC;EACtE;EAEA,OAAOF,OAAO;AAClB,CAAC","ignoreList":[]}

package/components/Dialogs/CustomDialog.js

@@ -1,51 +1,44 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCustomDialog = exports.CustomDialog = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _form = require("@webiny/form");
-var _styled = require("./styled");
-var CustomDialog = exports.CustomDialog = function CustomDialog(_ref) {
-  var open = _ref.open,
-    loading = _ref.loading,
-    closeDialog = _ref.closeDialog,
-    onSubmit = _ref.onSubmit,
-    children = _ref.children;
-  var handleSubmit = function handleSubmit(data) {
+import React, { useContext } from "react";
+import { Form, useForm } from "@webiny/form";
+import { Dialog } from "@webiny/admin-ui";
+export const CustomDialog = ({
+  open,
+  loading,
+  closeDialog,
+  onSubmit,
+  children
+}) => {
+  const handleSubmit = data => {
     onSubmit(data);
   };
-  return /*#__PURE__*/_react.default.createElement(_styled.DialogContainer, {
+  return /*#__PURE__*/React.createElement(Dialog, {
     open: open,
     onClose: closeDialog
-  }, open ? /*#__PURE__*/_react.default.createElement(_form.Form, {
+  }, open ? /*#__PURE__*/React.createElement(Form, {
     onSubmit: handleSubmit
-  }, function () {
-    return /*#__PURE__*/_react.default.createElement(CustomDialogProvider, {
-      loading: loading,
-      closeDialog: closeDialog
-    }, children);
-  }) : null);
-};
-var CustomDialogContext = /*#__PURE__*/_react.default.createContext(undefined);
-var CustomDialogProvider = function CustomDialogProvider(_ref2) {
-  var loading = _ref2.loading,
-    closeDialog = _ref2.closeDialog,
-    children = _ref2.children;
-  var form = (0, _form.useForm)();
-  var context = {
-    submit: form.submit,
+  }, () => /*#__PURE__*/React.createElement(CustomDialogProvider, {
     loading: loading,
     closeDialog: closeDialog
+  }, children)) : null);
+};
+const CustomDialogContext = /*#__PURE__*/React.createContext(undefined);
+const CustomDialogProvider = ({
+  loading,
+  closeDialog,
+  children
+}) => {
+  const form = useForm();
+  const context = {
+    submit: form.submit,
+    loading,
+    closeDialog
   };
-  return /*#__PURE__*/_react.default.createElement(CustomDialogContext.Provider, {
+  return /*#__PURE__*/React.createElement(CustomDialogContext.Provider, {
     value: context
   }, children);
 };
-var useCustomDialog = exports.useCustomDialog = function useCustomDialog() {
-  var context = (0, _react.useContext)(CustomDialogContext);
+export const useCustomDialog = () => {
+  const context = useContext(CustomDialogContext);
   if (!context) {
     throw new Error("useCustomDialog must be used within the CustomDialogProvider.");
   }

package/components/Dialogs/CustomDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_styled","CustomDialog","exports","_ref","open","loading","closeDialog","onSubmit","children","handleSubmit","data","default","createElement","DialogContainer","onClose","Form","CustomDialogProvider","CustomDialogContext","React","createContext","undefined","_ref2","form","useForm","context","submit","Provider","value","useCustomDialog","useContext","Error"],"sources":["CustomDialog.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { Form, FormOnSubmit, GenericFormData, useForm } from \"@webiny/form\";\nimport { DialogContainer } from \"./styled\";\n\ninterface DialogProps {\n    onSubmit: (data: GenericFormData) => void;\n    closeDialog: () => void;\n    loading: boolean;\n    open: boolean;\n    children: JSX.Element;\n}\n\nexport const CustomDialog = ({ open, loading, closeDialog, onSubmit, children }: DialogProps) => {\n    const handleSubmit: FormOnSubmit = data => {\n        onSubmit(data);\n    };\n\n    return (\n        <DialogContainer open={open} onClose={closeDialog}>\n            {open ? (\n                <Form onSubmit={handleSubmit}>\n                    {() => (\n                        <CustomDialogProvider loading={loading} closeDialog={closeDialog}>\n                            {children}\n                        </CustomDialogProvider>\n                    )}\n                </Form>\n            ) : null}\n        </DialogContainer>\n    );\n};\n\nexport interface CustomDialogContext {\n    loading: boolean;\n    closeDialog: () => void;\n    submit: () => void;\n}\n\nconst CustomDialogContext = React.createContext<CustomDialogContext | undefined>(undefined);\n\ninterface CustomDialogProviderProps {\n    loading: boolean;\n    closeDialog: () => void;\n    children: JSX.Element;\n}\n\nconst CustomDialogProvider = ({ loading, closeDialog, children }: CustomDialogProviderProps) => {\n    const form = useForm();\n\n    const context: CustomDialogContext = { submit: form.submit, loading, closeDialog };\n\n    return <CustomDialogContext.Provider value={context}>{children}</CustomDialogContext.Provider>;\n};\n\nexport const useCustomDialog = () => {\n    const context = useContext(CustomDialogContext);\n\n    if (!context) {\n        throw new Error(\"useCustomDialog must be used within the CustomDialogProvider.\");\n    }\n\n    return context;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAUO,IAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAAE,IAAA,EAAwE;EAAA,IAAlEC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;EACzE,IAAMC,YAA0B,GAAG,SAA7BA,YAA0BA,CAAGC,IAAI,EAAI;IACvCH,QAAQ,CAACG,IAAI,CAAC;EAClB,CAAC;EAED,oBACId,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAa,eAAe;IAACT,IAAI,EAAEA,IAAK;IAACU,OAAO,EAAER;EAAY,GAC7CF,IAAI,gBACDR,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,KAAA,CAAAgB,IAAI;IAACR,QAAQ,EAAEE;EAAa,GACxB;IAAA,oBACGb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACI,oBAAoB;MAACX,OAAO,EAAEA,OAAQ;MAACC,WAAW,EAAEA;IAAY,GAC5DE,QACiB,CAAC;EAAA,CAEzB,CAAC,GACP,IACS,CAAC;AAE1B,CAAC;AAQD,IAAMS,mBAAmB,gBAAGC,cAAK,CAACC,aAAa,CAAkCC,SAAS,CAAC;AAQ3F,IAAMJ,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAK,KAAA,EAAsE;EAAA,IAAhEhB,OAAO,GAAAgB,KAAA,CAAPhB,OAAO;IAAEC,WAAW,GAAAe,KAAA,CAAXf,WAAW;IAAEE,QAAQ,GAAAa,KAAA,CAARb,QAAQ;EAC1D,IAAMc,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;EAEtB,IAAMC,OAA4B,GAAG;IAAEC,MAAM,EAAEH,IAAI,CAACG,MAAM;IAAEpB,OAAO,EAAPA,OAAO;IAAEC,WAAW,EAAXA;EAAY,CAAC;EAElF,oBAAOV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACK,mBAAmB,CAACS,QAAQ;IAACC,KAAK,EAAEH;EAAQ,GAAEhB,QAAuC,CAAC;AAClG,CAAC;AAEM,IAAMoB,eAAe,GAAA1B,OAAA,CAAA0B,eAAA,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EACjC,IAAMJ,OAAO,GAAG,IAAAK,iBAAU,EAACZ,mBAAmB,CAAC;EAE/C,IAAI,CAACO,OAAO,EAAE;IACV,MAAM,IAAIM,KAAK,CAAC,+DAA+D,CAAC;EACpF;EAEA,OAAON,OAAO;AAClB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","Form","useForm","Dialog","CustomDialog","open","loading","closeDialog","onSubmit","children","handleSubmit","data","createElement","onClose","CustomDialogProvider","CustomDialogContext","createContext","undefined","form","context","submit","Provider","value","useCustomDialog","Error"],"sources":["CustomDialog.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { Form, FormOnSubmit, GenericFormData, useForm } from \"@webiny/form\";\nimport { Dialog } from \"@webiny/admin-ui\";\n\ninterface DialogProps {\n    onSubmit: (data: GenericFormData) => void;\n    closeDialog: () => void;\n    loading: boolean;\n    open: boolean;\n    children: JSX.Element;\n}\n\nexport const CustomDialog = ({ open, loading, closeDialog, onSubmit, children }: DialogProps) => {\n    const handleSubmit: FormOnSubmit = data => {\n        onSubmit(data);\n    };\n\n    return (\n        <Dialog open={open} onClose={closeDialog}>\n            {open ? (\n                <Form onSubmit={handleSubmit}>\n                    {() => (\n                        <CustomDialogProvider loading={loading} closeDialog={closeDialog}>\n                            {children}\n                        </CustomDialogProvider>\n                    )}\n                </Form>\n            ) : null}\n        </Dialog>\n    );\n};\n\nexport interface CustomDialogContext {\n    loading: boolean;\n    closeDialog: () => void;\n    submit: () => void;\n}\n\nconst CustomDialogContext = React.createContext<CustomDialogContext | undefined>(undefined);\n\ninterface CustomDialogProviderProps {\n    loading: boolean;\n    closeDialog: () => void;\n    children: JSX.Element;\n}\n\nconst CustomDialogProvider = ({ loading, closeDialog, children }: CustomDialogProviderProps) => {\n    const form = useForm();\n\n    const context: CustomDialogContext = { submit: form.submit, loading, closeDialog };\n\n    return <CustomDialogContext.Provider value={context}>{children}</CustomDialogContext.Provider>;\n};\n\nexport const useCustomDialog = () => {\n    const context = useContext(CustomDialogContext);\n\n    if (!context) {\n        throw new Error(\"useCustomDialog must be used within the CustomDialogProvider.\");\n    }\n\n    return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,IAAI,EAAiCC,OAAO,QAAQ,cAAc;AAC3E,SAASC,MAAM,QAAQ,kBAAkB;AAUzC,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC,OAAO;EAAEC,WAAW;EAAEC,QAAQ;EAAEC;AAAsB,CAAC,KAAK;EAC7F,MAAMC,YAA0B,GAAGC,IAAI,IAAI;IACvCH,QAAQ,CAACG,IAAI,CAAC;EAClB,CAAC;EAED,oBACIZ,KAAA,CAAAa,aAAA,CAACT,MAAM;IAACE,IAAI,EAAEA,IAAK;IAACQ,OAAO,EAAEN;EAAY,GACpCF,IAAI,gBACDN,KAAA,CAAAa,aAAA,CAACX,IAAI;IAACO,QAAQ,EAAEE;EAAa,GACxB,mBACGX,KAAA,CAAAa,aAAA,CAACE,oBAAoB;IAACR,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,GAC5DE,QACiB,CAExB,CAAC,GACP,IACA,CAAC;AAEjB,CAAC;AAQD,MAAMM,mBAAmB,gBAAGhB,KAAK,CAACiB,aAAa,CAAkCC,SAAS,CAAC;AAQ3F,MAAMH,oBAAoB,GAAGA,CAAC;EAAER,OAAO;EAAEC,WAAW;EAAEE;AAAoC,CAAC,KAAK;EAC5F,MAAMS,IAAI,GAAGhB,OAAO,CAAC,CAAC;EAEtB,MAAMiB,OAA4B,GAAG;IAAEC,MAAM,EAAEF,IAAI,CAACE,MAAM;IAAEd,OAAO;IAAEC;EAAY,CAAC;EAElF,oBAAOR,KAAA,CAAAa,aAAA,CAACG,mBAAmB,CAACM,QAAQ;IAACC,KAAK,EAAEH;EAAQ,GAAEV,QAAuC,CAAC;AAClG,CAAC;AAED,OAAO,MAAMc,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAMJ,OAAO,GAAGnB,UAAU,CAACe,mBAAmB,CAAC;EAE/C,IAAI,CAACI,OAAO,EAAE;IACV,MAAM,IAAIK,KAAK,CAAC,+DAA+D,CAAC;EACpF;EAEA,OAAOL,OAAO;AAClB,CAAC","ignoreList":[]}

package/components/Dialogs/Dialog.d.ts

@@ -1,16 +1,20 @@
 import React, { ReactNode } from "react";
 import { GenericFormData } from "@webiny/form";
-interface DialogProps {
+export interface DialogProps {
     title: ReactNode;
+    description: ReactNode;
+    dismissible: boolean;
     content: ReactNode;
+    icon: ReactNode;
     acceptLabel?: ReactNode;
     cancelLabel?: ReactNode;
     loadingLabel?: ReactNode;
+    dataLoadingLabel?: ReactNode;
     onSubmit: (data: GenericFormData) => void;
     closeDialog: () => void;
     loading: boolean;
     open: boolean;
-    formData?: GenericFormData;
+    formData?: GenericFormData | (() => Promise<GenericFormData>);
+    size?: "sm" | "md" | "lg" | "xl" | "full";
 }
-export declare const Dialog: ({ open, loading, title, content, acceptLabel, cancelLabel, loadingLabel, closeDialog, onSubmit, formData }: DialogProps) => React.JSX.Element;
-export {};
+export declare const Dialog: ({ open, loading, title, content, acceptLabel, cancelLabel, loadingLabel, dataLoadingLabel, closeDialog, onSubmit, size, ...props }: DialogProps) => React.JSX.Element;

package/components/Dialogs/Dialog.js

@@ -1,47 +1,62 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Dialog = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _form = require("@webiny/form");
-var _Button = require("@webiny/ui/Button");
-var _Dialog = require("@webiny/ui/Dialog");
-var _Progress = require("@webiny/ui/Progress");
-var _styled = require("./styled");
-var Dialog = exports.Dialog = function Dialog(_ref) {
-  var open = _ref.open,
-    loading = _ref.loading,
-    title = _ref.title,
-    content = _ref.content,
-    acceptLabel = _ref.acceptLabel,
-    cancelLabel = _ref.cancelLabel,
-    _ref$loadingLabel = _ref.loadingLabel,
-    loadingLabel = _ref$loadingLabel === void 0 ? "Loading..." : _ref$loadingLabel,
-    closeDialog = _ref.closeDialog,
-    onSubmit = _ref.onSubmit,
-    formData = _ref.formData;
-  var handleSubmit = function handleSubmit(data) {
-    onSubmit(data);
+import React, { useEffect, useState } from "react";
+import { Dialog as AdminDialog, OverlayLoader } from "@webiny/admin-ui";
+import { Form } from "@webiny/form";
+export const Dialog = ({
+  open,
+  loading,
+  title,
+  content,
+  acceptLabel,
+  cancelLabel,
+  loadingLabel = "Loading...",
+  dataLoadingLabel = "Loading...",
+  closeDialog,
+  onSubmit,
+  size,
+  ...props
+}) => {
+  const handleSubmit = data => {
+    return onSubmit(data);
   };
-  return /*#__PURE__*/_react.default.createElement(_styled.DialogContainer, {
-    open: open,
-    onClose: closeDialog
-  }, open ? /*#__PURE__*/_react.default.createElement(_form.Form, {
+  const [dataIsLoading, setDataIsLoading] = useState(false);
+  const [formData, setFormData] = useState(typeof props.formData === "function" ? undefined : props.formData);
+  useEffect(() => {
+    if (typeof props.formData === "function") {
+      setDataIsLoading(true);
+      props.formData().then(data => {
+        setFormData(data);
+        setDataIsLoading(false);
+      });
+    }
+  }, [props.formData]);
+  return /*#__PURE__*/React.createElement(Form, {
     onSubmit: handleSubmit,
     data: formData
-  }, function (_ref2) {
-    var submit = _ref2.submit;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
-      label: loadingLabel
-    }), /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, title), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, content), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, cancelLabel ? /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-      onClick: closeDialog
-    }, cancelLabel) : null, acceptLabel ? /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-      onClick: submit
-    }, acceptLabel) : null));
-  }) : null);
+  }, ({
+    submit
+  }) => /*#__PURE__*/React.createElement(AdminDialog, {
+    open: open,
+    onClose: closeDialog,
+    size: size,
+    title: title,
+    description: props.description,
+    icon: /*#__PURE__*/React.createElement(AdminDialog.Icon, {
+      icon: props.icon,
+      label: ""
+    }),
+    dismissible: props.dismissible,
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, cancelLabel ? /*#__PURE__*/React.createElement(AdminDialog.CancelButton, {
+      onClick: closeDialog,
+      text: cancelLabel
+    }) : null, acceptLabel ? /*#__PURE__*/React.createElement(AdminDialog.ConfirmButton, {
+      onClick: submit,
+      text: acceptLabel
+    }) : null)
+  }, open ? /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(OverlayLoader, {
+    text: loadingLabel
+  }), dataIsLoading && /*#__PURE__*/React.createElement(OverlayLoader, {
+    text: dataLoadingLabel
+  }), content) : null));
 };
 
 //# sourceMappingURL=Dialog.js.map

package/components/Dialogs/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_form","_Button","_Dialog","_Progress","_styled","Dialog","exports","_ref","open","loading","title","content","acceptLabel","cancelLabel","_ref$loadingLabel","loadingLabel","closeDialog","onSubmit","formData","handleSubmit","data","default","createElement","DialogContainer","onClose","Form","_ref2","submit","Fragment","CircularProgress","label","DialogTitle","DialogContent","DialogActions","ButtonDefault","onClick","ButtonPrimary"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport { Form, FormOnSubmit, GenericFormData } from \"@webiny/form\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { DialogActions, DialogContent, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nimport { DialogContainer } from \"./styled\";\n\ninterface DialogProps {\n    title: ReactNode;\n    content: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    onSubmit: (data: GenericFormData) => void;\n    closeDialog: () => void;\n    loading: boolean;\n    open: boolean;\n    formData?: GenericFormData;\n}\n\nexport const Dialog = ({\n    open,\n    loading,\n    title,\n    content,\n    acceptLabel,\n    cancelLabel,\n    loadingLabel = \"Loading...\",\n    closeDialog,\n    onSubmit,\n    formData\n}: DialogProps) => {\n    const handleSubmit: FormOnSubmit = data => {\n        onSubmit(data);\n    };\n\n    return (\n        <DialogContainer open={open} onClose={closeDialog}>\n            {open ? (\n                <Form onSubmit={handleSubmit} data={formData}>\n                    {({ submit }) => (\n                        <>\n                            {loading && <CircularProgress label={loadingLabel} />}\n                            <DialogTitle>{title}</DialogTitle>\n                            <DialogContent>{content}</DialogContent>\n                            <DialogActions>\n                                {cancelLabel ? (\n                                    <ButtonDefault onClick={closeDialog}>\n                                        {cancelLabel}\n                                    </ButtonDefault>\n                                ) : null}\n                                {acceptLabel ? (\n                                    <ButtonPrimary onClick={submit}>{acceptLabel}</ButtonPrimary>\n                                ) : null}\n                            </DialogActions>\n                        </>\n                    )}\n                </Form>\n            ) : null}\n        </DialogContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AAeO,IAAMM,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAAE,IAAA,EAWA;EAAA,IAVfC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IAAAC,iBAAA,GAAAP,IAAA,CACXQ,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,YAAY,GAAAA,iBAAA;IAC3BE,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;EAER,IAAMC,YAA0B,GAAG,SAA7BA,YAA0BA,CAAGC,IAAI,EAAI;IACvCH,QAAQ,CAACG,IAAI,CAAC;EAClB,CAAC;EAED,oBACIvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAClB,OAAA,CAAAmB,eAAe;IAACf,IAAI,EAAEA,IAAK;IAACgB,OAAO,EAAER;EAAY,GAC7CR,IAAI,gBACDX,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,KAAA,CAAAyB,IAAI;IAACR,QAAQ,EAAEE,YAAa;IAACC,IAAI,EAAEF;EAAS,GACxC,UAAAQ,KAAA;IAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAA,oBACN9B,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAAzB,MAAA,CAAAwB,OAAA,CAAAO,QAAA,QACKnB,OAAO,iBAAIZ,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACnB,SAAA,CAAA0B,gBAAgB;MAACC,KAAK,EAAEf;IAAa,CAAE,CAAC,eACrDlB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACpB,OAAA,CAAA6B,WAAW,QAAErB,KAAmB,CAAC,eAClCb,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACpB,OAAA,CAAA8B,aAAa,QAAErB,OAAuB,CAAC,eACxCd,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACpB,OAAA,CAAA+B,aAAa,QACTpB,WAAW,gBACRhB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,OAAA,CAAAiC,aAAa;MAACC,OAAO,EAAEnB;IAAY,GAC/BH,WACU,CAAC,GAChB,IAAI,EACPD,WAAW,gBACRf,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,OAAA,CAAAmC,aAAa;MAACD,OAAO,EAAER;IAAO,GAAEf,WAA2B,CAAC,GAC7D,IACO,CACjB,CAAC;EAAA,CAEL,CAAC,GACP,IACS,CAAC;AAE1B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","Dialog","AdminDialog","OverlayLoader","Form","open","loading","title","content","acceptLabel","cancelLabel","loadingLabel","dataLoadingLabel","closeDialog","onSubmit","size","props","handleSubmit","data","dataIsLoading","setDataIsLoading","formData","setFormData","undefined","then","createElement","submit","onClose","description","icon","Icon","label","dismissible","actions","Fragment","CancelButton","onClick","text","ConfirmButton"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from \"react\";\nimport { Dialog as AdminDialog, OverlayLoader } from \"@webiny/admin-ui\";\nimport { Form, FormOnSubmit, GenericFormData } from \"@webiny/form\";\n\nexport interface DialogProps {\n    title: ReactNode;\n    description: ReactNode;\n    dismissible: boolean;\n    content: ReactNode;\n    icon: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    dataLoadingLabel?: ReactNode;\n    onSubmit: (data: GenericFormData) => void;\n    closeDialog: () => void;\n    loading: boolean;\n    open: boolean;\n    formData?: GenericFormData | (() => Promise<GenericFormData>);\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n}\n\nexport const Dialog = ({\n    open,\n    loading,\n    title,\n    content,\n    acceptLabel,\n    cancelLabel,\n    loadingLabel = \"Loading...\",\n    dataLoadingLabel = \"Loading...\",\n    closeDialog,\n    onSubmit,\n    size,\n    ...props\n}: DialogProps) => {\n    const handleSubmit: FormOnSubmit = data => {\n        return onSubmit(data);\n    };\n\n    const [dataIsLoading, setDataIsLoading] = useState(false);\n\n    const [formData, setFormData] = useState<GenericFormData | undefined>(\n        typeof props.formData === \"function\" ? undefined : props.formData\n    );\n\n    useEffect(() => {\n        if (typeof props.formData === \"function\") {\n            setDataIsLoading(true);\n            props.formData().then((data: GenericFormData) => {\n                setFormData(data);\n                setDataIsLoading(false);\n            });\n        }\n    }, [props.formData]);\n\n    return (\n        <Form onSubmit={handleSubmit} data={formData}>\n            {({ submit }) => (\n                <AdminDialog\n                    open={open}\n                    onClose={closeDialog}\n                    size={size}\n                    title={title}\n                    description={props.description}\n                    icon={<AdminDialog.Icon icon={props.icon} label={\"\"} />}\n                    dismissible={props.dismissible}\n                    actions={\n                        <>\n                            {cancelLabel ? (\n                                <AdminDialog.CancelButton\n                                    onClick={closeDialog}\n                                    text={cancelLabel}\n                                />\n                            ) : null}\n                            {acceptLabel ? (\n                                <AdminDialog.ConfirmButton onClick={submit} text={acceptLabel} />\n                            ) : null}\n                        </>\n                    }\n                >\n                    {open ? (\n                        <>\n                            {loading && <OverlayLoader text={loadingLabel} />}\n                            {dataIsLoading && <OverlayLoader text={dataLoadingLabel} />}\n                            {content}\n                        </>\n                    ) : null}\n                </AdminDialog>\n            )}\n        </Form>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAeC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC7D,SAASC,MAAM,IAAIC,WAAW,EAAEC,aAAa,QAAQ,kBAAkB;AACvE,SAASC,IAAI,QAAuC,cAAc;AAoBlE,OAAO,MAAMH,MAAM,GAAGA,CAAC;EACnBI,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,OAAO;EACPC,WAAW;EACXC,WAAW;EACXC,YAAY,GAAG,YAAY;EAC3BC,gBAAgB,GAAG,YAAY;EAC/BC,WAAW;EACXC,QAAQ;EACRC,IAAI;EACJ,GAAGC;AACM,CAAC,KAAK;EACf,MAAMC,YAA0B,GAAGC,IAAI,IAAI;IACvC,OAAOJ,QAAQ,CAACI,IAAI,CAAC;EACzB,CAAC;EAED,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGpB,QAAQ,CAAC,KAAK,CAAC;EAEzD,MAAM,CAACqB,QAAQ,EAAEC,WAAW,CAAC,GAAGtB,QAAQ,CACpC,OAAOgB,KAAK,CAACK,QAAQ,KAAK,UAAU,GAAGE,SAAS,GAAGP,KAAK,CAACK,QAC7D,CAAC;EAEDtB,SAAS,CAAC,MAAM;IACZ,IAAI,OAAOiB,KAAK,CAACK,QAAQ,KAAK,UAAU,EAAE;MACtCD,gBAAgB,CAAC,IAAI,CAAC;MACtBJ,KAAK,CAACK,QAAQ,CAAC,CAAC,CAACG,IAAI,CAAEN,IAAqB,IAAK;QAC7CI,WAAW,CAACJ,IAAI,CAAC;QACjBE,gBAAgB,CAAC,KAAK,CAAC;MAC3B,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACJ,KAAK,CAACK,QAAQ,CAAC,CAAC;EAEpB,oBACIvB,KAAA,CAAA2B,aAAA,CAACrB,IAAI;IAACU,QAAQ,EAAEG,YAAa;IAACC,IAAI,EAAEG;EAAS,GACxC,CAAC;IAAEK;EAAO,CAAC,kBACR5B,KAAA,CAAA2B,aAAA,CAACvB,WAAW;IACRG,IAAI,EAAEA,IAAK;IACXsB,OAAO,EAAEd,WAAY;IACrBE,IAAI,EAAEA,IAAK;IACXR,KAAK,EAAEA,KAAM;IACbqB,WAAW,EAAEZ,KAAK,CAACY,WAAY;IAC/BC,IAAI,eAAE/B,KAAA,CAAA2B,aAAA,CAACvB,WAAW,CAAC4B,IAAI;MAACD,IAAI,EAAEb,KAAK,CAACa,IAAK;MAACE,KAAK,EAAE;IAAG,CAAE,CAAE;IACxDC,WAAW,EAAEhB,KAAK,CAACgB,WAAY;IAC/BC,OAAO,eACHnC,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAAoC,QAAA,QACKxB,WAAW,gBACRZ,KAAA,CAAA2B,aAAA,CAACvB,WAAW,CAACiC,YAAY;MACrBC,OAAO,EAAEvB,WAAY;MACrBwB,IAAI,EAAE3B;IAAY,CACrB,CAAC,GACF,IAAI,EACPD,WAAW,gBACRX,KAAA,CAAA2B,aAAA,CAACvB,WAAW,CAACoC,aAAa;MAACF,OAAO,EAAEV,MAAO;MAACW,IAAI,EAAE5B;IAAY,CAAE,CAAC,GACjE,IACN;EACL,GAEAJ,IAAI,gBACDP,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAAoC,QAAA,QACK5B,OAAO,iBAAIR,KAAA,CAAA2B,aAAA,CAACtB,aAAa;IAACkC,IAAI,EAAE1B;EAAa,CAAE,CAAC,EAChDQ,aAAa,iBAAIrB,KAAA,CAAA2B,aAAA,CAACtB,aAAa;IAACkC,IAAI,EAAEzB;EAAiB,CAAE,CAAC,EAC1DJ,OACH,CAAC,GACH,IACK,CAEf,CAAC;AAEf,CAAC","ignoreList":[]}