@webiny/app-admin 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/components/Buttons/Buttons.js

@@ -1,77 +1,50 @@
-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.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))));
+import react from "react";
+import { ButtonsProvider } from "./useButtons.js";
+import { Button, IconButton, Tooltip } from "@webiny/admin-ui";
+const Buttons = (props)=>{
+    if (!props.actions.length) return null;
+    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))));
 };
-export { ButtonContainer };
-export const ButtonDefault = ({
-  onAction,
-  children,
-  ...other
-}) => {
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
-    variant: "ghost"
-  }, other, {
-    onClick: onAction,
-    text: children
-  }));
-};
-export const ButtonPrimary = ({
-  onAction,
-  children,
-  ...other
-}) => {
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
-    variant: "primary"
-  }, other, {
-    onClick: onAction,
-    text: children
-  }));
-};
-export const ButtonSecondary = ({
-  onAction,
-  children,
-  ...other
-}) => {
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
-    variant: "secondary"
-  }, other, {
-    onClick: onAction,
-    text: children
-  }));
-};
-export const IconButton = ({
-  label,
-  onAction,
-  tooltipPlacement,
-  disabled,
-  ...other
-}) => {
-  if (label && !disabled) {
-    return /*#__PURE__*/React.createElement(Tooltip, {
-      content: label,
-      side: tooltipPlacement,
-      trigger: /*#__PURE__*/React.createElement(BaseIconButton, Object.assign({
-        variant: "ghost"
-      }, other, {
-        onClick: onAction
-      }))
+const ButtonDefault = ({ onAction, children, ...other })=>/*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        ...other,
+        onClick: onAction,
+        text: children
+    });
+const ButtonPrimary = ({ onAction, children, ...other })=>/*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        ...other,
+        onClick: onAction,
+        text: children
+    });
+const ButtonSecondary = ({ onAction, children, ...other })=>/*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        ...other,
+        onClick: onAction,
+        text: children
+    });
+const Buttons_IconButton = ({ label, onAction, tooltipPlacement, disabled, ...other })=>{
+    if (label && !disabled) return /*#__PURE__*/ react.createElement(Tooltip, {
+        content: label,
+        side: tooltipPlacement,
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            variant: "ghost",
+            ...other,
+            onClick: onAction
+        })
+    });
+    return /*#__PURE__*/ react.createElement(IconButton, {
+        ...other,
+        onClick: onAction,
+        disabled: disabled
     });
-  }
-  return /*#__PURE__*/React.createElement(BaseIconButton, Object.assign({}, other, {
-    onClick: onAction,
-    disabled: disabled
-  }));
 };
+export { ButtonContainer } from "./Buttons.styles.js";
+export { ButtonDefault, ButtonPrimary, ButtonSecondary, Buttons, Buttons_IconButton as IconButton };
 
 //# sourceMappingURL=Buttons.js.map

