@webiny/app-admin 0.0.0-unstable.df6d94b531 → 0.0.0-unstable.df7a8bb475

package/README.md

@@ -1,21 +1,11 @@
 # @webiny/app-admin
-[![](https://img.shields.io/npm/dw/@webiny/app-admin.svg)](https://www.npmjs.com/package/@webiny/app-admin) 
-[![](https://img.shields.io/npm/v/@webiny/app-admin.svg)](https://www.npmjs.com/package/@webiny/app-admin)
-[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
-[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
 
-A collection of plugins that together form a complete admin interface, 
-customizable and extensible with Webiny apps and plugins.
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
 
-For more information, please visit 
-[the official docs](https://docs.webiny.com/docs/developer-tutorials/admin-app-overview). 
-  
-## Install
-```
-npm install --save @webiny/app-admin
-```
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
 
-Or if you prefer yarn: 
-```
-yarn add @webiny/app-admin
-```
+---
+
+_This README file is automatically generated during the publish process._

package/assets/icons/file_download.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><path d="M16.59,9H15V4c0-0.55-0.45-1-1-1h-4C9.45,3,9,3.45,9,4v5H7.41c-0.89,0-1.34,1.08-0.71,1.71l4.59,4.59 c0.39,0.39,1.02,0.39,1.41,0l4.59-4.59C17.92,10.08,17.48,9,16.59,9z M5,19c0,0.55,0.45,1,1,1h12c0.55,0,1-0.45,1-1s-0.45-1-1-1H6 C5.45,18,5,18.45,5,19z"/></g></svg>

package/assets/icons/file_upload.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><path d="M7.4,10h1.59v5c0,0.55,0.45,1,1,1h4c0.55,0,1-0.45,1-1v-5h1.59c0.89,0,1.34-1.08,0.71-1.71L12.7,3.7 c-0.39-0.39-1.02-0.39-1.41,0L6.7,8.29C6.07,8.92,6.51,10,7.4,10z M5,19c0,0.55,0.45,1,1,1h12c0.55,0,1-0.45,1-1s-0.45-1-1-1H6 C5.45,18,5,18.45,5,19z"/></g></svg>

package/base/Admin.d.ts

@@ -1,7 +1,10 @@
 import React from "react";
-import { ApolloClientFactory } from "./providers/ApolloProvider";
+import type { Container } from "@webiny/di";
+import type { ApolloClientFactory } from "./providers/ApolloProvider.js";
+import type { PluginCollection } from "@webiny/plugins/types.js";
 export interface AdminProps {
     createApolloClient: ApolloClientFactory;
+    createLegacyPlugins: (container: Container) => PluginCollection;
     children?: React.ReactNode;
 }
-export declare const Admin: React.FC<AdminProps>;
+export declare const Admin: ({ children, createApolloClient, createLegacyPlugins }: AdminProps) => React.JSX.Element;

package/base/Admin.js

@@ -1,41 +1,44 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Admin = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _app = require("@webiny/app");
-var _appWcp = require("@webiny/app-wcp");
-var _ApolloProvider = require("./providers/ApolloProvider");
-var _Base = require("./Base");
-var _TelemetryProvider = require("./providers/TelemetryProvider");
-var _UiStateProvider = require("./providers/UiStateProvider");
-var _Search = require("./ui/Search");
-var _UserMenu = require("./ui/UserMenu");
-var _Navigation = require("./ui/Navigation");
-var _Progress = require("@webiny/ui/Progress");
-var Admin = function Admin(_ref) {
-  var children = _ref.children,
-    createApolloClient = _ref.createApolloClient;
-  var ApolloProvider = (0, _ApolloProvider.createApolloProvider)(createApolloClient);
-  var TelemetryProvider = (0, _TelemetryProvider.createTelemetryProvider)();
-  var UiStateProvider = (0, _UiStateProvider.createUiStateProvider)();
-  return /*#__PURE__*/_react.default.createElement(ApolloProvider, null, /*#__PURE__*/_react.default.createElement(_appWcp.WcpProvider, {
-    loader: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
-      label: "Loading..."
-    })
-  }, /*#__PURE__*/_react.default.createElement(_app.App, null, /*#__PURE__*/_react.default.createElement(_app.Provider, {
-    hoc: TelemetryProvider
-  }), /*#__PURE__*/_react.default.createElement(_app.Provider, {
-    hoc: UiStateProvider
-  }), /*#__PURE__*/_react.default.createElement(_app.Provider, {
-    hoc: _Search.SearchProvider
-  }), /*#__PURE__*/_react.default.createElement(_app.Provider, {
-    hoc: _UserMenu.UserMenuProvider
-  }), /*#__PURE__*/_react.default.createElement(_app.Provider, {
-    hoc: _Navigation.NavigationProvider
-  }), /*#__PURE__*/_react.default.createElement(_Base.Base, null), children)));
+import React from "react";
+import { plugins } from "@webiny/plugins";
+import { App, DiContainerProvider } from "@webiny/app";
+import { createApolloProvider } from "./providers/ApolloProvider.js";
+import { Base } from "./Base.js";
+import { createUiStateProvider } from "./providers/UiStateProvider.js";
+import { createAdminUiStateProvider } from "./providers/AdminUiStateProvider.js";
+import { createUiProviders } from "./providers/UiProviders.js";
+import { createDialogsProvider } from "../components/Dialogs/DialogsContext.js";
+import { DefaultIcons, IconPickerConfigProvider } from "../components/IconPicker/config/index.js";
+import { createRootContainer } from "./createRootContainer.js";
+import { WcpProvider } from "../presentation/wcp/WcpProvider.js";
+import { createTenancyProvider } from "../presentation/tenancy/createTenancyProvider.js";
+import { TelemetryAdminAppStart } from "./TelemetryAdminAppStart.js";
+import { ApolloClientFeature } from "../features/apolloClient/feature.js";
+import { SecurityFeature } from "../features/security/SecurityFeature.js";
+const container = createRootContainer();
+export const Admin = ({
+  children,
+  createApolloClient,
+  createLegacyPlugins
+}) => {
+  const uri = process.env.REACT_APP_GRAPHQL_API_URL;
+  const apolloClient = createApolloClient({
+    uri
+  });
+  plugins.register(...createLegacyPlugins(container));
+  ApolloClientFeature.register(container, apolloClient);
+  SecurityFeature.register(container);
+  const ApolloProvider = createApolloProvider(apolloClient);
+  const UIProviders = createUiProviders();
+  const UiStateProvider = createUiStateProvider();
+  const AdminUiStateProvider = createAdminUiStateProvider();
+  const DialogsProvider = createDialogsProvider();
+  const TenancyProvider = createTenancyProvider();
+  return /*#__PURE__*/React.createElement(DiContainerProvider, {
+    container: container
+  }, /*#__PURE__*/React.createElement(TelemetryAdminAppStart, null), /*#__PURE__*/React.createElement(ApolloProvider, null, /*#__PURE__*/React.createElement(WcpProvider, null, /*#__PURE__*/React.createElement(App, {
+    routes: [],
+    providers: [UIProviders, UiStateProvider, DialogsProvider, IconPickerConfigProvider, AdminUiStateProvider, TenancyProvider]
+  }, /*#__PURE__*/React.createElement(Base, null), /*#__PURE__*/React.createElement(DefaultIcons, null), children))));
 };
-exports.Admin = Admin;
+
+//# sourceMappingURL=Admin.js.map

package/base/Admin.js.map

@@ -1 +1 @@
-{"version":3,"names":["Admin","children","createApolloClient","ApolloProvider","createApolloProvider","TelemetryProvider","createTelemetryProvider","UiStateProvider","createUiStateProvider","SearchProvider","UserMenuProvider","NavigationProvider"],"sources":["Admin.tsx"],"sourcesContent":["import React from \"react\";\nimport { App, Provider } from \"@webiny/app\";\nimport { WcpProvider } from \"@webiny/app-wcp\";\nimport { ApolloClientFactory, createApolloProvider } from \"./providers/ApolloProvider\";\nimport { Base } from \"./Base\";\nimport { createTelemetryProvider } from \"./providers/TelemetryProvider\";\nimport { createUiStateProvider } from \"./providers/UiStateProvider\";\nimport { SearchProvider } from \"./ui/Search\";\nimport { UserMenuProvider } from \"./ui/UserMenu\";\nimport { NavigationProvider } from \"./ui/Navigation\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nexport interface AdminProps {\n    createApolloClient: ApolloClientFactory;\n    children?: React.ReactNode;\n}\n\nexport const Admin: React.FC<AdminProps> = ({ children, createApolloClient }) => {\n    const ApolloProvider = createApolloProvider(createApolloClient);\n    const TelemetryProvider = createTelemetryProvider();\n    const UiStateProvider = createUiStateProvider();\n\n    return (\n        <ApolloProvider>\n            <WcpProvider loader={<CircularProgress label={\"Loading...\"} />}>\n                <App>\n                    <Provider hoc={TelemetryProvider} />\n                    <Provider hoc={UiStateProvider} />\n                    <Provider hoc={SearchProvider} />\n                    <Provider hoc={UserMenuProvider} />\n                    <Provider hoc={NavigationProvider} />\n                    <Base />\n                    {children}\n                </App>\n            </WcpProvider>\n        </ApolloProvider>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOO,IAAMA,KAA2B,GAAG,SAA9BA,KAA2B,OAAyC;EAAA,IAAnCC,QAAQ,QAARA,QAAQ;IAAEC,kBAAkB,QAAlBA,kBAAkB;EACtE,IAAMC,cAAc,GAAG,IAAAC,oCAAoB,EAACF,kBAAkB,CAAC;EAC/D,IAAMG,iBAAiB,GAAG,IAAAC,0CAAuB,GAAE;EACnD,IAAMC,eAAe,GAAG,IAAAC,sCAAqB,GAAE;EAE/C,oBACI,6BAAC,cAAc,qBACX,6BAAC,mBAAW;IAAC,MAAM,eAAE,6BAAC,0BAAgB;MAAC,KAAK,EAAE;IAAa;EAAI,gBAC3D,6BAAC,QAAG,qBACA,6BAAC,aAAQ;IAAC,GAAG,EAAEH;EAAkB,EAAG,eACpC,6BAAC,aAAQ;IAAC,GAAG,EAAEE;EAAgB,EAAG,eAClC,6BAAC,aAAQ;IAAC,GAAG,EAAEE;EAAe,EAAG,eACjC,6BAAC,aAAQ;IAAC,GAAG,EAAEC;EAAiB,EAAG,eACnC,6BAAC,aAAQ;IAAC,GAAG,EAAEC;EAAmB,EAAG,eACrC,6BAAC,UAAI,OAAG,EACPV,QAAQ,CACP,CACI,CACD;AAEzB,CAAC;AAAC"}
+{"version":3,"names":["React","plugins","App","DiContainerProvider","createApolloProvider","Base","createUiStateProvider","createAdminUiStateProvider","createUiProviders","createDialogsProvider","DefaultIcons","IconPickerConfigProvider","createRootContainer","WcpProvider","createTenancyProvider","TelemetryAdminAppStart","ApolloClientFeature","SecurityFeature","container","Admin","children","createApolloClient","createLegacyPlugins","uri","process","env","REACT_APP_GRAPHQL_API_URL","apolloClient","register","ApolloProvider","UIProviders","UiStateProvider","AdminUiStateProvider","DialogsProvider","TenancyProvider","createElement","routes","providers"],"sources":["Admin.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Container } from \"@webiny/di\";\nimport { plugins } from \"@webiny/plugins\";\nimport { App, DiContainerProvider } from \"@webiny/app\";\nimport type { ApolloClientFactory } from \"./providers/ApolloProvider.js\";\nimport { createApolloProvider } from \"./providers/ApolloProvider.js\";\nimport { Base } from \"./Base.js\";\nimport { createUiStateProvider } from \"./providers/UiStateProvider.js\";\nimport { createAdminUiStateProvider } from \"./providers/AdminUiStateProvider.js\";\nimport { createUiProviders } from \"./providers/UiProviders.js\";\nimport { createDialogsProvider } from \"~/components/Dialogs/DialogsContext.js\";\nimport { DefaultIcons, IconPickerConfigProvider } from \"~/components/IconPicker/config/index.js\";\nimport { createRootContainer } from \"~/base/createRootContainer.js\";\nimport { WcpProvider } from \"~/presentation/wcp/WcpProvider.js\";\nimport { createTenancyProvider } from \"~/presentation/tenancy/createTenancyProvider.js\";\nimport { TelemetryAdminAppStart } from \"./TelemetryAdminAppStart.js\";\nimport { ApolloClientFeature } from \"~/features/apolloClient/feature.js\";\nimport { SecurityFeature } from \"~/features/security/SecurityFeature.js\";\nimport type { PluginCollection } from \"@webiny/plugins/types.js\";\n\nexport interface AdminProps {\n    createApolloClient: ApolloClientFactory;\n    createLegacyPlugins: (container: Container) => PluginCollection;\n    children?: React.ReactNode;\n}\n\nconst container = createRootContainer();\n\nexport const Admin = ({ children, createApolloClient, createLegacyPlugins }: AdminProps) => {\n    const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n    const apolloClient = createApolloClient({ uri });\n\n    plugins.register(...createLegacyPlugins(container));\n\n    ApolloClientFeature.register(container, apolloClient);\n    SecurityFeature.register(container);\n\n    const ApolloProvider = createApolloProvider(apolloClient);\n    const UIProviders = createUiProviders();\n    const UiStateProvider = createUiStateProvider();\n    const AdminUiStateProvider = createAdminUiStateProvider();\n    const DialogsProvider = createDialogsProvider();\n    const TenancyProvider = createTenancyProvider();\n\n    return (\n        <DiContainerProvider container={container}>\n            <TelemetryAdminAppStart />\n            <ApolloProvider>\n                <WcpProvider>\n                    <App\n                        routes={[]}\n                        providers={[\n                            UIProviders,\n                            UiStateProvider,\n                            DialogsProvider,\n                            IconPickerConfigProvider,\n                            AdminUiStateProvider,\n                            TenancyProvider\n                        ]}\n                    >\n                        <Base />\n                        <DefaultIcons />\n                        {children}\n                    </App>\n                </WcpProvider>\n            </ApolloProvider>\n        </DiContainerProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,GAAG,EAAEC,mBAAmB,QAAQ,aAAa;AAEtD,SAASC,oBAAoB;AAC7B,SAASC,IAAI;AACb,SAASC,qBAAqB;AAC9B,SAASC,0BAA0B;AACnC,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAC9B,SAASC,YAAY,EAAEC,wBAAwB;AAC/C,SAASC,mBAAmB;AAC5B,SAASC,WAAW;AACpB,SAASC,qBAAqB;AAC9B,SAASC,sBAAsB;AAC/B,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AASxB,MAAMC,SAAS,GAAGN,mBAAmB,CAAC,CAAC;AAEvC,OAAO,MAAMO,KAAK,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,kBAAkB;EAAEC;AAAgC,CAAC,KAAK;EACxF,MAAMC,GAAG,GAAGC,OAAO,CAACC,GAAG,CAACC,yBAAmC;EAC3D,MAAMC,YAAY,GAAGN,kBAAkB,CAAC;IAAEE;EAAI,CAAC,CAAC;EAEhDtB,OAAO,CAAC2B,QAAQ,CAAC,GAAGN,mBAAmB,CAACJ,SAAS,CAAC,CAAC;EAEnDF,mBAAmB,CAACY,QAAQ,CAACV,SAAS,EAAES,YAAY,CAAC;EACrDV,eAAe,CAACW,QAAQ,CAACV,SAAS,CAAC;EAEnC,MAAMW,cAAc,GAAGzB,oBAAoB,CAACuB,YAAY,CAAC;EACzD,MAAMG,WAAW,GAAGtB,iBAAiB,CAAC,CAAC;EACvC,MAAMuB,eAAe,GAAGzB,qBAAqB,CAAC,CAAC;EAC/C,MAAM0B,oBAAoB,GAAGzB,0BAA0B,CAAC,CAAC;EACzD,MAAM0B,eAAe,GAAGxB,qBAAqB,CAAC,CAAC;EAC/C,MAAMyB,eAAe,GAAGpB,qBAAqB,CAAC,CAAC;EAE/C,oBACId,KAAA,CAAAmC,aAAA,CAAChC,mBAAmB;IAACe,SAAS,EAAEA;EAAU,gBACtClB,KAAA,CAAAmC,aAAA,CAACpB,sBAAsB,MAAE,CAAC,eAC1Bf,KAAA,CAAAmC,aAAA,CAACN,cAAc,qBACX7B,KAAA,CAAAmC,aAAA,CAACtB,WAAW,qBACRb,KAAA,CAAAmC,aAAA,CAACjC,GAAG;IACAkC,MAAM,EAAE,EAAG;IACXC,SAAS,EAAE,CACPP,WAAW,EACXC,eAAe,EACfE,eAAe,EACftB,wBAAwB,EACxBqB,oBAAoB,EACpBE,eAAe;EACjB,gBAEFlC,KAAA,CAAAmC,aAAA,CAAC9B,IAAI,MAAE,CAAC,eACRL,KAAA,CAAAmC,aAAA,CAACzB,YAAY,MAAE,CAAC,EACfU,QACA,CACI,CACD,CACC,CAAC;AAE9B,CAAC","ignoreList":[]}

package/base/Base/LexicalPreset/LinkEditForm.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { FloatingLinkEditorPlugin } from "@webiny/lexical-editor";
+type LinkEditForm = NonNullable<React.ComponentProps<typeof FloatingLinkEditorPlugin>["LinkEditForm"]>;
+type LinkEditFormProps = React.ComponentProps<LinkEditForm>;
+export declare const LinkEditForm: ({ linkData, onSave, onCancel }: LinkEditFormProps) => React.JSX.Element;
+export {};

package/base/Base/LexicalPreset/LinkEditForm.js

@@ -0,0 +1,63 @@
+import React from "react";
+import { Button, Grid, Input, Switch, Text } from "@webiny/admin-ui";
+import { Bind, Form } from "@webiny/form";
+import { validation } from "@webiny/validation";
+export const LinkEditForm = ({
+  linkData,
+  onSave,
+  onCancel
+}) => {
+  const onSubmit = data => {
+    onSave(data);
+  };
+  return /*#__PURE__*/React.createElement(Form, {
+    data: linkData,
+    onSubmit: onSubmit
+  }, form => /*#__PURE__*/React.createElement("div", {
+    className: "p-md"
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "lg"
+  }, "Edit Link")), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "url",
+    validate: validation.create("url")
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "URL",
+    variant: "secondary"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "alt"
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Alt text",
+    variant: "secondary"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "target"
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(Switch, {
+    checked: value === "_blank",
+    label: "Open link in a new tab",
+    onChange: value => {
+      onChange(value === true ? "_blank" : null);
+    }
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12,
+    className: "flex justify-end gap-sm"
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    text: `Cancel`,
+    onClick: onCancel
+  }), /*#__PURE__*/React.createElement(Button, {
+    text: `Save`,
+    onClick: e => form.submit(e)
+  })))));
+};
+
+//# sourceMappingURL=LinkEditForm.js.map

package/base/Base/LexicalPreset/LinkEditForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Grid","Input","Switch","Text","Bind","Form","validation","LinkEditForm","linkData","onSave","onCancel","onSubmit","data","createElement","form","className","Column","span","size","name","validate","create","label","variant","value","onChange","checked","text","onClick","e","submit"],"sources":["LinkEditForm.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FloatingLinkEditorPlugin } from \"@webiny/lexical-editor\";\nimport { Button, Grid, Input, Switch, Text } from \"@webiny/admin-ui\";\nimport { Bind, Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\n\ntype LinkEditForm = NonNullable<\n    React.ComponentProps<typeof FloatingLinkEditorPlugin>[\"LinkEditForm\"]\n>;\ntype LinkEditFormProps = React.ComponentProps<LinkEditForm>;\n\nexport const LinkEditForm = ({ linkData, onSave, onCancel }: LinkEditFormProps) => {\n    const onSubmit = (data: LinkEditFormProps[\"linkData\"]) => {\n        onSave(data);\n    };\n\n    return (\n        <Form data={linkData} onSubmit={onSubmit}>\n            {form => (\n                <div className={\"p-md\"}>\n                    <Grid>\n                        <Grid.Column span={12}>\n                            <Text size={\"lg\"}>Edit Link</Text>\n                        </Grid.Column>\n                        <Grid.Column span={12}>\n                            <Bind name={\"url\"} validate={validation.create(\"url\")}>\n                                <Input label={\"URL\"} variant={\"secondary\"} />\n                            </Bind>\n                        </Grid.Column>\n                        <Grid.Column span={12}>\n                            <Bind name={\"alt\"}>\n                                <Input label={\"Alt text\"} variant={\"secondary\"} />\n                            </Bind>\n                        </Grid.Column>\n                        <Grid.Column span={12}>\n                            <Bind name={\"target\"}>\n                                {({ value, onChange }) => (\n                                    <Switch\n                                        checked={value === \"_blank\"}\n                                        label={\"Open link in a new tab\"}\n                                        onChange={value => {\n                                            onChange(value === true ? \"_blank\" : null);\n                                        }}\n                                    />\n                                )}\n                            </Bind>\n                        </Grid.Column>\n                        <Grid.Column span={12} className={\"flex justify-end gap-sm\"}>\n                            <Button variant={\"secondary\"} text={`Cancel`} onClick={onCancel} />\n                            <Button text={`Save`} onClick={e => form.submit(e)} />\n                        </Grid.Column>\n                    </Grid>\n                </div>\n            )}\n        </Form>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AACpE,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,QAAQ,oBAAoB;AAO/C,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAA4B,CAAC,KAAK;EAC/E,MAAMC,QAAQ,GAAIC,IAAmC,IAAK;IACtDH,MAAM,CAACG,IAAI,CAAC;EAChB,CAAC;EAED,oBACId,KAAA,CAAAe,aAAA,CAACR,IAAI;IAACO,IAAI,EAAEJ,QAAS;IAACG,QAAQ,EAAEA;EAAS,GACpCG,IAAI,iBACDhB,KAAA,CAAAe,aAAA;IAAKE,SAAS,EAAE;EAAO,gBACnBjB,KAAA,CAAAe,aAAA,CAACb,IAAI,qBACDF,KAAA,CAAAe,aAAA,CAACb,IAAI,CAACgB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBnB,KAAA,CAAAe,aAAA,CAACV,IAAI;IAACe,IAAI,EAAE;EAAK,GAAC,WAAe,CACxB,CAAC,eACdpB,KAAA,CAAAe,aAAA,CAACb,IAAI,CAACgB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBnB,KAAA,CAAAe,aAAA,CAACT,IAAI;IAACe,IAAI,EAAE,KAAM;IAACC,QAAQ,EAAEd,UAAU,CAACe,MAAM,CAAC,KAAK;EAAE,gBAClDvB,KAAA,CAAAe,aAAA,CAACZ,KAAK;IAACqB,KAAK,EAAE,KAAM;IAACC,OAAO,EAAE;EAAY,CAAE,CAC1C,CACG,CAAC,eACdzB,KAAA,CAAAe,aAAA,CAACb,IAAI,CAACgB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBnB,KAAA,CAAAe,aAAA,CAACT,IAAI;IAACe,IAAI,EAAE;EAAM,gBACdrB,KAAA,CAAAe,aAAA,CAACZ,KAAK;IAACqB,KAAK,EAAE,UAAW;IAACC,OAAO,EAAE;EAAY,CAAE,CAC/C,CACG,CAAC,eACdzB,KAAA,CAAAe,aAAA,CAACb,IAAI,CAACgB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBnB,KAAA,CAAAe,aAAA,CAACT,IAAI;IAACe,IAAI,EAAE;EAAS,GAChB,CAAC;IAAEK,KAAK;IAAEC;EAAS,CAAC,kBACjB3B,KAAA,CAAAe,aAAA,CAACX,MAAM;IACHwB,OAAO,EAAEF,KAAK,KAAK,QAAS;IAC5BF,KAAK,EAAE,wBAAyB;IAChCG,QAAQ,EAAED,KAAK,IAAI;MACfC,QAAQ,CAACD,KAAK,KAAK,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC;IAC9C;EAAE,CACL,CAEH,CACG,CAAC,eACd1B,KAAA,CAAAe,aAAA,CAACb,IAAI,CAACgB,MAAM;IAACC,IAAI,EAAE,EAAG;IAACF,SAAS,EAAE;EAA0B,gBACxDjB,KAAA,CAAAe,aAAA,CAACd,MAAM;IAACwB,OAAO,EAAE,WAAY;IAACI,IAAI,EAAE,QAAS;IAACC,OAAO,EAAElB;EAAS,CAAE,CAAC,eACnEZ,KAAA,CAAAe,aAAA,CAACd,MAAM;IAAC4B,IAAI,EAAE,MAAO;IAACC,OAAO,EAAEC,CAAC,IAAIf,IAAI,CAACgB,MAAM,CAACD,CAAC;EAAE,CAAE,CAC5C,CACX,CACL,CAEP,CAAC;AAEf,CAAC","ignoreList":[]}

package/base/Base/LexicalPreset.d.ts

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

package/base/Base/LexicalPreset.js

@@ -0,0 +1,68 @@
+import React from "react";
+import { AdminConfig } from "../../config/AdminConfig.js";
+import { LexicalTheme } from "../../config/AdminConfig/LexicalTheme.js";
+import { LexicalEditorConfig } from "@webiny/lexical-editor/components/LexicalEditorConfig/LexicalEditorConfig.js";
+import { FloatingLinkEditorPlugin } from "@webiny/lexical-editor";
+import { LinkEditForm } from "./LexicalPreset/LinkEditForm.js";
+const {
+  Color,
+  Typography
+} = LexicalTheme;
+export const LexicalPreset = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(Color, {
+    id: "color1",
+    label: "Primary color",
+    value: "var(--wa-theme-color1)"
+  }), /*#__PURE__*/React.createElement(Color, {
+    id: "color2",
+    label: "Secondary color",
+    value: "var(--wa-theme-color2)"
+  }), /*#__PURE__*/React.createElement(Color, {
+    id: "color3",
+    label: "Regular color",
+    value: "var(--wa-theme-color3)"
+  }), /*#__PURE__*/React.createElement(Typography.Heading, {
+    id: "heading1",
+    label: "Heading 1",
+    tag: "h1",
+    className: "wa-heading-1"
+  }), /*#__PURE__*/React.createElement(Typography.Heading, {
+    id: "heading2",
+    label: "Heading 2",
+    tag: "h2",
+    className: "wa-heading-2"
+  }), /*#__PURE__*/React.createElement(Typography.Heading, {
+    id: "heading3",
+    label: "Heading 3",
+    tag: "h3",
+    className: "wa-heading-3"
+  }), /*#__PURE__*/React.createElement(Typography.Paragraph, {
+    id: "paragraph1",
+    label: "Paragraph",
+    tag: "p",
+    className: "wa-paragraph-1"
+  }), /*#__PURE__*/React.createElement(Typography.Quote, {
+    id: "quote",
+    label: "Quote",
+    tag: "blockquote",
+    className: "wa-blockquote-1"
+  }), /*#__PURE__*/React.createElement(Typography.List, {
+    id: "list1",
+    label: "Unordered list",
+    tag: "ul",
+    className: "wa-unordered-list-1"
+  }), /*#__PURE__*/React.createElement(Typography.List, {
+    id: "list2",
+    label: "Ordered list",
+    tag: "ol",
+    className: "wa-ordered-list-1"
+  })), /*#__PURE__*/React.createElement(LexicalEditorConfig, null, /*#__PURE__*/React.createElement(LexicalEditorConfig.Plugin, {
+    name: "floatingLinkEditor",
+    element: /*#__PURE__*/React.createElement(FloatingLinkEditorPlugin, {
+      anchorElem: () => document.body,
+      LinkEditForm: LinkEditForm
+    })
+  })));
+};
+
+//# sourceMappingURL=LexicalPreset.js.map

