@webiny/app-admin 0.0.0-unstable.c2780f51fe → 0.0.0-unstable.c7dec08bb0

package/base/Admin.js

@@ -16,13 +16,14 @@ var _Search = require("./ui/Search");
 var _UserMenu = require("./ui/UserMenu");
 var _Navigation = require("./ui/Navigation");
 var _Progress = require("@webiny/ui/Progress");
+var _appTheme = require("@webiny/app-theme");
 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, {
+  return /*#__PURE__*/_react.default.createElement(ApolloProvider, null, /*#__PURE__*/_react.default.createElement(_appTheme.ThemeProvider, null, /*#__PURE__*/_react.default.createElement(_appWcp.WcpProvider, {
     loader: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
       label: "Loading..."
     })
@@ -36,6 +37,6 @@ var Admin = function Admin(_ref) {
     hoc: _UserMenu.UserMenuProvider
   }), /*#__PURE__*/_react.default.createElement(_app.Provider, {
     hoc: _Navigation.NavigationProvider
-  }), /*#__PURE__*/_react.default.createElement(_Base.Base, null), children)));
+  }), /*#__PURE__*/_react.default.createElement(_Base.Base, null), children))));
 };
 exports.Admin = Admin;

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":["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\";\nimport { ThemeProvider } from \"@webiny/app-theme\";\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            <ThemeProvider>\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            </ThemeProvider>\n        </ApolloProvider>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;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,uBAAa,qBACV,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,CACF,CACH;AAEzB,CAAC;AAAC"}

package/base/Base.js

@@ -6,25 +6,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Base = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _insert_drive_file = require("@material-design-icons/svg/filled/insert_drive_file.svg");
+var _settings = require("@material-design-icons/svg/outlined/settings.svg");
 var _app = require("@webiny/app");
-var _ = require("./..");
 var _plugins = require("@webiny/plugins");
+var _appSecurity = require("@webiny/app-security");
+var _ = require("./..");
 var _iconDocumentation = require("../assets/icons/icon-documentation.svg");
 var _slackLogo = require("../assets/icons/slack-logo.svg");
 var _githubBrands = require("../assets/icons/github-brands.svg");