package/components/Buttons/Buttons.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"components/Buttons/Buttons.js","sources":["../../../src/components/Buttons/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"],"names":["Buttons","props","action","ButtonsProvider","ButtonDefault","onAction","children","other","Button","ButtonPrimary","ButtonSecondary","IconButton","label","tooltipPlacement","disabled","Tooltip","BaseIconButton"],"mappings":";;;AA+BO,MAAMA,UAAU,CAACC;IACpB,IAAI,CAACA,MAAM,OAAO,CAAC,MAAM,EACrB,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXA,MAAM,OAAO,CAAC,GAAG,CAACC,CAAAA,SAAAA,WAAAA,GACf,oBAAC;YAAI,WAAW;YAAoC,KAAKA,OAAO,IAAI;yBAChE,oBAACC,iBAAeA,MAAED,OAAO,OAAO;AAKpD;AAIO,MAAME,gBAAgB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GAChE,WAAP,GAAO,oBAACC,QAAMA;QAAC,SAAS;QAAU,GAAGD,KAAK;QAAE,SAASF;QAAU,MAAMC;;AAGlE,MAAMG,gBAAgB,CAAC,EAAEJ,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GAChE,WAAP,GAAO,oBAACC,QAAMA;QAAC,SAAS;QAAY,GAAGD,KAAK;QAAE,SAASF;QAAU,MAAMC;;AAGpE,MAAMI,kBAAkB,CAAC,EAAEL,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GAClE,WAAP,GAAO,oBAACC,QAAMA;QAAC,SAAS;QAAc,GAAGD,KAAK;QAAE,SAASF;QAAU,MAAMC;;AAGtE,MAAMK,qBAAa,CAAC,EACvBC,KAAK,EACLP,QAAQ,EACRQ,gBAAgB,EAChBC,QAAQ,EACR,GAAGP,OACW;IACd,IAAIK,SAAS,CAACE,UACV,OAAO,WAAP,GACI,oBAACC,SAAOA;QACJ,SAASH;QACT,MAAMC;QACN,uBAAS,oBAACG,YAAcA;YAAC,SAAS;YAAU,GAAGT,KAAK;YAAE,SAASF;;;IAK3E,OAAO,WAAP,GAAO,oBAACW,YAAcA;QAAE,GAAGT,KAAK;QAAE,SAASF;QAAU,UAAUS;;AACnE"}

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,18 +1,11 @@
-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)."; }
-export const ButtonContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1ubuzv90"
-} : {
-  target: "e1ubuzv90",
-  label: "ButtonContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "at3lo0",
-  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== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+import styled from "@emotion/styled";
+const ButtonContainer = styled("div")`
+    margin-left: 16px;
+    text-wrap: nowrap;
+    &:empty {
+        display: none;
+    }
+`;
+export { ButtonContainer };
 
 //# sourceMappingURL=Buttons.styles.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"components/Buttons/Buttons.styles.js","sources":["../../../src/components/Buttons/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"],"names":["ButtonContainer","styled"],"mappings":";AAEO,MAAMA,kBAAkBC,OAAO,MAAM,CAAC;;;;;;AAM7C,CAAC"}

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";

package/components/Buttons/index.js

@@ -1,4 +1,2 @@
-export { Buttons, ButtonContainer } from "./Buttons";
-export { useButtons } from "./useButtons";
-
-//# sourceMappingURL=index.js.map
+export { ButtonContainer, Buttons } from "./Buttons.js";
+export { useButtons } from "./useButtons.js";

package/components/Buttons/useButtons.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from "./Buttons";
+import { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from "./Buttons.js";
 export interface ButtonsProviderContext {
     ButtonDefault: typeof ButtonDefault;
     ButtonPrimary: typeof ButtonPrimary;

package/components/Buttons/useButtons.js

@@ -1,24 +1,19 @@
-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,
-      ButtonPrimary,
-      ButtonSecondary,
-      IconButton
-    }
-  }, children);
-};
-export const useButtons = () => {
-  const context = React.useContext(ButtonsContext);
-  if (!context) {
-    throw new Error("useButtons must be used within a ButtonsContext");
-  }
-  return context;
+import react from "react";
+import { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from "./Buttons.js";
+const ButtonsContext = /*#__PURE__*/ react.createContext(void 0);
+const ButtonsProvider = ({ children })=>/*#__PURE__*/ react.createElement(ButtonsContext.Provider, {
+        value: {
+            ButtonDefault: ButtonDefault,
+            ButtonPrimary: ButtonPrimary,
+            ButtonSecondary: ButtonSecondary,
+            IconButton: IconButton
+        }
+    }, children);
+const useButtons = ()=>{
+    const context = react.useContext(ButtonsContext);
+    if (!context) throw new Error("useButtons must be used within a ButtonsContext");
+    return context;
 };
+export { ButtonsProvider, useButtons };
 
 //# sourceMappingURL=useButtons.js.map

package/components/Buttons/useButtons.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"components/Buttons/useButtons.js","sources":["../../../src/components/Buttons/useButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from \"./Buttons.js\";\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"],"names":["ButtonsContext","React","undefined","ButtonsProvider","children","ButtonDefault","ButtonPrimary","ButtonSecondary","IconButton","useButtons","context","Error"],"mappings":";;AAUA,MAAMA,iBAAiB,WAAHA,GAAGC,MAAAA,aAAmB,CAAqCC;AAMxE,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAwB,GACvD,WAAP,GACI,oBAACJ,eAAe,QAAQ;QACpB,OAAO;YAAEK,eAAaA;YAAEC,eAAaA;YAAEC,iBAAeA;YAAEC,YAAUA;QAAC;OAElEJ;AAKN,MAAMK,aAAa;IACtB,MAAMC,UAAUT,MAAAA,UAAgB,CAACD;IAEjC,IAAI,CAACU,SACD,MAAM,IAAIC,MAAM;IAGpB,OAAOD;AACX"}

package/components/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface ConfirmationDialogProps {
+    title: React.ReactNode;
+    children: React.ReactNode;
+    onConfirm: () => Promise<void>;
+    onCancel: () => void;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    loadingLabel?: string;
+}
+export declare const ConfirmationDialog: ({ title, children, onConfirm, onCancel, confirmLabel, cancelLabel, loadingLabel }: ConfirmationDialogProps) => React.JSX.Element;

package/components/ConfirmationDialog/ConfirmationDialog.js

@@ -0,0 +1,41 @@
+import react, { useCallback, useState } from "react";
+import { Dialog } from "@webiny/admin-ui";
+const ConfirmationDialog = ({ title, children, onConfirm, onCancel, confirmLabel = "Confirm", cancelLabel = "Cancel", loadingLabel = "Processing..." })=>{
+    const [loading, setLoading] = useState(false);
+    const handleConfirm = useCallback(async ()=>{
+        setLoading(true);
+        try {
+            await onConfirm();
+        } finally{
+            setLoading(false);
+        }
+    }, [
+        onConfirm
+    ]);
+    const handleCancel = useCallback(()=>{
+        onCancel();
+    }, [
+        onCancel
+    ]);
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: true,
+        onOpenChange: (open)=>{
+            if (!open && !loading) handleCancel();
+        },
+        title: title,
+        loading: loading ? {
+            text: loadingLabel
+        } : false,
+        dismissible: !loading,
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+            onClick: handleCancel,
+            text: cancelLabel
+        }), /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            onClick: handleConfirm,
+            text: confirmLabel
+        }))
+    }, children);
+};
+export { ConfirmationDialog };
+
+//# sourceMappingURL=ConfirmationDialog.js.map