package/base/Base/LexicalPreset.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AdminConfig","LexicalTheme","LexicalEditorConfig","FloatingLinkEditorPlugin","LinkEditForm","Color","Typography","LexicalPreset","createElement","Fragment","id","label","value","Heading","tag","className","Paragraph","Quote","List","Plugin","name","element","anchorElem","document","body"],"sources":["LexicalPreset.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"../../config/AdminConfig.js\";\nimport { LexicalTheme } from \"~/config/AdminConfig/LexicalTheme.js\";\nimport { LexicalEditorConfig } from \"@webiny/lexical-editor/components/LexicalEditorConfig/LexicalEditorConfig.js\";\nimport { FloatingLinkEditorPlugin } from \"@webiny/lexical-editor\";\nimport { LinkEditForm } from \"./LexicalPreset/LinkEditForm.js\";\n\nconst { Color, Typography } = LexicalTheme;\n\nexport const LexicalPreset = () => {\n    return (\n        <>\n            <AdminConfig>\n                {/* Colors */}\n                <Color id={\"color1\"} label=\"Primary color\" value={\"var(--wa-theme-color1)\"} />\n                <Color id={\"color2\"} label=\"Secondary color\" value={\"var(--wa-theme-color2)\"} />\n                <Color id={\"color3\"} label=\"Regular color\" value={\"var(--wa-theme-color3)\"} />\n                {/* Typography */}\n                <Typography.Heading\n                    id={\"heading1\"}\n                    label={\"Heading 1\"}\n                    tag={\"h1\"}\n                    className={\"wa-heading-1\"}\n                />\n                <Typography.Heading\n                    id={\"heading2\"}\n                    label={\"Heading 2\"}\n                    tag={\"h2\"}\n                    className={\"wa-heading-2\"}\n                />\n                <Typography.Heading\n                    id={\"heading3\"}\n                    label={\"Heading 3\"}\n                    tag={\"h3\"}\n                    className={\"wa-heading-3\"}\n                />\n\n                <Typography.Paragraph\n                    id={\"paragraph1\"}\n                    label={\"Paragraph\"}\n                    tag={\"p\"}\n                    className={\"wa-paragraph-1\"}\n                />\n\n                <Typography.Quote\n                    id={\"quote\"}\n                    label={\"Quote\"}\n                    tag={\"blockquote\"}\n                    className={\"wa-blockquote-1\"}\n                />\n                <Typography.List\n                    id={\"list1\"}\n                    label={\"Unordered list\"}\n                    tag={\"ul\"}\n                    className={\"wa-unordered-list-1\"}\n                />\n                <Typography.List\n                    id={\"list2\"}\n                    label={\"Ordered list\"}\n                    tag={\"ol\"}\n                    className={\"wa-ordered-list-1\"}\n                />\n            </AdminConfig>\n            <LexicalEditorConfig>\n                <LexicalEditorConfig.Plugin\n                    name={\"floatingLinkEditor\"}\n                    element={\n                        <FloatingLinkEditorPlugin\n                            anchorElem={() => document.body}\n                            LinkEditForm={LinkEditForm}\n                        />\n                    }\n                />\n            </LexicalEditorConfig>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW;AACpB,SAASC,YAAY;AACrB,SAASC,mBAAmB,QAAQ,8EAA8E;AAClH,SAASC,wBAAwB,QAAQ,wBAAwB;AACjE,SAASC,YAAY;AAErB,MAAM;EAAEC,KAAK;EAAEC;AAAW,CAAC,GAAGL,YAAY;AAE1C,OAAO,MAAMM,aAAa,GAAGA,CAAA,KAAM;EAC/B,oBACIR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,qBACIV,KAAA,CAAAS,aAAA,CAACR,WAAW,qBAERD,KAAA,CAAAS,aAAA,CAACH,KAAK;IAACK,EAAE,EAAE,QAAS;IAACC,KAAK,EAAC,eAAe;IAACC,KAAK,EAAE;EAAyB,CAAE,CAAC,eAC9Eb,KAAA,CAAAS,aAAA,CAACH,KAAK;IAACK,EAAE,EAAE,QAAS;IAACC,KAAK,EAAC,iBAAiB;IAACC,KAAK,EAAE;EAAyB,CAAE,CAAC,eAChFb,KAAA,CAAAS,aAAA,CAACH,KAAK;IAACK,EAAE,EAAE,QAAS;IAACC,KAAK,EAAC,eAAe;IAACC,KAAK,EAAE;EAAyB,CAAE,CAAC,eAE9Eb,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACO,OAAO;IACfH,EAAE,EAAE,UAAW;IACfC,KAAK,EAAE,WAAY;IACnBG,GAAG,EAAE,IAAK;IACVC,SAAS,EAAE;EAAe,CAC7B,CAAC,eACFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACO,OAAO;IACfH,EAAE,EAAE,UAAW;IACfC,KAAK,EAAE,WAAY;IACnBG,GAAG,EAAE,IAAK;IACVC,SAAS,EAAE;EAAe,CAC7B,CAAC,eACFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACO,OAAO;IACfH,EAAE,EAAE,UAAW;IACfC,KAAK,EAAE,WAAY;IACnBG,GAAG,EAAE,IAAK;IACVC,SAAS,EAAE;EAAe,CAC7B,CAAC,eAEFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACU,SAAS;IACjBN,EAAE,EAAE,YAAa;IACjBC,KAAK,EAAE,WAAY;IACnBG,GAAG,EAAE,GAAI;IACTC,SAAS,EAAE;EAAiB,CAC/B,CAAC,eAEFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACW,KAAK;IACbP,EAAE,EAAE,OAAQ;IACZC,KAAK,EAAE,OAAQ;IACfG,GAAG,EAAE,YAAa;IAClBC,SAAS,EAAE;EAAkB,CAChC,CAAC,eACFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACY,IAAI;IACZR,EAAE,EAAE,OAAQ;IACZC,KAAK,EAAE,gBAAiB;IACxBG,GAAG,EAAE,IAAK;IACVC,SAAS,EAAE;EAAsB,CACpC,CAAC,eACFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACY,IAAI;IACZR,EAAE,EAAE,OAAQ;IACZC,KAAK,EAAE,cAAe;IACtBG,GAAG,EAAE,IAAK;IACVC,SAAS,EAAE;EAAoB,CAClC,CACQ,CAAC,eACdhB,KAAA,CAAAS,aAAA,CAACN,mBAAmB,qBAChBH,KAAA,CAAAS,aAAA,CAACN,mBAAmB,CAACiB,MAAM;IACvBC,IAAI,EAAE,oBAAqB;IAC3BC,OAAO,eACHtB,KAAA,CAAAS,aAAA,CAACL,wBAAwB;MACrBmB,UAAU,EAAEA,CAAA,KAAMC,QAAQ,CAACC,IAAK;MAChCpB,YAAY,EAAEA;IAAa,CAC9B;EACJ,CACJ,CACgB,CACvB,CAAC;AAEX,CAAC","ignoreList":[]}

