@webiny/app-admin 6.0.0-alpha.5 → 6.0.0-rc.0

package/base/ui/FileManager.js

@@ -6,15 +6,10 @@ import { createVoidComponent, makeDecoratable } from "@webiny/react-composition"
  * Represents a file object managed by the File Manager.
  */
 
-/**
- * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.
- */
-
 // This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!
 
 export const FileManagerRenderer = makeDecoratable("FileManagerRenderer", createVoidComponent());
 export const FileManager = ({
-  children,
   render,
   onChange,
   ...rest
@@ -37,18 +32,29 @@ export const FileManager = ({
     if (!isFileManagerVisible) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(FileManagerRenderer, Object.assign({
-      onClose: handleCloseFileManager,
-      onChange: onChangeRef.current
-    }, rest)));
+
+    // Render as overlay
+    if (rest.overlay) {
+      return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(FileManagerRenderer, Object.assign({
+        onClose: handleCloseFileManager,
+        onChange: onChangeRef.current
+      }, rest)));
+    }
+
+    // Render inline
+    return (
+      /*#__PURE__*/
+      // @ts-expect-error
+      React.createElement(FileManagerRenderer, Object.assign({
+        onClose: handleCloseFileManager,
+        onChange: onChangeRef.current
+      }, rest))
+    );
   };
   const renderContent = () => {
     const renderProps = {
       showFileManager: handleShowFileManager
     };
-    if (children) {
-      return children(renderProps);
-    }
     if (render) {
       return render(renderProps);
     }

package/base/ui/FileManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useRef","useState","Portal","createVoidComponent","makeDecoratable","FileManagerRenderer","FileManager","children","render","onChange","rest","isFileManagerVisible","setFileManagerVisible","show","onChangeRef","current","handleShowFileManager","newOnChange","handleCloseFileManager","renderFileManager","createElement","Object","assign","onClose","renderContent","renderProps","showFileManager","Fragment"],"sources":["FileManager.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Portal } from \"@webiny/admin-ui\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/react-composition\";\n\nexport interface FileManagerOnChange<T> {\n    (value: T): void;\n}\n\n/**\n * Represents a file object managed by the File Manager.\n */\nexport interface FileManagerFileItem {\n    id: string;\n    src: string;\n    meta?: Array<FileManagerFileItemMetaItem>;\n}\n\n/**\n * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.\n */\nexport interface FileManagerFileItemMetaItem {\n    key: string;\n    value: any;\n}\n\nexport type DeprecatedFileManagerRenderPropParams = {\n    showFileManager: (\n        onChange?: FileManagerOnChange<FileManagerFileItem | FileManagerFileItem[]>\n    ) => void;\n};\n\nexport type FileManagerRenderPropParams<TValue> = {\n    showFileManager: (onChange?: FileManagerOnChange<TValue>) => void;\n};\n\ninterface SingleFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem>): React.ReactNode;\n}\n\ninterface MultiFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem[]>): React.ReactNode;\n}\n\nexport type MultipleProps =\n    | {\n          multiple?: never;\n          multipleMaxCount?: never;\n          multipleMaxSize?: never;\n          onChange?: FileManagerOnChange<FileManagerFileItem>;\n          render?: SingleFileRenderProp;\n      }\n    | {\n          multiple: true;\n          multipleMaxCount?: number;\n          multipleMaxSize?: number | string;\n          onChange?: FileManagerOnChange<FileManagerFileItem[]>;\n          render?: MultiFileRenderProp;\n      };\n\nexport type FileManagerProps = {\n    accept?: string[];\n    images?: boolean;\n    maxSize?: number | string;\n    /**\n     * @deprecated This prop is no longer used. The file structure was reduced to a bare minimum so picking is no longer necessary.\n     */\n    onChangePick?: string[];\n    onClose?: () => void;\n    onUploadCompletion?: (files: FileManagerFileItem[]) => void;\n    own?: boolean;\n    scope?: string;\n    tags?: string[];\n    show?: boolean;\n    /**\n     * @deprecated This prop is no longer used. Use the `render` prop to get better TS autocomplete.\n     */\n    children?: (params: DeprecatedFileManagerRenderPropParams) => React.ReactNode;\n} & MultipleProps;\n\n// This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!\ntype DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;\n\nexport type FileManagerRendererProps = DistributiveOmit<FileManagerProps, \"render\" | \"children\">;\n\nexport const FileManagerRenderer = makeDecoratable(\n    \"FileManagerRenderer\",\n    createVoidComponent<FileManagerRendererProps>()\n);\n\ntype ShowFileManagerProps =\n    | FileManagerOnChange<FileManagerFileItem>\n    | FileManagerOnChange<FileManagerFileItem[]>\n    | undefined;\n\nexport const FileManager = ({ children, render, onChange, ...rest }: FileManagerProps) => {\n    const [isFileManagerVisible, setFileManagerVisible] = useState(rest.show);\n    const onChangeRef = useRef(onChange);\n\n    useEffect(() => {\n        onChangeRef.current = onChange;\n    }, [onChange]);\n\n    const handleShowFileManager = useCallback((newOnChange: ShowFileManagerProps) => {\n        if (typeof newOnChange === \"function\") {\n            onChangeRef.current = newOnChange;\n        }\n        setFileManagerVisible(true);\n    }, []);\n\n    const handleCloseFileManager = useCallback(() => {\n        setFileManagerVisible(false);\n    }, []);\n\n    const renderFileManager = () => {\n        if (!isFileManagerVisible) {\n            return null;\n        }\n\n        return (\n            <Portal>\n                {/*@ts-expect-error*/}\n                <FileManagerRenderer\n                    onClose={handleCloseFileManager}\n                    onChange={onChangeRef.current}\n                    {...rest}\n                />\n            </Portal>\n        );\n    };\n\n    const renderContent = () => {\n        const renderProps = { showFileManager: handleShowFileManager };\n\n        if (children) {\n            return children(renderProps);\n        }\n\n        if (render) {\n            return render(renderProps);\n        }\n\n        return null;\n    };\n\n    return (\n        <>\n            {renderFileManager()}\n            {renderContent()}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACvE,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,2BAA2B;;AAMhF;AACA;AACA;;AAOA;AACA;AACA;;AA4DA;;AAKA,OAAO,MAAMC,mBAAmB,GAAGD,eAAe,CAC9C,qBAAqB,EACrBD,mBAAmB,CAA2B,CAClD,CAAC;AAOD,OAAO,MAAMG,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,QAAQ;EAAE,GAAGC;AAAuB,CAAC,KAAK;EACtF,MAAM,CAACC,oBAAoB,EAAEC,qBAAqB,CAAC,GAAGX,QAAQ,CAACS,IAAI,CAACG,IAAI,CAAC;EACzE,MAAMC,WAAW,GAAGd,MAAM,CAACS,QAAQ,CAAC;EAEpCV,SAAS,CAAC,MAAM;IACZe,WAAW,CAACC,OAAO,GAAGN,QAAQ;EAClC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMO,qBAAqB,GAAGlB,WAAW,CAAEmB,WAAiC,IAAK;IAC7E,IAAI,OAAOA,WAAW,KAAK,UAAU,EAAE;MACnCH,WAAW,CAACC,OAAO,GAAGE,WAAW;IACrC;IACAL,qBAAqB,CAAC,IAAI,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,sBAAsB,GAAGpB,WAAW,CAAC,MAAM;IAC7Cc,qBAAqB,CAAC,KAAK,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,iBAAiB,GAAGA,CAAA,KAAM;IAC5B,IAAI,CAACR,oBAAoB,EAAE;MACvB,OAAO,IAAI;IACf;IAEA,oBACId,KAAA,CAAAuB,aAAA,CAAClB,MAAM,qBAEHL,KAAA,CAAAuB,aAAA,CAACf,mBAAmB,EAAAgB,MAAA,CAAAC,MAAA;MAChBC,OAAO,EAAEL,sBAAuB;MAChCT,QAAQ,EAAEK,WAAW,CAACC;IAAQ,GAC1BL,IAAI,CACX,CACG,CAAC;EAEjB,CAAC;EAED,MAAMc,aAAa,GAAGA,CAAA,KAAM;IACxB,MAAMC,WAAW,GAAG;MAAEC,eAAe,EAAEV;IAAsB,CAAC;IAE9D,IAAIT,QAAQ,EAAE;MACV,OAAOA,QAAQ,CAACkB,WAAW,CAAC;IAChC;IAEA,IAAIjB,MAAM,EAAE;MACR,OAAOA,MAAM,CAACiB,WAAW,CAAC;IAC9B;IAEA,OAAO,IAAI;EACf,CAAC;EAED,oBACI5B,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAA8B,QAAA,QACKR,iBAAiB,CAAC,CAAC,EACnBK,aAAa,CAAC,CACjB,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useRef","useState","Portal","createVoidComponent","makeDecoratable","FileManagerRenderer","FileManager","render","onChange","rest","isFileManagerVisible","setFileManagerVisible","show","onChangeRef","current","handleShowFileManager","newOnChange","handleCloseFileManager","renderFileManager","overlay","createElement","Object","assign","onClose","renderContent","renderProps","showFileManager","Fragment"],"sources":["FileManager.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Portal } from \"@webiny/admin-ui\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/react-composition\";\n\nexport interface FileManagerOnChange<T> {\n    (value: T): void;\n}\n\n/**\n * Represents a file object managed by the File Manager.\n */\nexport interface FileManagerFileItem {\n    // Required - every DAM must provide these\n    id: string;\n    src: string;\n    name: string;\n    type: string; // MIME type\n    size: number; // bytes\n    // Required for images (apps depend on these for Next.js Image, etc.)\n    width?: number;\n    height?: number;\n    // DAM-specific metadata\n    [key: string]: any;\n}\n\nexport type FileManagerRenderPropParams<TValue> = {\n    showFileManager: (onChange?: FileManagerOnChange<TValue>) => void;\n};\n\ninterface SingleFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem>): React.ReactNode;\n}\n\ninterface MultiFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem[]>): React.ReactNode;\n}\n\nexport type MultipleProps =\n    | {\n          multiple?: never;\n          multipleMaxCount?: never;\n          multipleMaxSize?: never;\n          onChange?: FileManagerOnChange<FileManagerFileItem>;\n          render?: SingleFileRenderProp;\n      }\n    | {\n          multiple: true;\n          multipleMaxCount?: number;\n          multipleMaxSize?: number | string;\n          onChange?: FileManagerOnChange<FileManagerFileItem[]>;\n          render?: MultiFileRenderProp;\n      };\n\nexport type FileManagerProps = {\n    accept?: string[];\n    images?: boolean;\n    maxSize?: number | string;\n    onClose?: () => void;\n    onUploadCompletion?: (files: FileManagerFileItem[]) => void;\n    own?: boolean;\n    scope?: string;\n    tags?: string[];\n    show?: boolean;\n    overlay?: boolean;\n} & MultipleProps;\n\n// This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!\ntype DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;\n\nexport type FileManagerRendererProps = DistributiveOmit<FileManagerProps, \"render\">;\n\nexport const FileManagerRenderer = makeDecoratable(\n    \"FileManagerRenderer\",\n    createVoidComponent<FileManagerRendererProps>()\n);\n\ntype ShowFileManagerProps =\n    | FileManagerOnChange<FileManagerFileItem>\n    | FileManagerOnChange<FileManagerFileItem[]>\n    | undefined;\n\nexport const FileManager = ({ render, onChange, ...rest }: FileManagerProps) => {\n    const [isFileManagerVisible, setFileManagerVisible] = useState(rest.show);\n    const onChangeRef = useRef(onChange);\n\n    useEffect(() => {\n        onChangeRef.current = onChange;\n    }, [onChange]);\n\n    const handleShowFileManager = useCallback((newOnChange: ShowFileManagerProps) => {\n        if (typeof newOnChange === \"function\") {\n            onChangeRef.current = newOnChange;\n        }\n        setFileManagerVisible(true);\n    }, []);\n\n    const handleCloseFileManager = useCallback(() => {\n        setFileManagerVisible(false);\n    }, []);\n\n    const renderFileManager = () => {\n        if (!isFileManagerVisible) {\n            return null;\n        }\n\n        // Render as overlay\n        if (rest.overlay) {\n            return (\n                <Portal>\n                    {/*@ts-expect-error*/}\n                    <FileManagerRenderer\n                        onClose={handleCloseFileManager}\n                        onChange={onChangeRef.current}\n                        {...rest}\n                    />\n                </Portal>\n            );\n        }\n\n        // Render inline\n        return (\n            // @ts-expect-error\n            <FileManagerRenderer\n                onClose={handleCloseFileManager}\n                onChange={onChangeRef.current}\n                {...rest}\n            />\n        );\n    };\n\n    const renderContent = () => {\n        const renderProps = { showFileManager: handleShowFileManager };\n\n        if (render) {\n            return render(renderProps);\n        }\n\n        return null;\n    };\n\n    return (\n        <>\n            {renderFileManager()}\n            {renderContent()}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACvE,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,2BAA2B;;AAMhF;AACA;AACA;;AAwDA;;AAKA,OAAO,MAAMC,mBAAmB,GAAGD,eAAe,CAC9C,qBAAqB,EACrBD,mBAAmB,CAA2B,CAClD,CAAC;AAOD,OAAO,MAAMG,WAAW,GAAGA,CAAC;EAAEC,MAAM;EAAEC,QAAQ;EAAE,GAAGC;AAAuB,CAAC,KAAK;EAC5E,MAAM,CAACC,oBAAoB,EAAEC,qBAAqB,CAAC,GAAGV,QAAQ,CAACQ,IAAI,CAACG,IAAI,CAAC;EACzE,MAAMC,WAAW,GAAGb,MAAM,CAACQ,QAAQ,CAAC;EAEpCT,SAAS,CAAC,MAAM;IACZc,WAAW,CAACC,OAAO,GAAGN,QAAQ;EAClC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMO,qBAAqB,GAAGjB,WAAW,CAAEkB,WAAiC,IAAK;IAC7E,IAAI,OAAOA,WAAW,KAAK,UAAU,EAAE;MACnCH,WAAW,CAACC,OAAO,GAAGE,WAAW;IACrC;IACAL,qBAAqB,CAAC,IAAI,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,sBAAsB,GAAGnB,WAAW,CAAC,MAAM;IAC7Ca,qBAAqB,CAAC,KAAK,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,iBAAiB,GAAGA,CAAA,KAAM;IAC5B,IAAI,CAACR,oBAAoB,EAAE;MACvB,OAAO,IAAI;IACf;;IAEA;IACA,IAAID,IAAI,CAACU,OAAO,EAAE;MACd,oBACItB,KAAA,CAAAuB,aAAA,CAAClB,MAAM,qBAEHL,KAAA,CAAAuB,aAAA,CAACf,mBAAmB,EAAAgB,MAAA,CAAAC,MAAA;QAChBC,OAAO,EAAEN,sBAAuB;QAChCT,QAAQ,EAAEK,WAAW,CAACC;MAAQ,GAC1BL,IAAI,CACX,CACG,CAAC;IAEjB;;IAEA;IACA;MAAA;MACI;MACAZ,KAAA,CAAAuB,aAAA,CAACf,mBAAmB,EAAAgB,MAAA,CAAAC,MAAA;QAChBC,OAAO,EAAEN,sBAAuB;QAChCT,QAAQ,EAAEK,WAAW,CAACC;MAAQ,GAC1BL,IAAI,CACX;IAAC;EAEV,CAAC;EAED,MAAMe,aAAa,GAAGA,CAAA,KAAM;IACxB,MAAMC,WAAW,GAAG;MAAEC,eAAe,EAAEX;IAAsB,CAAC;IAE9D,IAAIR,MAAM,EAAE;MACR,OAAOA,MAAM,CAACkB,WAAW,CAAC;IAC9B;IAEA,OAAO,IAAI;EACf,CAAC;EAED,oBACI5B,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAA8B,QAAA,QACKT,iBAAiB,CAAC,CAAC,EACnBM,aAAa,CAAC,CACjB,CAAC;AAEX,CAAC","ignoreList":[]}