package/components/ConfirmationDialog/ConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ConfirmationDialog/ConfirmationDialog.js","sources":["../../../src/components/ConfirmationDialog/ConfirmationDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Dialog } from \"@webiny/admin-ui\";\n\nexport interface ConfirmationDialogProps {\n    title: React.ReactNode;\n    children: React.ReactNode;\n    onConfirm: () => Promise<void>;\n    onCancel: () => void;\n    confirmLabel?: string;\n    cancelLabel?: string;\n    loadingLabel?: string;\n}\n\nexport const ConfirmationDialog = ({\n    title,\n    children,\n    onConfirm,\n    onCancel,\n    confirmLabel = \"Confirm\",\n    cancelLabel = \"Cancel\",\n    loadingLabel = \"Processing...\"\n}: ConfirmationDialogProps) => {\n    const [loading, setLoading] = useState(false);\n\n    const handleConfirm = useCallback(async () => {\n        setLoading(true);\n        try {\n            await onConfirm();\n        } finally {\n            setLoading(false);\n        }\n    }, [onConfirm]);\n\n    const handleCancel = useCallback(() => {\n        onCancel();\n    }, [onCancel]);\n\n    return (\n        <Dialog\n            open\n            onOpenChange={open => {\n                if (!open && !loading) {\n                    handleCancel();\n                }\n            }}\n            title={title}\n            loading={loading ? { text: loadingLabel } : false}\n            dismissible={!loading}\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={handleCancel} text={cancelLabel} />\n                    <Dialog.ConfirmAction onClick={handleConfirm} text={confirmLabel} />\n                </>\n            }\n        >\n            {children}\n        </Dialog>\n    );\n};\n"],"names":["ConfirmationDialog","title","children","onConfirm","onCancel","confirmLabel","cancelLabel","loadingLabel","loading","setLoading","useState","handleConfirm","useCallback","handleCancel","Dialog","open"],"mappings":";;AAaO,MAAMA,qBAAqB,CAAC,EAC/BC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,eAAe,SAAS,EACxBC,cAAc,QAAQ,EACtBC,eAAe,eAAe,EACR;IACtB,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IAEvC,MAAMC,gBAAgBC,YAAY;QAC9BH,WAAW;QACX,IAAI;YACA,MAAMN;QACV,SAAU;YACNM,WAAW;QACf;IACJ,GAAG;QAACN;KAAU;IAEd,MAAMU,eAAeD,YAAY;QAC7BR;IACJ,GAAG;QAACA;KAAS;IAEb,OAAO,WAAP,GACI,oBAACU,QAAMA;QACH;QACA,cAAcC,CAAAA;YACV,IAAI,CAACA,QAAQ,CAACP,SACVK;QAER;QACA,OAAOZ;QACP,SAASO,UAAU;YAAE,MAAMD;QAAa,IAAI;QAC5C,aAAa,CAACC;QACd,uBACI,wDACI,oBAACM,OAAO,YAAY;YAAC,SAASD;YAAc,MAAMP;0BAClD,oBAACQ,OAAO,aAAa;YAAC,SAASH;YAAe,MAAMN;;OAI3DH;AAGb"}

