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

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

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

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

package/components/Buttons/Buttons.styles.js

@@ -10,8 +10,7 @@ export const ButtonContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV
   styles: "margin-left:16px;text-wrap:nowrap;&:empty{display:none;}"
 } : {
   name: "at3lo0",
-  styles: "margin-left:16px;text-wrap:nowrap;&:empty{display:none;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNEMiLCJmaWxlIjoiQnV0dG9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBCdXR0b25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgbWFyZ2luLWxlZnQ6IDE2cHg7XG4gICAgdGV4dC13cmFwOiBub3dyYXA7XG4gICAgJjplbXB0eSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuYDtcbiJdfQ== */",
+  styles: "margin-left:16px;text-wrap:nowrap;&:empty{display:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNEMiLCJmaWxlIjoiQnV0dG9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBCdXR0b25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgbWFyZ2luLWxlZnQ6IDE2cHg7XG4gICAgdGV4dC13cmFwOiBub3dyYXA7XG4gICAgJjplbXB0eSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 

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

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

package/components/Buttons/index.d.ts

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

package/components/Buttons/index.js

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

package/components/Buttons/index.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["Buttons","ButtonContainer","useButtons"],"sources":["index.ts"],"sourcesContent":["export { Buttons, ButtonContainer } from \"./Buttons.js\";\nexport { useButtons } from \"./useButtons.js\";\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,eAAe;AACjC,SAASC,UAAU","ignoreList":[]}

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,5 +1,5 @@
 import React from "react";
-import { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from "./Buttons";
+import { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from "./Buttons.js";
 const ButtonsContext = /*#__PURE__*/React.createContext(undefined);
 export const ButtonsProvider = ({
   children

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,"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.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"],"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/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,17 @@
+/**
+ * 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 const DeveloperMode = ({
+  children
+}) => {
+  if (process.env.WEBINY_ADMIN_DEV_MODE !== "true") {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+
+//# sourceMappingURL=DeveloperMode.js.map

package/components/DeveloperMode/DeveloperMode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","DeveloperMode","children","process","env","WEBINY_ADMIN_DEV_MODE","createElement","Fragment"],"sources":["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"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAMzB,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAA8B,CAAC,KAAK;EAChE,IAAIC,OAAO,CAACC,GAAG,CAACC,qBAAqB,KAAK,MAAM,EAAE;IAC9C,OAAO,IAAI;EACf;EACA,oBAAOL,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,QAAGL,QAAW,CAAC;AAC1B,CAAC","ignoreList":[]}

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,3 @@
+export { DeveloperMode } from "./DeveloperMode.js";
+
+//# sourceMappingURL=index.js.map

package/components/DeveloperMode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DeveloperMode"],"sources":["index.ts"],"sourcesContent":["export { DeveloperMode } from \"./DeveloperMode.js\";\nexport type { IDeveloperModeProps } from \"./DeveloperMode.js\";\n"],"mappings":"AAAA,SAASA,aAAa","ignoreList":[]}

package/components/Dialogs/Dialog.js

@@ -45,10 +45,10 @@ export const Dialog = ({
       label: ""
     }),
     dismissible: props.dismissible,
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, cancelLabel ? /*#__PURE__*/React.createElement(AdminDialog.CancelButton, {
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, cancelLabel ? /*#__PURE__*/React.createElement(AdminDialog.CancelAction, {
       onClick: closeDialog,
       text: cancelLabel
-    }) : null, acceptLabel ? /*#__PURE__*/React.createElement(AdminDialog.ConfirmButton, {
+    }) : null, acceptLabel ? /*#__PURE__*/React.createElement(AdminDialog.ConfirmAction, {
       onClick: submit,
       text: acceptLabel
     }) : null)

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,"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","CancelAction","onClick","text","ConfirmAction"],"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.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 ? (\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":[]}

package/components/Dialogs/DialogsContext.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import React from "react";
 import type { GenericFormData } from "@webiny/form";
-import { type DialogProps } from "./Dialog";
+import { type DialogProps } from "./Dialog.js";
 interface ShowDialogParams {
     title: ReactNode;
     description?: ReactNode;
@@ -18,13 +18,8 @@ interface ShowDialogParams {
     formData?: DialogProps["formData"];
     size?: "sm" | "md" | "lg" | "xl" | "full";
 }
-interface ShowCustomDialogParams {
-    element: JSX.Element;
-    onSubmit?: (data: GenericFormData) => void;
-}
 export interface DialogsContext {
     showDialog: (params: ShowDialogParams) => () => void;
-    showCustomDialog: (params: ShowCustomDialogParams) => () => void;
     closeAllDialogs: () => void;
 }
 interface DialogsProviderProps {

package/components/Dialogs/DialogsContext.js

@@ -1,7 +1,6 @@
 import React, { useState } from "react";
-import { useSnackbar } from "../../hooks";
-import { Dialog } from "./Dialog";
-import { CustomDialog } from "./CustomDialog";
+import { useSnackbar } from "../../hooks/index.js";
+import { Dialog } from "./Dialog.js";
 import { createProvider } from "@webiny/app";
 import { generateId } from "@webiny/utils";
 export const initializeState = (params = {}) => ({
@@ -39,19 +38,18 @@ export const DialogsProvider = ({
     setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));
     return () => closeDialog(newDialog.id);
   };
-  const showCustomDialog = ({
-    onSubmit,
-    element
-  }) => {
-    const newDialog = initializeState({
-      element,
-      onAccept: onSubmit,
-      open: true
-    });
-    setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));
-    return () => closeDialog(newDialog.id);
-  };
   const closeDialog = id => {
+    const dialog = dialogs.get(id);
+
+    // Call the onClose callback if it exists
+    if (dialog?.onClose && typeof dialog.onClose === "function") {
+      try {
+        dialog.onClose();
+      } catch (error) {
+        // Log error but don't prevent dialog cleanup
+        console.error("Error in dialog onClose callback:", error);
+      }
+    }
     setDialogs(dialogs => {
       const newDialogs = new Map(dialogs);
       newDialogs.delete(id);
@@ -94,19 +92,12 @@ export const DialogsProvider = ({
   };
   const context = {
     showDialog,
-    showCustomDialog,
     closeDialog,
     closeAllDialogs
   };
   return /*#__PURE__*/React.createElement(DialogsContext.Provider, {
     value: context
-  }, children, Array.from(dialogs.values()).map(dialog => dialog.element ? /*#__PURE__*/React.createElement(CustomDialog, {
-    key: dialog.id,
-    open: dialog.open,
-    loading: dialog.loading,
-    closeDialog: () => closeDialog(dialog.id),
-    onSubmit: data => onSubmit(dialog.id, data)
-  }, dialog.element) : /*#__PURE__*/React.createElement(Dialog, {
+  }, children, Array.from(dialogs.values()).map(dialog => /*#__PURE__*/React.createElement(Dialog, {
     key: dialog.id,
     description: dialog.description,
     dismissible: dialog.dismissible ?? true,

package/components/Dialogs/DialogsContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useSnackbar","Dialog","CustomDialog","createProvider","generateId","initializeState","params","id","title","description","dismissible","icon","content","acceptLabel","cancelLabel","loadingLabel","dataLoadingLabel","onAccept","onClose","open","loading","element","formData","size","DialogsContext","createContext","undefined","DialogsProvider","children","showSnackbar","dialogs","setDialogs","Map","showDialog","newDialog","set","closeDialog","showCustomDialog","onSubmit","newDialogs","delete","closeAllDialogs","data","dialog","get","error","message","context","createElement","Provider","value","Array","from","values","map","key","Fragment","createDialogsProvider","Component","DialogsProviderDecorator"],"sources":["DialogsContext.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useState } from \"react\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { useSnackbar } from \"~/hooks\";\nimport { Dialog, type DialogProps } from \"./Dialog\";\nimport { CustomDialog } from \"./CustomDialog\";\nimport { createProvider } from \"@webiny/app\";\nimport { generateId } from \"@webiny/utils\";\n\ninterface ShowDialogParams {\n    title: ReactNode;\n    description?: ReactNode;\n    dismissible?: boolean;\n    content: ReactNode;\n    actions?: JSX.Element;\n    icon?: JSX.Element;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    dataLoadingLabel?: ReactNode;\n    onAccept?: (data: GenericFormData) => void;\n    onClose?: () => void;\n    formData?: DialogProps[\"formData\"];\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n}\n\ninterface ShowCustomDialogParams {\n    element: JSX.Element;\n    onSubmit?: (data: GenericFormData) => void;\n}\n\nexport interface DialogsContext {\n    showDialog: (params: ShowDialogParams) => () => void;\n    showCustomDialog: (params: ShowCustomDialogParams) => () => void;\n    closeAllDialogs: () => void;\n}\n\ninterface DialogsProviderProps {\n    children: ReactNode;\n}\n\ninterface DialogState extends ShowDialogParams {\n    id: string;\n    open: boolean;\n    loading: boolean;\n    element?: JSX.Element;\n}\n\nexport const initializeState = (params: Partial<DialogState> = {}): DialogState => ({\n    id: `dialog-${generateId()}`,\n    title: params.title ?? `Confirmation`,\n    description: params.description,\n    dismissible: params.dismissible,\n    icon: params.icon,\n    content: params.content,\n    acceptLabel: params.acceptLabel === null ? null : params.acceptLabel ?? `Confirm`,\n    cancelLabel: params.cancelLabel === null ? null : params.cancelLabel ?? `Cancel`,\n    loadingLabel: params.loadingLabel ?? `Loading...`,\n    dataLoadingLabel: params.dataLoadingLabel ?? `Loading...`,\n    onAccept: params.onAccept,\n    onClose: params.onClose,\n    open: params.open ?? false,\n    loading: params.loading ?? false,\n    element: params.element,\n    formData: params.formData ?? {},\n    size: params.size ?? \"md\"\n});\n\nexport const DialogsContext = React.createContext<DialogsContext | undefined>(undefined);\n\nexport const DialogsProvider = ({ children }: DialogsProviderProps) => {\n    const { showSnackbar } = useSnackbar();\n    const [dialogs, setDialogs] = useState<Map<string, DialogState>>(new Map());\n\n    const showDialog = (params: ShowDialogParams) => {\n        const newDialog = initializeState({ ...params, open: true });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n        return () => closeDialog(newDialog.id);\n    };\n\n    const showCustomDialog = ({ onSubmit, element }: ShowCustomDialogParams) => {\n        const newDialog = initializeState({\n            element,\n            onAccept: onSubmit,\n            open: true\n        });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n        return () => closeDialog(newDialog.id);\n    };\n\n    const closeDialog = (id: string) => {\n        setDialogs(dialogs => {\n            const newDialogs = new Map(dialogs);\n            newDialogs.delete(id);\n            return newDialogs;\n        });\n    };\n\n    const closeAllDialogs = () => {\n        setDialogs(new Map());\n    };\n\n    const onSubmit = async (id: string, data: GenericFormData) => {\n        const dialog = dialogs.get(id);\n        if (!dialog) {\n            return;\n        }\n\n        try {\n            if (typeof dialog.onAccept === \"function\") {\n                setDialogs(dialogs => {\n                    const newDialogs = new Map(dialogs);\n                    newDialogs.set(id, { ...dialog, loading: true });\n                    return newDialogs;\n                });\n\n                await dialog.onAccept(data);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        } finally {\n            setDialogs(dialogs => {\n                const newDialogs = new Map(dialogs);\n                newDialogs.set(id, { ...dialog, loading: false });\n                return newDialogs;\n            });\n            closeDialog(id);\n        }\n    };\n\n    const context = {\n        showDialog,\n        showCustomDialog,\n        closeDialog,\n        closeAllDialogs\n    };\n\n    return (\n        <DialogsContext.Provider value={context}>\n            {children}\n            {Array.from(dialogs.values()).map(dialog =>\n                dialog.element ? (\n                    <CustomDialog\n                        key={dialog.id}\n                        open={dialog.open}\n                        loading={dialog.loading}\n                        closeDialog={() => closeDialog(dialog.id)}\n                        onSubmit={data => onSubmit(dialog.id, data)}\n                    >\n                        {dialog.element}\n                    </CustomDialog>\n                ) : (\n                    <Dialog\n                        key={dialog.id}\n                        description={dialog.description}\n                        dismissible={dialog.dismissible ?? true}\n                        icon={dialog.icon ?? <></>}\n                        title={dialog.title}\n                        content={dialog.content}\n                        open={dialog.open}\n                        acceptLabel={dialog.acceptLabel}\n                        cancelLabel={dialog.cancelLabel}\n                        loadingLabel={dialog.loadingLabel}\n                        dataLoadingLabel={dialog.dataLoadingLabel}\n                        loading={dialog.loading}\n                        closeDialog={() => {\n                            closeDialog(dialog.id);\n                            dialog.onClose && dialog.onClose();\n                        }}\n                        onSubmit={data => onSubmit(dialog.id, data)}\n                        formData={dialog.formData}\n                        size={dialog.size}\n                    />\n                )\n            )}\n        </DialogsContext.Provider>\n    );\n};\n\nexport const createDialogsProvider = () => {\n    return createProvider(Component => {\n        return function DialogsProviderDecorator({ children }: DialogsProviderProps) {\n            return (\n                <DialogsProvider>\n                    <Component>{children}</Component>\n                </DialogsProvider>\n            );\n        };\n    });\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useSnackbar","Dialog","createProvider","generateId","initializeState","params","id","title","description","dismissible","icon","content","acceptLabel","cancelLabel","loadingLabel","dataLoadingLabel","onAccept","onClose","open","loading","element","formData","size","DialogsContext","createContext","undefined","DialogsProvider","children","showSnackbar","dialogs","setDialogs","Map","showDialog","newDialog","set","closeDialog","dialog","get","error","console","newDialogs","delete","closeAllDialogs","onSubmit","data","message","context","createElement","Provider","value","Array","from","values","map","key","Fragment","createDialogsProvider","Component","DialogsProviderDecorator"],"sources":["DialogsContext.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useState } from \"react\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { useSnackbar } from \"~/hooks/index.js\";\nimport { Dialog, type DialogProps } from \"./Dialog.js\";\nimport { createProvider } from \"@webiny/app\";\nimport { generateId } from \"@webiny/utils\";\n\ninterface ShowDialogParams {\n    title: ReactNode;\n    description?: ReactNode;\n    dismissible?: boolean;\n    content: ReactNode;\n    actions?: JSX.Element;\n    icon?: JSX.Element;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    dataLoadingLabel?: ReactNode;\n    onAccept?: (data: GenericFormData) => void;\n    onClose?: () => void;\n    formData?: DialogProps[\"formData\"];\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n}\n\nexport interface DialogsContext {\n    showDialog: (params: ShowDialogParams) => () => void;\n    closeAllDialogs: () => void;\n}\n\ninterface DialogsProviderProps {\n    children: ReactNode;\n}\n\ninterface DialogState extends ShowDialogParams {\n    id: string;\n    open: boolean;\n    loading: boolean;\n    element?: JSX.Element;\n}\n\nexport const initializeState = (params: Partial<DialogState> = {}): DialogState => ({\n    id: `dialog-${generateId()}`,\n    title: params.title ?? `Confirmation`,\n    description: params.description,\n    dismissible: params.dismissible,\n    icon: params.icon,\n    content: params.content,\n    acceptLabel: params.acceptLabel === null ? null : (params.acceptLabel ?? `Confirm`),\n    cancelLabel: params.cancelLabel === null ? null : (params.cancelLabel ?? `Cancel`),\n    loadingLabel: params.loadingLabel ?? `Loading...`,\n    dataLoadingLabel: params.dataLoadingLabel ?? `Loading...`,\n    onAccept: params.onAccept,\n    onClose: params.onClose,\n    open: params.open ?? false,\n    loading: params.loading ?? false,\n    element: params.element,\n    formData: params.formData ?? {},\n    size: params.size ?? \"md\"\n});\n\nexport const DialogsContext = React.createContext<DialogsContext | undefined>(undefined);\n\nexport const DialogsProvider = ({ children }: DialogsProviderProps) => {\n    const { showSnackbar } = useSnackbar();\n    const [dialogs, setDialogs] = useState<Map<string, DialogState>>(new Map());\n\n    const showDialog = (params: ShowDialogParams) => {\n        const newDialog = initializeState({ ...params, open: true });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n        return () => closeDialog(newDialog.id);\n    };\n\n    const closeDialog = (id: string) => {\n        const dialog = dialogs.get(id);\n\n        // Call the onClose callback if it exists\n        if (dialog?.onClose && typeof dialog.onClose === \"function\") {\n            try {\n                dialog.onClose();\n            } catch (error) {\n                // Log error but don't prevent dialog cleanup\n                console.error(\"Error in dialog onClose callback:\", error);\n            }\n        }\n\n        setDialogs(dialogs => {\n            const newDialogs = new Map(dialogs);\n            newDialogs.delete(id);\n            return newDialogs;\n        });\n    };\n\n    const closeAllDialogs = () => {\n        setDialogs(new Map());\n    };\n\n    const onSubmit = async (id: string, data: GenericFormData) => {\n        const dialog = dialogs.get(id);\n        if (!dialog) {\n            return;\n        }\n\n        try {\n            if (typeof dialog.onAccept === \"function\") {\n                setDialogs(dialogs => {\n                    const newDialogs = new Map(dialogs);\n                    newDialogs.set(id, { ...dialog, loading: true });\n                    return newDialogs;\n                });\n\n                await dialog.onAccept(data);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        } finally {\n            setDialogs(dialogs => {\n                const newDialogs = new Map(dialogs);\n                newDialogs.set(id, { ...dialog, loading: false });\n                return newDialogs;\n            });\n            closeDialog(id);\n        }\n    };\n\n    const context = {\n        showDialog,\n        closeDialog,\n        closeAllDialogs\n    };\n\n    return (\n        <DialogsContext.Provider value={context}>\n            {children}\n            {Array.from(dialogs.values()).map(dialog => (\n                <Dialog\n                    key={dialog.id}\n                    description={dialog.description}\n                    dismissible={dialog.dismissible ?? true}\n                    icon={dialog.icon ?? <></>}\n                    title={dialog.title}\n                    content={dialog.content}\n                    open={dialog.open}\n                    acceptLabel={dialog.acceptLabel}\n                    cancelLabel={dialog.cancelLabel}\n                    loadingLabel={dialog.loadingLabel}\n                    dataLoadingLabel={dialog.dataLoadingLabel}\n                    loading={dialog.loading}\n                    closeDialog={() => {\n                        closeDialog(dialog.id);\n                        dialog.onClose && dialog.onClose();\n                    }}\n                    onSubmit={data => onSubmit(dialog.id, data)}\n                    formData={dialog.formData}\n                    size={dialog.size}\n                />\n            ))}\n        </DialogsContext.Provider>\n    );\n};\n\nexport const createDialogsProvider = () => {\n    return createProvider(Component => {\n        return function DialogsProviderDecorator({ children }: DialogsProviderProps) {\n            return (\n                <DialogsProvider>\n                    <Component>{children}</Component>\n                </DialogsProvider>\n            );\n        };\n    });\n};\n"],"mappings":"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","ignoreList":[]}

package/components/Dialogs/useDialogs.d.ts

@@ -1,3 +1,2 @@
-import { DialogsContext } from "./DialogsContext";
+import { DialogsContext } from "./DialogsContext.js";
 export declare const useDialogs: () => DialogsContext;
-export { useCustomDialog } from "./CustomDialog";

package/components/Dialogs/useDialogs.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { DialogsContext } from "./DialogsContext";
+import { DialogsContext } from "./DialogsContext.js";
 export const useDialogs = () => {
   const context = useContext(DialogsContext);
   if (!context) {
@@ -7,6 +7,5 @@ export const useDialogs = () => {
   }
   return context;
 };
-export { useCustomDialog } from "./CustomDialog";
 
 //# sourceMappingURL=useDialogs.js.map

package/components/Dialogs/useDialogs.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","DialogsContext","useDialogs","context","Error","useCustomDialog"],"sources":["useDialogs.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { DialogsContext } from \"./DialogsContext\";\n\nexport const useDialogs = () => {\n    const context = useContext(DialogsContext);\n\n    if (!context) {\n        throw new Error(\"useDialogs must be used within a DialogsContext.Provider\");\n    }\n\n    return context;\n};\n\nexport { useCustomDialog } from \"./CustomDialog\";\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,cAAc;AAEvB,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAGH,UAAU,CAACC,cAAc,CAAC;EAE1C,IAAI,CAACE,OAAO,EAAE;IACV,MAAM,IAAIC,KAAK,CAAC,0DAA0D,CAAC;EAC/E;EAEA,OAAOD,OAAO;AAClB,CAAC;AAED,SAASE,eAAe","ignoreList":[]}
+{"version":3,"names":["useContext","DialogsContext","useDialogs","context","Error"],"sources":["useDialogs.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { DialogsContext } from \"./DialogsContext.js\";\n\nexport const useDialogs = () => {\n    const context = useContext(DialogsContext);\n\n    if (!context) {\n        throw new Error(\"useDialogs must be used within a DialogsContext.Provider\");\n    }\n\n    return context;\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,cAAc;AAEvB,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAGH,UAAU,CAACC,cAAc,CAAC;EAE1C,IAAI,CAACE,OAAO,EAAE;IACV,MAAM,IAAIC,KAAK,CAAC,0DAA0D,CAAC;EAC/E;EAEA,OAAOD,OAAO;AAClB,CAAC","ignoreList":[]}

package/components/EmptyView.d.ts

@@ -5,5 +5,4 @@ export interface EmptyViewProps {
     title: string;
     action?: ReactElement | null;
 }
-declare const EmptyView: ({ icon, title, action }: EmptyViewProps) => React.JSX.Element;
-export default EmptyView;
+export declare const EmptyView: ({ icon, title, action }: EmptyViewProps) => React.JSX.Element;

package/components/EmptyView.js

@@ -1,35 +1,34 @@
 import React from "react";
 import { Icon, Text } from "@webiny/admin-ui";
 import { ReactComponent as FileIcon } from "@webiny/icons/description.svg";
-const EmptyView = ({
+export const EmptyView = ({
   icon = /*#__PURE__*/React.createElement(FileIcon, null),
   title,
   action
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-h-full wby-flex wby-flex-col wby-items-center wby-justify-center wby-gap-md"
+    className: "w-full h-full flex flex-col items-center justify-center gap-md"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-center"
+    className: "flex justify-center"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       width: 128,
       height: 128
     },
-    className: "wby-flex wby-justify-center wby-items-center wby-bg-neutral-dimmed wby-rounded-full wby-fill-neutral-strong [&_svg]:wby-size-[48px]"
+    className: "flex justify-center items-center bg-neutral-dimmed rounded-full fill-neutral-strong [&_svg]:size-xxl"
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     label: "Empty"
   }))), /*#__PURE__*/React.createElement(Text, {
     size: "md",
-    className: "wby-text-center wby-text-neutral-strong",
+    className: "text-center text-neutral-strong",
     as: "div",
     style: {
       maxWidth: 276
     }
   }, title), action && /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-center wby-gap-sm"
+    className: "flex justify-center gap-sm"
   }, action));
 };
-export default EmptyView;
 
 //# sourceMappingURL=EmptyView.js.map

package/components/EmptyView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Icon","Text","ReactComponent","FileIcon","EmptyView","icon","createElement","title","action","className","style","width","height","label","size","as","maxWidth"],"sources":["EmptyView.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React from \"react\";\nimport { Icon, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as FileIcon } from \"@webiny/icons/description.svg\";\n\nexport interface EmptyViewProps {\n    icon?: ReactElement;\n    title: string;\n    action?: ReactElement | null;\n}\nconst EmptyView = ({ icon = <FileIcon />, title, action }: EmptyViewProps) => {\n    return (\n        <div className=\"wby-w-full wby-h-full wby-flex wby-flex-col wby-items-center wby-justify-center wby-gap-md\">\n            <div className=\"wby-flex wby-justify-center\">\n                <div\n                    style={{ width: 128, height: 128 }}\n                    className=\"wby-flex wby-justify-center wby-items-center wby-bg-neutral-dimmed wby-rounded-full wby-fill-neutral-strong [&_svg]:wby-size-[48px]\"\n                >\n                    <Icon icon={icon} label={\"Empty\"} />\n                </div>\n            </div>\n            <Text\n                size={\"md\"}\n                className={\"wby-text-center wby-text-neutral-strong\"}\n                as={\"div\"}\n                style={{ maxWidth: 276 }}\n            >\n                {title}\n            </Text>\n            {action && <div className={\"wby-flex wby-justify-center wby-gap-sm\"}>{action}</div>}\n        </div>\n    );\n};\n\nexport default EmptyView;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAO1E,MAAMC,SAAS,GAAGA,CAAC;EAAEC,IAAI,gBAAGN,KAAA,CAAAO,aAAA,CAACH,QAAQ,MAAE,CAAC;EAAEI,KAAK;EAAEC;AAAuB,CAAC,KAAK;EAC1E,oBACIT,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAC;EAA4F,gBACvGV,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAC;EAA6B,gBACxCV,KAAA,CAAAO,aAAA;IACII,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAI,CAAE;IACnCH,SAAS,EAAC;EAAqI,gBAE/IV,KAAA,CAAAO,aAAA,CAACN,IAAI;IAACK,IAAI,EAAEA,IAAK;IAACQ,KAAK,EAAE;EAAQ,CAAE,CAClC,CACJ,CAAC,eACNd,KAAA,CAAAO,aAAA,CAACL,IAAI;IACDa,IAAI,EAAE,IAAK;IACXL,SAAS,EAAE,yCAA0C;IACrDM,EAAE,EAAE,KAAM;IACVL,KAAK,EAAE;MAAEM,QAAQ,EAAE;IAAI;EAAE,GAExBT,KACC,CAAC,EACNC,MAAM,iBAAIT,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAE;EAAyC,GAAED,MAAY,CACjF,CAAC;AAEd,CAAC;AAED,eAAeJ,SAAS","ignoreList":[]}
+{"version":3,"names":["React","Icon","Text","ReactComponent","FileIcon","EmptyView","icon","createElement","title","action","className","style","width","height","label","size","as","maxWidth"],"sources":["EmptyView.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React from \"react\";\nimport { Icon, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as FileIcon } from \"@webiny/icons/description.svg\";\n\nexport interface EmptyViewProps {\n    icon?: ReactElement;\n    title: string;\n    action?: ReactElement | null;\n}\n\nexport const EmptyView = ({ icon = <FileIcon />, title, action }: EmptyViewProps) => {\n    return (\n        <div className=\"w-full h-full flex flex-col items-center justify-center gap-md\">\n            <div className=\"flex justify-center\">\n                <div\n                    style={{ width: 128, height: 128 }}\n                    className=\"flex justify-center items-center bg-neutral-dimmed rounded-full fill-neutral-strong [&_svg]:size-xxl\"\n                >\n                    <Icon icon={icon} label={\"Empty\"} />\n                </div>\n            </div>\n            <Text\n                size={\"md\"}\n                className={\"text-center text-neutral-strong\"}\n                as={\"div\"}\n                style={{ maxWidth: 276 }}\n            >\n                {title}\n            </Text>\n            {action && <div className={\"flex justify-center gap-sm\"}>{action}</div>}\n        </div>\n    );\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAQ1E,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC,IAAI,gBAAGN,KAAA,CAAAO,aAAA,CAACH,QAAQ,MAAE,CAAC;EAAEI,KAAK;EAAEC;AAAuB,CAAC,KAAK;EACjF,oBACIT,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAC;EAAgE,gBAC3EV,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAC;EAAqB,gBAChCV,KAAA,CAAAO,aAAA;IACII,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAI,CAAE;IACnCH,SAAS,EAAC;EAAsG,gBAEhHV,KAAA,CAAAO,aAAA,CAACN,IAAI;IAACK,IAAI,EAAEA,IAAK;IAACQ,KAAK,EAAE;EAAQ,CAAE,CAClC,CACJ,CAAC,eACNd,KAAA,CAAAO,aAAA,CAACL,IAAI;IACDa,IAAI,EAAE,IAAK;IACXL,SAAS,EAAE,iCAAkC;IAC7CM,EAAE,EAAE,KAAM;IACVL,KAAK,EAAE;MAAEM,QAAQ,EAAE;IAAI;EAAE,GAExBT,KACC,CAAC,EACNC,MAAM,iBAAIT,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAE;EAA6B,GAAED,MAAY,CACrE,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/Filters/Filters.d.ts

@@ -12,5 +12,5 @@ export interface FiltersProps<T extends GenericFormData = GenericFormData> exten
     children?: React.ReactNode;
     ["data-testid"]?: string;
 }
-export declare const Filters: <T extends GenericFormData = GenericFormData>(props: FiltersProps<T>) => React.JSX.Element | null;
+export declare const Filters: <T extends GenericFiltersData = GenericFiltersData>(props: FiltersProps<T>) => React.JSX.Element | null;
 export {};

package/components/Filters/Filters.js

@@ -6,13 +6,13 @@ export const Filters = props => {
     return null;
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-bg-neutral-base wby-px-md wby-my-sm",
+    className: "w-full bg-neutral-base px-md my-sm",
     "data-testid": props["data-testid"] || "filters-container"
   }, /*#__PURE__*/React.createElement(Form, {
     data: props.data,
     onChange: props.onChange
   }, () => /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-flex wby-gap-sm wby-flex-wrap"
+    className: "w-full flex gap-sm flex-wrap"
   }, props.filters.map(filter => /*#__PURE__*/React.createElement("div", {
     key: filter.name
   }, filter.element)), props.children))), /*#__PURE__*/React.createElement(Separator, null));

package/components/Filters/Filters.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Separator","Form","Filters","props","show","filters","length","createElement","Fragment","className","data","onChange","map","filter","key","name","element","children"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\ntype Filter = {\n    name: string;\n    element: React.ReactElement;\n};\n\nexport type GenericFiltersData = GenericFormData;\n\nexport type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;\n\nexport interface FiltersProps<T extends GenericFormData = GenericFormData>\n    extends Pick<FormProps<T>, \"data\" | \"onChange\"> {\n    filters: Filter[];\n    show: boolean;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const Filters = <T extends GenericFiltersData = GenericFiltersData>(\n    props: FiltersProps<T>\n) => {\n    if (!props.show || !props.filters.length) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                className={\"wby-w-full wby-bg-neutral-base wby-px-md wby-my-sm\"}\n                data-testid={props[\"data-testid\"] || \"filters-container\"}\n            >\n                <Form data={props.data} onChange={props.onChange}>\n                    {() => (\n                        <div className={\"wby-w-full wby-flex wby-gap-sm wby-flex-wrap\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name}>{filter.element}</div>\n                            ))}\n                            {props.children}\n                        </div>\n                    )}\n                </Form>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,IAAI,QAAQ,cAAc;AAmBnC,OAAO,MAAMC,OAAO,GAChBC,KAAsB,IACrB;EACD,IAAI,CAACA,KAAK,CAACC,IAAI,IAAI,CAACD,KAAK,CAACE,OAAO,CAACC,MAAM,EAAE;IACtC,OAAO,IAAI;EACf;EAEA,oBACIP,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,qBACIT,KAAA,CAAAQ,aAAA;IACIE,SAAS,EAAE,oDAAqD;IAChE,eAAaN,KAAK,CAAC,aAAa,CAAC,IAAI;EAAoB,gBAEzDJ,KAAA,CAAAQ,aAAA,CAACN,IAAI;IAACS,IAAI,EAAEP,KAAK,CAACO,IAAK;IAACC,QAAQ,EAAER,KAAK,CAACQ;EAAS,GAC5C,mBACGZ,KAAA,CAAAQ,aAAA;IAAKE,SAAS,EAAE;EAA+C,GAC1DN,KAAK,CAACE,OAAO,CAACO,GAAG,CAACC,MAAM,iBACrBd,KAAA,CAAAQ,aAAA;IAAKO,GAAG,EAAED,MAAM,CAACE;EAAK,GAAEF,MAAM,CAACG,OAAa,CAC/C,CAAC,EACDb,KAAK,CAACc,QACN,CAEP,CACL,CAAC,eACNlB,KAAA,CAAAQ,aAAA,CAACP,SAAS,MAAE,CACd,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Separator","Form","Filters","props","show","filters","length","createElement","Fragment","className","data","onChange","map","filter","key","name","element","children"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\ntype Filter = {\n    name: string;\n    element: React.ReactElement;\n};\n\nexport type GenericFiltersData = GenericFormData;\n\nexport type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;\n\nexport interface FiltersProps<T extends GenericFormData = GenericFormData>\n    extends Pick<FormProps<T>, \"data\" | \"onChange\"> {\n    filters: Filter[];\n    show: boolean;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const Filters = <T extends GenericFiltersData = GenericFiltersData>(\n    props: FiltersProps<T>\n) => {\n    if (!props.show || !props.filters.length) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                className={\"w-full bg-neutral-base px-md my-sm\"}\n                data-testid={props[\"data-testid\"] || \"filters-container\"}\n            >\n                <Form data={props.data} onChange={props.onChange}>\n                    {() => (\n                        <div className={\"w-full flex gap-sm flex-wrap\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name}>{filter.element}</div>\n                            ))}\n                            {props.children}\n                        </div>\n                    )}\n                </Form>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,IAAI,QAAQ,cAAc;AAmBnC,OAAO,MAAMC,OAAO,GAChBC,KAAsB,IACrB;EACD,IAAI,CAACA,KAAK,CAACC,IAAI,IAAI,CAACD,KAAK,CAACE,OAAO,CAACC,MAAM,EAAE;IACtC,OAAO,IAAI;EACf;EAEA,oBACIP,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,qBACIT,KAAA,CAAAQ,aAAA;IACIE,SAAS,EAAE,oCAAqC;IAChD,eAAaN,KAAK,CAAC,aAAa,CAAC,IAAI;EAAoB,gBAEzDJ,KAAA,CAAAQ,aAAA,CAACN,IAAI;IAACS,IAAI,EAAEP,KAAK,CAACO,IAAK;IAACC,QAAQ,EAAER,KAAK,CAACQ;EAAS,GAC5C,mBACGZ,KAAA,CAAAQ,aAAA;IAAKE,SAAS,EAAE;EAA+B,GAC1CN,KAAK,CAACE,OAAO,CAACO,GAAG,CAACC,MAAM,iBACrBd,KAAA,CAAAQ,aAAA;IAAKO,GAAG,EAAED,MAAM,CAACE;EAAK,GAAEF,MAAM,CAACG,OAAa,CAC/C,CAAC,EACDb,KAAK,CAACc,QACN,CAEP,CACL,CAAC,eACNlB,KAAA,CAAAQ,aAAA,CAACP,SAAS,MAAE,CACd,CAAC;AAEX,CAAC","ignoreList":[]}

package/components/Filters/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Filters";
-export * from "./FiltersToggle";
+export * from "./Filters.js";
+export * from "./FiltersToggle.js";

package/components/Filters/index.js

@@ -1,4 +1,4 @@
-export * from "./Filters";
-export * from "./FiltersToggle";
+export * from "./Filters.js";
+export * from "./FiltersToggle.js";
 
 //# sourceMappingURL=index.js.map

package/components/Filters/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Filters\";\nexport * from \"./FiltersToggle\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Filters.js\";\nexport * from \"./FiltersToggle.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/components/FloatingActionButton.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ButtonFloating } from "@webiny/ui/Button";
+import { ButtonFloating } from "@webiny/ui/Button/index.js";
 import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
 // Set "styles" inline, since no customizations are possible / needed here.
 const FloatingActionButton = props => {

package/components/FloatingActionButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ButtonFloating","ReactComponent","AddIcon","FloatingActionButton","props","createElement","style","position","bottom","right","Object","assign","icon"],"sources":["FloatingActionButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ButtonFloating } from \"@webiny/ui/Button\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\ninterface FloatingActionButtonProps {\n    children: React.ReactNode;\n}\n\n// Set \"styles\" inline, since no customizations are possible / needed here.\nconst FloatingActionButton = (props: FloatingActionButtonProps) => {\n    return (\n        <div\n            style={{\n                position: \"absolute\",\n                bottom: 20,\n                right: 20\n            }}\n        >\n            <ButtonFloating {...props} icon={<AddIcon />} />\n        </div>\n    );\n};\n\nexport { FloatingActionButton };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AAMjE;AACA,MAAMC,oBAAoB,GAAIC,KAAgC,IAAK;EAC/D,oBACIL,KAAA,CAAAM,aAAA;IACIC,KAAK,EAAE;MACHC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE;IACX;EAAE,gBAEFV,KAAA,CAAAM,aAAA,CAACL,cAAc,EAAAU,MAAA,CAAAC,MAAA,KAAKP,KAAK;IAAEQ,IAAI,eAAEb,KAAA,CAAAM,aAAA,CAACH,OAAO,MAAE;EAAE,EAAE,CAC9C,CAAC;AAEd,CAAC;AAED,SAASC,oBAAoB","ignoreList":[]}
+{"version":3,"names":["React","ButtonFloating","ReactComponent","AddIcon","FloatingActionButton","props","createElement","style","position","bottom","right","Object","assign","icon"],"sources":["FloatingActionButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ButtonFloating } from \"@webiny/ui/Button/index.js\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\ninterface FloatingActionButtonProps {\n    children: React.ReactNode;\n}\n\n// Set \"styles\" inline, since no customizations are possible / needed here.\nconst FloatingActionButton = (props: FloatingActionButtonProps) => {\n    return (\n        <div\n            style={{\n                position: \"absolute\",\n                bottom: 20,\n                right: 20\n            }}\n        >\n            <ButtonFloating {...props} icon={<AddIcon />} />\n        </div>\n    );\n};\n\nexport { FloatingActionButton };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,QAAQ,4BAA4B;AAC3D,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AAMjE;AACA,MAAMC,oBAAoB,GAAIC,KAAgC,IAAK;EAC/D,oBACIL,KAAA,CAAAM,aAAA;IACIC,KAAK,EAAE;MACHC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE;IACX;EAAE,gBAEFV,KAAA,CAAAM,aAAA,CAACL,cAAc,EAAAU,MAAA,CAAAC,MAAA,KAAKP,KAAK;IAAEQ,IAAI,eAAEb,KAAA,CAAAM,aAAA,CAACH,OAAO,MAAE;EAAE,EAAE,CAC9C,CAAC;AAEd,CAAC;AAED,SAASC,oBAAoB","ignoreList":[]}