@webiny/app-admin-ui 0.0.0-unstable.0156a4c312

package/Dialog/DialogContainer.js

@@ -0,0 +1,59 @@
+import react, { useCallback, useEffect, useState } from "react";
+import { useUi } from "@webiny/app/hooks/useUi.js";
+import { Dialog } from "@webiny/admin-ui";
+const DialogContainer = ()=>{
+    const ui = useUi();
+    const [isLoading, setIsLoading] = useState(false);
+    const message = ui.dialog?.message;
+    const { dataTestId, title, loading, actions = {
+        cancel: null,
+        accept: {
+            label: "OK"
+        }
+    }, style, onClose, showCloseButton } = ui.dialog?.options || {};
+    const hideDialog = useCallback(()=>{
+        ui.setState((ui)=>({
+                ...ui,
+                dialog: null
+            }));
+        if ("function" == typeof onClose) onClose();
+    }, [
+        ui
+    ]);
+    useEffect(()=>{
+        setIsLoading(false);
+    }, [
+        ui.dialog?.message
+    ]);
+    const handleConfirm = async ()=>{
+        if (!actions.accept.onClick) {
+            console.info("There is no actions.accept.onClick callback defined.");
+            hideDialog();
+            return;
+        }
+        setIsLoading(true);
+        await actions.accept.onClick();
+        setIsLoading(false);
+        hideDialog();
+    };
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: !!message,
+        onClose: hideDialog,
+        "data-testid": dataTestId,
+        style: style,
+        showCloseButton: showCloseButton,
+        title: title,
+        loading: isLoading ? loading : false,
+        actions: actions.cancel || actions.accept ? /*#__PURE__*/ react.createElement(react.Fragment, null, actions.cancel && /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+            onClick: actions.cancel.onClick,
+            text: actions.cancel.label
+        }), actions.accept && /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            onClick: handleConfirm,
+            text: actions.accept.label,
+            "data-testid": "confirmationdialog-confirm-action"
+        })) : null
+    }, message);
+};
+export { DialogContainer };
+
+//# sourceMappingURL=DialogContainer.js.map

package/Dialog/DialogContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog/DialogContainer.js","sources":["../../src/Dialog/DialogContainer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi.js\";\nimport { Dialog } from \"@webiny/admin-ui\";\n\nexport const DialogContainer = () => {\n    const ui = useUi();\n    const [isLoading, setIsLoading] = useState(false);\n    const message: React.ReactNode = ui.dialog?.message;\n\n    const {\n        dataTestId,\n        title,\n        loading,\n        actions = { cancel: null, accept: { label: \"OK\" } },\n        style,\n        onClose,\n        showCloseButton\n    } = ui.dialog?.options || {};\n\n    const hideDialog = useCallback(() => {\n        ui.setState(ui => ({ ...ui, dialog: null }));\n        if (typeof onClose === \"function\") {\n            onClose();\n        }\n    }, [ui]);\n\n    /**\n     * We need this part because message can change while the dialog is opened and in loading state.\n     */\n    useEffect(() => {\n        setIsLoading(false);\n    }, [ui.dialog?.message]);\n\n    const handleConfirm = async () => {\n        if (!actions.accept.onClick) {\n            /**\n             * Should not happen as users should define \"accept.onClick\" function, but just in case lets show the information.\n             * Possible to happen in development process.\n             */\n            console.info(\"There is no actions.accept.onClick callback defined.\");\n            hideDialog();\n            return;\n        }\n        setIsLoading(true);\n        await actions.accept.onClick();\n        setIsLoading(false);\n        hideDialog();\n    };\n\n    return (\n        <Dialog\n            open={!!message}\n            onClose={hideDialog}\n            data-testid={dataTestId}\n            style={style}\n            showCloseButton={showCloseButton}\n            title={title}\n            loading={isLoading ? loading : false}\n            actions={\n                !actions.cancel && !actions.accept ? null : (\n                    <>\n                        {actions.cancel && (\n                            <Dialog.CancelAction\n                                onClick={actions.cancel.onClick}\n                                text={actions.cancel.label}\n                            />\n                        )}\n                        {actions.accept && (\n                            <Dialog.ConfirmAction\n                                onClick={handleConfirm}\n                                text={actions.accept.label}\n                                data-testid={\"confirmationdialog-confirm-action\"}\n                            />\n                        )}\n                    </>\n                )\n            }\n        >\n            {message}\n        </Dialog>\n    );\n};\n"],"names":["DialogContainer","ui","useUi","isLoading","setIsLoading","useState","message","dataTestId","title","loading","actions","style","onClose","showCloseButton","hideDialog","useCallback","useEffect","handleConfirm","console","Dialog"],"mappings":";;;AAIO,MAAMA,kBAAkB;IAC3B,MAAMC,KAAKC;IACX,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAAS;IAC3C,MAAMC,UAA2BL,GAAG,MAAM,EAAE;IAE5C,MAAM,EACFM,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,UAAU;QAAE,QAAQ;QAAM,QAAQ;YAAE,OAAO;QAAK;IAAE,CAAC,EACnDC,KAAK,EACLC,OAAO,EACPC,eAAe,EAClB,GAAGZ,GAAG,MAAM,EAAE,WAAW,CAAC;IAE3B,MAAMa,aAAaC,YAAY;QAC3Bd,GAAG,QAAQ,CAACA,CAAAA,KAAO;gBAAE,GAAGA,EAAE;gBAAE,QAAQ;YAAK;QACzC,IAAI,AAAmB,cAAnB,OAAOW,SACPA;IAER,GAAG;QAACX;KAAG;IAKPe,UAAU;QACNZ,aAAa;IACjB,GAAG;QAACH,GAAG,MAAM,EAAE;KAAQ;IAEvB,MAAMgB,gBAAgB;QAClB,IAAI,CAACP,QAAQ,MAAM,CAAC,OAAO,EAAE;YAKzBQ,QAAQ,IAAI,CAAC;YACbJ;YACA;QACJ;QACAV,aAAa;QACb,MAAMM,QAAQ,MAAM,CAAC,OAAO;QAC5BN,aAAa;QACbU;IACJ;IAEA,OAAO,WAAP,GACI,oBAACK,QAAMA;QACH,MAAM,CAAC,CAACb;QACR,SAASQ;QACT,eAAaP;QACb,OAAOI;QACP,iBAAiBE;QACjB,OAAOL;QACP,SAASL,YAAYM,UAAU;QAC/B,SACI,AAACC,QAAQ,MAAM,IAAKA,QAAQ,MAAM,GAAU,WAAP,GACjC,0CACKA,QAAQ,MAAM,IAAI,WAAJ,GACX,oBAACS,OAAO,YAAY;YAChB,SAAST,QAAQ,MAAM,CAAC,OAAO;YAC/B,MAAMA,QAAQ,MAAM,CAAC,KAAK;YAGjCA,QAAQ,MAAM,IAAI,WAAJ,GACX,oBAACS,OAAO,aAAa;YACjB,SAASF;YACT,MAAMP,QAAQ,MAAM,CAAC,KAAK;YAC1B,eAAa;cAZQ;OAmBxCJ;AAGb"}

