@webiny/app-admin 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

package/base/ui/Brand.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createVoidComponent","makeDecoratable","Brand","createElement","BrandRenderer"],"sources":["Brand.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Brand = makeDecoratable(\"Brand\", () => {\n    return <BrandRenderer />;\n});\n\nexport const BrandRenderer = makeDecoratable(\"BrandRenderer\", createVoidComponent());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,KAAK,GAAGD,eAAe,CAAC,OAAO,EAAE,MAAM;EAChD,oBAAOF,KAAA,CAAAI,aAAA,CAACC,aAAa,MAAE,CAAC;AAC5B,CAAC,CAAC;AAEF,OAAO,MAAMA,aAAa,GAAGH,eAAe,CAAC,eAAe,EAAED,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"base/ui/Brand.js","sources":["../../../src/base/ui/Brand.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Brand = makeDecoratable(\"Brand\", () => {\n    return <BrandRenderer />;\n});\n\nexport const BrandRenderer = makeDecoratable(\"BrandRenderer\", createVoidComponent());\n"],"names":["Brand","makeDecoratable","BrandRenderer","createVoidComponent"],"mappings":";;AAGO,MAAMA,QAAQC,gBAAgB,SAAS,IACnC,WAAP,GAAO,oBAACC,eAAaA;AAGlB,MAAMA,gBAAgBD,gBAAgB,iBAAiBE"}

package/base/ui/CenteredView.d.ts

@@ -16,7 +16,7 @@ export declare const CenteredView: (({ maxWidth, children }: CenteredViewProps)
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ maxWidth, children }: CenteredViewProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ maxWidth, children }: CenteredViewProps) => React.JSX.Element) & {
         original: ({ maxWidth, children }: CenteredViewProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/base/ui/CenteredView.js

@@ -1,15 +1,11 @@
-import React from "react";
-import { makeDecoratable } from "../../index.js";
-export const CenteredView = makeDecoratable("CenteredView", ({
-  maxWidth,
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "container",
-    style: {
-      maxWidth
-    }
-  }, children);
-});
+import react from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+const CenteredView = makeDecoratable("CenteredView", ({ maxWidth, children })=>/*#__PURE__*/ react.createElement("div", {
+        className: "container",
+        style: {
+            maxWidth
+        }
+    }, children));
+export { CenteredView };
 
 //# sourceMappingURL=CenteredView.js.map

package/base/ui/CenteredView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","CenteredView","maxWidth","children","createElement","className","style"],"sources":["CenteredView.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/index.js\";\n\nexport interface CenteredViewProps {\n    children: React.ReactNode;\n    maxWidth?: number | string;\n}\n\nexport const CenteredView = makeDecoratable(\n    \"CenteredView\",\n    ({ maxWidth, children }: CenteredViewProps) => {\n        return (\n            <div className={\"container\"} style={{ maxWidth }}>\n                {children}\n            </div>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAOxB,OAAO,MAAMC,YAAY,GAAGD,eAAe,CACvC,cAAc,EACd,CAAC;EAAEE,QAAQ;EAAEC;AAA4B,CAAC,KAAK;EAC3C,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE,WAAY;IAACC,KAAK,EAAE;MAAEJ;IAAS;EAAE,GAC5CC,QACA,CAAC;AAEd,CACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"base/ui/CenteredView.js","sources":["../../../src/base/ui/CenteredView.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nexport interface CenteredViewProps {\n    children: React.ReactNode;\n    maxWidth?: number | string;\n}\n\nexport const CenteredView = makeDecoratable(\n    \"CenteredView\",\n    ({ maxWidth, children }: CenteredViewProps) => {\n        return (\n            <div className={\"container\"} style={{ maxWidth }}>\n                {children}\n            </div>\n        );\n    }\n);\n"],"names":["CenteredView","makeDecoratable","maxWidth","children"],"mappings":";;AAQO,MAAMA,eAAeC,gBACxB,gBACA,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAqB,GAC/B,WAAP,GACI,oBAAC;QAAI,WAAW;QAAa,OAAO;YAAED;QAAS;OAC1CC"}

package/base/ui/Dashboard.d.ts