-var _insert_drive_file = require("@material-design-icons/svg/filled/insert_drive_file.svg");
-var _settings = require("@material-design-icons/svg/outlined/settings.svg");
 var _FileManager = require("./ui/FileManager");
 var _globalSearch = require("../plugins/globalSearch");
 var _uiLayoutRenderer = require("../plugins/uiLayoutRenderer");
 var BaseExtension = function BaseExtension() {
   _plugins.plugins.register([_globalSearch.globalSearchHotkey, _uiLayoutRenderer.uiLayoutPlugin]);
-  return /*#__PURE__*/_react.default.createElement(_app.Plugins, null, /*#__PURE__*/_react.default.createElement(_.AddMenu, {
+  return /*#__PURE__*/_react.default.createElement(_app.Plugin, null, /*#__PURE__*/_react.default.createElement(_.AddMenu, {
     name: "settings",
     label: "Settings",
     icon: /*#__PURE__*/_react.default.createElement(_settings.ReactComponent, null),
     pin: "last"
-  }), /*#__PURE__*/_react.default.createElement(_FileManager.FileManager, null, function (_ref) {
+  }), /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
+    name: "fm.file"
+  }, /*#__PURE__*/_react.default.createElement(_FileManager.FileManager, null, function (_ref) {
     var showFileManager = _ref.showFileManager;
     return /*#__PURE__*/_react.default.createElement(_.AddMenu, {
       name: "fileManager",
@@ -34,7 +37,7 @@ var BaseExtension = function BaseExtension() {
       onClick: showFileManager,
       testId: "admin-drawer-footer-menu-file-manager"
     });
-  }), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
+  })), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
     name: "documentation",
     label: "Documentation",
     icon: /*#__PURE__*/_react.default.createElement(_iconDocumentation.ReactComponent, null),

package/base/Base.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseExtension","plugins","register","globalSearchHotkey","uiLayoutPlugin","showFileManager","Base","memo"],"sources":["Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { Plugins } from \"@webiny/app\";\nimport { AddMenu, AddRoute, Dashboard, Layout, NotFound } from \"~/index\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ReactComponent as DocsIcon } from \"~/assets/icons/icon-documentation.svg\";\nimport { ReactComponent as SlackIcon } from \"~/assets/icons/slack-logo.svg\";\nimport { ReactComponent as GithubIcon } from \"~/assets/icons/github-brands.svg\";\nimport { ReactComponent as FileIcon } from \"@material-design-icons/svg/filled/insert_drive_file.svg\";\nimport { ReactComponent as SettingsIcon } from \"@material-design-icons/svg/outlined/settings.svg\";\nimport { FileManager } from \"~/base/ui/FileManager\";\nimport { globalSearchHotkey } from \"~/plugins/globalSearch\";\nimport { uiLayoutPlugin } from \"~/plugins/uiLayoutRenderer\";\n\nconst BaseExtension: React.FC = () => {\n    plugins.register([globalSearchHotkey, uiLayoutPlugin]);\n\n    return (\n        <Plugins>\n            <AddMenu name={\"settings\"} label={\"Settings\"} icon={<SettingsIcon />} pin={\"last\"} />\n            <FileManager>\n                {({ showFileManager }) => (\n                    <AddMenu\n                        name={\"fileManager\"}\n                        label={\"File Manager\"}\n                        icon={<FileIcon />}\n                        tags={[\"footer\"]}\n                        onClick={showFileManager}\n                        testId={\"admin-drawer-footer-menu-file-manager\"}\n                    />\n                )}\n            </FileManager>\n            <AddMenu\n                name={\"documentation\"}\n                label={\"Documentation\"}\n                icon={<DocsIcon />}\n                path={\"https://www.webiny.com/docs\"}\n                rel={\"noopener noreferrer\"}\n                target={\"_blank\"}\n                tags={[\"footer\"]}\n            />\n            <AddMenu\n                name={\"slack\"}\n                label={\"Slack\"}\n                icon={<SlackIcon />}\n                path={\"https://www.webiny.com/slack/\"}\n                rel={\"noopener noreferrer\"}\n                target={\"_blank\"}\n                tags={[\"footer\"]}\n            />\n            <AddMenu\n                name={\"github\"}\n                label={\"Github\"}\n                icon={<GithubIcon />}\n                path={\"https://github.com/webiny/webiny-js\"}\n                rel={\"noopener noreferrer\"}\n                target={\"_blank\"}\n                tags={[\"footer\"]}\n            />\n            <AddRoute path={\"/\"}>\n                <Layout title={\"Welcome!\"}>\n                    <Dashboard />\n                </Layout>\n            </AddRoute>\n            <AddRoute path={\"*\"}>\n                <Layout title={\"Not Accessible\"}>\n                    <NotFound />\n                </Layout>\n            </AddRoute>\n        </Plugins>\n    );\n};\n\nexport const Base = memo(BaseExtension);\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,aAAuB,GAAG,SAA1BA,aAAuB,GAAS;EAClCC,gBAAO,CAACC,QAAQ,CAAC,CAACC,gCAAkB,EAAEC,gCAAc,CAAC,CAAC;EAEtD,oBACI,6BAAC,YAAO,qBACJ,6BAAC,SAAO;IAAC,IAAI,EAAE,UAAW;IAAC,KAAK,EAAE,UAAW;IAAC,IAAI,eAAE,6BAAC,wBAAY,OAAI;IAAC,GAAG,EAAE;EAAO,EAAG,eACrF,6BAAC,wBAAW,QACP;IAAA,IAAGC,eAAe,QAAfA,eAAe;IAAA,oBACf,6BAAC,SAAO;MACJ,IAAI,EAAE,aAAc;MACpB,KAAK,EAAE,cAAe;MACtB,IAAI,eAAE,6BAAC,iCAAQ,OAAI;MACnB,IAAI,EAAE,CAAC,QAAQ,CAAE;MACjB,OAAO,EAAEA,eAAgB;MACzB,MAAM,EAAE;IAAwC,EAClD;EAAA,CACL,CACS,eACd,6BAAC,SAAO;IACJ,IAAI,EAAE,eAAgB;IACtB,KAAK,EAAE,eAAgB;IACvB,IAAI,eAAE,6BAAC,iCAAQ,OAAI;IACnB,IAAI,EAAE,6BAA8B;IACpC,GAAG,EAAE,qBAAsB;IAC3B,MAAM,EAAE,QAAS;IACjB,IAAI,EAAE,CAAC,QAAQ;EAAE,EACnB,eACF,6BAAC,SAAO;IACJ,IAAI,EAAE,OAAQ;IACd,KAAK,EAAE,OAAQ;IACf,IAAI,eAAE,6BAAC,yBAAS,OAAI;IACpB,IAAI,EAAE,+BAAgC;IACtC,GAAG,EAAE,qBAAsB;IAC3B,MAAM,EAAE,QAAS;IACjB,IAAI,EAAE,CAAC,QAAQ;EAAE,EACnB,eACF,6BAAC,SAAO;IACJ,IAAI,EAAE,QAAS;IACf,KAAK,EAAE,QAAS;IAChB,IAAI,eAAE,6BAAC,4BAAU,OAAI;IACrB,IAAI,EAAE,qCAAsC;IAC5C,GAAG,EAAE,qBAAsB;IAC3B,MAAM,EAAE,QAAS;IACjB,IAAI,EAAE,CAAC,QAAQ;EAAE,EACnB,eACF,6BAAC,UAAQ;IAAC,IAAI,EAAE;EAAI,gBAChB,6BAAC,QAAM;IAAC,KAAK,EAAE;EAAW,gBACtB,6BAAC,WAAS,OAAG,CACR,CACF,eACX,6BAAC,UAAQ;IAAC,IAAI,EAAE;EAAI,gBAChB,6BAAC,QAAM;IAAC,KAAK,EAAE;EAAiB,gBAC5B,6BAAC,UAAQ,OAAG,CACP,CACF,CACL;AAElB,CAAC;AAEM,IAAMC,IAAI,gBAAG,IAAAC,WAAI,EAACP,aAAa,CAAC;AAAC"}
+{"version":3,"names":["BaseExtension","plugins","register","globalSearchHotkey","uiLayoutPlugin","showFileManager","Base","memo"],"sources":["Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { ReactComponent as FileIcon } from \"@material-design-icons/svg/filled/insert_drive_file.svg\";\nimport { ReactComponent as SettingsIcon } from \"@material-design-icons/svg/outlined/settings.svg\";\nimport { Plugin } from \"@webiny/app\";\nimport { plugins } from \"@webiny/plugins\";\nimport { HasPermission } from \"@webiny/app-security\";\nimport { AddMenu, AddRoute, Dashboard, Layout, NotFound } from \"~/index\";\nimport { ReactComponent as DocsIcon } from \"~/assets/icons/icon-documentation.svg\";\nimport { ReactComponent as SlackIcon } from \"~/assets/icons/slack-logo.svg\";\nimport { ReactComponent as GithubIcon } from \"~/assets/icons/github-brands.svg\";\nimport { FileManager } from \"~/base/ui/FileManager\";\nimport { globalSearchHotkey } from \"~/plugins/globalSearch\";\nimport { uiLayoutPlugin } from \"~/plugins/uiLayoutRenderer\";\n\nconst BaseExtension: React.FC = () => {\n    plugins.register([globalSearchHotkey, uiLayoutPlugin]);\n\n    return (\n        <Plugin>\n            <AddMenu name={\"settings\"} label={\"Settings\"} icon={<SettingsIcon />} pin={\"last\"} />\n            <HasPermission name={\"fm.file\"}>\n                <FileManager>\n                    {({ showFileManager }) => (\n                        <AddMenu\n                            name={\"fileManager\"}\n                            label={\"File Manager\"}\n                            icon={<FileIcon />}\n                            tags={[\"footer\"]}\n                            onClick={showFileManager}\n                            testId={\"admin-drawer-footer-menu-file-manager\"}\n                        />\n                    )}\n                </FileManager>\n            </HasPermission>\n            <AddMenu\n                name={\"documentation\"}\n                label={\"Documentation\"}\n                icon={<DocsIcon />}\n                path={\"https://www.webiny.com/docs\"}\n                rel={\"noopener noreferrer\"}\n                target={\"_blank\"}\n                tags={[\"footer\"]}\n            />\n            <AddMenu\n                name={\"slack\"}\n                label={\"Slack\"}\n                icon={<SlackIcon />}\n                path={\"https://www.webiny.com/slack/\"}\n                rel={\"noopener noreferrer\"}\n                target={\"_blank\"}\n                tags={[\"footer\"]}\n            />\n            <AddMenu\n                name={\"github\"}\n                label={\"Github\"}\n                icon={<GithubIcon />}\n                path={\"https://github.com/webiny/webiny-js\"}\n                rel={\"noopener noreferrer\"}\n                target={\"_blank\"}\n                tags={[\"footer\"]}\n            />\n            <AddRoute path={\"/\"}>\n                <Layout title={\"Welcome!\"}>\n                    <Dashboard />\n                </Layout>\n            </AddRoute>\n            <AddRoute path={\"*\"}>\n                <Layout title={\"Not Accessible\"}>\n                    <NotFound />\n                </Layout>\n            </AddRoute>\n        </Plugin>\n    );\n};\n\nexport const Base = memo(BaseExtension);\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,aAAuB,GAAG,SAA1BA,aAAuB,GAAS;EAClCC,gBAAO,CAACC,QAAQ,CAAC,CAACC,gCAAkB,EAAEC,gCAAc,CAAC,CAAC;EAEtD,oBACI,6BAAC,WAAM,qBACH,6BAAC,SAAO;IAAC,IAAI,EAAE,UAAW;IAAC,KAAK,EAAE,UAAW;IAAC,IAAI,eAAE,6BAAC,wBAAY,OAAI;IAAC,GAAG,EAAE;EAAO,EAAG,eACrF,6BAAC,0BAAa;IAAC,IAAI,EAAE;EAAU,gBAC3B,6BAAC,wBAAW,QACP;IAAA,IAAGC,eAAe,QAAfA,eAAe;IAAA,oBACf,6BAAC,SAAO;MACJ,IAAI,EAAE,aAAc;MACpB,KAAK,EAAE,cAAe;MACtB,IAAI,eAAE,6BAAC,iCAAQ,OAAI;MACnB,IAAI,EAAE,CAAC,QAAQ,CAAE;MACjB,OAAO,EAAEA,eAAgB;MACzB,MAAM,EAAE;IAAwC,EAClD;EAAA,CACL,CACS,CACF,eAChB,6BAAC,SAAO;IACJ,IAAI,EAAE,eAAgB;IACtB,KAAK,EAAE,eAAgB;IACvB,IAAI,eAAE,6BAAC,iCAAQ,OAAI;IACnB,IAAI,EAAE,6BAA8B;IACpC,GAAG,EAAE,qBAAsB;IAC3B,MAAM,EAAE,QAAS;IACjB,IAAI,EAAE,CAAC,QAAQ;EAAE,EACnB,eACF,6BAAC,SAAO;IACJ,IAAI,EAAE,OAAQ;IACd,KAAK,EAAE,OAAQ;IACf,IAAI,eAAE,6BAAC,yBAAS,OAAI;IACpB,IAAI,EAAE,+BAAgC;IACtC,GAAG,EAAE,qBAAsB;IAC3B,MAAM,EAAE,QAAS;IACjB,IAAI,EAAE,CAAC,QAAQ;EAAE,EACnB,eACF,6BAAC,SAAO;IACJ,IAAI,EAAE,QAAS;IACf,KAAK,EAAE,QAAS;IAChB,IAAI,eAAE,6BAAC,4BAAU,OAAI;IACrB,IAAI,EAAE,qCAAsC;IAC5C,GAAG,EAAE,qBAAsB;IAC3B,MAAM,EAAE,QAAS;IACjB,IAAI,EAAE,CAAC,QAAQ;EAAE,EACnB,eACF,6BAAC,UAAQ;IAAC,IAAI,EAAE;EAAI,gBAChB,6BAAC,QAAM;IAAC,KAAK,EAAE;EAAW,gBACtB,6BAAC,WAAS,OAAG,CACR,CACF,eACX,6BAAC,UAAQ;IAAC,IAAI,EAAE;EAAI,gBAChB,6BAAC,QAAM;IAAC,KAAK,EAAE;EAAiB,gBAC5B,6BAAC,UAAQ,OAAG,CACP,CACF,CACN;AAEjB,CAAC;AAEM,IAAMC,IAAI,gBAAG,IAAAC,WAAI,EAACP,aAAa,CAAC;AAAC"}

package/base/ui/FileManager.d.ts

@@ -50,11 +50,12 @@ export declare type FileManagerProps = {
      * @deprecated This prop is no longer used. The file structure was reduced to a bare minimum so picking is no longer necessary.
      */
     onChangePick?: string[];
-    onClose?: Function;
+    onClose?: () => void;
     onUploadCompletion?: (files: FileManagerFileItem[]) => void;
     own?: boolean;
     scope?: string;
     tags?: Array<string>;
+    show?: boolean;
     /**
      * @deprecated This prop is no longer used. Use the `render` prop to get better TS autocomplete.
      */

package/base/ui/FileManager.js

@@ -27,12 +27,13 @@ function getPortalTarget() {
 var FileManagerRenderer = (0, _reactComposition.makeComposable)("FileManagerRenderer");
 exports.FileManagerRenderer = FileManagerRenderer;
 var FileManager = function FileManager(_ref) {
+  var _rest$show;
   var children = _ref.children,
     render = _ref.render,
     onChange = _ref.onChange,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var containerRef = (0, _react.useRef)(getPortalTarget());
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)((_rest$show = rest.show) !== null && _rest$show !== void 0 ? _rest$show : false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     show = _useState2[0],
     setShow = _useState2[1];

package/base/ui/FileManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["getPortalTarget","target","window","document","getElementById","createElement","setAttribute","body","appendChild","FileManagerRenderer","makeComposable","FileManager","children","render","onChange","rest","containerRef","useRef","useState","show","setShow","onChangeRef","useEffect","current","showFileManager","useCallback","ReactDOM","createPortal"],"sources":["FileManager.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { makeComposable } from \"@webiny/react-composition\";\n\nexport interface FileManagerOnChange<T> {\n    (value: T): void;\n}\n\n/**\n * Represents a file object managed by the File Manager.\n */\nexport interface FileManagerFileItem {\n    id: string;\n    src: string;\n    meta?: Array<FileManagerFileItemMetaItem>;\n}\n\n/**\n * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.\n */\nexport interface FileManagerFileItemMetaItem {\n    key: string;\n    value: any;\n}\n\nexport type DeprecatedFileManagerRenderPropParams = {\n    showFileManager: (\n        onChange?: FileManagerOnChange<FileManagerFileItem | FileManagerFileItem[]>\n    ) => void;\n};\n\nexport type FileManagerRenderPropParams<TValue> = {\n    showFileManager: (onChange?: FileManagerOnChange<TValue>) => void;\n};\n\ninterface SingleFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem>): React.ReactNode;\n}\n\ninterface MultiFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem[]>): React.ReactNode;\n}\n\nexport type MultipleProps =\n    | {\n          multiple?: never;\n          multipleMaxCount?: never;\n          multipleMaxSize?: never;\n          onChange?: FileManagerOnChange<FileManagerFileItem>;\n          render?: SingleFileRenderProp;\n      }\n    | {\n          multiple: true;\n          multipleMaxCount?: number;\n          multipleMaxSize?: number | string;\n          onChange?: FileManagerOnChange<FileManagerFileItem[]>;\n          render?: MultiFileRenderProp;\n      };\n\nexport type FileManagerProps = {\n    accept?: Array<string>;\n    images?: boolean;\n    maxSize?: number | string;\n    /**\n     * @deprecated This prop is no longer used. The file structure was reduced to a bare minimum so picking is no longer necessary.\n     */\n    onChangePick?: string[];\n    onClose?: Function;\n    onUploadCompletion?: (files: FileManagerFileItem[]) => void;\n    own?: boolean;\n    scope?: string;\n    tags?: Array<string>;\n    /**\n     * @deprecated This prop is no longer used. Use the `render` prop to get better TS autocomplete.\n     */\n    children?: (params: DeprecatedFileManagerRenderPropParams) => React.ReactNode;\n} & MultipleProps;\n\nfunction getPortalTarget() {\n    let target = window.document.getElementById(\"file-manager-container\");\n    if (!target) {\n        target = document.createElement(\"div\");\n        target.setAttribute(\"id\", \"file-manager-container\");\n        document.body && document.body.appendChild(target);\n    }\n    return target;\n}\n\n// This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!\ntype DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;\n\nexport type FileManagerRendererProps = DistributiveOmit<FileManagerProps, \"render\" | \"children\">;\n\nexport const FileManagerRenderer = makeComposable<FileManagerRendererProps>(\"FileManagerRenderer\");\n\nexport const FileManager: React.FC<FileManagerProps> = ({\n    children,\n    render,\n    onChange,\n    ...rest\n}) => {\n    const containerRef = useRef<HTMLElement>(getPortalTarget());\n    const [show, setShow] = useState(false);\n    const onChangeRef = useRef(onChange);\n\n    useEffect(() => {\n        onChangeRef.current = onChange;\n    }, [onChange]);\n\n    const showFileManager = useCallback(onChange => {\n        if (typeof onChange === \"function\") {\n            onChangeRef.current = onChange;\n        }\n        setShow(true);\n    }, []);\n\n    return (\n        <>\n            {show &&\n                ReactDOM.createPortal(\n                    <FileManagerRenderer\n                        onClose={() => setShow(false)}\n                        onChange={\n                            /* TODO: figure out how to create a conditional type based on the value of `rest.multiple` */\n                            onChangeRef.current as any\n                        }\n                        {...rest}\n                    />,\n                    containerRef.current\n                )}\n            {children ? children({ showFileManager }) : render ? render({ showFileManager }) : null}\n        </>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAA2D;AA4E3D,SAASA,eAAe,GAAG;EACvB,IAAIC,MAAM,GAAGC,MAAM,CAACC,QAAQ,CAACC,cAAc,CAAC,wBAAwB,CAAC;EACrE,IAAI,CAACH,MAAM,EAAE;IACTA,MAAM,GAAGE,QAAQ,CAACE,aAAa,CAAC,KAAK,CAAC;IACtCJ,MAAM,CAACK,YAAY,CAAC,IAAI,EAAE,wBAAwB,CAAC;IACnDH,QAAQ,CAACI,IAAI,IAAIJ,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACP,MAAM,CAAC;EACtD;EACA,OAAOA,MAAM;AACjB;;AAEA;;AAKO,IAAMQ,mBAAmB,GAAG,IAAAC,gCAAc,EAA2B,qBAAqB,CAAC;AAAC;AAE5F,IAAMC,WAAuC,GAAG,SAA1CA,WAAuC,OAK9C;EAAA,IAJFC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP,IAAMC,YAAY,GAAG,IAAAC,aAAM,EAAcjB,eAAe,EAAE,CAAC;EAC3D,gBAAwB,IAAAkB,eAAQ,EAAC,KAAK,CAAC;IAAA;IAAhCC,IAAI;IAAEC,OAAO;EACpB,IAAMC,WAAW,GAAG,IAAAJ,aAAM,EAACH,QAAQ,CAAC;EAEpC,IAAAQ,gBAAS,EAAC,YAAM;IACZD,WAAW,CAACE,OAAO,GAAGT,QAAQ;EAClC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAMU,eAAe,GAAG,IAAAC,kBAAW,EAAC,UAAAX,QAAQ,EAAI;IAC5C,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;MAChCO,WAAW,CAACE,OAAO,GAAGT,QAAQ;IAClC;IACAM,OAAO,CAAC,IAAI,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI,4DACKD,IAAI,iBACDO,iBAAQ,CAACC,YAAY,eACjB,6BAAC,mBAAmB;IAChB,OAAO,EAAE;MAAA,OAAMP,OAAO,CAAC,KAAK,CAAC;IAAA,CAAC;IAC9B,QAAQ,EACJ;IACAC,WAAW,CAACE;EACf,GACGR,IAAI,EACV,EACFC,YAAY,CAACO,OAAO,CACvB,EACJX,QAAQ,GAAGA,QAAQ,CAAC;IAAEY,eAAe,EAAfA;EAAgB,CAAC,CAAC,GAAGX,MAAM,GAAGA,MAAM,CAAC;IAAEW,eAAe,EAAfA;EAAgB,CAAC,CAAC,GAAG,IAAI,CACxF;AAEX,CAAC;AAAC"}
+{"version":3,"names":["getPortalTarget","target","window","document","getElementById","createElement","setAttribute","body","appendChild","FileManagerRenderer","makeComposable","FileManager","children","render","onChange","rest","containerRef","useRef","useState","show","setShow","onChangeRef","useEffect","current","showFileManager","useCallback","ReactDOM","createPortal"],"sources":["FileManager.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { makeComposable } from \"@webiny/react-composition\";\n\nexport interface FileManagerOnChange<T> {\n    (value: T): void;\n}\n\n/**\n * Represents a file object managed by the File Manager.\n */\nexport interface FileManagerFileItem {\n    id: string;\n    src: string;\n    meta?: Array<FileManagerFileItemMetaItem>;\n}\n\n/**\n * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.\n */\nexport interface FileManagerFileItemMetaItem {\n    key: string;\n    value: any;\n}\n\nexport type DeprecatedFileManagerRenderPropParams = {\n    showFileManager: (\n        onChange?: FileManagerOnChange<FileManagerFileItem | FileManagerFileItem[]>\n    ) => void;\n};\n\nexport type FileManagerRenderPropParams<TValue> = {\n    showFileManager: (onChange?: FileManagerOnChange<TValue>) => void;\n};\n\ninterface SingleFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem>): React.ReactNode;\n}\n\ninterface MultiFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem[]>): React.ReactNode;\n}\n\nexport type MultipleProps =\n    | {\n          multiple?: never;\n          multipleMaxCount?: never;\n          multipleMaxSize?: never;\n          onChange?: FileManagerOnChange<FileManagerFileItem>;\n          render?: SingleFileRenderProp;\n      }\n    | {\n          multiple: true;\n          multipleMaxCount?: number;\n          multipleMaxSize?: number | string;\n          onChange?: FileManagerOnChange<FileManagerFileItem[]>;\n          render?: MultiFileRenderProp;\n      };\n\nexport type FileManagerProps = {\n    accept?: Array<string>;\n    images?: boolean;\n    maxSize?: number | string;\n    /**\n     * @deprecated This prop is no longer used. The file structure was reduced to a bare minimum so picking is no longer necessary.\n     */\n    onChangePick?: string[];\n    onClose?: () => void;\n    onUploadCompletion?: (files: FileManagerFileItem[]) => void;\n    own?: boolean;\n    scope?: string;\n    tags?: Array<string>;\n    show?: boolean;\n    /**\n     * @deprecated This prop is no longer used. Use the `render` prop to get better TS autocomplete.\n     */\n    children?: (params: DeprecatedFileManagerRenderPropParams) => React.ReactNode;\n} & MultipleProps;\n\nfunction getPortalTarget() {\n    let target = window.document.getElementById(\"file-manager-container\");\n    if (!target) {\n        target = document.createElement(\"div\");\n        target.setAttribute(\"id\", \"file-manager-container\");\n        document.body && document.body.appendChild(target);\n    }\n    return target;\n}\n\n// This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!\ntype DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;\n\nexport type FileManagerRendererProps = DistributiveOmit<FileManagerProps, \"render\" | \"children\">;\n\nexport const FileManagerRenderer = makeComposable<FileManagerRendererProps>(\"FileManagerRenderer\");\n\nexport const FileManager: React.FC<FileManagerProps> = ({\n    children,\n    render,\n    onChange,\n    ...rest\n}) => {\n    const containerRef = useRef<HTMLElement>(getPortalTarget());\n    const [show, setShow] = useState(rest.show ?? false);\n    const onChangeRef = useRef(onChange);\n\n    useEffect(() => {\n        onChangeRef.current = onChange;\n    }, [onChange]);\n\n    const showFileManager = useCallback(onChange => {\n        if (typeof onChange === \"function\") {\n            onChangeRef.current = onChange;\n        }\n        setShow(true);\n    }, []);\n\n    return (\n        <>\n            {show &&\n                ReactDOM.createPortal(\n                    <FileManagerRenderer\n                        onClose={() => setShow(false)}\n                        onChange={\n                            /* TODO: figure out how to create a conditional type based on the value of `rest.multiple` */\n                            onChangeRef.current as any\n                        }\n                        {...rest}\n                    />,\n                    containerRef.current\n                )}\n            {children ? children({ showFileManager }) : render ? render({ showFileManager }) : null}\n        </>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAA2D;AA6E3D,SAASA,eAAe,GAAG;EACvB,IAAIC,MAAM,GAAGC,MAAM,CAACC,QAAQ,CAACC,cAAc,CAAC,wBAAwB,CAAC;EACrE,IAAI,CAACH,MAAM,EAAE;IACTA,MAAM,GAAGE,QAAQ,CAACE,aAAa,CAAC,KAAK,CAAC;IACtCJ,MAAM,CAACK,YAAY,CAAC,IAAI,EAAE,wBAAwB,CAAC;IACnDH,QAAQ,CAACI,IAAI,IAAIJ,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACP,MAAM,CAAC;EACtD;EACA,OAAOA,MAAM;AACjB;;AAEA;;AAKO,IAAMQ,mBAAmB,GAAG,IAAAC,gCAAc,EAA2B,qBAAqB,CAAC;AAAC;AAE5F,IAAMC,WAAuC,GAAG,SAA1CA,WAAuC,OAK9C;EAAA;EAAA,IAJFC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP,IAAMC,YAAY,GAAG,IAAAC,aAAM,EAAcjB,eAAe,EAAE,CAAC;EAC3D,gBAAwB,IAAAkB,eAAQ,gBAACH,IAAI,CAACI,IAAI,mDAAI,KAAK,CAAC;IAAA;IAA7CA,IAAI;IAAEC,OAAO;EACpB,IAAMC,WAAW,GAAG,IAAAJ,aAAM,EAACH,QAAQ,CAAC;EAEpC,IAAAQ,gBAAS,EAAC,YAAM;IACZD,WAAW,CAACE,OAAO,GAAGT,QAAQ;EAClC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAMU,eAAe,GAAG,IAAAC,kBAAW,EAAC,UAAAX,QAAQ,EAAI;IAC5C,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;MAChCO,WAAW,CAACE,OAAO,GAAGT,QAAQ;IAClC;IACAM,OAAO,CAAC,IAAI,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI,4DACKD,IAAI,iBACDO,iBAAQ,CAACC,YAAY,eACjB,6BAAC,mBAAmB;IAChB,OAAO,EAAE;MAAA,OAAMP,OAAO,CAAC,KAAK,CAAC;IAAA,CAAC;IAC9B,QAAQ,EACJ;IACAC,WAAW,CAACE;EACf,GACGR,IAAI,EACV,EACFC,YAAY,CAACO,OAAO,CACvB,EACJX,QAAQ,GAAGA,QAAQ,CAAC;IAAEY,eAAe,EAAfA;EAAgB,CAAC,CAAC,GAAGX,MAAM,GAAGA,MAAM,CAAC;IAAEW,eAAe,EAAfA;EAAgB,CAAC,CAAC,GAAG,IAAI,CACxF;AAEX,CAAC;AAAC"}

package/components/LexicalEditor/LexicalEditor.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { RichTextEditorProps } from "@webiny/lexical-editor/types";
+import { Theme } from "@webiny/app-theme/types";
+interface LexicalEditorProps extends Omit<RichTextEditorProps, "theme"> {
+    theme?: Theme;
+}
+export declare const LexicalEditor: (props: LexicalEditorProps) => JSX.Element;
+export {};

package/components/LexicalEditor/LexicalEditor.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LexicalEditor = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _ = require("./..");
+var _lexicalEditor = require("@webiny/lexical-editor");
+var _appTheme = require("@webiny/app-theme");
+var LexicalEditor = function LexicalEditor(props) {
+  var _useTheme = (0, _appTheme.useTheme)(),
+    theme = _useTheme.theme;
+  return /*#__PURE__*/_react.default.createElement(_.FileManager, null, function (_ref) {
+    var showFileManager = _ref.showFileManager;
+    return /*#__PURE__*/_react.default.createElement(_lexicalEditor.RichTextEditor, Object.assign({}, props, {
+      theme: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, theme), props === null || props === void 0 ? void 0 : props.theme),
+      toolbarActionPlugins: [].concat((0, _toConsumableArray2.default)(props.toolbarActionPlugins || []), [{
+        targetAction: "image-action",
+        plugin: showFileManager
+      }])
+    }));
+  });
+};
+exports.LexicalEditor = LexicalEditor;

package/components/LexicalEditor/LexicalEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LexicalEditor","props","useTheme","theme","showFileManager","toolbarActionPlugins","targetAction","plugin"],"sources":["LexicalEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManager } from \"~/components\";\nimport { RichTextEditor as BaseEditor } from \"@webiny/lexical-editor\";\nimport { RichTextEditorProps } from \"@webiny/lexical-editor/types\";\nimport { useTheme } from \"@webiny/app-theme\";\nimport { Theme } from \"@webiny/app-theme/types\";\n\ninterface LexicalEditorProps extends Omit<RichTextEditorProps, \"theme\"> {\n    theme?: Theme;\n}\n\nexport const LexicalEditor = (props: LexicalEditorProps) => {\n    const { theme } = useTheme();\n\n    return (\n        <FileManager>\n            {({ showFileManager }) => (\n                <BaseEditor\n                    {...props}\n                    theme={{ ...theme, ...props?.theme }}\n                    toolbarActionPlugins={[\n                        ...(props.toolbarActionPlugins || []),\n                        { targetAction: \"image-action\", plugin: showFileManager }\n                    ]}\n                />\n            )}\n        </FileManager>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAEA;AAOO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CAAIC,KAAyB,EAAK;EACxD,gBAAkB,IAAAC,kBAAQ,GAAE;IAApBC,KAAK,aAALA,KAAK;EAEb,oBACI,6BAAC,aAAW,QACP;IAAA,IAAGC,eAAe,QAAfA,eAAe;IAAA,oBACf,6BAAC,6BAAU,oBACHH,KAAK;MACT,KAAK,8DAAOE,KAAK,GAAKF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,KAAK,CAAG;MACrC,oBAAoB,6CACZF,KAAK,CAACI,oBAAoB,IAAI,EAAE,IACpC;QAAEC,YAAY,EAAE,cAAc;QAAEC,MAAM,EAAEH;MAAgB,CAAC;IAC3D,GACJ;EAAA,CACL,CACS;AAEtB,CAAC;AAAC"}

package/components/LexicalEditor/index.d.ts

@@ -0,0 +1 @@
+export { LexicalEditor } from "./LexicalEditor";

package/components/LexicalEditor/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LexicalEditor", {
+  enumerable: true,
+  get: function get() {
+    return _LexicalEditor.LexicalEditor;
+  }
+});
+var _LexicalEditor = require("./LexicalEditor");