package/Dialog/DialogProvider.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface DialogProviderProps {
+    children?: React.ReactNode;
+}
+export declare const DialogProvider: (Component: React.ComponentType<DialogProviderProps>) => ({ children }: DialogProviderProps) => React.JSX.Element;

package/Dialog/DialogProvider.js

@@ -0,0 +1,8 @@
+import react from "react";
+import { DialogContainer } from "./DialogContainer.js";
+const DialogProvider = (Component)=>function({ children }) {
+        return /*#__PURE__*/ react.createElement(Component, null, children, /*#__PURE__*/ react.createElement(DialogContainer, null));
+    };
+export { DialogProvider };
+
+//# sourceMappingURL=DialogProvider.js.map

package/Dialog/DialogProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog/DialogProvider.js","sources":["../../src/Dialog/DialogProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { DialogContainer } from \"./DialogContainer.js\";\n\nexport interface DialogProviderProps {\n    children?: React.ReactNode;\n}\n\nexport const DialogProvider = (Component: React.ComponentType<DialogProviderProps>) => {\n    return function DialogProviderProps({ children }: DialogProviderProps) {\n        return (\n            <Component>\n                {children}\n                <DialogContainer />\n            </Component>\n        );\n    };\n};\n"],"names":["DialogProvider","Component","children","DialogContainer"],"mappings":";;AAOO,MAAMA,iBAAiB,CAACC,YACpB,SAA6B,EAAEC,QAAQ,EAAuB;QACjE,OAAO,WAAP,GACI,oBAACD,WAAAA,MACIC,UAAAA,WAAAA,GACD,oBAACC,iBAAeA;IAG5B"}

package/Dialog.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Dialog: () => React.JSX.Element;

package/Dialog.js

@@ -0,0 +1,9 @@
+import react from "react";
+import { Provider } from "@webiny/app-admin";
+import { DialogProvider } from "./Dialog/DialogProvider.js";
+const Dialog = ()=>/*#__PURE__*/ react.createElement(Provider, {
+        hoc: DialogProvider
+    });
+export { Dialog };
+
+//# sourceMappingURL=Dialog.js.map

package/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../src/Dialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { Provider } from \"@webiny/app-admin\";\nimport { DialogProvider } from \"./Dialog/DialogProvider.js\";\n\n// This implements the global dialog, which is controlled via the\n// `useDialog` hook (`packages/app-admin/src/hooks/useDialog.ts`).\nexport const Dialog = () => {\n    return <Provider hoc={DialogProvider} />;\n};\n"],"names":["Dialog","Provider","DialogProvider"],"mappings":";;;AAMO,MAAMA,SAAS,IACX,WAAP,GAAO,oBAACC,UAAQA;QAAC,KAAKC"}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Webiny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/Layout.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Layout: (props: unknown) => React.JSX.Element;

package/Layout.js