package/base/Base/Menus/SupportMenuItems.d.ts

@@ -0,0 +1,2 @@
+import { type ReactElement } from "react";
+export declare const SupportMenuItems: () => ReactElement | null;

package/base/Base/Menus/SupportMenuItems.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { useAdminConfig } from "../../../config/AdminConfig.js";
+export const SupportMenuItems = () => {
+  const {
+    supportMenus
+  } = useAdminConfig();
+  // @ts-expect-error Fix with React 19.
+  return supportMenus.map(menu => {
+    if (! /*#__PURE__*/React.isValidElement(menu.element)) {
+      return null;
+    }
+    return /*#__PURE__*/React.cloneElement(menu.element, {
+      key: menu.name
+    });
+  });
+};
+
+//# sourceMappingURL=SupportMenuItems.js.map

package/base/Base/Menus/SupportMenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useAdminConfig","SupportMenuItems","supportMenus","map","menu","isValidElement","element","cloneElement","key","name"],"sources":["SupportMenuItems.tsx"],"sourcesContent":["import React, { type ReactElement } from \"react\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\n\nexport const SupportMenuItems = (): ReactElement | null => {\n    const { supportMenus } = useAdminConfig();\n    // @ts-expect-error Fix with React 19.\n    return supportMenus.map(menu => {\n        if (!React.isValidElement(menu.element)) {\n            return null;\n        }\n\n        return React.cloneElement(menu.element, { key: menu.name });\n    });\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,SAASC,cAAc;AAEvB,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAA2B;EACvD,MAAM;IAAEC;EAAa,CAAC,GAAGF,cAAc,CAAC,CAAC;EACzC;EACA,OAAOE,YAAY,CAACC,GAAG,CAACC,IAAI,IAAI;IAC5B,IAAI,eAACL,KAAK,CAACM,cAAc,CAACD,IAAI,CAACE,OAAO,CAAC,EAAE;MACrC,OAAO,IAAI;IACf;IAEA,oBAAOP,KAAK,CAACQ,YAAY,CAACH,IAAI,CAACE,OAAO,EAAE;MAAEE,GAAG,EAAEJ,IAAI,CAACK;IAAK,CAAC,CAAC;EAC/D,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/base/Base/Menus/WebinyVersion.d.ts

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