package/components/LexicalEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { LexicalEditor } from \"./LexicalEditor\";\n"],"mappings":";;;;;;;;;;;AAAA"}

package/components/Permissions/CannotUseAaclAlert.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CannotUseAaclAlert: React.FC;

package/components/Permissions/CannotUseAaclAlert.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CannotUseAaclAlert = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Alert = require("@webiny/ui/Alert");
+var CannotUseAaclAlert = function CannotUseAaclAlert() {
+  return /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+    title: "Advanced Access Control Layer (AACL) not activated",
+    type: "warning"
+  }, /*#__PURE__*/_react.default.createElement("strong", null, "Custom access"), " option cannot be used because the Advanced Access Control Layer (AACL) is not activated. ", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), "To learn more, please visit the official\xA0", /*#__PURE__*/_react.default.createElement("a", {
+    href: "https://webiny.link/aacl",
+    target: "_blank",
+    rel: "noreferrer"
+  }, "documentation"), ".");
+};
+exports.CannotUseAaclAlert = CannotUseAaclAlert;

package/components/Permissions/CannotUseAaclAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CannotUseAaclAlert"],"sources":["CannotUseAaclAlert.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert } from \"@webiny/ui/Alert\";\n\nexport const CannotUseAaclAlert: React.FC = () => {\n    return (\n        <Alert title={\"Advanced Access Control Layer (AACL) not activated\"} type={\"warning\"}>\n            <strong>Custom access</strong> option cannot be used because the Advanced Access Control\n            Layer (AACL) is not activated. <br />\n            <br />\n            To learn more, please visit the official&nbsp;\n            <a href={\"https://webiny.link/aacl\"} target={\"_blank\"} rel={\"noreferrer\"}>\n                documentation\n            </a>\n            .\n        </Alert>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,kBAA4B,GAAG,SAA/BA,kBAA4B,GAAS;EAC9C,oBACI,6BAAC,YAAK;IAAC,KAAK,EAAE,oDAAqD;IAAC,IAAI,EAAE;EAAU,gBAChF,6CAAQ,eAAa,CAAS,8FACC,uDAAM,eACrC,wCAAM,gDAEN;IAAG,IAAI,EAAE,0BAA2B;IAAC,MAAM,EAAE,QAAS;IAAC,GAAG,EAAE;EAAa,GAAC,eAE1E,CAAI,KAER,CAAQ;AAEhB,CAAC;AAAC"}