@@ -0,0 +1,55 @@
+import react, { useCallback, useMemo, useRef } from "react";
+import react_helmet from "react-helmet";
+import { AssumedPermissionsSelector, BannerBar, DebuggerIndicator, LayoutRenderer, Navigation, TenantSelector, UserMenu } from "@webiny/app-admin";
+import { HeaderBar, SidebarProvider, cn, useSidebar } from "@webiny/admin-ui";
+import { useLocalStorage, useLocalStorageValue } from "@webiny/app";
+import { CommandPalette } from "./CommandPalette/CommandPalette.js";
+import { Breadcrumbs } from "./Breadcrumbs/Breadcrumbs.js";
+const SIDEBAR_STATE_KEY = "navigation/state";
+const parseSidebarState = (raw)=>{
+    try {
+        if ("object" == typeof raw && null !== raw) return raw;
+        if ("string" == typeof raw) return JSON.parse(raw);
+    } catch  {}
+};
+const MAKE_ROOM_FOR_BANNER = "has-[>[data-admin-banner]]:[--spacing-main-content:calc(100vh_-_var(--spacing-header)_-_var(--spacing-banner))]";
+const LayoutContent = ({ title, startElement = null, hideNavigation = false, children })=>{
+    const { pinned } = useSidebar();
+    const widthClassNames = {
+        "max-w-[calc(100%-(var(--spacing-sidebar-expanded)))] ": pinned,
+        "max-w-[calc(100%-(var(--spacing-sidebar-collapsed)))] ": !pinned
+    };
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, title ? /*#__PURE__*/ react.createElement(react_helmet, {
+        title: title
+    }) : null, /*#__PURE__*/ react.createElement(CommandPalette, null), hideNavigation ? null : /*#__PURE__*/ react.createElement(Navigation, null), /*#__PURE__*/ react.createElement("div", {
+        className: cn("ml-auto bg-neutral-base transition-[max-width,min-width] ease-linear w-full", MAKE_ROOM_FOR_BANNER, hideNavigation ? void 0 : widthClassNames)
+    }, /*#__PURE__*/ react.createElement(BannerBar, null), /*#__PURE__*/ react.createElement(HeaderBar, {
+        start: /*#__PURE__*/ react.createElement("div", {
+            className: "flex items-center gap-sm"
+        }, /*#__PURE__*/ react.createElement(Breadcrumbs, null), startElement),
+        end: /*#__PURE__*/ react.createElement("div", {
+            className: "flex gap-x-sm items-center justify-end"
+        }, /*#__PURE__*/ react.createElement(DebuggerIndicator, null), /*#__PURE__*/ react.createElement(TenantSelector, null), /*#__PURE__*/ react.createElement(AssumedPermissionsSelector, null), /*#__PURE__*/ react.createElement(UserMenu, null))
+    }), /*#__PURE__*/ react.createElement("main", {
+        className: "relative overflow-y-auto h-main-content"
+    }, children)));
+};
+const Layout_Layout = LayoutRenderer.createDecorator(()=>function(props) {
+        const localStorage = useLocalStorage();
+        const localStorageRef = useRef(localStorage);
+        localStorageRef.current = localStorage;
+        const rawState = useLocalStorageValue(SIDEBAR_STATE_KEY);
+        const cachedState = useMemo(()=>parseSidebarState(rawState), [
+            rawState
+        ]);
+        const onChangeState = useCallback((newState)=>{
+            localStorageRef.current.set(SIDEBAR_STATE_KEY, JSON.stringify(newState));
+        }, []);
+        return /*#__PURE__*/ react.createElement(SidebarProvider, {
+            state: cachedState,
+            onChangeState: onChangeState
+        }, /*#__PURE__*/ react.createElement(LayoutContent, props));
+    });
+export { Layout_Layout as Layout };
+
+//# sourceMappingURL=Layout.js.map