package/base/Base/Menus/WebinyVersion.js

@@ -0,0 +1,24 @@
+import React, { useMemo } from "react";
+import { config as appConfig } from "@webiny/app/config.js";
+import { useWcp } from "../../../index.js";
+import { Tag } from "@webiny/admin-ui";
+export const WebinyVersion = () => {
+  const wbyVersion = appConfig.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
+  const wcp = useWcp();
+  const wcpBadge = useMemo(() => {
+    const wcpProject = wcp.getProject();
+    if (!wcpProject) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Tag, {
+      variant: "accent",
+      content: "WCP",
+      className: "ml-sm-extra"
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center"
+  }, "Webiny v", wbyVersion, wcpBadge);
+};
+
+//# sourceMappingURL=WebinyVersion.js.map

package/base/Base/Menus/WebinyVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","config","appConfig","useWcp","Tag","WebinyVersion","wbyVersion","getKey","process","env","REACT_APP_WEBINY_VERSION","wcp","wcpBadge","wcpProject","getProject","createElement","variant","content","className"],"sources":["WebinyVersion.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { config as appConfig } from \"@webiny/app/config.js\";\nimport { useWcp } from \"~/index.js\";\nimport { Tag } from \"@webiny/admin-ui\";\n\nexport const WebinyVersion = () => {\n    const wbyVersion = appConfig.getKey(\"WEBINY_VERSION\", process.env.REACT_APP_WEBINY_VERSION);\n    const wcp = useWcp();\n\n    const wcpBadge = useMemo(() => {\n        const wcpProject = wcp.getProject();\n        if (!wcpProject) {\n            return null;\n        }\n\n        return <Tag variant={\"accent\"} content={\"WCP\"} className={\"ml-sm-extra\"} />;\n    }, []);\n\n    return (\n        <div className={\"flex items-center\"}>\n            Webiny v{wbyVersion}\n            {wcpBadge}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,MAAM,IAAIC,SAAS,QAAQ,uBAAuB;AAC3D,SAASC,MAAM;AACf,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,UAAU,GAAGJ,SAAS,CAACK,MAAM,CAAC,gBAAgB,EAAEC,OAAO,CAACC,GAAG,CAACC,wBAAwB,CAAC;EAC3F,MAAMC,GAAG,GAAGR,MAAM,CAAC,CAAC;EAEpB,MAAMS,QAAQ,GAAGZ,OAAO,CAAC,MAAM;IAC3B,MAAMa,UAAU,GAAGF,GAAG,CAACG,UAAU,CAAC,CAAC;IACnC,IAAI,CAACD,UAAU,EAAE;MACb,OAAO,IAAI;IACf;IAEA,oBAAOd,KAAA,CAAAgB,aAAA,CAACX,GAAG;MAACY,OAAO,EAAE,QAAS;MAACC,OAAO,EAAE,KAAM;MAACC,SAAS,EAAE;IAAc,CAAE,CAAC;EAC/E,CAAC,EAAE,EAAE,CAAC;EAEN,oBACInB,KAAA,CAAAgB,aAAA;IAAKG,SAAS,EAAE;EAAoB,GAAC,UACzB,EAACZ,UAAU,EAClBM,QACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/base/Base/Menus.d.ts

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

package/base/Base/Menus.js

@@ -0,0 +1,114 @@
+import React from "react";
+import { ReactComponent as DashboardIcon } from "@webiny/icons/space_dashboard.svg";
+import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
+import { ReactComponent as FileManagerIcon } from "@webiny/icons/folder_open.svg";
+import { ReactComponent as InfoIcon } from "@webiny/icons/info.svg";
+import { ReactComponent as SlackIcon } from "@webiny/icons/numbers.svg";
+import { ReactComponent as DocsIcon } from "@webiny/icons/summarize.svg";
+import { ReactComponent as GithubIcon } from "@webiny/icons/route.svg";
+import { ReactComponent as MoreIcon } from "@webiny/icons/more_vert.svg";
+import { DropdownMenu } from "@webiny/admin-ui";
+import { WebinyVersion } from "./Menus/WebinyVersion.js";
+import { SupportMenuItems } from "./Menus/SupportMenuItems.js";
+import { AdminConfig } from "../../config/AdminConfig.js";
+import { HasPermission } from "../../presentation/security/components/HasPermission.js";
+import { Menu } from "../../config/AdminConfig/Menu.js";
+export const Menus = /*#__PURE__*/React.memo(() => {
+  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(HasPermission, {
+    name: "fm.file"
+  }, /*#__PURE__*/React.createElement(Menu, {
+    name: "fileManager",
+    pin: "start",
+    element: /*#__PURE__*/React.createElement(Menu.Link, {
+      text: "File Manager",
+      icon: /*#__PURE__*/React.createElement(Menu.Item.Icon, {
+        label: "File Manager",
+        element: /*#__PURE__*/React.createElement(FileManagerIcon, null)
+      }),
+      to: "/file-manager"
+    })
+  })), /*#__PURE__*/React.createElement(Menu, {
+    name: "home",
+    pin: "start",
+    element: /*#__PURE__*/React.createElement(Menu.Link, {
+      to: "/",
+      text: "Home",
+      icon: /*#__PURE__*/React.createElement(Menu.Link.Icon, {
+        label: "Home",
+        element: /*#__PURE__*/React.createElement(DashboardIcon, null)
+      })
+    })
+  }), /*#__PURE__*/React.createElement(Menu, {
+    name: "settings",
+    hideIfEmpty: true,
+    pin: "end",
+    element: /*#__PURE__*/React.createElement(Menu.Item, {
+      text: "Settings",
+      icon: /*#__PURE__*/React.createElement(Menu.Link.Icon, {
+        label: "Settings",
+        element: /*#__PURE__*/React.createElement(SettingsIcon, null)
+      })
+    })
+  }), /*#__PURE__*/React.createElement(Menu.Support, {
+    name: "docs",
+    element: /*#__PURE__*/React.createElement(Menu.Support.Link, {
+      text: "Documentation",
+      icon: /*#__PURE__*/React.createElement(Menu.Support.Link.Icon, {
+        label: "Docs",
+        element: /*#__PURE__*/React.createElement(DocsIcon, null)
+      }),
+      to: "https://www.webiny.com/docs",
+      rel: "noopener noreferrer",
+      target: "_blank"
+    })
+  }), /*#__PURE__*/React.createElement(Menu.Support, {
+    name: "github",
+    element: /*#__PURE__*/React.createElement(Menu.Support.Link, {
+      text: "GitHub",
+      icon: /*#__PURE__*/React.createElement(Menu.Support.Link.Icon, {
+        label: "GitHub",
+        element: /*#__PURE__*/React.createElement(GithubIcon, null)
+      }),
+      to: "https://github.com/webiny/webiny-js",
+      rel: "noopener noreferrer",
+      target: "_blank"
+    })
+  }), /*#__PURE__*/React.createElement(Menu.Support, {
+    name: "slack",
+    element: /*#__PURE__*/React.createElement(Menu.Support.Link, {
+      text: "Slack",
+      icon: /*#__PURE__*/React.createElement(Menu.Support.Link.Icon, {
+        label: "Slack",
+        element: /*#__PURE__*/React.createElement(SlackIcon, null)
+      }),
+      to: "https://www.webiny.com/slack",
+      rel: "noopener noreferrer",
+      target: "_blank"
+    })
+  }), /*#__PURE__*/React.createElement(Menu.Support, {
+    name: "webiny-version",
+    pin: "end",
+    element: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenu.Separator, null), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+      text: /*#__PURE__*/React.createElement(WebinyVersion, null),
+      readOnly: true
+    }))
+  }), /*#__PURE__*/React.createElement(Menu.Footer, {
+    name: "support",
+    element: /*#__PURE__*/React.createElement(DropdownMenu, {
+      className: "w-[225px]",
+      trigger: /*#__PURE__*/React.createElement(Menu.Item, {
+        text: "Support",
+        icon: /*#__PURE__*/React.createElement(Menu.Item.Icon, {
+          label: "Support",
+          element: /*#__PURE__*/React.createElement(InfoIcon, null)
+        }),
+        action: /*#__PURE__*/React.createElement(Menu.Item.Action, {
+          element: /*#__PURE__*/React.createElement(MoreIcon, null)
+        })
+      })
+    }, /*#__PURE__*/React.createElement(SupportMenuItems, null))
+  }));
+});
+Menus.displayName = "Menus";
+
+//# sourceMappingURL=Menus.js.map