package/components/ConfirmationDialog/index.d.ts

@@ -0,0 +1 @@
+export { ConfirmationDialog, type ConfirmationDialogProps } from "./ConfirmationDialog.js";

package/components/ConfirmationDialog/index.js

@@ -0,0 +1 @@
+export { ConfirmationDialog } from "./ConfirmationDialog.js";

package/components/DeveloperMode/DeveloperMode.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Component is used to display something that you want to be hidden to everyone except Webiny team.
+ * Example usage is in Workflow State Bar, where we need some button to be present only while developing the feature - and debugging.
+ * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarApproved.tsx
+ * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarRejected.tsx
+ */
+import React from "react";
+export interface IDeveloperModeProps {
+    children: React.ReactNode;
+}
+export declare const DeveloperMode: ({ children }: IDeveloperModeProps) => React.JSX.Element | null;

package/components/DeveloperMode/DeveloperMode.js

@@ -0,0 +1,8 @@
+import react from "react";
+const DeveloperMode = ({ children })=>{
+    if ("true" !== process.env.WEBINY_ADMIN_DEV_MODE) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
+};
+export { DeveloperMode };
+
+//# sourceMappingURL=DeveloperMode.js.map

package/components/DeveloperMode/DeveloperMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/DeveloperMode/DeveloperMode.js","sources":["../../../src/components/DeveloperMode/DeveloperMode.tsx"],"sourcesContent":["/**\n * Component is used to display something that you want to be hidden to everyone except Webiny team.\n * Example usage is in Workflow State Bar, where we need some button to be present only while developing the feature - and debugging.\n * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarApproved.tsx\n * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarRejected.tsx\n */\nimport React from \"react\";\n\nexport interface IDeveloperModeProps {\n    children: React.ReactNode;\n}\n\nexport const DeveloperMode = ({ children }: IDeveloperModeProps) => {\n    if (process.env.WEBINY_ADMIN_DEV_MODE !== \"true\") {\n        return null;\n    }\n    return <>{children}</>;\n};\n"],"names":["DeveloperMode","children","process"],"mappings":";AAYO,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAuB;IAC3D,IAAIC,AAAsC,WAAtCA,QAAQ,GAAG,CAAC,qBAAqB,EACjC,OAAO;IAEX,OAAO,WAAP,GAAO,0CAAGD;AACd"}

package/components/DeveloperMode/index.d.ts

@@ -0,0 +1,2 @@
+export { DeveloperMode } from "./DeveloperMode.js";
+export type { IDeveloperModeProps } from "./DeveloperMode.js";

package/components/DeveloperMode/index.js

@@ -0,0 +1 @@
+export { DeveloperMode } from "./DeveloperMode.js";

package/components/Dialogs/Dialog.d.ts