package/components/Permissions/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./StyledComponents";
 export { Permissions } from "./Permissions";
+export { CannotUseAaclAlert } from "./CannotUseAaclAlert";

package/components/Permissions/index.js

@@ -4,8 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  Permissions: true
+  Permissions: true,
+  CannotUseAaclAlert: true
 };
+Object.defineProperty(exports, "CannotUseAaclAlert", {
+  enumerable: true,
+  get: function get() {
+    return _CannotUseAaclAlert.CannotUseAaclAlert;
+  }
+});
 Object.defineProperty(exports, "Permissions", {
   enumerable: true,
   get: function get() {
@@ -24,4 +31,5 @@ Object.keys(_StyledComponents).forEach(function (key) {
     }
   });
 });
-var _Permissions = require("./Permissions");
+var _Permissions = require("./Permissions");
+var _CannotUseAaclAlert = require("./CannotUseAaclAlert");

package/components/Permissions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./StyledComponents\";\nexport { Permissions } from \"./Permissions\";\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./StyledComponents\";\nexport { Permissions } from \"./Permissions\";\nexport { CannotUseAaclAlert } from \"./CannotUseAaclAlert\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AACA"}

package/hooks/useConfirmationDialog.d.ts

@@ -4,10 +4,12 @@ interface Params {
     message?: React.ReactNode;
     acceptLabel?: React.ReactNode;
     cancelLabel?: React.ReactNode;
+    loading?: React.ReactNode;
     [key: string]: any;
 }