package/base/Base/Menus.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","DashboardIcon","SettingsIcon","FileManagerIcon","InfoIcon","SlackIcon","DocsIcon","GithubIcon","MoreIcon","DropdownMenu","WebinyVersion","SupportMenuItems","AdminConfig","HasPermission","Menu","Menus","memo","createElement","name","pin","element","Link","text","icon","Item","Icon","label","to","hideIfEmpty","Support","rel","target","Fragment","Separator","readOnly","Footer","className","trigger","action","Action","displayName"],"sources":["Menus.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DashboardIcon } from \"@webiny/icons/space_dashboard.svg\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { ReactComponent as FileManagerIcon } from \"@webiny/icons/folder_open.svg\";\nimport { ReactComponent as InfoIcon } from \"@webiny/icons/info.svg\";\nimport { ReactComponent as SlackIcon } from \"@webiny/icons/numbers.svg\";\nimport { ReactComponent as DocsIcon } from \"@webiny/icons/summarize.svg\";\nimport { ReactComponent as GithubIcon } from \"@webiny/icons/route.svg\";\nimport { ReactComponent as MoreIcon } from \"@webiny/icons/more_vert.svg\";\nimport { DropdownMenu } from \"@webiny/admin-ui\";\nimport { WebinyVersion } from \"./Menus/WebinyVersion.js\";\nimport { SupportMenuItems } from \"./Menus/SupportMenuItems.js\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { HasPermission } from \"~/presentation/security/components/HasPermission.js\";\nimport { Menu } from \"~/config/AdminConfig/Menu.js\";\n\nexport const Menus = React.memo(() => {\n    return (\n        <AdminConfig>\n            <HasPermission name={\"fm.file\"}>\n                <Menu\n                    name={\"fileManager\"}\n                    pin={\"start\"}\n                    element={\n                        <Menu.Link\n                            text={\"File Manager\"}\n                            icon={\n                                <Menu.Item.Icon\n                                    label=\"File Manager\"\n                                    element={<FileManagerIcon />}\n                                />\n                            }\n                            to={\"/file-manager\"}\n                        />\n                    }\n                />\n            </HasPermission>\n            <Menu\n                name={\"home\"}\n                pin={\"start\"}\n                element={\n                    <Menu.Link\n                        to={\"/\"}\n                        text={\"Home\"}\n                        icon={<Menu.Link.Icon label=\"Home\" element={<DashboardIcon />} />}\n                    />\n                }\n            />\n            <Menu\n                name={\"settings\"}\n                hideIfEmpty={true}\n                pin={\"end\"}\n                element={\n                    <Menu.Item\n                        text={\"Settings\"}\n                        icon={<Menu.Link.Icon label=\"Settings\" element={<SettingsIcon />} />}\n                    />\n                }\n            />\n\n            <Menu.Support\n                name={\"docs\"}\n                element={\n                    <Menu.Support.Link\n                        text={\"Documentation\"}\n                        icon={<Menu.Support.Link.Icon label=\"Docs\" element={<DocsIcon />} />}\n                        to={\"https://www.webiny.com/docs\"}\n                        rel={\"noopener noreferrer\"}\n                        target={\"_blank\"}\n                    />\n                }\n            />\n\n            <Menu.Support\n                name={\"github\"}\n                element={\n                    <Menu.Support.Link\n                        text={\"GitHub\"}\n                        icon={<Menu.Support.Link.Icon label=\"GitHub\" element={<GithubIcon />} />}\n                        to={\"https://github.com/webiny/webiny-js\"}\n                        rel={\"noopener noreferrer\"}\n                        target={\"_blank\"}\n                    />\n                }\n            />\n\n            <Menu.Support\n                name={\"slack\"}\n                element={\n                    <Menu.Support.Link\n                        text={\"Slack\"}\n                        icon={<Menu.Support.Link.Icon label=\"Slack\" element={<SlackIcon />} />}\n                        to={\"https://www.webiny.com/slack\"}\n                        rel={\"noopener noreferrer\"}\n                        target={\"_blank\"}\n                    />\n                }\n            />\n\n            <Menu.Support\n                name={\"webiny-version\"}\n                pin={\"end\"}\n                element={\n                    <>\n                        <DropdownMenu.Separator />\n                        <DropdownMenu.Item text={<WebinyVersion />} readOnly />\n                    </>\n                }\n            />\n\n            <Menu.Footer\n                name={\"support\"}\n                element={\n                    <DropdownMenu\n                        className={\"w-[225px]\"}\n                        trigger={\n                            <Menu.Item\n                                text={\"Support\"}\n                                icon={<Menu.Item.Icon label=\"Support\" element={<InfoIcon />} />}\n                                action={<Menu.Item.Action element={<MoreIcon />} />}\n                            />\n                        }\n                    >\n                        <SupportMenuItems />\n                    </DropdownMenu>\n                }\n            />\n        </AdminConfig>\n    );\n});\n\nMenus.displayName = \"Menus\";\n"],"mappings":"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","ignoreList":[]}