@@ -18,21 +18,21 @@ export declare const Dashboard: (() => React.JSX.Element) & {
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-export declare const DashboardRenderer: ((props: unknown) => JSX.Element | null) & {
-    original: (props: unknown) => JSX.Element | null;
+export declare const DashboardRenderer: ((props: unknown) => React.JSX.Element | null) & {
+    original: (props: unknown) => React.JSX.Element | null;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: unknown) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
+    original: ((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/base/ui/Dashboard.js

@@ -1,8 +1,7 @@
-import React from "react";
+import react from "react";
 import { createVoidComponent, makeDecoratable } from "@webiny/app";
-export const Dashboard = makeDecoratable("Dashboard", () => {
-  return /*#__PURE__*/React.createElement(DashboardRenderer, null);
-});
-export const DashboardRenderer = makeDecoratable("DashboardRenderer", createVoidComponent());
+const Dashboard = makeDecoratable("Dashboard", ()=>/*#__PURE__*/ react.createElement(DashboardRenderer, null));
+const DashboardRenderer = makeDecoratable("DashboardRenderer", createVoidComponent());
+export { Dashboard, DashboardRenderer };
 
 //# sourceMappingURL=Dashboard.js.map

package/base/ui/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createVoidComponent","makeDecoratable","Dashboard","createElement","DashboardRenderer"],"sources":["Dashboard.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Dashboard = makeDecoratable(\"Dashboard\", () => {\n    return <DashboardRenderer />;\n});\n\nexport const DashboardRenderer = makeDecoratable(\"DashboardRenderer\", createVoidComponent());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,SAAS,GAAGD,eAAe,CAAC,WAAW,EAAE,MAAM;EACxD,oBAAOF,KAAA,CAAAI,aAAA,CAACC,iBAAiB,MAAE,CAAC;AAChC,CAAC,CAAC;AAEF,OAAO,MAAMA,iBAAiB,GAAGH,eAAe,CAAC,mBAAmB,EAAED,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"base/ui/Dashboard.js","sources":["../../../src/base/ui/Dashboard.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Dashboard = makeDecoratable(\"Dashboard\", () => {\n    return <DashboardRenderer />;\n});\n\nexport const DashboardRenderer = makeDecoratable(\"DashboardRenderer\", createVoidComponent());\n"],"names":["Dashboard","makeDecoratable","DashboardRenderer","createVoidComponent"],"mappings":";;AAGO,MAAMA,YAAYC,gBAAgB,aAAa,IAC3C,WAAP,GAAO,oBAACC,mBAAiBA;AAGtB,MAAMA,oBAAoBD,gBAAgB,qBAAqBE"}

package/base/ui/FileManager.d.ts

@@ -51,24 +51,25 @@ export type FileManagerProps = {
 } & MultipleProps;
 type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;
 export type FileManagerRendererProps = DistributiveOmit<FileManagerProps, "render">;
-export declare const FileManagerRenderer: ((props: FileManagerRendererProps) => JSX.Element | null) & {
-    original: (props: FileManagerRendererProps) => JSX.Element | null;
-    originalName: string;
-    displayName: string;
-} & {
-    original: ((props: FileManagerRendererProps) => JSX.Element | null) & {
-        original: (props: FileManagerRendererProps) => JSX.Element | null;
+export declare const FileManager: (({ render, onChange, ...rest }: FileManagerProps) => React.JSX.Element) & {
+    Renderer: ((props: FileManagerRendererProps) => React.JSX.Element | null) & {
+        original: (props: FileManagerRendererProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
-    };
-    originalName: string;
-    displayName: string;
-} & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: FileManagerRendererProps) => JSX.Element | null) & {
-        original: (props: FileManagerRendererProps) => JSX.Element | null;
+    } & {
+        original: ((props: FileManagerRendererProps) => React.JSX.Element | null) & {
+            original: (props: FileManagerRendererProps) => React.JSX.Element | null;
+            originalName: string;
+            displayName: string;
+        };
         originalName: string;
         displayName: string;
-    }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: FileManagerRendererProps) => React.JSX.Element | null) & {
+            original: (props: FileManagerRendererProps) => React.JSX.Element | null;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
 };
-export declare const FileManager: ({ render, onChange, ...rest }: FileManagerProps) => React.JSX.Element;
 export {};

package/base/ui/FileManager.js

@@ -1,66 +1,47 @@
-import React, { useCallback, useEffect, useRef, useState } from "react";
+import react, { useCallback, useEffect, useRef, useState } from "react";
 import { Portal } from "@webiny/admin-ui";
 import { createVoidComponent, makeDecoratable } from "@webiny/react-composition";
-
-/**
- * Represents a file object managed by the File Manager.
- */
-
-// 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 = ({
-  render,
-  onChange,
-  ...rest
-}) => {
-  const [isFileManagerVisible, setFileManagerVisible] = useState(rest.show);
-  const onChangeRef = useRef(onChange);
-  useEffect(() => {
-    onChangeRef.current = onChange;
-  }, [onChange]);
-  const handleShowFileManager = useCallback(newOnChange => {
-    if (typeof newOnChange === "function") {
-      onChangeRef.current = newOnChange;
-    }
-    setFileManagerVisible(true);
-  }, []);
-  const handleCloseFileManager = useCallback(() => {
-    setFileManagerVisible(false);
-  }, []);
-  const renderFileManager = () => {
-    if (!isFileManagerVisible) {
-      return null;
-    }
-
-    // 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
+const FileManagerRenderer = makeDecoratable("FileManagerRenderer", createVoidComponent());
+const BaseFileManager = ({ render, onChange, ...rest })=>{
+    const [isFileManagerVisible, setFileManagerVisible] = useState(rest.show);
+    const onChangeRef = useRef(onChange);
+    useEffect(()=>{
+        onChangeRef.current = onChange;
+    }, [
+        onChange
+    ]);
+    const handleShowFileManager = useCallback((newOnChange)=>{
+        if ("function" == typeof newOnChange) onChangeRef.current = newOnChange;
+        setFileManagerVisible(true);
+    }, []);
+    const handleCloseFileManager = useCallback(()=>{
+        setFileManagerVisible(false);
+    }, []);
+    const renderFileManager = ()=>{
+        if (!isFileManagerVisible) return null;
+        if (rest.overlay) return /*#__PURE__*/ react.createElement(Portal, null, /*#__PURE__*/ react.createElement(FileManagerRenderer, {
+            onClose: handleCloseFileManager,
+            onChange: onChangeRef.current,
+            ...rest
+        }));
+        return /*#__PURE__*/ react.createElement(FileManagerRenderer, {
+            onClose: handleCloseFileManager,
+            onChange: onChangeRef.current,
+            ...rest
+        });
+    };
+    const renderContent = ()=>{
+        const renderProps = {
+            showFileManager: handleShowFileManager
+        };
+        if (render) return render(renderProps);
+        return null;
     };
-    if (render) {
-      return render(renderProps);
-    }
-    return null;
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderFileManager(), renderContent());
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, renderFileManager(), renderContent());
 };
+const FileManager = Object.assign(BaseFileManager, {
+    Renderer: FileManagerRenderer
+});
+export { FileManager };
 
 //# sourceMappingURL=FileManager.js.map

package/base/ui/FileManager.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"base/ui/FileManager.js","sources":["../../../src/base/ui/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\nconst FileManagerRenderer = makeDecoratable(\n    \"FileManagerRenderer\",\n    createVoidComponent<FileManagerRendererProps>()\n);\n\ntype ShowFileManagerProps =\n    | FileManagerOnChange<FileManagerFileItem>\n    | FileManagerOnChange<FileManagerFileItem[]>\n    | undefined;\n\nconst BaseFileManager = ({ 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\nexport const FileManager = Object.assign(BaseFileManager, { Renderer: FileManagerRenderer });\n"],"names":["FileManagerRenderer","makeDecoratable","createVoidComponent","BaseFileManager","render","onChange","rest","isFileManagerVisible","setFileManagerVisible","useState","onChangeRef","useRef","useEffect","handleShowFileManager","useCallback","newOnChange","handleCloseFileManager","renderFileManager","Portal","renderContent","renderProps","FileManager","Object"],"mappings":";;;AAuEA,MAAMA,sBAAsBC,gBACxB,uBACAC;AAQJ,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGC,MAAwB;IACpE,MAAM,CAACC,sBAAsBC,sBAAsB,GAAGC,SAASH,KAAK,IAAI;IACxE,MAAMI,cAAcC,OAAON;IAE3BO,UAAU;QACNF,YAAY,OAAO,GAAGL;IAC1B,GAAG;QAACA;KAAS;IAEb,MAAMQ,wBAAwBC,YAAY,CAACC;QACvC,IAAI,AAAuB,cAAvB,OAAOA,aACPL,YAAY,OAAO,GAAGK;QAE1BP,sBAAsB;IAC1B,GAAG,EAAE;IAEL,MAAMQ,yBAAyBF,YAAY;QACvCN,sBAAsB;IAC1B,GAAG,EAAE;IAEL,MAAMS,oBAAoB;QACtB,IAAI,CAACV,sBACD,OAAO;QAIX,IAAID,KAAK,OAAO,EACZ,OAAO,WAAP,GACI,oBAACY,QAAMA,MAAAA,WAAAA,GAEH,oBAAClB,qBAAmBA;YAChB,SAASgB;YACT,UAAUN,YAAY,OAAO;YAC5B,GAAGJ,IAAI;;QAOxB,O,cAEI,oBAACN,qBAAmBA;YAChB,SAASgB;YACT,UAAUN,YAAY,OAAO;YAC5B,GAAGJ,IAAI;;IAGpB;IAEA,MAAMa,gBAAgB;QAClB,MAAMC,cAAc;YAAE,iBAAiBP;QAAsB;QAE7D,IAAIT,QACA,OAAOA,OAAOgB;QAGlB,OAAO;IACX;IAEA,OAAO,WAAP,GACI,0CACKH,qBACAE;AAGb;AAEO,MAAME,cAAcC,OAAO,MAAM,CAACnB,iBAAiB;IAAE,UAAUH;AAAoB"}