-interface UseConfirmationDialogResponse {
-    showConfirmation: (onAccept: () => void, onCancel?: () => void) => void;
+export declare type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);
+export interface UseConfirmationDialogResponse {
+    showConfirmation: (onAccept: ShowConfirmationOnAccept, onCancel?: () => void) => void;
 }
-declare const useConfirmationDialog: ({ title, message, acceptLabel, cancelLabel, ...options }?: Params) => UseConfirmationDialogResponse;
+declare const useConfirmationDialog: ({ title, message, acceptLabel, cancelLabel, loading, ...options }?: Params) => UseConfirmationDialogResponse;
 export { useConfirmationDialog };

package/hooks/useConfirmationDialog.js

@@ -8,19 +8,24 @@ exports.useConfirmationDialog = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _useUi = require("@webiny/app/hooks/useUi");
 var _i18n = require("@webiny/app/i18n");
+var _Progress = require("@webiny/ui/Progress");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var _excluded = ["title", "message", "acceptLabel", "cancelLabel"];
+var _excluded = ["title", "message", "acceptLabel", "cancelLabel", "loading"];
 var t = _i18n.i18n.ns("app-admin/hooks/use-confirmation-dialog");
 var useConfirmationDialog = function useConfirmationDialog() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Confirmation"]))) : _ref$title,
     message = _ref.message,
     _ref$acceptLabel = _ref.acceptLabel,