package/base/ui/LoginScreen.d.ts

@@ -23,3 +23,22 @@ export declare const LoginScreenRenderer: ((props: LoginScreenProps) => JSX.Elem
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export declare const LoginScreenComponent: ((props: LoginScreenProps) => JSX.Element | null) & {
+    original: (props: LoginScreenProps) => JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: LoginScreenProps) => JSX.Element | null) & {
+        original: (props: LoginScreenProps) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: LoginScreenProps) => JSX.Element | null) & {
+        original: (props: LoginScreenProps) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/LoginScreen.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { createVoidComponent, makeDecoratable } from "@webiny/app";
-import { Tags, useTags } from "./Tags";
+import { Tags, useTags } from "./Tags.js";
 export const useIsInLoginScreen = () => {
   const {
     location
@@ -21,5 +21,6 @@ export const LoginScreen = ({
   }, children)));
 };
 export const LoginScreenRenderer = makeDecoratable("LoginScreenRenderer", createVoidComponent());
+export const LoginScreenComponent = LoginScreenRenderer;
 
 //# sourceMappingURL=LoginScreen.js.map

package/base/ui/LoginScreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createVoidComponent","makeDecoratable","Tags","useTags","useIsInLoginScreen","location","LoginScreen","children","createElement","tags","LoginScreenRenderer"],"sources":["LoginScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\nimport { Tags, useTags } from \"./Tags\";\n\nexport interface LoginScreenProps {\n    children: React.ReactNode;\n}\n\nexport const useIsInLoginScreen = () => {\n    const { location } = useTags();\n    return location === \"loginScreen\";\n};\n\nexport const LoginScreen = ({ children }: LoginScreenProps) => {\n    return (\n        <Tags tags={{ location: \"loginScreen\" }}>\n            <LoginScreenRenderer>\n                <Tags tags={{ location: \"loggedIn\" }}>{children}</Tags>\n            </LoginScreenRenderer>\n        </Tags>\n    );\n};\n\nexport const LoginScreenRenderer = makeDecoratable(\n    \"LoginScreenRenderer\",\n    createVoidComponent<LoginScreenProps>()\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAClE,SAASC,IAAI,EAAEC,OAAO;AAMtB,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC;EAAS,CAAC,GAAGF,OAAO,CAAC,CAAC;EAC9B,OAAOE,QAAQ,KAAK,aAAa;AACrC,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EAC3D,oBACIR,KAAA,CAAAS,aAAA,CAACN,IAAI;IAACO,IAAI,EAAE;MAAEJ,QAAQ,EAAE;IAAc;EAAE,gBACpCN,KAAA,CAAAS,aAAA,CAACE,mBAAmB,qBAChBX,KAAA,CAAAS,aAAA,CAACN,IAAI;IAACO,IAAI,EAAE;MAAEJ,QAAQ,EAAE;IAAW;EAAE,GAAEE,QAAe,CACrC,CACnB,CAAC;AAEf,CAAC;AAED,OAAO,MAAMG,mBAAmB,GAAGT,eAAe,CAC9C,qBAAqB,EACrBD,mBAAmB,CAAmB,CAC1C,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Tags","useTags","useIsInLoginScreen","location","LoginScreen","children","createElement","tags","LoginScreenRenderer","LoginScreenComponent"],"sources":["LoginScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\nimport { Tags, useTags } from \"./Tags.js\";\n\nexport interface LoginScreenProps {\n    children: React.ReactNode;\n}\n\nexport const useIsInLoginScreen = () => {\n    const { location } = useTags();\n    return location === \"loginScreen\";\n};\n\nexport const LoginScreen = ({ children }: LoginScreenProps) => {\n    return (\n        <Tags tags={{ location: \"loginScreen\" }}>\n            <LoginScreenRenderer>\n                <Tags tags={{ location: \"loggedIn\" }}>{children}</Tags>\n            </LoginScreenRenderer>\n        </Tags>\n    );\n};\n\nexport const LoginScreenRenderer = makeDecoratable(\n    \"LoginScreenRenderer\",\n    createVoidComponent<LoginScreenProps>()\n);\n\nexport const LoginScreenComponent = LoginScreenRenderer;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAClE,SAASC,IAAI,EAAEC,OAAO;AAMtB,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC;EAAS,CAAC,GAAGF,OAAO,CAAC,CAAC;EAC9B,OAAOE,QAAQ,KAAK,aAAa;AACrC,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EAC3D,oBACIR,KAAA,CAAAS,aAAA,CAACN,IAAI;IAACO,IAAI,EAAE;MAAEJ,QAAQ,EAAE;IAAc;EAAE,gBACpCN,KAAA,CAAAS,aAAA,CAACE,mBAAmB,qBAChBX,KAAA,CAAAS,aAAA,CAACN,IAAI;IAACO,IAAI,EAAE;MAAEJ,QAAQ,EAAE;IAAW;EAAE,GAAEE,QAAe,CACrC,CACnB,CAAC;AAEf,CAAC;AAED,OAAO,MAAMG,mBAAmB,GAAGT,eAAe,CAC9C,qBAAqB,EACrBD,mBAAmB,CAAmB,CAC1C,CAAC;AAED,OAAO,MAAMW,oBAAoB,GAAGD,mBAAmB","ignoreList":[]}