@@ -6,11 +6,12 @@ export interface DialogProps {
     description: ReactNode;
     dismissible: boolean;
     content: ReactNode;
+    info?: ReactNode;
     icon: ReactNode;
     acceptLabel?: ReactNode;
     cancelLabel?: ReactNode;
-    loadingLabel?: ReactNode;
-    dataLoadingLabel?: ReactNode;
+    loadingLabel?: string;
+    dataLoadingLabel?: string;
     onSubmit: (data: GenericFormData) => void;
     closeDialog: () => void;
     loading: boolean;

package/components/Dialogs/Dialog.js

@@ -1,62 +1,50 @@
-import React, { useEffect, useState } from "react";
-import { Dialog as AdminDialog, OverlayLoader } from "@webiny/admin-ui";
+import react, { useEffect, useState } from "react";
+import { Dialog } 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);
-  };
-  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
-  }, ({
-    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));
+const Dialog_Dialog = ({ open, loading, title, content, acceptLabel, cancelLabel, loadingLabel = "Loading...", dataLoadingLabel = "Loading...", closeDialog, onSubmit, size, ...props })=>{
+    const handleSubmit = (data)=>onSubmit(data);
+    const [dataIsLoading, setDataIsLoading] = useState(false);
+    const [formData, setFormData] = useState("function" == typeof props.formData ? void 0 : props.formData);
+    useEffect(()=>{
+        if ("function" == typeof props.formData) {
+            setDataIsLoading(true);
+            props.formData().then((data)=>{
+                setFormData(data);
+                setDataIsLoading(false);
+            });
+        }
+    }, [
+        props.formData
+    ]);
+    return /*#__PURE__*/ react.createElement(Form, {
+        onSubmit: handleSubmit,
+        data: formData
+    }, ({ submit })=>/*#__PURE__*/ react.createElement(Dialog, {
+            open: open,
+            onClose: closeDialog,
+            size: size,
+            title: title,
+            description: props.description,
+            icon: /*#__PURE__*/ react.createElement(Dialog.Icon, {
+                icon: props.icon,
+                label: ""
+            }),
+            dismissible: props.dismissible,
+            info: props.info,
+            loading: loading ? {
+                text: loadingLabel
+            } : dataIsLoading ? {
+                text: dataLoadingLabel
+            } : false,
+            actions: /*#__PURE__*/ react.createElement(react.Fragment, null, cancelLabel ? /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+                onClick: closeDialog,
+                text: cancelLabel
+            }) : null, acceptLabel ? /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+                onClick: submit,
+                text: acceptLabel
+            }) : null)
+        }, open ? content : null));
 };
+export { Dialog_Dialog as Dialog };
 
 //# sourceMappingURL=Dialog.js.map

package/components/Dialogs/Dialog.js.map