-    acceptLabel = _ref$acceptLabel === void 0 ? t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Confirm"]))) : _ref$acceptLabel,
+    acceptLabel = _ref$acceptLabel === void 0 ? t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Confirm"]))) : _ref$acceptLabel,
     _ref$cancelLabel = _ref.cancelLabel,
-    cancelLabel = _ref$cancelLabel === void 0 ? t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Cancel"]))) : _ref$cancelLabel,
+    cancelLabel = _ref$cancelLabel === void 0 ? t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Cancel"]))) : _ref$cancelLabel,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null) : _ref$loading,
     options = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ui = (0, _useUi.useUi)();
   return {
@@ -28,9 +33,10 @@ var useConfirmationDialog = function useConfirmationDialog() {
       ui.setState(function (ui) {
         return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
           dialog: {
-            message: message || t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Are you sure you want to continue?"]))),
+            message: message || t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Are you sure you want to continue?"]))),
             options: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, options), {}, {
-              title: title || t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Confirmation"]))),
+              title: title,
+              loading: loading,
               actions: {
                 accept: {
                   label: acceptLabel,

package/hooks/useConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","useConfirmationDialog","title","message","acceptLabel","cancelLabel","options","ui","useUi","showConfirmation","onAccept","onCancel","setState","dialog","actions","accept","label","onClick","cancel"],"sources":["useConfirmationDialog.ts"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { i18n } from \"@webiny/app/i18n\";\nconst t = i18n.ns(\"app-admin/hooks/use-confirmation-dialog\");\n\ninterface Params {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n    acceptLabel?: React.ReactNode;\n    cancelLabel?: React.ReactNode;\n    [key: string]: any;\n}\n\ninterface UseConfirmationDialogResponse {\n    showConfirmation: (onAccept: () => void, onCancel?: () => void) => void;\n}\n\nconst useConfirmationDialog = ({\n    title,\n    message,\n    acceptLabel = t`Confirm`,\n    cancelLabel = t`Cancel`,\n    ...options\n}: Params = {}): UseConfirmationDialogResponse => {\n    const ui = useUi();\n\n    return {\n        showConfirmation: (onAccept, onCancel) => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    dialog: {\n                        message: message || t`Are you sure you want to continue?`,\n                        options: {\n                            ...options,\n                            title: title || t`Confirmation`,\n                            actions: {\n                                accept: {\n                                    label: acceptLabel,\n                                    onClick: onAccept\n                                },\n                                cancel: {\n                                    label: cancelLabel,\n                                    onClick: onCancel\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }\n    };\n};\n\nexport { useConfirmationDialog };\n"],"mappings":";;;;;;;;;;AACA;AACA;AAAwC;AAAA;AACxC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAc5D,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,GAMuB;EAAA,+EAAtC,CAAC,CAAC;EAAA,IALVC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IAAA,wBACPC,WAAW;IAAXA,WAAW,iCAAGN,CAAC;IAAA,wBACfO,WAAW;IAAXA,WAAW,iCAAGP,CAAC;IACZQ,OAAO;EAEV,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAElB,OAAO;IACHC,gBAAgB,EAAE,0BAACC,QAAQ,EAAEC,QAAQ,EAAK;MACtCJ,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEACOA,EAAE;UACLM,MAAM,EAAE;YACJV,OAAO,EAAEA,OAAO,IAAIL,CAAC,uHAAoC;YACzDQ,OAAO,8DACAA,OAAO;cACVJ,KAAK,EAAEA,KAAK,IAAIJ,CAAC,iGAAc;cAC/BgB,OAAO,EAAE;gBACLC,MAAM,EAAE;kBACJC,KAAK,EAAEZ,WAAW;kBAClBa,OAAO,EAAEP;gBACb,CAAC;gBACDQ,MAAM,EAAE;kBACJF,KAAK,EAAEX,WAAW;kBAClBY,OAAO,EAAEN;gBACb;cACJ;YAAC;UAET;QAAC;MAET,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAAC"}
+{"version":3,"names":["t","i18n","ns","useConfirmationDialog","title","message","acceptLabel","cancelLabel","loading","options","ui","useUi","showConfirmation","onAccept","onCancel","setState","dialog","actions","accept","label","onClick","cancel"],"sources":["useConfirmationDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-confirmation-dialog\");\n\ninterface Params {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n    acceptLabel?: React.ReactNode;\n    cancelLabel?: React.ReactNode;\n    loading?: React.ReactNode;\n    [key: string]: any;\n}\n\nexport type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);\n\nexport interface UseConfirmationDialogResponse {\n    showConfirmation: (onAccept: ShowConfirmationOnAccept, onCancel?: () => void) => void;\n}\n\nconst useConfirmationDialog = ({\n    title = t`Confirmation`,\n    message,\n    acceptLabel = t`Confirm`,\n    cancelLabel = t`Cancel`,\n    loading = <CircularProgress />,\n    ...options\n}: Params = {}): UseConfirmationDialogResponse => {\n    const ui = useUi();\n\n    return {\n        showConfirmation: (onAccept, onCancel) => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    dialog: {\n                        message: message || t`Are you sure you want to continue?`,\n                        options: {\n                            ...options,\n                            title,\n                            loading,\n                            actions: {\n                                accept: {\n                                    label: acceptLabel,\n                                    onClick: onAccept\n                                },\n                                cancel: {\n                                    label: cancelLabel,\n                                    onClick: onCancel\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }\n    };\n};\n\nexport { useConfirmationDialog };\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AAAuD;AAAA;AAEvD,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAiB5D,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,GAOuB;EAAA,+EAAtC,CAAC,CAAC;EAAA,sBANVC,KAAK;IAALA,KAAK,2BAAGJ,CAAC;IACTK,OAAO,QAAPA,OAAO;IAAA,wBACPC,WAAW;IAAXA,WAAW,iCAAGN,CAAC;IAAA,wBACfO,WAAW;IAAXA,WAAW,iCAAGP,CAAC;IAAA,oBACfQ,OAAO;IAAPA,OAAO,0CAAG,6BAAC,0BAAgB,OAAG;IAC3BC,OAAO;EAEV,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAElB,OAAO;IACHC,gBAAgB,EAAE,0BAACC,QAAQ,EAAEC,QAAQ,EAAK;MACtCJ,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEACOA,EAAE;UACLM,MAAM,EAAE;YACJX,OAAO,EAAEA,OAAO,IAAIL,CAAC,uHAAoC;YACzDS,OAAO,8DACAA,OAAO;cACVL,KAAK,EAALA,KAAK;cACLI,OAAO,EAAPA,OAAO;cACPS,OAAO,EAAE;gBACLC,MAAM,EAAE;kBACJC,KAAK,EAAEb,WAAW;kBAClBc,OAAO,EAAEP;gBACb,CAAC;gBACDQ,MAAM,EAAE;kBACJF,KAAK,EAAEZ,WAAW;kBAClBa,OAAO,EAAEN;gBACb;cACJ;YAAC;UAET;QAAC;MAET,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAAC"}

package/index.d.ts

@@ -26,9 +26,12 @@ export * from "./plugins/PermissionRendererPlugin";
 export { AppInstaller } from "./components/AppInstaller";
 export { OverlayLayout, OverlayLayoutProps } from "./components/OverlayLayout";
 export { default as SingleImageUpload, SingleImageUploadProps } from "./components/SingleImageUpload";
+export { LexicalEditor } from "./components/LexicalEditor/LexicalEditor";
 export { FileManager, FileManagerRenderer } from "./base/ui/FileManager";
 export type { FileManagerProps, FileManagerRendererProps, FileManagerFileItem, FileManagerOnChange } from "./base/ui/FileManager";
 export * from "./hooks/useSnackbar";
 export * from "./hooks/useConfirmationDialog";
 export * from "./hooks/useDialog";
 export { useWcp } from "@webiny/app-wcp";
+export { AaclPermission } from "@webiny/app-wcp/types";
+export { useTheme, ThemeProvider } from "@webiny/app-theme";

package/index.js

@@ -12,10 +12,20 @@ var _exportNames = {
   OverlayLayoutProps: true,
   SingleImageUpload: true,
   SingleImageUploadProps: true,
+  LexicalEditor: true,
   FileManager: true,
   FileManagerRenderer: true,
-  useWcp: true
+  useWcp: true,
+  AaclPermission: true,
+  useTheme: true,
+  ThemeProvider: true
 };
+Object.defineProperty(exports, "AaclPermission", {
+  enumerable: true,
+  get: function get() {
+    return _types.AaclPermission;
+  }
+});
 Object.defineProperty(exports, "Admin", {
   enumerable: true,
   get: function get() {
@@ -40,6 +50,12 @@ Object.defineProperty(exports, "FileManagerRenderer", {
     return _FileManager.FileManagerRenderer;
   }
 });
+Object.defineProperty(exports, "LexicalEditor", {
+  enumerable: true,
+  get: function get() {
+    return _LexicalEditor.LexicalEditor;
+  }
+});
 Object.defineProperty(exports, "OverlayLayout", {
   enumerable: true,
   get: function get() {
@@ -64,6 +80,18 @@ Object.defineProperty(exports, "SingleImageUploadProps", {
     return _SingleImageUpload.SingleImageUploadProps;
   }
 });
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function get() {
+    return _appTheme.ThemeProvider;
+  }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function get() {
+    return _appTheme.useTheme;
+  }
+});
 Object.defineProperty(exports, "useViewComposition", {
   enumerable: true,
   get: function get() {
@@ -273,6 +301,7 @@ Object.keys(_PermissionRendererPlugin).forEach(function (key) {
 var _AppInstaller = require("./components/AppInstaller");
 var _OverlayLayout = require("./components/OverlayLayout");
 var _SingleImageUpload = _interopRequireWildcard(require("./components/SingleImageUpload"));
+var _LexicalEditor = require("./components/LexicalEditor/LexicalEditor");
 var _FileManager = require("./base/ui/FileManager");
 var _useSnackbar = require("./hooks/useSnackbar");
 Object.keys(_useSnackbar).forEach(function (key) {
@@ -310,4 +339,6 @@ Object.keys(_useDialog).forEach(function (key) {
     }
   });
 });
-var _appWcp = require("@webiny/app-wcp");
+var _appWcp = require("@webiny/app-wcp");
+var _types = require("@webiny/app-wcp/types");
+var _appTheme = require("@webiny/app-theme");

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"@webiny/app\";\nexport type { HigherOrderComponent, ProviderProps, ComposeProps } from \"@webiny/app\";\n// UI components\nexport * from \"./base/ui/Tags\";\nexport * from \"./base/ui/Menu\";\nexport * from \"./base/ui/Layout\";\nexport * from \"./base/ui/LocaleSelector\";\nexport type { LayoutProps } from \"./base/ui/Layout\";\nexport * from \"./base/ui/Navigation\";\nexport type { MenuItemsProps } from \"./base/ui/Navigation\";\nexport * from \"./base/ui/Brand\";\nexport * from \"./base/ui/Logo\";\nexport * from \"./base/ui/Search\";\nexport type { SearchOptionData, SearchOptionProps } from \"./base/ui/Search\";\nexport * from \"./base/ui/UserMenu\";\nexport type { UserMenuItemProps } from \"./base/ui/UserMenu\";\nexport * from \"./base/ui/LoginScreen\";\nexport * from \"./base/ui/CenteredView\";\nexport * from \"./base/ui/Dashboard\";\nexport * from \"./base/ui/NotFound\";\n\n// Base admin app\nexport { Admin } from \"./base/Admin\";\nexport type { AdminProps } from \"./base/Admin\";\nexport { useViewComposition } from \"./base/providers/ViewCompositionProvider\";\nexport type { ViewCompositionContext, ViewElement } from \"./base/providers/ViewCompositionProvider\";\n\n// Plugins\nexport * from \"./base/plugins/AddGraphQLQuerySelection\";\nexport * from \"./plugins/PermissionRendererPlugin\";\n\n// Components\nexport { AppInstaller } from \"./components/AppInstaller\";\nexport { OverlayLayout, OverlayLayoutProps } from \"./components/OverlayLayout\";\nexport {\n    default as SingleImageUpload,\n    SingleImageUploadProps\n} from \"./components/SingleImageUpload\";\n\nexport { FileManager, FileManagerRenderer } from \"./base/ui/FileManager\";\nexport type {\n    FileManagerProps,\n    FileManagerRendererProps,\n    FileManagerFileItem,\n    FileManagerOnChange\n} from \"./base/ui/FileManager\";\n\n// Hooks\nexport * from \"./hooks/useSnackbar\";\nexport * from \"./hooks/useConfirmationDialog\";\nexport * from \"./hooks/useDialog\";\nexport { useWcp } from \"@webiny/app-wcp\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAGA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAGA;AAEA;AAIA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAGA;AACA;AACA;AAKA;AASA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"@webiny/app\";\nexport type { HigherOrderComponent, ProviderProps, ComposeProps } from \"@webiny/app\";\n// UI components\nexport * from \"./base/ui/Tags\";\nexport * from \"./base/ui/Menu\";\nexport * from \"./base/ui/Layout\";\nexport * from \"./base/ui/LocaleSelector\";\nexport type { LayoutProps } from \"./base/ui/Layout\";\nexport * from \"./base/ui/Navigation\";\nexport type { MenuItemsProps } from \"./base/ui/Navigation\";\nexport * from \"./base/ui/Brand\";\nexport * from \"./base/ui/Logo\";\nexport * from \"./base/ui/Search\";\nexport type { SearchOptionData, SearchOptionProps } from \"./base/ui/Search\";\nexport * from \"./base/ui/UserMenu\";\nexport type { UserMenuItemProps } from \"./base/ui/UserMenu\";\nexport * from \"./base/ui/LoginScreen\";\nexport * from \"./base/ui/CenteredView\";\nexport * from \"./base/ui/Dashboard\";\nexport * from \"./base/ui/NotFound\";\n\n// Base admin app\nexport { Admin } from \"./base/Admin\";\nexport type { AdminProps } from \"./base/Admin\";\nexport { useViewComposition } from \"./base/providers/ViewCompositionProvider\";\nexport type { ViewCompositionContext, ViewElement } from \"./base/providers/ViewCompositionProvider\";\n\n// Plugins\nexport * from \"./base/plugins/AddGraphQLQuerySelection\";\nexport * from \"./plugins/PermissionRendererPlugin\";\n\n// Components\nexport { AppInstaller } from \"./components/AppInstaller\";\nexport { OverlayLayout, OverlayLayoutProps } from \"./components/OverlayLayout\";\nexport {\n    default as SingleImageUpload,\n    SingleImageUploadProps\n} from \"./components/SingleImageUpload\";\nexport { LexicalEditor } from \"./components/LexicalEditor/LexicalEditor\";\n\nexport { FileManager, FileManagerRenderer } from \"./base/ui/FileManager\";\nexport type {\n    FileManagerProps,\n    FileManagerRendererProps,\n    FileManagerFileItem,\n    FileManagerOnChange\n} from \"./base/ui/FileManager\";\n\n// Hooks\nexport * from \"./hooks/useSnackbar\";\nexport * from \"./hooks/useConfirmationDialog\";\nexport * from \"./hooks/useDialog\";\nexport { useWcp } from \"@webiny/app-wcp\";\nexport { AaclPermission } from \"@webiny/app-wcp/types\";\n\n// Theme\nexport { useTheme, ThemeProvider } from \"@webiny/app-theme\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAGA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAGA;AAEA;AAIA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAGA;AACA;AACA;AAIA;AAEA;AASA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AACA;AAGA"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-admin",
-	"version": "0.0.0-unstable.c2780f51fe",
+	"version": "0.0.0-unstable.c7dec08bb0",
 	"main": "index.js",
 	"description": "A collection of plugins that together form a complete admin interface, customizable and extensible with Webiny apps and plugins.",
 	"repository": {
@@ -14,23 +14,25 @@
 		"@apollo/react-hooks": "3.1.5",
 		"@babel/runtime": "7.20.13",
 		"@editorjs/editorjs": "2.26.5",
-		"@emotion/react": "11.10.6",
+		"@emotion/react": "11.10.8",
 		"@emotion/styled": "11.10.6",
 		"@material-design-icons/svg": "0.14.3",
 		"@svgr/webpack": "6.5.1",
 		"@types/mime": "2.0.3",
 		"@types/react": "17.0.39",
-		"@webiny/app": "0.0.0-unstable.c2780f51fe",
-		"@webiny/app-security": "0.0.0-unstable.c2780f51fe",
-		"@webiny/app-wcp": "0.0.0-unstable.c2780f51fe",
-		"@webiny/form": "0.0.0-unstable.c2780f51fe",
-		"@webiny/plugins": "0.0.0-unstable.c2780f51fe",
-		"@webiny/react-composition": "0.0.0-unstable.c2780f51fe",
-		"@webiny/react-router": "0.0.0-unstable.c2780f51fe",
-		"@webiny/telemetry": "0.0.0-unstable.c2780f51fe",
-		"@webiny/ui": "0.0.0-unstable.c2780f51fe",
-		"@webiny/ui-composer": "0.0.0-unstable.c2780f51fe",
-		"@webiny/validation": "0.0.0-unstable.c2780f51fe",
+		"@webiny/app": "0.0.0-unstable.c7dec08bb0",
+		"@webiny/app-security": "0.0.0-unstable.c7dec08bb0",
+		"@webiny/app-theme": "0.0.0-unstable.c7dec08bb0",
+		"@webiny/app-wcp": "0.0.0-unstable.c7dec08bb0",
+		"@webiny/form": "0.0.0-unstable.c7dec08bb0",
+		"@webiny/lexical-editor": "0.0.0-unstable.c7dec08bb0",
+		"@webiny/plugins": "0.0.0-unstable.c7dec08bb0",
+		"@webiny/react-composition": "0.0.0-unstable.c7dec08bb0",
+		"@webiny/react-router": "0.0.0-unstable.c7dec08bb0",
+		"@webiny/telemetry": "0.0.0-unstable.c7dec08bb0",
+		"@webiny/ui": "0.0.0-unstable.c7dec08bb0",
+		"@webiny/ui-composer": "0.0.0-unstable.c7dec08bb0",
+		"@webiny/validation": "0.0.0-unstable.c7dec08bb0",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
@@ -51,21 +53,21 @@
 		"store": "2.0.12"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.19.3",
-		"@babel/core": "^7.19.3",
-		"@babel/plugin-proposal-class-properties": "^7.18.6",
-		"@babel/preset-env": "^7.19.4",
-		"@babel/preset-react": "^7.18.6",
-		"@babel/preset-typescript": "^7.18.6",
-		"@types/bytes": "^3.1.1",
-		"@types/graphlib": "^2.1.8",
-		"@types/store": "^2.0.2",
-		"@webiny/cli": "^0.0.0-unstable.c2780f51fe",
-		"@webiny/project-utils": "^0.0.0-unstable.c2780f51fe",
-		"babel-plugin-emotion": "^9.2.8",
-		"babel-plugin-lodash": "^3.3.4",
-		"rimraf": "^3.0.2",
-		"ttypescript": "^1.5.12",
+		"@babel/cli": "7.20.7",
+		"@babel/core": "7.20.12",
+		"@babel/plugin-proposal-class-properties": "7.18.6",
+		"@babel/preset-env": "7.20.2",
+		"@babel/preset-react": "7.18.6",
+		"@babel/preset-typescript": "7.18.6",
+		"@types/bytes": "3.1.1",
+		"@types/graphlib": "2.1.8",
+		"@types/store": "2.0.2",
+		"@webiny/cli": "0.0.0-unstable.c7dec08bb0",
+		"@webiny/project-utils": "0.0.0-unstable.c7dec08bb0",
+		"babel-plugin-emotion": "9.2.11",
+		"babel-plugin-lodash": "3.3.4",
+		"rimraf": "3.0.2",
+		"ttypescript": "1.5.15",
 		"typescript": "4.7.4"
 	},
 	"publishConfig": {
@@ -88,5 +90,5 @@
 			]
 		}
 	},
-	"gitHead": "c2780f51fe628e1ef0f6b55c2bce9b74d3470d79"
+	"gitHead": "c7dec08bb095467cca6a61381bd399d66b7bb147"
 }

package/types.d.ts

@@ -79,9 +79,20 @@ export interface FileItem {
     tags: string[];
     aliases: string[];
     createdOn: string;
+    savedOn: string;
     createdBy: {
         id: string;
+        displayName: string;
     };
+    location: {
+        folderId: string;
+    };
+    meta?: {
+        private?: boolean;
+        width?: number;
+        height?: number;
+    };
+    extensions?: Record<string, any>;
 }
 export interface FileManagerSecurityPermission extends SecurityPermission {
     rwd?: string;