package/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sources":["../src/Layout.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef } from \"react\";\nimport Helmet from \"react-helmet\";\nimport type { LayoutProps } from \"@webiny/app-admin\";\nimport { AssumedPermissionsSelector } from \"@webiny/app-admin\";\nimport { BannerBar } from \"@webiny/app-admin\";\nimport { DebuggerIndicator } from \"@webiny/app-admin\";\nimport { LayoutRenderer } from \"@webiny/app-admin\";\nimport { Navigation } from \"@webiny/app-admin\";\nimport { TenantSelector } from \"@webiny/app-admin\";\nimport { UserMenu } from \"@webiny/app-admin\";\nimport { HeaderBar, SidebarProvider, cn, useSidebar } from \"@webiny/admin-ui\";\nimport { useLocalStorage, useLocalStorageValue } from \"@webiny/app\";\nimport { CommandPalette } from \"./CommandPalette/CommandPalette.js\";\nimport { Breadcrumbs } from \"./Breadcrumbs/Breadcrumbs.js\";\n\nconst SIDEBAR_STATE_KEY = \"navigation/state\";\n\ntype SidebarCachedState = {\n    pinned: boolean;\n    expandedSections: string[];\n    pinnedItems: string[];\n};\n\nconst parseSidebarState = (raw: unknown): SidebarCachedState | undefined => {\n    try {\n        if (typeof raw === \"object\" && raw !== null) {\n            return raw as SidebarCachedState;\n        }\n        if (typeof raw === \"string\") {\n            return JSON.parse(raw) as SidebarCachedState;\n        }\n    } catch {\n        // Ignore parse errors\n    }\n    return undefined;\n};\n\n/*\n * Views size themselves with `h-main-content`, which is the window minus the header. While the\n * banner bar shows, they have to lose its height too, or every page scrolls by exactly that much.\n * The bar is always `--spacing-banner` tall, so plain CSS can do it. Scoped to the wrapper below,\n * which holds both the bar and the views.\n *\n * TODO: Temporary. The real fix is for views to fill `main` instead of computing their own height\n * from the window: make this wrapper a full-height column and `main` `flex-1 min-h-0`, then move\n * the ~13 views that use `h-main-content` to `h-full`. That also lets the bar wrap its text.\n */\nconst MAKE_ROOM_FOR_BANNER =\n    \"has-[>[data-admin-banner]]:[--spacing-main-content:calc(100vh_-_var(--spacing-header)_-_var(--spacing-banner))]\";\n\nconst LayoutContent = ({\n    title,\n    startElement = null,\n    hideNavigation = false,\n    children\n}: LayoutProps) => {\n    const { pinned } = useSidebar();\n\n    const widthClassNames = {\n        \"max-w-[calc(100%-(var(--spacing-sidebar-expanded)))] \": pinned,\n        \"max-w-[calc(100%-(var(--spacing-sidebar-collapsed)))] \": !pinned\n    };\n\n    return (\n        <>\n            {title ? <Helmet title={title} /> : null}\n            <CommandPalette />\n            {hideNavigation ? null : <Navigation />}\n            <div\n                className={cn(\n                    \"ml-auto bg-neutral-base transition-[max-width,min-width] ease-linear w-full\",\n                    MAKE_ROOM_FOR_BANNER,\n                    hideNavigation ? undefined : widthClassNames\n                )}\n            >\n                <BannerBar />\n                <HeaderBar\n                    start={\n                        <div className=\"flex items-center gap-sm\">\n                            <Breadcrumbs />\n                            {startElement}\n                        </div>\n                    }\n                    end={\n                        <div className={\"flex gap-x-sm items-center justify-end\"}>\n                            <DebuggerIndicator />\n                            <TenantSelector />\n                            <AssumedPermissionsSelector />\n                            <UserMenu />\n                        </div>\n                    }\n                />\n                <main className={\"relative overflow-y-auto h-main-content\"}>{children}</main>\n            </div>\n        </>\n    );\n};\n\nexport const Layout = LayoutRenderer.createDecorator(() => {\n    return function Layout(props: LayoutProps) {\n        const localStorage = useLocalStorage();\n        const localStorageRef = useRef(localStorage);\n        localStorageRef.current = localStorage;\n\n        const rawState = useLocalStorageValue(SIDEBAR_STATE_KEY);\n        const cachedState = useMemo(() => parseSidebarState(rawState), [rawState]);\n\n        const onChangeState = useCallback((newState: SidebarCachedState) => {\n            localStorageRef.current.set(SIDEBAR_STATE_KEY, JSON.stringify(newState));\n        }, []);\n\n        return (\n            <SidebarProvider state={cachedState} onChangeState={onChangeState}>\n                <LayoutContent {...props} />\n            </SidebarProvider>\n        );\n    };\n});\n"],"names":["SIDEBAR_STATE_KEY","parseSidebarState","raw","JSON","MAKE_ROOM_FOR_BANNER","LayoutContent","title","startElement","hideNavigation","children","pinned","useSidebar","widthClassNames","Helmet","CommandPalette","Navigation","cn","undefined","BannerBar","HeaderBar","Breadcrumbs","DebuggerIndicator","TenantSelector","AssumedPermissionsSelector","UserMenu","Layout","LayoutRenderer","props","localStorage","useLocalStorage","localStorageRef","useRef","rawState","useLocalStorageValue","cachedState","useMemo","onChangeState","useCallback","newState","SidebarProvider"],"mappings":";;;;;;;AAeA,MAAMA,oBAAoB;AAQ1B,MAAMC,oBAAoB,CAACC;IACvB,IAAI;QACA,IAAI,AAAe,YAAf,OAAOA,OAAoBA,AAAQ,SAARA,KAC3B,OAAOA;QAEX,IAAI,AAAe,YAAf,OAAOA,KACP,OAAOC,KAAK,KAAK,CAACD;IAE1B,EAAE,OAAM,CAER;AAEJ;AAYA,MAAME,uBACF;AAEJ,MAAMC,gBAAgB,CAAC,EACnBC,KAAK,EACLC,eAAe,IAAI,EACnBC,iBAAiB,KAAK,EACtBC,QAAQ,EACE;IACV,MAAM,EAAEC,MAAM,EAAE,GAAGC;IAEnB,MAAMC,kBAAkB;QACpB,yDAAyDF;QACzD,0DAA0D,CAACA;IAC/D;IAEA,OAAO,WAAP,GACI,0CACKJ,QAAQ,WAARA,GAAQ,oBAACO,cAAMA;QAAC,OAAOP;SAAY,oBACpC,oBAACQ,gBAAcA,OACdN,iBAAiB,OAAO,WAAP,GAAO,oBAACO,YAAUA,OAAAA,WAAAA,GACpC,oBAAC;QACG,WAAWC,GACP,+EACAZ,sBACAI,iBAAiBS,SAAYL;qBAGjC,oBAACM,WAASA,OAAAA,WAAAA,GACV,oBAACC,WAASA;QACN,qBACI,oBAAC;YAAI,WAAU;yBACX,oBAACC,aAAWA,OACXb;QAGT,mBACI,oBAAC;YAAI,WAAW;yBACZ,oBAACc,mBAAiBA,OAAAA,WAAAA,GAClB,oBAACC,gBAAcA,OAAAA,WAAAA,GACf,oBAACC,4BAA0BA,OAAAA,WAAAA,GAC3B,oBAACC,UAAQA;sBAIrB,oBAAC;QAAK,WAAW;OAA4Cf;AAI7E;AAEO,MAAMgB,gBAASC,eAAe,eAAe,CAAC,IAC1C,SAAgBC,KAAkB;QACrC,MAAMC,eAAeC;QACrB,MAAMC,kBAAkBC,OAAOH;QAC/BE,gBAAgB,OAAO,GAAGF;QAE1B,MAAMI,WAAWC,qBAAqBjC;QACtC,MAAMkC,cAAcC,QAAQ,IAAMlC,kBAAkB+B,WAAW;YAACA;SAAS;QAEzE,MAAMI,gBAAgBC,YAAY,CAACC;YAC/BR,gBAAgB,OAAO,CAAC,GAAG,CAAC9B,mBAAmBG,KAAK,SAAS,CAACmC;QAClE,GAAG,EAAE;QAEL,OAAO,WAAP,GACI,oBAACC,iBAAeA;YAAC,OAAOL;YAAa,eAAeE;yBAChD,oBAAC/B,eAAkBsB;IAG/B"}

package/Logo.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Logo: (props: unknown) => React.JSX.Element;

package/Logo.js