package/base/Base/RoutesConfig.d.ts

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

package/base/Base/RoutesConfig.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { Dashboard, AdminLayout, NotFound } from "../../index.js";
+import { AdminConfig } from "../../config/AdminConfig.js";
+import { Routes } from "../../routes.js";
+import { FileManager } from "../../index.js";
+import { Route } from "../../config/AdminConfig/Route.js";
+export const RoutesConfig = /*#__PURE__*/React.memo(() => {
+  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(Route, {
+    route: Routes.Dashboard,
+    element: /*#__PURE__*/React.createElement(AdminLayout, {
+      title: "Welcome!"
+    }, /*#__PURE__*/React.createElement(Dashboard, null))
+  }), /*#__PURE__*/React.createElement(Route, {
+    route: Routes.FileManager,
+    element: /*#__PURE__*/React.createElement(AdminLayout, {
+      title: "File Manager"
+    }, /*#__PURE__*/React.createElement(FileManager, {
+      overlay: false,
+      show: true
+    }))
+  }), /*#__PURE__*/React.createElement(Route, {
+    route: Routes.CatchAll,
+    element: /*#__PURE__*/React.createElement(AdminLayout, {
+      title: "Not Accessible"
+    }, /*#__PURE__*/React.createElement(NotFound, null))
+  }));
+});
+RoutesConfig.displayName = "Routes";
+
+//# sourceMappingURL=RoutesConfig.js.map