package/base/ui/Navigation.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { createVoidComponent, makeDecoratable } from "@webiny/app";
-import { Tags, useTags } from "./Tags";
+import { Tags, useTags } from "./Tags.js";
 export const useIsInNavigation = () => {
   const {
     location

package/base/ui/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createVoidComponent","makeDecoratable","Tags","useTags","useIsInNavigation","location","Navigation","createElement","tags","NavigationRenderer"],"sources":["Navigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\nimport { Tags, useTags } from \"~/base/ui/Tags\";\n\nexport const useIsInNavigation = () => {\n    const { location } = useTags();\n    return location === \"navigation\";\n};\n\nexport const Navigation = makeDecoratable(\"Navigation\", () => {\n    return (\n        <Tags tags={{ location: \"navigation\" }}>\n            <NavigationRenderer />\n        </Tags>\n    );\n});\n\nexport const NavigationRenderer = makeDecoratable(\"NavigationRenderer\", createVoidComponent());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAClE,SAASC,IAAI,EAAEC,OAAO;AAEtB,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAM;IAAEC;EAAS,CAAC,GAAGF,OAAO,CAAC,CAAC;EAC9B,OAAOE,QAAQ,KAAK,YAAY;AACpC,CAAC;AAED,OAAO,MAAMC,UAAU,GAAGL,eAAe,CAAC,YAAY,EAAE,MAAM;EAC1D,oBACIF,KAAA,CAAAQ,aAAA,CAACL,IAAI;IAACM,IAAI,EAAE;MAAEH,QAAQ,EAAE;IAAa;EAAE,gBACnCN,KAAA,CAAAQ,aAAA,CAACE,kBAAkB,MAAE,CACnB,CAAC;AAEf,CAAC,CAAC;AAEF,OAAO,MAAMA,kBAAkB,GAAGR,eAAe,CAAC,oBAAoB,EAAED,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Tags","useTags","useIsInNavigation","location","Navigation","createElement","tags","NavigationRenderer"],"sources":["Navigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\nimport { Tags, useTags } from \"~/base/ui/Tags.js\";\n\nexport const useIsInNavigation = () => {\n    const { location } = useTags();\n    return location === \"navigation\";\n};\n\nexport const Navigation = makeDecoratable(\"Navigation\", () => {\n    return (\n        <Tags tags={{ location: \"navigation\" }}>\n            <NavigationRenderer />\n        </Tags>\n    );\n});\n\nexport const NavigationRenderer = makeDecoratable(\"NavigationRenderer\", createVoidComponent());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAClE,SAASC,IAAI,EAAEC,OAAO;AAEtB,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAM;IAAEC;EAAS,CAAC,GAAGF,OAAO,CAAC,CAAC;EAC9B,OAAOE,QAAQ,KAAK,YAAY;AACpC,CAAC;AAED,OAAO,MAAMC,UAAU,GAAGL,eAAe,CAAC,YAAY,EAAE,MAAM;EAC1D,oBACIF,KAAA,CAAAQ,aAAA,CAACL,IAAI;IAACM,IAAI,EAAE;MAAEH,QAAQ,EAAE;IAAa;EAAE,gBACnCN,KAAA,CAAAQ,aAAA,CAACE,kBAAkB,MAAE,CACnB,CAAC;AAEf,CAAC,CAAC;AAEF,OAAO,MAAMA,kBAAkB,GAAGR,eAAe,CAAC,oBAAoB,EAAED,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}

package/base/ui/UserMenu/UserMenuItem.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { DropdownMenuItemIconProps, DropdownMenuItemButtonProps } from "@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem";
+import type { DropdownMenuItemIconProps, DropdownMenuItemButtonProps } from "@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem.js";
 type UserMenuItemRendererProps = DropdownMenuItemButtonProps;
 declare const UserMenuItemRenderer: ((props: DropdownMenuItemButtonProps) => JSX.Element | null) & {
     original: (props: DropdownMenuItemButtonProps) => JSX.Element | null;
@@ -14,7 +14,7 @@ declare const UserMenuItemRenderer: ((props: DropdownMenuItemButtonProps) => JSX
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("../../../index").ComponentDecorator<((props: DropdownMenuItemButtonProps) => JSX.Element | null) & {
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: DropdownMenuItemButtonProps) => JSX.Element | null) & {
         original: (props: DropdownMenuItemButtonProps) => JSX.Element | null;
         originalName: string;
         displayName: string;
@@ -33,7 +33,7 @@ declare const UserMenuItem: ((props: UserMenuItemRendererProps) => React.JSX.Ele
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("../../../index").ComponentDecorator<((props: UserMenuItemRendererProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: UserMenuItemRendererProps) => React.JSX.Element) & {
         original: (props: UserMenuItemRendererProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
@@ -53,7 +53,7 @@ declare const UserMenuItemIconRenderer: ((props: DropdownMenuItemIconProps) => J
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("../../../index").ComponentDecorator<((props: DropdownMenuItemIconProps) => JSX.Element | null) & {
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: DropdownMenuItemIconProps) => JSX.Element | null) & {
         original: (props: DropdownMenuItemIconProps) => JSX.Element | null;
         originalName: string;
         displayName: string;
@@ -72,7 +72,7 @@ declare const UserMenuItemIcon: ((props: UserMenuItemIconRendererProps) => React
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("../../../index").ComponentDecorator<((props: UserMenuItemIconRendererProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: UserMenuItemIconRendererProps) => React.JSX.Element) & {
         original: (props: UserMenuItemIconRendererProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/base/ui/UserMenu/UserMenuItem.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { createVoidComponent, makeDecoratable } from "../../..";
+import { createVoidComponent, makeDecoratable } from "../../../index.js";
 
 // UserMenuItem
 

package/base/ui/UserMenu/UserMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createVoidComponent","makeDecoratable","UserMenuItemRenderer","UserMenuItem","props","createElement","UserMenuItemIconRenderer","UserMenuItemIcon"],"sources":["UserMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"~/index\";\nimport type {\n    DropdownMenuItemIconProps,\n    DropdownMenuItemButtonProps\n} from \"@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem\";\n\n// UserMenuItem\ntype UserMenuItemRendererProps = DropdownMenuItemButtonProps;\n\nconst UserMenuItemRenderer = makeDecoratable(\n    \"UserMenuItemRenderer\",\n    createVoidComponent<UserMenuItemRendererProps>()\n);\n\nconst UserMenuItem = makeDecoratable(\"UserMenuItem\", (props: UserMenuItemRendererProps) => {\n    return <UserMenuItemRenderer {...props} />;\n});\n\n// UserMenuItem > Icon\ntype UserMenuItemIconRendererProps = DropdownMenuItemIconProps;\n\nconst UserMenuItemIconRenderer = makeDecoratable(\n    \"UserMenuItemIcon\",\n    createVoidComponent<UserMenuItemIconRendererProps>()\n);\n\nconst UserMenuItemIcon = makeDecoratable(\n    \"UserMenuItemIcon\",\n    (props: UserMenuItemIconRendererProps) => {\n        return <UserMenuItemIconRenderer {...props} />;\n    }\n);\n\nexport {\n    UserMenuItem,\n    UserMenuItemRenderer,\n    UserMenuItemIcon,\n    UserMenuItemIconRenderer,\n    type UserMenuItemRendererProps,\n    type UserMenuItemIconRendererProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe;;AAM7C;;AAGA,MAAMC,oBAAoB,GAAGD,eAAe,CACxC,sBAAsB,EACtBD,mBAAmB,CAA4B,CACnD,CAAC;AAED,MAAMG,YAAY,GAAGF,eAAe,CAAC,cAAc,EAAGG,KAAgC,IAAK;EACvF,oBAAOL,KAAA,CAAAM,aAAA,CAACH,oBAAoB,EAAKE,KAAQ,CAAC;AAC9C,CAAC,CAAC;;AAEF;;AAGA,MAAME,wBAAwB,GAAGL,eAAe,CAC5C,kBAAkB,EAClBD,mBAAmB,CAAgC,CACvD,CAAC;AAED,MAAMO,gBAAgB,GAAGN,eAAe,CACpC,kBAAkB,EACjBG,KAAoC,IAAK;EACtC,oBAAOL,KAAA,CAAAM,aAAA,CAACC,wBAAwB,EAAKF,KAAQ,CAAC;AAClD,CACJ,CAAC;AAED,SACID,YAAY,EACZD,oBAAoB,EACpBK,gBAAgB,EAChBD,wBAAwB","ignoreList":[]}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","UserMenuItemRenderer","UserMenuItem","props","createElement","UserMenuItemIconRenderer","UserMenuItemIcon"],"sources":["UserMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"~/index.js\";\nimport type {\n    DropdownMenuItemIconProps,\n    DropdownMenuItemButtonProps\n} from \"@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem.js\";\n\n// UserMenuItem\ntype UserMenuItemRendererProps = DropdownMenuItemButtonProps;\n\nconst UserMenuItemRenderer = makeDecoratable(\n    \"UserMenuItemRenderer\",\n    createVoidComponent<UserMenuItemRendererProps>()\n);\n\nconst UserMenuItem = makeDecoratable(\"UserMenuItem\", (props: UserMenuItemRendererProps) => {\n    return <UserMenuItemRenderer {...props} />;\n});\n\n// UserMenuItem > Icon\ntype UserMenuItemIconRendererProps = DropdownMenuItemIconProps;\n\nconst UserMenuItemIconRenderer = makeDecoratable(\n    \"UserMenuItemIcon\",\n    createVoidComponent<UserMenuItemIconRendererProps>()\n);\n\nconst UserMenuItemIcon = makeDecoratable(\n    \"UserMenuItemIcon\",\n    (props: UserMenuItemIconRendererProps) => {\n        return <UserMenuItemIconRenderer {...props} />;\n    }\n);\n\nexport {\n    UserMenuItem,\n    UserMenuItemRenderer,\n    UserMenuItemIcon,\n    UserMenuItemIconRenderer,\n    type UserMenuItemRendererProps,\n    type UserMenuItemIconRendererProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe;;AAM7C;;AAGA,MAAMC,oBAAoB,GAAGD,eAAe,CACxC,sBAAsB,EACtBD,mBAAmB,CAA4B,CACnD,CAAC;AAED,MAAMG,YAAY,GAAGF,eAAe,CAAC,cAAc,EAAGG,KAAgC,IAAK;EACvF,oBAAOL,KAAA,CAAAM,aAAA,CAACH,oBAAoB,EAAKE,KAAQ,CAAC;AAC9C,CAAC,CAAC;;AAEF;;AAGA,MAAME,wBAAwB,GAAGL,eAAe,CAC5C,kBAAkB,EAClBD,mBAAmB,CAAgC,CACvD,CAAC;AAED,MAAMO,gBAAgB,GAAGN,eAAe,CACpC,kBAAkB,EACjBG,KAAoC,IAAK;EACtC,oBAAOL,KAAA,CAAAM,aAAA,CAACC,wBAAwB,EAAKF,KAAQ,CAAC;AAClD,CACJ,CAAC;AAED,SACID,YAAY,EACZD,oBAAoB,EACpBK,gBAAgB,EAChBD,wBAAwB","ignoreList":[]}

package/base/ui/UserMenu/UserMenuLink.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { DropdownMenuItemIconProps, DropdownMenuItemLinkProps } from "@webiny/admin-ui/DropdownMenu/components/DropdownMenuLink";
+import type { DropdownMenuItemIconProps, DropdownMenuItemLinkProps } from "@webiny/admin-ui/DropdownMenu/components/DropdownMenuLink.js";
 type UserMenuLinkRendererProps = DropdownMenuItemLinkProps;
 declare const UserMenuLinkRenderer: ((props: DropdownMenuItemLinkProps) => JSX.Element | null) & {
     original: (props: DropdownMenuItemLinkProps) => JSX.Element | null;
@@ -14,7 +14,7 @@ declare const UserMenuLinkRenderer: ((props: DropdownMenuItemLinkProps) => JSX.E
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("../../../index").ComponentDecorator<((props: DropdownMenuItemLinkProps) => JSX.Element | null) & {
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: DropdownMenuItemLinkProps) => JSX.Element | null) & {
         original: (props: DropdownMenuItemLinkProps) => JSX.Element | null;
         originalName: string;
         displayName: string;
@@ -33,7 +33,7 @@ declare const UserMenuLink: ((props: UserMenuLinkRendererProps) => React.JSX.Ele
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("../../../index").ComponentDecorator<((props: UserMenuLinkRendererProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: UserMenuLinkRendererProps) => React.JSX.Element) & {
         original: (props: UserMenuLinkRendererProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
@@ -53,7 +53,7 @@ declare const UserMenuLinkIconRenderer: ((props: DropdownMenuItemIconProps) => J
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("../../../index").ComponentDecorator<((props: DropdownMenuItemIconProps) => JSX.Element | null) & {
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: DropdownMenuItemIconProps) => JSX.Element | null) & {
         original: (props: DropdownMenuItemIconProps) => JSX.Element | null;
         originalName: string;
         displayName: string;
@@ -72,7 +72,7 @@ declare const UserMenuLinkIcon: ((props: DropdownMenuItemIconRendererProps) => R
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("../../../index").ComponentDecorator<((props: DropdownMenuItemIconRendererProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: DropdownMenuItemIconRendererProps) => React.JSX.Element) & {
         original: (props: DropdownMenuItemIconRendererProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/base/ui/UserMenu/UserMenuLink.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { createVoidComponent, makeDecoratable } from "../../..";
+import { createVoidComponent, makeDecoratable } from "../../../index.js";
 
 // UserMenuLink
 

package/base/ui/UserMenu/UserMenuLink.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createVoidComponent","makeDecoratable","UserMenuLinkRenderer","UserMenuLink","props","createElement","UserMenuLinkIconRenderer","UserMenuLinkIcon"],"sources":["UserMenuLink.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"~/index\";\nimport type {\n    DropdownMenuItemIconProps,\n    DropdownMenuItemLinkProps\n} from \"@webiny/admin-ui/DropdownMenu/components/DropdownMenuLink\";\n\n// UserMenuLink\ntype UserMenuLinkRendererProps = DropdownMenuItemLinkProps;\n\nconst UserMenuLinkRenderer = makeDecoratable(\n    \"UserMenuLinkRenderer\",\n    createVoidComponent<UserMenuLinkRendererProps>()\n);\n\nconst UserMenuLink = makeDecoratable(\"UserMenuLink\", (props: UserMenuLinkRendererProps) => {\n    return <UserMenuLinkRenderer {...props} />;\n});\n\n// UserMenuLink > Icon\ntype DropdownMenuItemIconRendererProps = DropdownMenuItemIconProps;\n\nconst UserMenuLinkIconRenderer = makeDecoratable(\n    \"UserMenuLinkIcon\",\n    createVoidComponent<DropdownMenuItemIconProps>()\n);\n\nconst UserMenuLinkIcon = makeDecoratable(\n    \"UserMenuLinkIcon\",\n    (props: DropdownMenuItemIconRendererProps) => {\n        return <UserMenuLinkIconRenderer {...props} />;\n    }\n);\n\nexport {\n    UserMenuLink,\n    UserMenuLinkRenderer,\n    UserMenuLinkIcon,\n    UserMenuLinkIconRenderer,\n    type UserMenuLinkRendererProps,\n    type DropdownMenuItemIconRendererProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe;;AAM7C;;AAGA,MAAMC,oBAAoB,GAAGD,eAAe,CACxC,sBAAsB,EACtBD,mBAAmB,CAA4B,CACnD,CAAC;AAED,MAAMG,YAAY,GAAGF,eAAe,CAAC,cAAc,EAAGG,KAAgC,IAAK;EACvF,oBAAOL,KAAA,CAAAM,aAAA,CAACH,oBAAoB,EAAKE,KAAQ,CAAC;AAC9C,CAAC,CAAC;;AAEF;;AAGA,MAAME,wBAAwB,GAAGL,eAAe,CAC5C,kBAAkB,EAClBD,mBAAmB,CAA4B,CACnD,CAAC;AAED,MAAMO,gBAAgB,GAAGN,eAAe,CACpC,kBAAkB,EACjBG,KAAwC,IAAK;EAC1C,oBAAOL,KAAA,CAAAM,aAAA,CAACC,wBAAwB,EAAKF,KAAQ,CAAC;AAClD,CACJ,CAAC;AAED,SACID,YAAY,EACZD,oBAAoB,EACpBK,gBAAgB,EAChBD,wBAAwB","ignoreList":[]}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","UserMenuLinkRenderer","UserMenuLink","props","createElement","UserMenuLinkIconRenderer","UserMenuLinkIcon"],"sources":["UserMenuLink.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"~/index.js\";\nimport type {\n    DropdownMenuItemIconProps,\n    DropdownMenuItemLinkProps\n} from \"@webiny/admin-ui/DropdownMenu/components/DropdownMenuLink.js\";\n\n// UserMenuLink\ntype UserMenuLinkRendererProps = DropdownMenuItemLinkProps;\n\nconst UserMenuLinkRenderer = makeDecoratable(\n    \"UserMenuLinkRenderer\",\n    createVoidComponent<UserMenuLinkRendererProps>()\n);\n\nconst UserMenuLink = makeDecoratable(\"UserMenuLink\", (props: UserMenuLinkRendererProps) => {\n    return <UserMenuLinkRenderer {...props} />;\n});\n\n// UserMenuLink > Icon\ntype DropdownMenuItemIconRendererProps = DropdownMenuItemIconProps;\n\nconst UserMenuLinkIconRenderer = makeDecoratable(\n    \"UserMenuLinkIcon\",\n    createVoidComponent<DropdownMenuItemIconProps>()\n);\n\nconst UserMenuLinkIcon = makeDecoratable(\n    \"UserMenuLinkIcon\",\n    (props: DropdownMenuItemIconRendererProps) => {\n        return <UserMenuLinkIconRenderer {...props} />;\n    }\n);\n\nexport {\n    UserMenuLink,\n    UserMenuLinkRenderer,\n    UserMenuLinkIcon,\n    UserMenuLinkIconRenderer,\n    type UserMenuLinkRendererProps,\n    type DropdownMenuItemIconRendererProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe;;AAM7C;;AAGA,MAAMC,oBAAoB,GAAGD,eAAe,CACxC,sBAAsB,EACtBD,mBAAmB,CAA4B,CACnD,CAAC;AAED,MAAMG,YAAY,GAAGF,eAAe,CAAC,cAAc,EAAGG,KAAgC,IAAK;EACvF,oBAAOL,KAAA,CAAAM,aAAA,CAACH,oBAAoB,EAAKE,KAAQ,CAAC;AAC9C,CAAC,CAAC;;AAEF;;AAGA,MAAME,wBAAwB,GAAGL,eAAe,CAC5C,kBAAkB,EAClBD,mBAAmB,CAA4B,CACnD,CAAC;AAED,MAAMO,gBAAgB,GAAGN,eAAe,CACpC,kBAAkB,EACjBG,KAAwC,IAAK;EAC1C,oBAAOL,KAAA,CAAAM,aAAA,CAACC,wBAAwB,EAAKF,KAAQ,CAAC;AAClD,CACJ,CAAC;AAED,SACID,YAAY,EACZD,oBAAoB,EACpBK,gBAAgB,EAChBD,wBAAwB","ignoreList":[]}

package/base/ui/UserMenu/UserMenuSeparator.d.ts

@@ -1,21 +1,21 @@
 import React from "react";
-import type { DropdownMenuSeparatorProps } from "@webiny/admin-ui/DropdownMenu/components/DropdownMenuSeparator";
+import type { DropdownMenuSeparatorProps } from "@webiny/admin-ui/DropdownMenu/components/DropdownMenuSeparator.js";
 type UserMenuSeparatorRendererProps = DropdownMenuSeparatorProps;
-declare const UserMenuSeparatorRenderer: ((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => JSX.Element | null) & {
-    original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => JSX.Element | null;
+declare const UserMenuSeparatorRenderer: ((props: import("@webiny/admin-ui/Separator").SeparatorProps) => JSX.Element | null) & {
+    original: (props: import("@webiny/admin-ui/Separator").SeparatorProps) => JSX.Element | null;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => JSX.Element | null) & {
-        original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => JSX.Element | null;
+    original: ((props: import("@webiny/admin-ui/Separator").SeparatorProps) => JSX.Element | null) & {
+        original: (props: import("@webiny/admin-ui/Separator").SeparatorProps) => JSX.Element | null;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("../../../index").ComponentDecorator<((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => JSX.Element | null) & {
-        original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => JSX.Element | null;
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: import("@webiny/admin-ui/Separator").SeparatorProps) => JSX.Element | null) & {
+        original: (props: import("@webiny/admin-ui/Separator").SeparatorProps) => JSX.Element | null;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
@@ -33,7 +33,7 @@ declare const UserMenuSeparator: ((props: UserMenuSeparatorRendererProps) => Rea
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("../../../index").ComponentDecorator<((props: UserMenuSeparatorRendererProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: UserMenuSeparatorRendererProps) => React.JSX.Element) & {
         original: (props: UserMenuSeparatorRendererProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/base/ui/UserMenu/UserMenuSeparator.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { createVoidComponent, makeDecoratable } from "../../..";
+import { createVoidComponent, makeDecoratable } from "../../../index.js";
 const UserMenuSeparatorRenderer = makeDecoratable("UserMenuSeparatorRenderer", createVoidComponent());
 const UserMenuSeparator = makeDecoratable("UserMenuSeparator", props => {
   return /*#__PURE__*/React.createElement(UserMenuSeparatorRenderer, props);

package/base/ui/UserMenu/UserMenuSeparator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createVoidComponent","makeDecoratable","UserMenuSeparatorRenderer","UserMenuSeparator","props","createElement"],"sources":["UserMenuSeparator.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"~/index\";\nimport type { DropdownMenuSeparatorProps } from \"@webiny/admin-ui/DropdownMenu/components/DropdownMenuSeparator\";\n\ntype UserMenuSeparatorRendererProps = DropdownMenuSeparatorProps;\n\nconst UserMenuSeparatorRenderer = makeDecoratable(\n    \"UserMenuSeparatorRenderer\",\n    createVoidComponent<UserMenuSeparatorRendererProps>()\n);\n\nconst UserMenuSeparator = makeDecoratable(\n    \"UserMenuSeparator\",\n    (props: UserMenuSeparatorRendererProps) => {\n        return <UserMenuSeparatorRenderer {...props} />;\n    }\n);\n\nexport { UserMenuSeparator, UserMenuSeparatorRenderer, type UserMenuSeparatorRendererProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe;AAK7C,MAAMC,yBAAyB,GAAGD,eAAe,CAC7C,2BAA2B,EAC3BD,mBAAmB,CAAiC,CACxD,CAAC;AAED,MAAMG,iBAAiB,GAAGF,eAAe,CACrC,mBAAmB,EAClBG,KAAqC,IAAK;EACvC,oBAAOL,KAAA,CAAAM,aAAA,CAACH,yBAAyB,EAAKE,KAAQ,CAAC;AACnD,CACJ,CAAC;AAED,SAASD,iBAAiB,EAAED,yBAAyB","ignoreList":[]}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","UserMenuSeparatorRenderer","UserMenuSeparator","props","createElement"],"sources":["UserMenuSeparator.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"~/index.js\";\nimport type { DropdownMenuSeparatorProps } from \"@webiny/admin-ui/DropdownMenu/components/DropdownMenuSeparator.js\";\n\ntype UserMenuSeparatorRendererProps = DropdownMenuSeparatorProps;\n\nconst UserMenuSeparatorRenderer = makeDecoratable(\n    \"UserMenuSeparatorRenderer\",\n    createVoidComponent<UserMenuSeparatorRendererProps>()\n);\n\nconst UserMenuSeparator = makeDecoratable(\n    \"UserMenuSeparator\",\n    (props: UserMenuSeparatorRendererProps) => {\n        return <UserMenuSeparatorRenderer {...props} />;\n    }\n);\n\nexport { UserMenuSeparator, UserMenuSeparatorRenderer, type UserMenuSeparatorRendererProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe;AAK7C,MAAMC,yBAAyB,GAAGD,eAAe,CAC7C,2BAA2B,EAC3BD,mBAAmB,CAAiC,CACxD,CAAC;AAED,MAAMG,iBAAiB,GAAGF,eAAe,CACrC,mBAAmB,EAClBG,KAAqC,IAAK;EACvC,oBAAOL,KAAA,CAAAM,aAAA,CAACH,yBAAyB,EAAKE,KAAQ,CAAC;AACnD,CACJ,CAAC;AAED,SAASD,iBAAiB,EAAED,yBAAyB","ignoreList":[]}

package/base/ui/UserMenu.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-export * from "./UserMenu/UserMenuItem";
-export * from "./UserMenu/UserMenuLink";
-export * from "./UserMenu/UserMenuSeparator";
+export * from "./UserMenu/UserMenuItem.js";
+export * from "./UserMenu/UserMenuLink.js";
+export * from "./UserMenu/UserMenuSeparator.js";
 export declare const UserMenu: (() => React.JSX.Element) & {
     original: () => React.JSX.Element;
     originalName: string;

package/base/ui/UserMenu.js

@@ -1,8 +1,8 @@
 import React from "react";
 import { createVoidComponent, makeDecoratable } from "@webiny/app";
-export * from "./UserMenu/UserMenuItem";
-export * from "./UserMenu/UserMenuLink";
-export * from "./UserMenu/UserMenuSeparator";
+export * from "./UserMenu/UserMenuItem.js";
+export * from "./UserMenu/UserMenuLink.js";
+export * from "./UserMenu/UserMenuSeparator.js";
 
 // UserMenu
 export const UserMenu = makeDecoratable("UserMenu", () => {

package/base/ui/UserMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createVoidComponent","makeDecoratable","UserMenu","createElement","UserMenuRenderer","UserMenuHandle","UserMenuHandleRenderer"],"sources":["UserMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport * from \"./UserMenu/UserMenuItem\";\nexport * from \"./UserMenu/UserMenuLink\";\nexport * from \"./UserMenu/UserMenuSeparator\";\n\n// UserMenu\nexport const UserMenu = makeDecoratable(\"UserMenu\", () => {\n    return <UserMenuRenderer />;\n});\n\nexport const UserMenuRenderer = makeDecoratable(\"UserMenuRenderer\", createVoidComponent());\n\n// UserMenuHandle\nexport const UserMenuHandle = makeDecoratable(\"UserMenuHandle\", () => {\n    return <UserMenuHandleRenderer />;\n});\n\nexport const UserMenuHandleRenderer = makeDecoratable(\n    \"UserMenuHandleRenderer\",\n    createVoidComponent()\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE;AACA;AACA;;AAEA;AACA,OAAO,MAAMC,QAAQ,GAAGD,eAAe,CAAC,UAAU,EAAE,MAAM;EACtD,oBAAOF,KAAA,CAAAI,aAAA,CAACC,gBAAgB,MAAE,CAAC;AAC/B,CAAC,CAAC;AAEF,OAAO,MAAMA,gBAAgB,GAAGH,eAAe,CAAC,kBAAkB,EAAED,mBAAmB,CAAC,CAAC,CAAC;;AAE1F;AACA,OAAO,MAAMK,cAAc,GAAGJ,eAAe,CAAC,gBAAgB,EAAE,MAAM;EAClE,oBAAOF,KAAA,CAAAI,aAAA,CAACG,sBAAsB,MAAE,CAAC;AACrC,CAAC,CAAC;AAEF,OAAO,MAAMA,sBAAsB,GAAGL,eAAe,CACjD,wBAAwB,EACxBD,mBAAmB,CAAC,CACxB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","UserMenu","createElement","UserMenuRenderer","UserMenuHandle","UserMenuHandleRenderer"],"sources":["UserMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport * from \"./UserMenu/UserMenuItem.js\";\nexport * from \"./UserMenu/UserMenuLink.js\";\nexport * from \"./UserMenu/UserMenuSeparator.js\";\n\n// UserMenu\nexport const UserMenu = makeDecoratable(\"UserMenu\", () => {\n    return <UserMenuRenderer />;\n});\n\nexport const UserMenuRenderer = makeDecoratable(\"UserMenuRenderer\", createVoidComponent());\n\n// UserMenuHandle\nexport const UserMenuHandle = makeDecoratable(\"UserMenuHandle\", () => {\n    return <UserMenuHandleRenderer />;\n});\n\nexport const UserMenuHandleRenderer = makeDecoratable(\n    \"UserMenuHandleRenderer\",\n    createVoidComponent()\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE;AACA;AACA;;AAEA;AACA,OAAO,MAAMC,QAAQ,GAAGD,eAAe,CAAC,UAAU,EAAE,MAAM;EACtD,oBAAOF,KAAA,CAAAI,aAAA,CAACC,gBAAgB,MAAE,CAAC;AAC/B,CAAC,CAAC;AAEF,OAAO,MAAMA,gBAAgB,GAAGH,eAAe,CAAC,kBAAkB,EAAED,mBAAmB,CAAC,CAAC,CAAC;;AAE1F;AACA,OAAO,MAAMK,cAAc,GAAGJ,eAAe,CAAC,gBAAgB,EAAE,MAAM;EAClE,oBAAOF,KAAA,CAAAI,aAAA,CAACG,sBAAsB,MAAE,CAAC;AACrC,CAAC,CAAC;AAEF,OAAO,MAAMA,sBAAsB,GAAGL,eAAe,CACjD,wBAAwB,EACxBD,mBAAmB,CAAC,CACxB,CAAC","ignoreList":[]}

package/components/AdminLayout.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Layout } from "./..";
+import { Layout } from "../index.js";
 export const AdminLayout = ({
   title,
   children

package/components/AdminLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Layout","AdminLayout","title","children","createElement"],"sources":["AdminLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/index\";\n\ninterface AdminLayoutProps {\n    title?: string;\n    children?: React.ReactNode;\n}\n\nexport const AdminLayout = ({ title, children }: AdminLayoutProps) => {\n    return <Layout title={title}>{children}</Layout>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM;AAOf,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA2B,CAAC,KAAK;EAClE,oBAAOJ,KAAA,CAAAK,aAAA,CAACJ,MAAM;IAACE,KAAK,EAAEA;EAAM,GAAEC,QAAiB,CAAC;AACpD,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Layout","AdminLayout","title","children","createElement"],"sources":["AdminLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/index.js\";\n\ninterface AdminLayoutProps {\n    title?: string;\n    children?: React.ReactNode;\n}\n\nexport const AdminLayout = ({ title, children }: AdminLayoutProps) => {\n    return <Layout title={title}>{children}</Layout>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM;AAOf,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA2B,CAAC,KAAK;EAClE,oBAAOJ,KAAA,CAAAK,aAAA,CAACJ,MAAM;IAACE,KAAK,EAAEA;EAAM,GAAEC,QAAiB,CAAC;AACpD,CAAC","ignoreList":[]}

package/components/BulkActions/Worker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface CallbackParams<T> {
     item: T;
     allItems: T[];

package/components/BulkActions/Worker.js

@@ -1,4 +1,4 @@
-import chunk from "lodash/chunk";
+import chunk from "lodash/chunk.js";
 import { makeAutoObservable } from "mobx";
 /**
  * Class for collecting processing results

package/components/BulkActions/Worker.js.map

@@ -1 +1 @@
-{"version":3,"names":["chunk","makeAutoObservable","Report","_results","success","result","addResult","status","error","results","push","Worker","constructor","_items","_report","process","callback","processInSeries","chunkSize","chunks","promises","map","processChunk","Promise","all","items","resetResults","item","allItems","report"],"sources":["Worker.ts"],"sourcesContent":["import chunk from \"lodash/chunk\";\nimport { makeAutoObservable } from \"mobx\";\n\nexport interface CallbackParams<T> {\n    item: T;\n    allItems: T[];\n    report: Report;\n}\n\nexport interface Result {\n    title: string;\n    status: \"success\" | \"failure\";\n    message?: string | React.ReactElement;\n}\n\n/**\n * Class for collecting processing results\n */\nexport class Report {\n    private _results: Result[] = [];\n\n    /**\n     * Record a successful result in the report\n     * @param {Omit<Result, \"status\">} result - The successful result to be recorded\n     */\n    public success(result: Omit<Result, \"status\">): void {\n        this.addResult({\n            ...result,\n            status: \"success\"\n        });\n    }\n\n    /**\n     * Record an error result in the report.\n     * @param {Omit<Result, \"status\">} result - The error result to be recorded.\n     */\n    public error(result: Omit<Result, \"status\">): void {\n        this.addResult({\n            ...result,\n            status: \"failure\"\n        });\n    }\n\n    /**\n     * Get the array of recorded results.\n     * @returns {Result[]} - An array of recorded results.\n     */\n    get results(): Result[] {\n        return this._results;\n    }\n\n    /**\n     * Internal method to add a result to the report.\n     * @private\n     * @param {Result} result - The result to be added to the report.\n     */\n    private addResult(result: Result): void {\n        this._results.push(result);\n    }\n}\n\n/**\n * A generic worker class for processing items.\n * @template T - The type of items being processed.\n */\nexport class Worker<T> {\n    private _items: T[];\n    private _report: Report;\n\n    constructor() {\n        this._items = [];\n        this._report = new Report();\n        makeAutoObservable(this);\n    }\n\n    /**\n     * Process the items using the provided callback function.\n     * @param callback - The callback function to process the items.\n     */\n    public process(callback: (items: T[]) => void): void {\n        callback(this._items);\n    }\n\n    /**\n     * Process the items in series with the given chunk size.\n     * @param callback - The callback function to process each item.\n     * @param {number} [chunkSize=10] - The size of each chunk for processing in series.\n     * @returns {Promise<void>}\n     */\n    public async processInSeries(\n        callback: ({ item, allItems, report }: CallbackParams<T>) => Promise<void>,\n        chunkSize = 10\n    ): Promise<void> {\n        const chunks = chunk(this._items, chunkSize);\n        const promises = chunks.map(chunk => this.processChunk(callback, chunk));\n        await Promise.all(promises);\n    }\n\n    /**\n     * Get the array of results collected by the worker.\n     * @returns {Result[]} - An array of collected results.\n     */\n    get results(): Result[] {\n        return this._report.results;\n    }\n\n    /**\n     * Get the current items in the worker.\n     * @returns {T[]} - An array of items in the worker.\n     */\n    get items(): T[] {\n        return this._items;\n    }\n\n    /**\n     * Set the items in the worker.\n     * @param {T[]} items - The items to be set in the worker.\n     */\n    set items(items: T[]) {\n        this._items = items;\n    }\n\n    public async resetResults(): Promise<void> {\n        this._items = [];\n        this._report = new Report();\n    }\n\n    /**\n     * Internal method to process a chunk of items using the provided callback.\n     * @private\n     * @param callback - The callback function to process each item.\n     * @param {T[]} chunk - The chunk of items to be processed.\n     * @returns {Promise<void>}\n     */\n    private async processChunk(\n        callback: ({ item, allItems, report }: CallbackParams<T>) => void | Promise<void>,\n        chunk: T[]\n    ): Promise<void> {\n        for (const item of chunk) {\n            await callback({ item, allItems: this._items, report: this._report });\n        }\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,cAAc;AAChC,SAASC,kBAAkB,QAAQ,MAAM;AAczC;AACA;AACA;AACA,OAAO,MAAMC,MAAM,CAAC;EACRC,QAAQ,GAAa,EAAE;;EAE/B;AACJ;AACA;AACA;EACWC,OAAOA,CAACC,MAA8B,EAAQ;IACjD,IAAI,CAACC,SAAS,CAAC;MACX,GAAGD,MAAM;MACTE,MAAM,EAAE;IACZ,CAAC,CAAC;EACN;;EAEA;AACJ;AACA;AACA;EACWC,KAAKA,CAACH,MAA8B,EAAQ;IAC/C,IAAI,CAACC,SAAS,CAAC;MACX,GAAGD,MAAM;MACTE,MAAM,EAAE;IACZ,CAAC,CAAC;EACN;;EAEA;AACJ;AACA;AACA;EACI,IAAIE,OAAOA,CAAA,EAAa;IACpB,OAAO,IAAI,CAACN,QAAQ;EACxB;;EAEA;AACJ;AACA;AACA;AACA;EACYG,SAASA,CAACD,MAAc,EAAQ;IACpC,IAAI,CAACF,QAAQ,CAACO,IAAI,CAACL,MAAM,CAAC;EAC9B;AACJ;;AAEA;AACA;AACA;AACA;AACA,OAAO,MAAMM,MAAM,CAAI;EAInBC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,MAAM,GAAG,EAAE;IAChB,IAAI,CAACC,OAAO,GAAG,IAAIZ,MAAM,CAAC,CAAC;IAC3BD,kBAAkB,CAAC,IAAI,CAAC;EAC5B;;EAEA;AACJ;AACA;AACA;EACWc,OAAOA,CAACC,QAA8B,EAAQ;IACjDA,QAAQ,CAAC,IAAI,CAACH,MAAM,CAAC;EACzB;;EAEA;AACJ;AACA;AACA;AACA;AACA;EACI,MAAaI,eAAeA,CACxBD,QAA0E,EAC1EE,SAAS,GAAG,EAAE,EACD;IACb,MAAMC,MAAM,GAAGnB,KAAK,CAAC,IAAI,CAACa,MAAM,EAAEK,SAAS,CAAC;IAC5C,MAAME,QAAQ,GAAGD,MAAM,CAACE,GAAG,CAACrB,KAAK,IAAI,IAAI,CAACsB,YAAY,CAACN,QAAQ,EAAEhB,KAAK,CAAC,CAAC;IACxE,MAAMuB,OAAO,CAACC,GAAG,CAACJ,QAAQ,CAAC;EAC/B;;EAEA;AACJ;AACA;AACA;EACI,IAAIX,OAAOA,CAAA,EAAa;IACpB,OAAO,IAAI,CAACK,OAAO,CAACL,OAAO;EAC/B;;EAEA;AACJ;AACA;AACA;EACI,IAAIgB,KAAKA,CAAA,EAAQ;IACb,OAAO,IAAI,CAACZ,MAAM;EACtB;;EAEA;AACJ;AACA;AACA;EACI,IAAIY,KAAKA,CAACA,KAAU,EAAE;IAClB,IAAI,CAACZ,MAAM,GAAGY,KAAK;EACvB;EAEA,MAAaC,YAAYA,CAAA,EAAkB;IACvC,IAAI,CAACb,MAAM,GAAG,EAAE;IAChB,IAAI,CAACC,OAAO,GAAG,IAAIZ,MAAM,CAAC,CAAC;EAC/B;;EAEA;AACJ;AACA;AACA;AACA;AACA;AACA;EACI,MAAcoB,YAAYA,CACtBN,QAAiF,EACjFhB,KAAU,EACG;IACb,KAAK,MAAM2B,IAAI,IAAI3B,KAAK,EAAE;MACtB,MAAMgB,QAAQ,CAAC;QAAEW,IAAI;QAAEC,QAAQ,EAAE,IAAI,CAACf,MAAM;QAAEgB,MAAM,EAAE,IAAI,CAACf;MAAQ,CAAC,CAAC;IACzE;EACJ;AACJ","ignoreList":[]}
+{"version":3,"names":["chunk","makeAutoObservable","Report","_results","success","result","addResult","status","error","results","push","Worker","constructor","_items","_report","process","callback","processInSeries","chunkSize","chunks","promises","map","processChunk","Promise","all","items","resetResults","item","allItems","report"],"sources":["Worker.ts"],"sourcesContent":["import chunk from \"lodash/chunk.js\";\nimport { makeAutoObservable } from \"mobx\";\n\nexport interface CallbackParams<T> {\n    item: T;\n    allItems: T[];\n    report: Report;\n}\n\nexport interface Result {\n    title: string;\n    status: \"success\" | \"failure\";\n    message?: string | React.ReactElement;\n}\n\n/**\n * Class for collecting processing results\n */\nexport class Report {\n    private _results: Result[] = [];\n\n    /**\n     * Record a successful result in the report\n     * @param {Omit<Result, \"status\">} result - The successful result to be recorded\n     */\n    public success(result: Omit<Result, \"status\">): void {\n        this.addResult({\n            ...result,\n            status: \"success\"\n        });\n    }\n\n    /**\n     * Record an error result in the report.\n     * @param {Omit<Result, \"status\">} result - The error result to be recorded.\n     */\n    public error(result: Omit<Result, \"status\">): void {\n        this.addResult({\n            ...result,\n            status: \"failure\"\n        });\n    }\n\n    /**\n     * Get the array of recorded results.\n     * @returns {Result[]} - An array of recorded results.\n     */\n    get results(): Result[] {\n        return this._results;\n    }\n\n    /**\n     * Internal method to add a result to the report.\n     * @private\n     * @param {Result} result - The result to be added to the report.\n     */\n    private addResult(result: Result): void {\n        this._results.push(result);\n    }\n}\n\n/**\n * A generic worker class for processing items.\n * @template T - The type of items being processed.\n */\nexport class Worker<T> {\n    private _items: T[];\n    private _report: Report;\n\n    constructor() {\n        this._items = [];\n        this._report = new Report();\n        makeAutoObservable(this);\n    }\n\n    /**\n     * Process the items using the provided callback function.\n     * @param callback - The callback function to process the items.\n     */\n    public process(callback: (items: T[]) => void): void {\n        callback(this._items);\n    }\n\n    /**\n     * Process the items in series with the given chunk size.\n     * @param callback - The callback function to process each item.\n     * @param {number} [chunkSize=10] - The size of each chunk for processing in series.\n     * @returns {Promise<void>}\n     */\n    public async processInSeries(\n        callback: ({ item, allItems, report }: CallbackParams<T>) => Promise<void>,\n        chunkSize = 10\n    ): Promise<void> {\n        const chunks = chunk(this._items, chunkSize);\n        const promises = chunks.map(chunk => this.processChunk(callback, chunk));\n        await Promise.all(promises);\n    }\n\n    /**\n     * Get the array of results collected by the worker.\n     * @returns {Result[]} - An array of collected results.\n     */\n    get results(): Result[] {\n        return this._report.results;\n    }\n\n    /**\n     * Get the current items in the worker.\n     * @returns {T[]} - An array of items in the worker.\n     */\n    get items(): T[] {\n        return this._items;\n    }\n\n    /**\n     * Set the items in the worker.\n     * @param {T[]} items - The items to be set in the worker.\n     */\n    set items(items: T[]) {\n        this._items = items;\n    }\n\n    public async resetResults(): Promise<void> {\n        this._items = [];\n        this._report = new Report();\n    }\n\n    /**\n     * Internal method to process a chunk of items using the provided callback.\n     * @private\n     * @param callback - The callback function to process each item.\n     * @param {T[]} chunk - The chunk of items to be processed.\n     * @returns {Promise<void>}\n     */\n    private async processChunk(\n        callback: ({ item, allItems, report }: CallbackParams<T>) => void | Promise<void>,\n        chunk: T[]\n    ): Promise<void> {\n        for (const item of chunk) {\n            await callback({ item, allItems: this._items, report: this._report });\n        }\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,iBAAiB;AACnC,SAASC,kBAAkB,QAAQ,MAAM;AAczC;AACA;AACA;AACA,OAAO,MAAMC,MAAM,CAAC;EACRC,QAAQ,GAAa,EAAE;;EAE/B;AACJ;AACA;AACA;EACWC,OAAOA,CAACC,MAA8B,EAAQ;IACjD,IAAI,CAACC,SAAS,CAAC;MACX,GAAGD,MAAM;MACTE,MAAM,EAAE;IACZ,CAAC,CAAC;EACN;;EAEA;AACJ;AACA;AACA;EACWC,KAAKA,CAACH,MAA8B,EAAQ;IAC/C,IAAI,CAACC,SAAS,CAAC;MACX,GAAGD,MAAM;MACTE,MAAM,EAAE;IACZ,CAAC,CAAC;EACN;;EAEA;AACJ;AACA;AACA;EACI,IAAIE,OAAOA,CAAA,EAAa;IACpB,OAAO,IAAI,CAACN,QAAQ;EACxB;;EAEA;AACJ;AACA;AACA;AACA;EACYG,SAASA,CAACD,MAAc,EAAQ;IACpC,IAAI,CAACF,QAAQ,CAACO,IAAI,CAACL,MAAM,CAAC;EAC9B;AACJ;;AAEA;AACA;AACA;AACA;AACA,OAAO,MAAMM,MAAM,CAAI;EAInBC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,MAAM,GAAG,EAAE;IAChB,IAAI,CAACC,OAAO,GAAG,IAAIZ,MAAM,CAAC,CAAC;IAC3BD,kBAAkB,CAAC,IAAI,CAAC;EAC5B;;EAEA;AACJ;AACA;AACA;EACWc,OAAOA,CAACC,QAA8B,EAAQ;IACjDA,QAAQ,CAAC,IAAI,CAACH,MAAM,CAAC;EACzB;;EAEA;AACJ;AACA;AACA;AACA;AACA;EACI,MAAaI,eAAeA,CACxBD,QAA0E,EAC1EE,SAAS,GAAG,EAAE,EACD;IACb,MAAMC,MAAM,GAAGnB,KAAK,CAAC,IAAI,CAACa,MAAM,EAAEK,SAAS,CAAC;IAC5C,MAAME,QAAQ,GAAGD,MAAM,CAACE,GAAG,CAACrB,KAAK,IAAI,IAAI,CAACsB,YAAY,CAACN,QAAQ,EAAEhB,KAAK,CAAC,CAAC;IACxE,MAAMuB,OAAO,CAACC,GAAG,CAACJ,QAAQ,CAAC;EAC/B;;EAEA;AACJ;AACA;AACA;EACI,IAAIX,OAAOA,CAAA,EAAa;IACpB,OAAO,IAAI,CAACK,OAAO,CAACL,OAAO;EAC/B;;EAEA;AACJ;AACA;AACA;EACI,IAAIgB,KAAKA,CAAA,EAAQ;IACb,OAAO,IAAI,CAACZ,MAAM;EACtB;;EAEA;AACJ;AACA;AACA;EACI,IAAIY,KAAKA,CAACA,KAAU,EAAE;IAClB,IAAI,CAACZ,MAAM,GAAGY,KAAK;EACvB;EAEA,MAAaC,YAAYA,CAAA,EAAkB;IACvC,IAAI,CAACb,MAAM,GAAG,EAAE;IAChB,IAAI,CAACC,OAAO,GAAG,IAAIZ,MAAM,CAAC,CAAC;EAC/B;;EAEA;AACJ;AACA;AACA;AACA;AACA;AACA;EACI,MAAcoB,YAAYA,CACtBN,QAAiF,EACjFhB,KAAU,EACG;IACb,KAAK,MAAM2B,IAAI,IAAI3B,KAAK,EAAE;MACtB,MAAMgB,QAAQ,CAAC;QAAEW,IAAI;QAAEC,QAAQ,EAAE,IAAI,CAACf,MAAM;QAAEgB,MAAM,EAAE,IAAI,CAACf;MAAQ,CAAC,CAAC;IACzE;EACJ;AACJ","ignoreList":[]}

package/components/BulkActions/index.d.ts

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

package/components/BulkActions/index.js

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

package/components/BulkActions/index.js.map

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

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

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

package/components/BulkActions/useDialogWithReport/DialogMessage.js

@@ -7,7 +7,7 @@ export const ResultDialogMessage = ({
   message
 }) => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, message && /*#__PURE__*/React.createElement("div", {
-    className: "wby-mb-md"
+    className: "mb-md"
   }, message), /*#__PURE__*/React.createElement(List, null, results.map((result, index) => /*#__PURE__*/React.createElement(List.Item, {
     key: `item-${index}`,
     title: result.title,
@@ -15,7 +15,7 @@ export const ResultDialogMessage = ({
     icon: /*#__PURE__*/React.createElement(Icon, {
       icon: result.status === "success" ? /*#__PURE__*/React.createElement(SuccessIcon, null) : /*#__PURE__*/React.createElement(ErrorIcon, null),
       label: result.status,
-      className: cn(result.status === "success" ? "wby-fill-success" : "wby-fill-destructive")
+      className: cn(result.status === "success" ? "fill-success" : "fill-destructive")
     })
   }))));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","ErrorIcon","SuccessIcon","List","Icon","cn","ResultDialogMessage","results","message","createElement","Fragment","className","map","result","index","Item","key","title","description","icon","status","label"],"sources":["DialogMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ErrorIcon } from \"@webiny/icons/error_outline.svg\";\nimport { ReactComponent as SuccessIcon } from \"@webiny/icons/check_circle_outline.svg\";\nimport { List, Icon, cn } from \"@webiny/admin-ui\";\nimport type { ShowResultsDialogParams } from \"./index\";\n\ntype ResultDialogMessageProps = Pick<ShowResultsDialogParams, \"results\" | \"message\">;\n\nexport const ResultDialogMessage = ({ results, message }: ResultDialogMessageProps) => {\n    return (\n        <>\n            {message && <div className={\"wby-mb-md\"}>{message}</div>}\n            <List>\n                {results.map((result, index) => (\n                    <List.Item\n                        key={`item-${index}`}\n                        title={result.title}\n                        description={result.message}\n                        icon={\n                            <Icon\n                                icon={result.status === \"success\" ? <SuccessIcon /> : <ErrorIcon />}\n                                label={result.status}\n                                className={cn(\n                                    result.status === \"success\"\n                                        ? \"wby-fill-success\"\n                                        : \"wby-fill-destructive\"\n                                )}\n                            />\n                        }\n                    />\n                ))}\n            </List>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,iCAAiC;AAC7E,SAASD,cAAc,IAAIE,WAAW,QAAQ,wCAAwC;AACtF,SAASC,IAAI,EAAEC,IAAI,EAAEC,EAAE,QAAQ,kBAAkB;AAKjD,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAkC,CAAC,KAAK;EACnF,oBACIT,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QACKF,OAAO,iBAAIT,KAAA,CAAAU,aAAA;IAAKE,SAAS,EAAE;EAAY,GAAEH,OAAa,CAAC,eACxDT,KAAA,CAAAU,aAAA,CAACN,IAAI,QACAI,OAAO,CAACK,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,kBACvBf,KAAA,CAAAU,aAAA,CAACN,IAAI,CAACY,IAAI;IACNC,GAAG,EAAE,QAAQF,KAAK,EAAG;IACrBG,KAAK,EAAEJ,MAAM,CAACI,KAAM;IACpBC,WAAW,EAAEL,MAAM,CAACL,OAAQ;IAC5BW,IAAI,eACApB,KAAA,CAAAU,aAAA,CAACL,IAAI;MACDe,IAAI,EAAEN,MAAM,CAACO,MAAM,KAAK,SAAS,gBAAGrB,KAAA,CAAAU,aAAA,CAACP,WAAW,MAAE,CAAC,gBAAGH,KAAA,CAAAU,aAAA,CAACR,SAAS,MAAE,CAAE;MACpEoB,KAAK,EAAER,MAAM,CAACO,MAAO;MACrBT,SAAS,EAAEN,EAAE,CACTQ,MAAM,CAACO,MAAM,KAAK,SAAS,GACrB,kBAAkB,GAClB,sBACV;IAAE,CACL;EACJ,CACJ,CACJ,CACC,CACR,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","ErrorIcon","SuccessIcon","List","Icon","cn","ResultDialogMessage","results","message","createElement","Fragment","className","map","result","index","Item","key","title","description","icon","status","label"],"sources":["DialogMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ErrorIcon } from \"@webiny/icons/error_outline.svg\";\nimport { ReactComponent as SuccessIcon } from \"@webiny/icons/check_circle_outline.svg\";\nimport { List, Icon, cn } from \"@webiny/admin-ui\";\nimport type { ShowResultsDialogParams } from \"./index.js\";\n\ntype ResultDialogMessageProps = Pick<ShowResultsDialogParams, \"results\" | \"message\">;\n\nexport const ResultDialogMessage = ({ results, message }: ResultDialogMessageProps) => {\n    return (\n        <>\n            {message && <div className={\"mb-md\"}>{message}</div>}\n            <List>\n                {results.map((result, index) => (\n                    <List.Item\n                        key={`item-${index}`}\n                        title={result.title}\n                        description={result.message}\n                        icon={\n                            <Icon\n                                icon={result.status === \"success\" ? <SuccessIcon /> : <ErrorIcon />}\n                                label={result.status}\n                                className={cn(\n                                    result.status === \"success\"\n                                        ? \"fill-success\"\n                                        : \"fill-destructive\"\n                                )}\n                            />\n                        }\n                    />\n                ))}\n            </List>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,iCAAiC;AAC7E,SAASD,cAAc,IAAIE,WAAW,QAAQ,wCAAwC;AACtF,SAASC,IAAI,EAAEC,IAAI,EAAEC,EAAE,QAAQ,kBAAkB;AAKjD,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAkC,CAAC,KAAK;EACnF,oBACIT,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QACKF,OAAO,iBAAIT,KAAA,CAAAU,aAAA;IAAKE,SAAS,EAAE;EAAQ,GAAEH,OAAa,CAAC,eACpDT,KAAA,CAAAU,aAAA,CAACN,IAAI,QACAI,OAAO,CAACK,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,kBACvBf,KAAA,CAAAU,aAAA,CAACN,IAAI,CAACY,IAAI;IACNC,GAAG,EAAE,QAAQF,KAAK,EAAG;IACrBG,KAAK,EAAEJ,MAAM,CAACI,KAAM;IACpBC,WAAW,EAAEL,MAAM,CAACL,OAAQ;IAC5BW,IAAI,eACApB,KAAA,CAAAU,aAAA,CAACL,IAAI;MACDe,IAAI,EAAEN,MAAM,CAACO,MAAM,KAAK,SAAS,gBAAGrB,KAAA,CAAAU,aAAA,CAACP,WAAW,MAAE,CAAC,gBAAGH,KAAA,CAAAU,aAAA,CAACR,SAAS,MAAE,CAAE;MACpEoB,KAAK,EAAER,MAAM,CAACO,MAAO;MACrBT,SAAS,EAAEN,EAAE,CACTQ,MAAM,CAACO,MAAM,KAAK,SAAS,GACrB,cAAc,GACd,kBACV;IAAE,CACL;EACJ,CACJ,CACJ,CACC,CACR,CAAC;AAEX,CAAC","ignoreList":[]}

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

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

package/components/BulkActions/useDialogWithReport/index.js

@@ -1,3 +1,3 @@
-export * from "./useDialogWithReport";
+export * from "./useDialogWithReport.js";
 
 //# sourceMappingURL=index.js.map

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

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

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

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

package/components/BulkActions/useDialogWithReport/useDialogWithReport.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import { ResultDialogMessage } from "./DialogMessage";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { ResultDialogMessage } from "./DialogMessage.js";
 import { useDialogs } from "../../Dialogs/useDialogs.js";
 const t = i18n.ns("app-admin/hooks/use-dialog-with-report");
 export const useDialogWithReport = () => {

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

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

package/components/Buttons/Buttons.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { ButtonContainer } from "./Buttons.styles";
+import { ButtonContainer } from "./Buttons.styles.js";
 import { type ButtonProps as BaseButtonProps, type IconButtonProps as BaseIconButtonProps, type TooltipProps } from "@webiny/admin-ui";
 interface ButtonProps extends Omit<BaseButtonProps, "onClick"> {
     onAction: (ev?: any) => void;

package/components/Buttons/Buttons.js

@@ -1,15 +1,15 @@
 import React from "react";
-import { ButtonsProvider } from "./useButtons";
-import { ButtonContainer } from "./Buttons.styles";
+import { ButtonsProvider } from "./useButtons.js";
+import { ButtonContainer } from "./Buttons.styles.js";
 import { Button, IconButton as BaseIconButton, Tooltip } from "@webiny/admin-ui";
 export const Buttons = props => {
   if (!props.actions.length) {
     return null;
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-gap-sm"
+    className: "flex items-center gap-sm"
   }, props.actions.map(action => /*#__PURE__*/React.createElement("div", {
-    className: "empty:wby-hidden wby-leading-none wby-text-0",
+    className: "empty:hidden leading-none text-0",
     key: action.name
   }, /*#__PURE__*/React.createElement(ButtonsProvider, null, action.element))));
 };