@@ -0,0 +1,16 @@
+import react from "react";
+import { LogoRenderer, useAdminConfig, useIsInNavigation } from "@webiny/app-admin";
+const minHeight = {
+    minHeight: 48
+};
+const Logo_Logo = LogoRenderer.createDecorator(()=>function() {
+        const { logo } = useAdminConfig();
+        const isInNavigation = useIsInNavigation();
+        const logoElement = isInNavigation ? logo.squareLogo : logo.horizontalLogo;
+        return /*#__PURE__*/ react.createElement("div", {
+            style: minHeight
+        }, logoElement || null);
+    });
+export { Logo_Logo as Logo };
+
+//# sourceMappingURL=Logo.js.map

package/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","sources":["../src/Logo.tsx"],"sourcesContent":["import React from \"react\";\nimport { LogoRenderer, useAdminConfig } from \"@webiny/app-admin\";\nimport { useIsInNavigation } from \"@webiny/app-admin\";\n\nconst minHeight = { minHeight: 48 };\n\nexport const Logo = LogoRenderer.createDecorator(() => {\n    return function Logo() {\n        const { logo } = useAdminConfig();\n        const isInNavigation = useIsInNavigation();\n\n        const logoElement = isInNavigation ? logo.squareLogo : logo.horizontalLogo;\n\n        return <div style={minHeight}>{logoElement || null}</div>;\n    };\n});\n"],"names":["minHeight","Logo","LogoRenderer","logo","useAdminConfig","isInNavigation","useIsInNavigation","logoElement"],"mappings":";;AAIA,MAAMA,YAAY;IAAE,WAAW;AAAG;AAE3B,MAAMC,YAAOC,aAAa,eAAe,CAAC,IACtC;QACH,MAAM,EAAEC,IAAI,EAAE,GAAGC;QACjB,MAAMC,iBAAiBC;QAEvB,MAAMC,cAAcF,iBAAiBF,KAAK,UAAU,GAAGA,KAAK,cAAc;QAE1E,OAAO,WAAP,GAAO,oBAAC;YAAI,OAAOH;WAAYO,eAAe;IAClD"}

package/Navigation/Navigation.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Navigation: (props: unknown) => React.JSX.Element;

package/Navigation/Navigation.js

@@ -0,0 +1,34 @@
+import react from "react";
+import { NavigationRenderer, SimpleLink, useAdminConfig } from "@webiny/app-admin";
+import { Sidebar } from "@webiny/admin-ui";
+import { SidebarMenuItems } from "./SidebarMenuItems.js";
+const Navigation_Navigation = NavigationRenderer.createDecorator(()=>function() {
+        const { menus, title, logo } = useAdminConfig();
+        const titleElement = /*#__PURE__*/ react.createElement(SimpleLink, {
+            to: "/"
+        }, title);
+        const icon = /*#__PURE__*/ react.createElement(SimpleLink, {
+            to: "/"
+        }, /*#__PURE__*/ react.createElement(Sidebar.Icon, {
+            element: logo.squareLogo,
+            label: "Webiny"
+        }));
+        const hasFooterMenus = menus.some((m)=>(m.tags || []).includes("footer"));
+        return /*#__PURE__*/ react.createElement(Sidebar, {
+            title: titleElement,
+            icon: icon,
+            footer: hasFooterMenus ? /*#__PURE__*/ react.createElement(SidebarMenuItems, {
+                menus: menus,
+                where: {
+                    tags: [
+                        "footer"
+                    ]
+                }
+            }) : void 0
+        }, /*#__PURE__*/ react.createElement(SidebarMenuItems, {
+            menus: menus
+        }));
+    });
+export { Navigation_Navigation as Navigation };
+
+//# sourceMappingURL=Navigation.js.map

package/Navigation/Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation/Navigation.js","sources":["../../src/Navigation/Navigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { NavigationRenderer, useAdminConfig } from \"@webiny/app-admin\";\nimport { Sidebar } from \"@webiny/admin-ui\";\nimport { SidebarMenuItems } from \"./SidebarMenuItems.js\";\nimport { SimpleLink } from \"@webiny/app-admin\";\n\nexport const Navigation = NavigationRenderer.createDecorator(() => {\n    return function Navigation() {\n        const { menus, title, logo } = useAdminConfig();\n\n        const titleElement = <SimpleLink to={\"/\"}>{title}</SimpleLink>;\n        const icon = (\n            <SimpleLink to={\"/\"}>\n                <Sidebar.Icon element={logo.squareLogo} label={\"Webiny\"} />\n            </SimpleLink>\n        );\n\n        const hasFooterMenus = menus.some(m => (m.tags || []).includes(\"footer\"));\n\n        return (\n            <Sidebar\n                title={titleElement}\n                icon={icon}\n                footer={\n                    hasFooterMenus ? (\n                        <SidebarMenuItems menus={menus} where={{ tags: [\"footer\"] }} />\n                    ) : undefined\n                }\n            >\n                <SidebarMenuItems menus={menus} />\n            </Sidebar>\n        );\n    };\n});\n"],"names":["Navigation","NavigationRenderer","menus","title","logo","useAdminConfig","titleElement","SimpleLink","icon","Sidebar","hasFooterMenus","m","SidebarMenuItems","undefined"],"mappings":";;;;AAMO,MAAMA,wBAAaC,mBAAmB,eAAe,CAAC,IAClD;QACH,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC;QAE/B,MAAMC,eAAe,WAAfA,GAAe,oBAACC,YAAUA;YAAC,IAAI;WAAMJ;QAC3C,MAAMK,OAAO,WAAPA,GACF,oBAACD,YAAUA;YAAC,IAAI;yBACZ,oBAACE,QAAQ,IAAI;YAAC,SAASL,KAAK,UAAU;YAAE,OAAO;;QAIvD,MAAMM,iBAAiBR,MAAM,IAAI,CAACS,CAAAA,IAAMA,AAAAA,CAAAA,EAAE,IAAI,IAAI,EAAC,EAAG,QAAQ,CAAC;QAE/D,OAAO,WAAP,GACI,oBAACF,SAAOA;YACJ,OAAOH;YACP,MAAME;YACN,QACIE,iBAAiB,WAAjBA,GACI,oBAACE,kBAAgBA;gBAAC,OAAOV;gBAAO,OAAO;oBAAE,MAAM;wBAAC;qBAAS;gBAAC;iBAC1DW;yBAGR,oBAACD,kBAAgBA;YAAC,OAAOV;;IAGrC"}