package/base/ui/Layout.d.ts

@@ -24,21 +24,21 @@ export declare const Layout: (({ children, ...props }: LayoutProps) => React.JSX
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-export declare const LayoutRenderer: ((props: LayoutProps) => JSX.Element | null) & {
-    original: (props: LayoutProps) => JSX.Element | null;
+export declare const LayoutRenderer: ((props: LayoutProps) => React.JSX.Element | null) & {
+    original: (props: LayoutProps) => React.JSX.Element | null;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: LayoutProps) => JSX.Element | null) & {
-        original: (props: LayoutProps) => JSX.Element | null;
+    original: ((props: LayoutProps) => React.JSX.Element | null) & {
+        original: (props: LayoutProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: LayoutProps) => JSX.Element | null) & {
-        original: (props: LayoutProps) => JSX.Element | null;
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: LayoutProps) => React.JSX.Element | null) & {
+        original: (props: LayoutProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/base/ui/Layout.js

@@ -1,11 +1,7 @@
-import React from "react";
+import react from "react";
 import { createVoidComponent, makeDecoratable } from "@webiny/app";
-export const Layout = makeDecoratable("Layout", ({
-  children,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(LayoutRenderer, props, children);
-});
-export const LayoutRenderer = makeDecoratable("LayoutRenderer", createVoidComponent());
+const Layout = makeDecoratable("Layout", ({ children, ...props })=>/*#__PURE__*/ react.createElement(LayoutRenderer, props, children));
+const LayoutRenderer = makeDecoratable("LayoutRenderer", createVoidComponent());
+export { Layout, LayoutRenderer };
 
 //# sourceMappingURL=Layout.js.map

package/base/ui/Layout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createVoidComponent","makeDecoratable","Layout","children","props","createElement","LayoutRenderer"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n    title?: string;\n    startElement?: React.ReactNode;\n    hideNavigation?: boolean;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeDecoratable(\"Layout\", ({ children, ...props }: LayoutProps) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeDecoratable(\"LayoutRenderer\", createVoidComponent<LayoutProps>());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AASlE,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC,QAAQ,EAAE,CAAC;EAAEE,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACrF,oBAAOL,KAAA,CAAAM,aAAA,CAACC,cAAc,EAAKF,KAAK,EAAGD,QAAyB,CAAC;AACjE,CAAC,CAAC;AAEF,OAAO,MAAMG,cAAc,GAAGL,eAAe,CAAC,gBAAgB,EAAED,mBAAmB,CAAc,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"base/ui/Layout.js","sources":["../../../src/base/ui/Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n    title?: string;\n    startElement?: React.ReactNode;\n    hideNavigation?: boolean;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeDecoratable(\"Layout\", ({ children, ...props }: LayoutProps) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeDecoratable(\"LayoutRenderer\", createVoidComponent<LayoutProps>());\n"],"names":["Layout","makeDecoratable","children","props","LayoutRenderer","createVoidComponent"],"mappings":";;AAUO,MAAMA,SAASC,gBAAgB,UAAU,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GACzE,WAAP,GAAO,oBAACC,gBAAmBD,OAAQD;AAGhC,MAAME,iBAAiBH,gBAAgB,kBAAkBI"}

package/base/ui/LoginScreen.d.ts

@@ -4,40 +4,40 @@ export interface LoginScreenProps {
 }
 export declare const useIsInLoginScreen: () => boolean;
 export declare const LoginScreen: ({ children }: LoginScreenProps) => React.JSX.Element;
-export declare const LoginScreenRenderer: ((props: LoginScreenProps) => JSX.Element | null) & {
-    original: (props: LoginScreenProps) => JSX.Element | null;
+export declare const LoginScreenRenderer: ((props: LoginScreenProps) => React.JSX.Element | null) & {
+    original: (props: LoginScreenProps) => React.JSX.Element | null;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: LoginScreenProps) => JSX.Element | null) & {
-        original: (props: LoginScreenProps) => JSX.Element | null;
+    original: ((props: LoginScreenProps) => React.JSX.Element | null) & {
+        original: (props: LoginScreenProps) => React.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;
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: LoginScreenProps) => React.JSX.Element | null) & {
+        original: (props: LoginScreenProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-export declare const LoginScreenComponent: ((props: LoginScreenProps) => JSX.Element | null) & {
-    original: (props: LoginScreenProps) => JSX.Element | null;
+export declare const LoginScreenComponent: ((props: LoginScreenProps) => React.JSX.Element | null) & {
+    original: (props: LoginScreenProps) => React.JSX.Element | null;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: LoginScreenProps) => JSX.Element | null) & {
-        original: (props: LoginScreenProps) => JSX.Element | null;
+    original: ((props: LoginScreenProps) => React.JSX.Element | null) & {
+        original: (props: LoginScreenProps) => React.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;
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: LoginScreenProps) => React.JSX.Element | null) & {
+        original: (props: LoginScreenProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/base/ui/LoginScreen.js

@@ -1,26 +1,21 @@
-import React from "react";
+import react from "react";
 import { createVoidComponent, makeDecoratable } from "@webiny/app";
 import { Tags, useTags } from "./Tags.js";
-export const useIsInLoginScreen = () => {
-  const {
-    location
-  } = useTags();
-  return location === "loginScreen";
+const useIsInLoginScreen = ()=>{
+    const { location } = useTags();
+    return "loginScreen" === location;
 };
-export const LoginScreen = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(Tags, {
-    tags: {
-      location: "loginScreen"
-    }
-  }, /*#__PURE__*/React.createElement(LoginScreenRenderer, null, /*#__PURE__*/React.createElement(Tags, {
-    tags: {
-      location: "loggedIn"
-    }
-  }, children)));
-};
-export const LoginScreenRenderer = makeDecoratable("LoginScreenRenderer", createVoidComponent());
-export const LoginScreenComponent = LoginScreenRenderer;
+const LoginScreen = ({ children })=>/*#__PURE__*/ react.createElement(Tags, {
+        tags: {
+            location: "loginScreen"
+        }
+    }, /*#__PURE__*/ react.createElement(LoginScreenRenderer, null, /*#__PURE__*/ react.createElement(Tags, {
+        tags: {
+            location: "loggedIn"
+        }
+    }, children)));
+const LoginScreenRenderer = makeDecoratable("LoginScreenRenderer", createVoidComponent());
+const LoginScreenComponent = LoginScreenRenderer;
+export { LoginScreen, LoginScreenComponent, LoginScreenRenderer, useIsInLoginScreen };
 
 //# 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","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":[]}
+{"version":3,"file":"base/ui/LoginScreen.js","sources":["../../../src/base/ui/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"],"names":["useIsInLoginScreen","location","useTags","LoginScreen","children","Tags","LoginScreenRenderer","makeDecoratable","createVoidComponent","LoginScreenComponent"],"mappings":";;;AAQO,MAAMA,qBAAqB;IAC9B,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,OAAOD,AAAa,kBAAbA;AACX;AAEO,MAAME,cAAc,CAAC,EAAEC,QAAQ,EAAoB,GAC/C,WAAP,GACI,oBAACC,MAAIA;QAAC,MAAM;YAAE,UAAU;QAAc;qBAClC,oBAACC,qBAAmBA,MAAAA,WAAAA,GAChB,oBAACD,MAAIA;QAAC,MAAM;YAAE,UAAU;QAAW;OAAID;AAMhD,MAAME,sBAAsBC,gBAC/B,uBACAC;AAGG,MAAMC,uBAAuBH"}

package/base/ui/Logo.d.ts

@@ -18,21 +18,21 @@ export declare const Logo: (() => React.JSX.Element) & {
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-export declare const LogoRenderer: ((props: unknown) => JSX.Element | null) & {
-    original: (props: unknown) => JSX.Element | null;
+export declare const LogoRenderer: ((props: unknown) => React.JSX.Element | null) & {
+    original: (props: unknown) => React.JSX.Element | null;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: unknown) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
+    original: ((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/base/ui/Logo.js

@@ -1,8 +1,7 @@
-import React from "react";
+import react from "react";
 import { createVoidComponent, makeDecoratable } from "@webiny/app";
-export const Logo = makeDecoratable("Logo", () => {
-  return /*#__PURE__*/React.createElement(LogoRenderer, null);
-});
-export const LogoRenderer = makeDecoratable("LogoRenderer", createVoidComponent());
+const Logo = makeDecoratable("Logo", ()=>/*#__PURE__*/ react.createElement(LogoRenderer, null));
+const LogoRenderer = makeDecoratable("LogoRenderer", createVoidComponent());
+export { Logo, LogoRenderer };
 
 //# sourceMappingURL=Logo.js.map

package/base/ui/Logo.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createVoidComponent","makeDecoratable","Logo","createElement","LogoRenderer"],"sources":["Logo.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Logo = makeDecoratable(\"Logo\", () => {\n    return <LogoRenderer />;\n});\n\nexport const LogoRenderer = makeDecoratable(\"LogoRenderer\", createVoidComponent());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,IAAI,GAAGD,eAAe,CAAC,MAAM,EAAE,MAAM;EAC9C,oBAAOF,KAAA,CAAAI,aAAA,CAACC,YAAY,MAAE,CAAC;AAC3B,CAAC,CAAC;AAEF,OAAO,MAAMA,YAAY,GAAGH,eAAe,CAAC,cAAc,EAAED,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"base/ui/Logo.js","sources":["../../../src/base/ui/Logo.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Logo = makeDecoratable(\"Logo\", () => {\n    return <LogoRenderer />;\n});\n\nexport const LogoRenderer = makeDecoratable(\"LogoRenderer\", createVoidComponent());\n"],"names":["Logo","makeDecoratable","LogoRenderer","createVoidComponent"],"mappings":";;AAGO,MAAMA,OAAOC,gBAAgB,QAAQ,IACjC,WAAP,GAAO,oBAACC,cAAYA;AAGjB,MAAMA,eAAeD,gBAAgB,gBAAgBE"}

package/base/ui/Navigation.d.ts

@@ -19,21 +19,21 @@ export declare const Navigation: (() => React.JSX.Element) & {
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-export declare const NavigationRenderer: ((props: unknown) => JSX.Element | null) & {
-    original: (props: unknown) => JSX.Element | null;
+export declare const NavigationRenderer: ((props: unknown) => React.JSX.Element | null) & {
+    original: (props: unknown) => React.JSX.Element | null;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: unknown) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
+    original: ((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/base/ui/Navigation.js

@@ -1,19 +1,16 @@
-import React from "react";
+import react from "react";
 import { createVoidComponent, makeDecoratable } from "@webiny/app";
 import { Tags, useTags } from "./Tags.js";
-export const useIsInNavigation = () => {
-  const {
-    location
-  } = useTags();
-  return location === "navigation";
+const useIsInNavigation = ()=>{
+    const { location } = useTags();
+    return "navigation" === location;
 };
-export const Navigation = makeDecoratable("Navigation", () => {
-  return /*#__PURE__*/React.createElement(Tags, {
-    tags: {
-      location: "navigation"
-    }
-  }, /*#__PURE__*/React.createElement(NavigationRenderer, null));
-});
-export const NavigationRenderer = makeDecoratable("NavigationRenderer", createVoidComponent());
+const Navigation = makeDecoratable("Navigation", ()=>/*#__PURE__*/ react.createElement(Tags, {
+        tags: {
+            location: "navigation"
+        }
+    }, /*#__PURE__*/ react.createElement(NavigationRenderer, null)));
+const NavigationRenderer = makeDecoratable("NavigationRenderer", createVoidComponent());
+export { Navigation, NavigationRenderer, useIsInNavigation };
 
 //# sourceMappingURL=Navigation.js.map

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.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":[]}
+{"version":3,"file":"base/ui/Navigation.js","sources":["../../../src/base/ui/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"],"names":["useIsInNavigation","location","useTags","Navigation","makeDecoratable","Tags","NavigationRenderer","createVoidComponent"],"mappings":";;;AAIO,MAAMA,oBAAoB;IAC7B,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,OAAOD,AAAa,iBAAbA;AACX;AAEO,MAAME,aAAaC,gBAAgB,cAAc,IAC7C,WAAP,GACI,oBAACC,MAAIA;QAAC,MAAM;YAAE,UAAU;QAAa;qBACjC,oBAACC,oBAAkBA;AAKxB,MAAMA,qBAAqBF,gBAAgB,sBAAsBG"}