@@ -1 +1 @@
-{"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 type { ReactNode } from \"react\";\nimport React, { useEffect, useState } from \"react\";\nimport { Dialog as AdminDialog, OverlayLoader } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, GenericFormData } from \"@webiny/form\";\nimport { Form } 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":"AACA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,MAAM,IAAIC,WAAW,EAAEC,aAAa,QAAQ,kBAAkB;AAEvE,SAASC,IAAI,QAAQ,cAAc;AAoBnC,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":[]}
+{"version":3,"file":"components/Dialogs/Dialog.js","sources":["../../../src/components/Dialogs/Dialog.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useEffect, useState } from \"react\";\nimport { Dialog as AdminDialog } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\nexport interface DialogProps {\n    title: ReactNode;\n    description: ReactNode;\n    dismissible: boolean;\n    content: ReactNode;\n    info?: ReactNode;\n    icon: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: string;\n    dataLoadingLabel?: string;\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                    info={props.info}\n                    loading={\n                        loading\n                            ? { text: loadingLabel }\n                            : dataIsLoading\n                              ? { text: dataLoadingLabel }\n                              : false\n                    }\n                    actions={\n                        <>\n                            {cancelLabel ? (\n                                <AdminDialog.CancelAction\n                                    onClick={closeDialog}\n                                    text={cancelLabel}\n                                />\n                            ) : null}\n                            {acceptLabel ? (\n                                <AdminDialog.ConfirmAction onClick={submit} text={acceptLabel} />\n                            ) : null}\n                        </>\n                    }\n                >\n                    {open ? content : null}\n                </AdminDialog>\n            )}\n        </Form>\n    );\n};\n"],"names":["Dialog","open","loading","title","content","acceptLabel","cancelLabel","loadingLabel","dataLoadingLabel","closeDialog","onSubmit","size","props","handleSubmit","data","dataIsLoading","setDataIsLoading","useState","formData","setFormData","undefined","useEffect","Form","submit","AdminDialog"],"mappings":";;;AAyBO,MAAMA,gBAAS,CAAC,EACnBC,IAAI,EACJC,OAAO,EACPC,KAAK,EACLC,OAAO,EACPC,WAAW,EACXC,WAAW,EACXC,eAAe,YAAY,EAC3BC,mBAAmB,YAAY,EAC/BC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJ,GAAGC,OACO;IACV,MAAMC,eAA6BC,CAAAA,OACxBJ,SAASI;IAGpB,MAAM,CAACC,eAAeC,iBAAiB,GAAGC,SAAS;IAEnD,MAAM,CAACC,UAAUC,YAAY,GAAGF,SAC5B,AAA0B,cAA1B,OAAOL,MAAM,QAAQ,GAAkBQ,SAAYR,MAAM,QAAQ;IAGrES,UAAU;QACN,IAAI,AAA0B,cAA1B,OAAOT,MAAM,QAAQ,EAAiB;YACtCI,iBAAiB;YACjBJ,MAAM,QAAQ,GAAG,IAAI,CAAC,CAACE;gBACnBK,YAAYL;gBACZE,iBAAiB;YACrB;QACJ;IACJ,GAAG;QAACJ,MAAM,QAAQ;KAAC;IAEnB,OAAO,WAAP,GACI,oBAACU,MAAIA;QAAC,UAAUT;QAAc,MAAMK;OAC/B,CAAC,EAAEK,MAAM,EAAE,iBACR,oBAACC,QAAWA;YACR,MAAMvB;YACN,SAASQ;YACT,MAAME;YACN,OAAOR;YACP,aAAaS,MAAM,WAAW;YAC9B,oBAAM,oBAACY,OAAAA,IAAgB;gBAAC,MAAMZ,MAAM,IAAI;gBAAE,OAAO;;YACjD,aAAaA,MAAM,WAAW;YAC9B,MAAMA,MAAM,IAAI;YAChB,SACIV,UACM;gBAAE,MAAMK;YAAa,IACrBQ,gBACE;gBAAE,MAAMP;YAAiB,IACzB;YAEZ,uBACI,0CACKF,cAAc,WAAdA,GACG,oBAACkB,OAAAA,YAAwB;gBACrB,SAASf;gBACT,MAAMH;iBAEV,MACHD,cAAc,WAAdA,GACG,oBAACmB,OAAAA,aAAyB;gBAAC,SAASD;gBAAQ,MAAMlB;iBAClD;WAIXJ,OAAOG,UAAU;AAKtC"}

package/components/Dialogs/DialogParamsContext.d.ts

@@ -0,0 +1,6 @@
+export interface DialogParamsContextValue {
+    params: Record<string, unknown>;
+    closeDialog: () => void;
+}
+export declare const DialogParamsContext: import("react").Context<DialogParamsContextValue | undefined>;
+export declare const useDialogParamsContext: () => DialogParamsContextValue;

package/components/Dialogs/DialogParamsContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+const DialogParamsContext = /*#__PURE__*/ createContext(void 0);
+const useDialogParamsContext = ()=>{
+    const context = useContext(DialogParamsContext);
+    if (!context) throw new Error("useDialog must be used inside a named dialog registered via AdminConfig.Dialog");
+    return context;
+};
+export { DialogParamsContext, useDialogParamsContext };
+
+//# sourceMappingURL=DialogParamsContext.js.map

package/components/Dialogs/DialogParamsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Dialogs/DialogParamsContext.js","sources":["../../../src/components/Dialogs/DialogParamsContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport interface DialogParamsContextValue {\n    params: Record<string, unknown>;\n    closeDialog: () => void;\n}\n\nexport const DialogParamsContext = createContext<DialogParamsContextValue | undefined>(undefined);\n\nexport const useDialogParamsContext = () => {\n    const context = useContext(DialogParamsContext);\n\n    if (!context) {\n        throw new Error(\n            \"useDialog must be used inside a named dialog registered via AdminConfig.Dialog\"\n        );\n    }\n\n    return context;\n};\n"],"names":["DialogParamsContext","createContext","undefined","useDialogParamsContext","context","useContext","Error"],"mappings":";AAOO,MAAMA,sBAAsB,WAAHA,GAAGC,cAAoDC;AAEhF,MAAMC,yBAAyB;IAClC,MAAMC,UAAUC,WAAWL;IAE3B,IAAI,CAACI,SACD,MAAM,IAAIE,MACN;IAIR,OAAOF;AACX"}