package/Navigation/SidebarMenuItems.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { MenuConfig } from "@webiny/app-admin/config/AdminConfig/Menu.js";
+export interface MenusProps {
+    menus: MenuConfig[];
+    where?: {
+        tags?: string[];
+        parent?: string;
+    };
+}
+export declare const SidebarMenuItems: (props: MenusProps) => (React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null)[];

package/Navigation/SidebarMenuItems.js

@@ -0,0 +1,36 @@
+import react from "react";
+const SidebarMenuItems = (props)=>{
+    const { menus: allMenus, where = {} } = props;
+    const filteredMenus = allMenus.filter((menu)=>{
+        const whereParent = where.parent || null;
+        const menuParent = menu.parent;
+        if (whereParent !== menuParent) return false;
+        const whereTags = where.tags || [];
+        const menuTags = menu.tags || [];
+        if (whereTags.length > 0) return whereTags.every((tag)=>menuTags.includes(tag));
+        return 0 === menuTags.length;
+    });
+    return filteredMenus.map((m)=>{
+        if (!/*#__PURE__*/ react.isValidElement(m.element)) return null;
+        const key = [
+            m.parent,
+            m.name
+        ].join("-");
+        const hasChildMenus = allMenus.some((menu)=>menu.parent === m.name);
+        if (hasChildMenus) return /*#__PURE__*/ react.cloneElement(m.element, {
+            key
+        }, /*#__PURE__*/ react.createElement(SidebarMenuItems, {
+            menus: allMenus,
+            where: {
+                parent: m.name
+            }
+        }));
+        if (m.hideIfEmpty) return null;
+        return /*#__PURE__*/ react.cloneElement(m.element, {
+            key
+        });
+    });
+};
+export { SidebarMenuItems };
+
+//# sourceMappingURL=SidebarMenuItems.js.map

package/Navigation/SidebarMenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation/SidebarMenuItems.js","sources":["../../src/Navigation/SidebarMenuItems.tsx"],"sourcesContent":["import React from \"react\";\nimport type { MenuConfig } from \"@webiny/app-admin/config/AdminConfig/Menu.js\";\n\nexport interface MenusProps {\n    menus: MenuConfig[];\n    where?: { tags?: string[]; parent?: string };\n}\n\n// This component is called recursively to render root and nested menu items.\n// The menu items are defined via AdminConfig.\nexport const SidebarMenuItems = (props: MenusProps) => {\n    const { menus: allMenus, where = {} } = props;\n    const filteredMenus = allMenus.filter(menu => {\n        const whereParent = where.parent || null;\n        const menuParent = menu.parent;\n        if (whereParent !== menuParent) {\n            return false;\n        }\n\n        const whereTags = where.tags || [];\n        const menuTags = menu.tags || [];\n\n        if (whereTags.length > 0) {\n            // If not all tags are present, return false.\n            return whereTags.every(tag => menuTags.includes(tag));\n        }\n\n        return menuTags.length === 0;\n    });\n\n    return filteredMenus.map(m => {\n        if (!React.isValidElement(m.element)) {\n            return null;\n        }\n\n        const key = [m.parent, m.name].join(\"-\");\n\n        const hasChildMenus = allMenus.some(menu => menu.parent === m.name);\n        if (hasChildMenus) {\n            return React.cloneElement(\n                m.element,\n                { key },\n                <SidebarMenuItems menus={allMenus} where={{ parent: m.name }} />\n            );\n        }\n\n        if (m.hideIfEmpty) {\n            return null;\n        }\n\n        return React.cloneElement(m.element, { key });\n    });\n};\n"],"names":["SidebarMenuItems","props","allMenus","where","filteredMenus","menu","whereParent","menuParent","whereTags","menuTags","tag","m","React","key","hasChildMenus"],"mappings":";AAUO,MAAMA,mBAAmB,CAACC;IAC7B,MAAM,EAAE,OAAOC,QAAQ,EAAEC,QAAQ,CAAC,CAAC,EAAE,GAAGF;IACxC,MAAMG,gBAAgBF,SAAS,MAAM,CAACG,CAAAA;QAClC,MAAMC,cAAcH,MAAM,MAAM,IAAI;QACpC,MAAMI,aAAaF,KAAK,MAAM;QAC9B,IAAIC,gBAAgBC,YAChB,OAAO;QAGX,MAAMC,YAAYL,MAAM,IAAI,IAAI,EAAE;QAClC,MAAMM,WAAWJ,KAAK,IAAI,IAAI,EAAE;QAEhC,IAAIG,UAAU,MAAM,GAAG,GAEnB,OAAOA,UAAU,KAAK,CAACE,CAAAA,MAAOD,SAAS,QAAQ,CAACC;QAGpD,OAAOD,AAAoB,MAApBA,SAAS,MAAM;IAC1B;IAEA,OAAOL,cAAc,GAAG,CAACO,CAAAA;QACrB,IAAI,CAAC,WAAD,GAACC,MAAAA,cAAoB,CAACD,EAAE,OAAO,GAC/B,OAAO;QAGX,MAAME,MAAM;YAACF,EAAE,MAAM;YAAEA,EAAE,IAAI;SAAC,CAAC,IAAI,CAAC;QAEpC,MAAMG,gBAAgBZ,SAAS,IAAI,CAACG,CAAAA,OAAQA,KAAK,MAAM,KAAKM,EAAE,IAAI;QAClE,IAAIG,eACA,OAAO,WAAP,GAAOF,MAAAA,YAAkB,CACrBD,EAAE,OAAO,EACT;YAAEE;QAAI,iBACN,oBAACb,kBAAgBA;YAAC,OAAOE;YAAU,OAAO;gBAAE,QAAQS,EAAE,IAAI;YAAC;;QAInE,IAAIA,EAAE,WAAW,EACb,OAAO;QAGX,OAAO,WAAP,GAAOC,MAAAA,YAAkB,CAACD,EAAE,OAAO,EAAE;YAAEE;QAAI;IAC/C;AACJ"}