package/base/Base/RoutesConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Dashboard","AdminLayout","NotFound","AdminConfig","Routes","FileManager","Route","RoutesConfig","memo","createElement","route","element","title","overlay","show","CatchAll","displayName"],"sources":["RoutesConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dashboard, AdminLayout, NotFound } from \"~/index.js\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { Routes } from \"~/routes.js\";\nimport { FileManager } from \"~/index.js\";\nimport { Route } from \"~/config/AdminConfig/Route.js\";\n\nexport const RoutesConfig = React.memo(() => {\n    return (\n        <AdminConfig>\n            <Route\n                route={Routes.Dashboard}\n                element={\n                    <AdminLayout title={\"Welcome!\"}>\n                        <Dashboard />\n                    </AdminLayout>\n                }\n            />\n\n            <Route\n                route={Routes.FileManager}\n                element={\n                    <AdminLayout title={\"File Manager\"}>\n                        <FileManager overlay={false} show={true} />\n                    </AdminLayout>\n                }\n            />\n\n            <Route\n                route={Routes.CatchAll}\n                element={\n                    <AdminLayout title={\"Not Accessible\"}>\n                        <NotFound />\n                    </AdminLayout>\n                }\n            />\n        </AdminConfig>\n    );\n});\n\nRoutesConfig.displayName = \"Routes\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,WAAW,EAAEC,QAAQ;AACzC,SAASC,WAAW;AACpB,SAASC,MAAM;AACf,SAASC,WAAW;AACpB,SAASC,KAAK;AAEd,OAAO,MAAMC,YAAY,gBAAGR,KAAK,CAACS,IAAI,CAAC,MAAM;EACzC,oBACIT,KAAA,CAAAU,aAAA,CAACN,WAAW,qBACRJ,KAAA,CAAAU,aAAA,CAACH,KAAK;IACFI,KAAK,EAAEN,MAAM,CAACJ,SAAU;IACxBW,OAAO,eACHZ,KAAA,CAAAU,aAAA,CAACR,WAAW;MAACW,KAAK,EAAE;IAAW,gBAC3Bb,KAAA,CAAAU,aAAA,CAACT,SAAS,MAAE,CACH;EAChB,CACJ,CAAC,eAEFD,KAAA,CAAAU,aAAA,CAACH,KAAK;IACFI,KAAK,EAAEN,MAAM,CAACC,WAAY;IAC1BM,OAAO,eACHZ,KAAA,CAAAU,aAAA,CAACR,WAAW;MAACW,KAAK,EAAE;IAAe,gBAC/Bb,KAAA,CAAAU,aAAA,CAACJ,WAAW;MAACQ,OAAO,EAAE,KAAM;MAACC,IAAI,EAAE;IAAK,CAAE,CACjC;EAChB,CACJ,CAAC,eAEFf,KAAA,CAAAU,aAAA,CAACH,KAAK;IACFI,KAAK,EAAEN,MAAM,CAACW,QAAS;IACvBJ,OAAO,eACHZ,KAAA,CAAAU,aAAA,CAACR,WAAW;MAACW,KAAK,EAAE;IAAiB,gBACjCb,KAAA,CAAAU,aAAA,CAACP,QAAQ,MAAE,CACF;EAChB,CACJ,CACQ,CAAC;AAEtB,CAAC,CAAC;AAEFK,YAAY,CAACS,WAAW,GAAG,QAAQ","ignoreList":[]}