package/NotFound/notFound.js

@@ -0,0 +1,297 @@
+import __rslib_svgr_url__0__ from "../static/svg/notFound.e8b15981.svg";
+import * as __rspack_external_react from "react";
+const SvgNotFound = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        xmlnsXlink: "http://www.w3.org/1999/xlink",
+        width: 895.68,
+        height: 517.48,
+        "data-name": "Layer 1",
+        viewBox: "0 0 895.68 517.48",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("defs", null, /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        id: "notFound_svg__a",
+        x1: 790.94,
+        x2: 790.94,
+        y1: 640.76,
+        y2: 264.76,
+        gradientTransform: "rotate(90 783.095 446.895)",
+        gradientUnits: "userSpaceOnUse"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("stop", {
+        offset: 0,
+        stopColor: "gray",
+        stopOpacity: 0.25
+    }), /*#__PURE__*/ __rspack_external_react.createElement("stop", {
+        offset: 0.54,
+        stopColor: "gray",
+        stopOpacity: 0.12
+    }), /*#__PURE__*/ __rspack_external_react.createElement("stop", {
+        offset: 1,
+        stopColor: "gray",
+        stopOpacity: 0.1
+    })), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#notFound_svg__a",
+        id: "notFound_svg__b",
+        x1: 785.97,
+        x2: 785.97,
+        y1: 446.14,
+        y2: 321.91,
+        gradientTransform: "rotate(90 783.305 383.365)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#notFound_svg__a",
+        id: "notFound_svg__c",
+        x1: 660.92,
+        x2: 660.92,
+        y1: 518.19,
+        y2: 494.17,
+        gradientTransform: "rotate(90 659.87 486.97)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#notFound_svg__a",
+        id: "notFound_svg__d",
+        x1: 433.66,
+        x2: 433.66,
+        y1: 605.23,
+        y2: 235.23,
+        gradientTransform: "translate(13.58 8.51)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#notFound_svg__a",
+        id: "notFound_svg__e",
+        x1: 428.36,
+        x2: 428.36,
+        y1: 413.71,
+        y2: 291.46,
+        gradientTransform: "translate(-1.05 11.3)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#notFound_svg__a",
+        id: "notFound_svg__f",
+        x1: 295.22,
+        x2: 295.22,
+        y1: 484.61,
+        y2: 460.98,
+        gradientTransform: "translate(28.38 37.45)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#notFound_svg__a",
+        id: "notFound_svg__g",
+        x1: 455.07,
+        x2: 455.07,
+        y1: 464.48,
+        y2: 10.48
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#notFound_svg__a",
+        id: "notFound_svg__h",
+        x1: 449.07,
+        x2: 449.07,
+        y1: 229.48,
+        y2: 79.48
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#notFound_svg__a",
+        id: "notFound_svg__i",
+        x1: 298.07,
+        x2: 298.07,
+        y1: 316.48,
+        y2: 287.48
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#notFound_svg__a",
+        id: "notFound_svg__j",
+        x1: 457.07,
+        x2: 457.07,
+        y1: 517.48,
+        y2: 364.48
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#notFound_svg__a",
+        id: "notFound_svg__k",
+        x1: 611.23,
+        x2: 611.23,
+        y1: 564.74,
+        y2: 464.74
+    }), /*#__PURE__*/ __rspack_external_react.createElement("linearGradient", {
+        xlinkHref: "#notFound_svg__a",
+        id: "notFound_svg__l",
+        x1: 611.23,
+        x2: 611.23,
+        y1: 660.74,
+        y2: 602.74
+    })), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#f5f5f5",
+        d: "m415.967 68.35 2.986-19.655 465.072 70.668-2.987 19.654z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#notFound_svg__a)",
+        d: "M589.23 209.59h376v490.29h-376z",
+        transform: "rotate(-81.36 589.882 447.627)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#f5f5f5",
+        d: "m364.447 407.325 51.508-338.98 465.071 70.668-51.508 338.98z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("circle", {
+        cx: 580.99,
+        cy: 251.51,
+        r: 4.86,
+        fill: "#ff5252",
+        transform: "rotate(-81.36 393.642 244.4)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("circle", {
+        cx: 594.2,
+        cy: 253.52,
+        r: 4.86,
+        fill: "#ff0",
+        transform: "rotate(-81.36 406.848 246.405)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("circle", {
+        cx: 607.41,
+        cy: 255.53,
+        r: 4.86,
+        fill: "#69f0ae",
+        transform: "rotate(-81.36 420.06 248.415)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#notFound_svg__b)",
+        d: "M720.53 174.84h124.23v422.38H720.53z",
+        transform: "rotate(-81.36 595.3 378.92)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "m435.203 107.291 408.58 62.084-17.294 113.813-408.58-62.083z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#notFound_svg__c)",
+        d: "M628.65 473.94h24.02v28.16h-24.02z",
+        transform: "rotate(-81.36 453.304 480.904)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "m477.377 284.582 26.2 3.981-2.987 19.655-26.2-3.981z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#ff5252",
+        d: "m472.262 318.154 26.2 3.98-2.987 19.655-26.2-3.981z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#ff9800",
+        d: "m467.167 351.727 26.2 3.98-2.987 19.655-26.2-3.981z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "m546.346 299.25 211.245 32.1-1.74 11.458-211.246-32.099zM541.241 332.823l211.245 32.1-1.74 11.458L539.5 344.282zM536.146 366.396l211.245 32.1-1.741 11.458-211.245-32.1z",
+        opacity: 0.4
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#f5f5f5",
+        d: "M10.887 118.113 499.665 8.858l4.267 19.09L15.154 137.201z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#notFound_svg__d)",
+        d: "M186.23 243.74h522v370h-522z",
+        transform: "rotate(-12.6 -495.083 1022.25)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#f5f5f5",
+        d: "M15.15 137.213 503.928 27.958l73.602 329.274L88.752 466.487z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("ellipse", {
+        cx: 177.11,
+        cy: 316.25,
+        fill: "#ff5252",
+        rx: 5.17,
+        ry: 4.78,
+        transform: "rotate(-12.6 -765.182 909.732)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("ellipse", {
+        cx: 191,
+        cy: 313.15,
+        fill: "#ff0",
+        rx: 5.17,
+        ry: 4.78,
+        transform: "rotate(-12.6 -751.271 906.638)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("ellipse", {
+        cx: 204.88,
+        cy: 310.05,
+        fill: "#69f0ae",
+        rx: 5.17,
+        ry: 4.78,
+        transform: "rotate(-12.6 -737.406 903.539)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#notFound_svg__e)",
+        d: "M202.46 302.76h449.7v122.25h-449.7z",
+        transform: "rotate(-12.6 -514.97 957.389)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "m48.613 165.637 429.403-95.983 24.711 110.552-429.403 95.983z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#notFound_svg__f)",
+        d: "M308.61 498.42h29.98v23.63h-29.98z",
+        transform: "rotate(-12.6 -618.682 1103.725)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "m158.065 313.478 27.655-6.208 4.303 19.169-27.655 6.208z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#ff5252",
+        d: "m163.17 344.626 27.54-6.156 4.267 19.09-27.54 6.155z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#ff9800",
+        d: "m172.831 378.936 27.656-6.208 4.303 19.169-27.655 6.208z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "m229.908 299.64 222.012-49.626 2.489 11.135-222.012 49.626zM237.197 332.254l222.01-49.625 2.49 11.135-222.011 49.625zM244.485 364.858l222.011-49.625 2.489 11.135-222.011 49.626z",
+        opacity: 0.4
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#f5f5f5",
+        d: "M170.07 18.48h568v24h-568z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#notFound_svg__g)",
+        d: "M159.07 10.48h592v454h-592z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fff",
+        d: "M170.07 42.48h568v414h-568z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("circle", {
+        cx: 183.94,
+        cy: 30.48,
+        r: 5.87,
+        fill: "#ff5252"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("circle", {
+        cx: 200.07,
+        cy: 30.48,
+        r: 5.87,
+        fill: "#ff0"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("circle", {
+        cx: 216.2,
+        cy: 30.48,
+        r: 5.87,
+        fill: "#69f0ae"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#notFound_svg__h)",
+        d: "M194.07 79.48h510v150h-510z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "M200.07 85.48h499v139h-499z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#notFound_svg__i)",
+        d: "M281.07 287.48h34v29h-34z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "M282.57 289.48h32v24h-32z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#ff5252",
+        d: "M282.57 330.48h32v24h-32z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#ff9800",
+        d: "M282.57 371.48h32v24h-32z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "M367.57 294.48h258v14h-258zM367.57 335.48h258v14h-258zM367.57 376.48h258v14h-258z",
+        opacity: 0.4
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#notFound_svg__j)",
+        d: "M364.07 364.48h186v153h-186z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#notFound_svg__k)",
+        d: "M559.15 531.41a52.08 52.08 0 0 1 104.17 0v33.33h14.58v-33.33a66.67 66.67 0 1 0-133.33 0v33.33h14.58Z",
+        transform: "translate(-152.16 -191.26)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fff",
+        d: "M409.07 339.48a50 50 0 0 1 100 0v32h14v-32a64 64 0 0 0-128 0v32h14Z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "M372.07 369.48h174v142h-174z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fff",
+        d: "M372.07 369.48h174v142h-174z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fa5a28",
+        d: "M372.07 397.48h174v86h-174z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "url(#notFound_svg__l)",
+        d: "M624 615.5a12.76 12.76 0 1 0-22 8.74v27.22a9.28 9.28 0 0 0 18.56 0v-27.22a12.7 12.7 0 0 0 3.44-8.74",
+        transform: "translate(-152.16 -191.26)"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        d: "M470.07 426.48a11 11 0 1 0-19 7.53v23.47a8 8 0 1 0 16 0v-23.47a11 11 0 0 0 3-7.53",
+        opacity: 0.2
+    }));
+const notFound = __rslib_svgr_url__0__;
+export default notFound;
+export { SvgNotFound as ReactComponent };
+
+//# sourceMappingURL=notFound.js.map