@webiny/app-admin 0.0.0-unstable.990c3ab1b6 → 0.0.0-unstable.bca7b3e350
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/Admin.js +6 -6
- package/base/Admin.js.map +1 -1
- package/base/Base.js +2 -2
- package/base/Base.js.map +1 -1
- package/base/ui/Brand.d.ts +2 -2
- package/base/ui/Brand.js +3 -3
- package/base/ui/Brand.js.map +1 -1
- package/base/ui/Dashboard.d.ts +2 -2
- package/base/ui/Dashboard.js +3 -3
- package/base/ui/Dashboard.js.map +1 -1
- package/base/ui/Layout.d.ts +2 -2
- package/base/ui/Layout.js +3 -3
- package/base/ui/Layout.js.map +1 -1
- package/base/ui/LocaleSelector.d.ts +2 -2
- package/base/ui/LocaleSelector.js +3 -3
- package/base/ui/LocaleSelector.js.map +1 -1
- package/base/ui/LoginScreen.d.ts +1 -1
- package/base/ui/LoginScreen.js +2 -2
- package/base/ui/LoginScreen.js.map +1 -1
- package/base/ui/Logo.d.ts +2 -2
- package/base/ui/Logo.js +4 -4
- package/base/ui/Logo.js.map +1 -1
- package/base/ui/Navigation.d.ts +3 -3
- package/base/ui/Navigation.js +5 -5
- package/base/ui/Navigation.js.map +1 -1
- package/base/ui/NotFound.d.ts +2 -2
- package/base/ui/NotFound.js +3 -3
- package/base/ui/NotFound.js.map +1 -1
- package/base/ui/Search.d.ts +2 -2
- package/base/ui/Search.js +3 -3
- package/base/ui/Search.js.map +1 -1
- package/base/ui/UserMenu.d.ts +7 -7
- package/base/ui/UserMenu.js +8 -8
- package/base/ui/UserMenu.js.map +1 -1
- package/components/AppInstaller/AppInstaller.js.map +1 -1
- package/components/AppInstaller/Sidebar.js.map +1 -1
- package/components/AppInstaller/useInstaller.js +49 -53
- package/components/AppInstaller/useInstaller.js.map +1 -1
- package/components/FileManager/BottomInfoBar/SupportedFileTypes.js.map +1 -1
- package/components/FileManager/BottomInfoBar/UploadStatus.js.map +1 -1
- package/components/FileManager/DropFilesHere.js.map +1 -1
- package/components/FileManager/FileDetails/Name.js +41 -43
- package/components/FileManager/FileDetails/Name.js.map +1 -1
- package/components/FileManager/FileDetails/Tags.js +65 -67
- package/components/FileManager/FileDetails/Tags.js.map +1 -1
- package/components/FileManager/FileDetails.js +13 -15
- package/components/FileManager/FileDetails.js.map +1 -1
- package/components/FileManager/FileManagerView.js +137 -147
- package/components/FileManager/FileManagerView.js.map +1 -1
- package/components/FileManager/LeftSidebar.js.map +1 -1
- package/components/FileManager/NoResults.js.map +1 -1
- package/components/Permissions/Permissions.d.ts +2 -0
- package/components/Permissions/Permissions.js +11 -2
- package/components/Permissions/Permissions.js.map +1 -1
- package/components/SearchUI.d.ts +1 -0
- package/components/SearchUI.js +9 -1
- package/components/SearchUI.js.map +1 -1
- package/components/SimpleForm/SimpleForm.js +3 -12
- package/components/SimpleForm/SimpleForm.js.map +1 -1
- package/components/SimpleUI/InputField.d.ts +2 -0
- package/components/SimpleUI/InputField.js +3 -1
- package/components/SimpleUI/InputField.js.map +1 -1
- package/hooks/useConfirmationDialog.d.ts +3 -1
- package/hooks/useConfirmationDialog.js +10 -6
- package/hooks/useConfirmationDialog.js.map +1 -1
- package/index.d.ts +2 -2
- package/index.js +4 -4
- package/index.js.map +1 -1
- package/package.json +19 -20
- package/plugins/fileManager/fileImage/DeleteAction.js +9 -11
- package/plugins/fileManager/fileImage/DeleteAction.js.map +1 -1
- package/plugins/fileManager/fileImage/EditAction.js +13 -15
- package/plugins/fileManager/fileImage/EditAction.js.map +1 -1
- package/plugins/globalSearch/SearchBar.js.map +1 -1
- package/plugins/globalSearch/SearchBarDropdown.js.map +1 -1
- package/styles/material-theme-assignments.scss +4 -0
- package/styles/theme.scss +31 -1
- package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js.map +1 -1
- package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js +15 -5
- package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js.map +1 -1
package/base/Admin.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.Admin = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _app = require("@webiny/app");
|
|
10
10
|
var _appWcp = require("@webiny/app-wcp");
|
|
11
11
|
var _ApolloProvider = require("./providers/ApolloProvider");
|
|
12
12
|
var _Base = require("./Base");
|
|
@@ -26,15 +26,15 @@ var Admin = function Admin(_ref) {
|
|
|
26
26
|
loader: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
|
|
27
27
|
label: "Loading..."
|
|
28
28
|
})
|
|
29
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
29
|
+
}, /*#__PURE__*/_react.default.createElement(_app.App, null, /*#__PURE__*/_react.default.createElement(_app.Provider, {
|
|
30
30
|
hoc: TelemetryProvider
|
|
31
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
31
|
+
}), /*#__PURE__*/_react.default.createElement(_app.Provider, {
|
|
32
32
|
hoc: UiStateProvider
|
|
33
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
33
|
+
}), /*#__PURE__*/_react.default.createElement(_app.Provider, {
|
|
34
34
|
hoc: _Search.SearchProvider
|
|
35
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
35
|
+
}), /*#__PURE__*/_react.default.createElement(_app.Provider, {
|
|
36
36
|
hoc: _UserMenu.UserMenuProvider
|
|
37
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
37
|
+
}), /*#__PURE__*/_react.default.createElement(_app.Provider, {
|
|
38
38
|
hoc: _Navigation.NavigationProvider
|
|
39
39
|
}), /*#__PURE__*/_react.default.createElement(_Base.Base, null), children)));
|
|
40
40
|
};
|
package/base/Admin.js.map
CHANGED
|
@@ -1 +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 {
|
|
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"}
|
package/base/Base.js
CHANGED
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.Base = void 0;
|
|
9
9
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var
|
|
11
|
+
var _app = require("@webiny/app");
|
|
12
12
|
var _ = require("./..");
|
|
13
13
|
var _plugins = require("@webiny/plugins");
|
|
14
14
|
var _iconDocumentation = require("../assets/icons/icon-documentation.svg");
|
|
@@ -38,7 +38,7 @@ function registerFileTypePlugins() {
|
|
|
38
38
|
var BaseExtension = function BaseExtension() {
|
|
39
39
|
_plugins.plugins.register([_globalSearch.globalSearchHotkey, _uiLayoutRenderer.uiLayoutPlugin]);
|
|
40
40
|
registerFileTypePlugins();
|
|
41
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
41
|
+
return /*#__PURE__*/_react.default.createElement(_app.Plugins, null, /*#__PURE__*/_react.default.createElement(_.AddMenu, {
|
|
42
42
|
name: "settings",
|
|
43
43
|
label: "Settings",
|
|
44
44
|
icon: /*#__PURE__*/_react.default.createElement(_roundSettings24px.ReactComponent, null),
|
package/base/Base.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["registerFileTypePlugins","fileTypePlugins","plugins","byType","FileManagerFileTypePlugin","type","forEach","pl","unregister","name","register","defaultFileTypePlugin","imageFileTypePlugin","map","undefined","BaseExtension","globalSearchHotkey","uiLayoutPlugin","showFileManager","Base","memo"],"sources":["Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { Plugins } from \"@webiny/app
|
|
1
|
+
{"version":3,"names":["registerFileTypePlugins","fileTypePlugins","plugins","byType","FileManagerFileTypePlugin","type","forEach","pl","unregister","name","register","defaultFileTypePlugin","imageFileTypePlugin","map","undefined","BaseExtension","globalSearchHotkey","uiLayoutPlugin","showFileManager","Base","memo"],"sources":["Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { Plugins } from \"@webiny/app\";\nimport { AddMenu, AddRoute, Dashboard, FileManagerFileTypePlugin, 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 \"~/assets/icons/insert_drive_file-24px.svg\";\nimport { ReactComponent as SettingsIcon } from \"~/assets/icons/round-settings-24px.svg\";\nimport { FileManager } from \"~/components\";\n\nimport { defaultFileTypePlugin, imageFileTypePlugin } from \"~/plugins/fileManager\";\nimport { globalSearchHotkey } from \"~/plugins/globalSearch\";\nimport { uiLayoutPlugin } from \"~/plugins/uiLayoutRenderer\";\n\nfunction registerFileTypePlugins() {\n // This is an ugly hack, which we will replace when we implement file thumbnail rendering via the Composition API.\n const fileTypePlugins = plugins.byType(FileManagerFileTypePlugin.type);\n\n // First we need to unregister already registered plugins.\n fileTypePlugins.forEach(pl => plugins.unregister(pl.name as string));\n\n // Then, we need to register the default plugins first, then register user's plugins again, to generate new names.\n plugins.register([\n defaultFileTypePlugin,\n imageFileTypePlugin,\n ...fileTypePlugins.map(pl => {\n pl.name = undefined;\n return pl;\n })\n ]);\n}\n\nconst BaseExtension: React.FC = () => {\n plugins.register([globalSearchHotkey, uiLayoutPlugin]);\n\n registerFileTypePlugins();\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;AAEA;AACA;AACA;AAEA,SAASA,uBAAuB,GAAG;EAC/B;EACA,IAAMC,eAAe,GAAGC,gBAAO,CAACC,MAAM,CAACC,2BAAyB,CAACC,IAAI,CAAC;;EAEtE;EACAJ,eAAe,CAACK,OAAO,CAAC,UAAAC,EAAE;IAAA,OAAIL,gBAAO,CAACM,UAAU,CAACD,EAAE,CAACE,IAAI,CAAW;EAAA,EAAC;;EAEpE;EACAP,gBAAO,CAACQ,QAAQ,EACZC,kCAAqB,EACrBC,gCAAmB,0CAChBX,eAAe,CAACY,GAAG,CAAC,UAAAN,EAAE,EAAI;IACzBA,EAAE,CAACE,IAAI,GAAGK,SAAS;IACnB,OAAOP,EAAE;EACb,CAAC,CAAC,GACJ;AACN;AAEA,IAAMQ,aAAuB,GAAG,SAA1BA,aAAuB,GAAS;EAClCb,gBAAO,CAACQ,QAAQ,CAAC,CAACM,gCAAkB,EAAEC,gCAAc,CAAC,CAAC;EAEtDjB,uBAAuB,EAAE;EAEzB,oBACI,6BAAC,YAAO,qBACJ,6BAAC,SAAO;IAAC,IAAI,EAAE,UAAW;IAAC,KAAK,EAAE,UAAW;IAAC,IAAI,eAAE,6BAAC,iCAAY,OAAI;IAAC,GAAG,EAAE;EAAO,EAAG,eACrF,6BAAC,uBAAW,QACP;IAAA,IAAGkB,eAAe,QAAfA,eAAe;IAAA,oBACf,6BAAC,SAAO;MACJ,IAAI,EAAE,aAAc;MACpB,KAAK,EAAE,cAAe;MACtB,IAAI,eAAE,6BAAC,qCAAQ,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,EAACL,aAAa,CAAC;AAAC"}
|
package/base/ui/Brand.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const Brand: import("@webiny/app
|
|
2
|
-
export declare const BrandRenderer: import("@webiny/app
|
|
1
|
+
export declare const Brand: import("@webiny/app").ComposableFC<unknown>;
|
|
2
|
+
export declare const BrandRenderer: import("@webiny/app").ComposableFC<unknown>;
|
package/base/ui/Brand.js
CHANGED
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.BrandRenderer = exports.Brand = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
10
|
-
var Brand = (0,
|
|
9
|
+
var _app = require("@webiny/app");
|
|
10
|
+
var Brand = (0, _app.makeComposable)("Brand", function () {
|
|
11
11
|
return /*#__PURE__*/_react.default.createElement(BrandRenderer, null);
|
|
12
12
|
});
|
|
13
13
|
exports.Brand = Brand;
|
|
14
|
-
var BrandRenderer = (0,
|
|
14
|
+
var BrandRenderer = (0, _app.makeComposable)("BrandRenderer");
|
|
15
15
|
exports.BrandRenderer = BrandRenderer;
|
package/base/ui/Brand.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Brand","makeComposable","BrandRenderer"],"sources":["Brand.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app
|
|
1
|
+
{"version":3,"names":["Brand","makeComposable","BrandRenderer"],"sources":["Brand.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport const Brand = makeComposable(\"Brand\", () => {\n return <BrandRenderer />;\n});\n\nexport const BrandRenderer = makeComposable(\"BrandRenderer\");\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,KAAK,GAAG,IAAAC,mBAAc,EAAC,OAAO,EAAE,YAAM;EAC/C,oBAAO,6BAAC,aAAa,OAAG;AAC5B,CAAC,CAAC;AAAC;AAEI,IAAMC,aAAa,GAAG,IAAAD,mBAAc,EAAC,eAAe,CAAC;AAAC"}
|
package/base/ui/Dashboard.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const Dashboard: import("@webiny/app
|
|
2
|
-
export declare const DashboardRenderer: import("@webiny/app
|
|
1
|
+
export declare const Dashboard: import("@webiny/app").ComposableFC<unknown>;
|
|
2
|
+
export declare const DashboardRenderer: import("@webiny/app").ComposableFC<unknown>;
|
package/base/ui/Dashboard.js
CHANGED
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.DashboardRenderer = exports.Dashboard = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
10
|
-
var Dashboard = (0,
|
|
9
|
+
var _app = require("@webiny/app");
|
|
10
|
+
var Dashboard = (0, _app.makeComposable)("Dashboard", function () {
|
|
11
11
|
return /*#__PURE__*/_react.default.createElement(DashboardRenderer, null);
|
|
12
12
|
});
|
|
13
13
|
exports.Dashboard = Dashboard;
|
|
14
|
-
var DashboardRenderer = (0,
|
|
14
|
+
var DashboardRenderer = (0, _app.makeComposable)("DashboardRenderer");
|
|
15
15
|
exports.DashboardRenderer = DashboardRenderer;
|
package/base/ui/Dashboard.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Dashboard","makeComposable","DashboardRenderer"],"sources":["Dashboard.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app
|
|
1
|
+
{"version":3,"names":["Dashboard","makeComposable","DashboardRenderer"],"sources":["Dashboard.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport const Dashboard = makeComposable(\"Dashboard\", () => {\n return <DashboardRenderer />;\n});\n\nexport const DashboardRenderer = makeComposable(\"DashboardRenderer\");\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,SAAS,GAAG,IAAAC,mBAAc,EAAC,WAAW,EAAE,YAAM;EACvD,oBAAO,6BAAC,iBAAiB,OAAG;AAChC,CAAC,CAAC;AAAC;AAEI,IAAMC,iBAAiB,GAAG,IAAAD,mBAAc,EAAC,mBAAmB,CAAC;AAAC"}
|
package/base/ui/Layout.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ export interface LayoutProps {
|
|
|
3
3
|
title?: string;
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
}
|
|
6
|
-
export declare const Layout: import("@webiny/app
|
|
7
|
-
export declare const LayoutRenderer: import("@webiny/app
|
|
6
|
+
export declare const Layout: import("@webiny/app").ComposableFC<LayoutProps>;
|
|
7
|
+
export declare const LayoutRenderer: import("@webiny/app").ComposableFC<LayoutProps>;
|
package/base/ui/Layout.js
CHANGED
|
@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.LayoutRenderer = exports.Layout = void 0;
|
|
8
8
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var
|
|
10
|
+
var _app = require("@webiny/app");
|
|
11
11
|
var _excluded = ["children"];
|
|
12
|
-
var Layout = (0,
|
|
12
|
+
var Layout = (0, _app.makeComposable)("Layout", function (_ref) {
|
|
13
13
|
var children = _ref.children,
|
|
14
14
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
15
15
|
return /*#__PURE__*/_react.default.createElement(LayoutRenderer, props, children);
|
|
16
16
|
});
|
|
17
17
|
exports.Layout = Layout;
|
|
18
|
-
var LayoutRenderer = (0,
|
|
18
|
+
var LayoutRenderer = (0, _app.makeComposable)("LayoutRenderer");
|
|
19
19
|
exports.LayoutRenderer = LayoutRenderer;
|
package/base/ui/Layout.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Layout","makeComposable","children","props","LayoutRenderer"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app
|
|
1
|
+
{"version":3,"names":["Layout","makeComposable","children","props","LayoutRenderer"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n title?: string;\n children: React.ReactNode;\n}\n\nexport const Layout = makeComposable<LayoutProps>(\"Layout\", ({ children, ...props }) => {\n return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeComposable<LayoutProps>(\"LayoutRenderer\");\n"],"mappings":";;;;;;;;AAAA;AACA;AAA6C;AAOtC,IAAMA,MAAM,GAAG,IAAAC,mBAAc,EAAc,QAAQ,EAAE,gBAA4B;EAAA,IAAzBC,QAAQ,QAARA,QAAQ;IAAKC,KAAK;EAC7E,oBAAO,6BAAC,cAAc,EAAKA,KAAK,EAAGD,QAAQ,CAAkB;AACjE,CAAC,CAAC;AAAC;AAEI,IAAME,cAAc,GAAG,IAAAH,mBAAc,EAAc,gBAAgB,CAAC;AAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const LocaleSelector: import("@webiny/app
|
|
2
|
-
export declare const LocaleSelectorRenderer: import("@webiny/app
|
|
1
|
+
export declare const LocaleSelector: import("@webiny/app").ComposableFC<unknown>;
|
|
2
|
+
export declare const LocaleSelectorRenderer: import("@webiny/app").ComposableFC<unknown>;
|
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.LocaleSelectorRenderer = exports.LocaleSelector = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
10
|
-
var LocaleSelector = (0,
|
|
9
|
+
var _app = require("@webiny/app");
|
|
10
|
+
var LocaleSelector = (0, _app.makeComposable)("LocaleSelector", function () {
|
|
11
11
|
return /*#__PURE__*/_react.default.createElement(LocaleSelectorRenderer, null);
|
|
12
12
|
});
|
|
13
13
|
exports.LocaleSelector = LocaleSelector;
|
|
14
|
-
var LocaleSelectorRenderer = (0,
|
|
14
|
+
var LocaleSelectorRenderer = (0, _app.makeComposable)("LocaleSelectorRenderer");
|
|
15
15
|
exports.LocaleSelectorRenderer = LocaleSelectorRenderer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["LocaleSelector","makeComposable","LocaleSelectorRenderer"],"sources":["LocaleSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app
|
|
1
|
+
{"version":3,"names":["LocaleSelector","makeComposable","LocaleSelectorRenderer"],"sources":["LocaleSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport const LocaleSelector = makeComposable(\"LocaleSelector\", () => {\n return <LocaleSelectorRenderer />;\n});\n\nexport const LocaleSelectorRenderer = makeComposable(\"LocaleSelectorRenderer\");\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,cAAc,GAAG,IAAAC,mBAAc,EAAC,gBAAgB,EAAE,YAAM;EACjE,oBAAO,6BAAC,sBAAsB,OAAG;AACrC,CAAC,CAAC;AAAC;AAEI,IAAMC,sBAAsB,GAAG,IAAAD,mBAAc,EAAC,wBAAwB,CAAC;AAAC"}
|
package/base/ui/LoginScreen.d.ts
CHANGED
|
@@ -3,4 +3,4 @@ export interface LoginScreenProps {
|
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
}
|
|
5
5
|
export declare const LoginScreen: React.FC<LoginScreenProps>;
|
|
6
|
-
export declare const LoginScreenRenderer: import("@webiny/app
|
|
6
|
+
export declare const LoginScreenRenderer: import("@webiny/app").ComposableFC<LoginScreenProps>;
|
package/base/ui/LoginScreen.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.LoginScreenRenderer = exports.LoginScreen = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _app = require("@webiny/app");
|
|
10
10
|
var _Tags = require("./Tags");
|
|
11
11
|
var LoginScreen = function LoginScreen(_ref) {
|
|
12
12
|
var children = _ref.children;
|
|
@@ -17,5 +17,5 @@ var LoginScreen = function LoginScreen(_ref) {
|
|
|
17
17
|
}, /*#__PURE__*/_react.default.createElement(LoginScreenRenderer, null, children));
|
|
18
18
|
};
|
|
19
19
|
exports.LoginScreen = LoginScreen;
|
|
20
|
-
var LoginScreenRenderer = (0,
|
|
20
|
+
var LoginScreenRenderer = (0, _app.makeComposable)("LoginScreenRenderer");
|
|
21
21
|
exports.LoginScreenRenderer = LoginScreenRenderer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["LoginScreen","children","location","LoginScreenRenderer","makeComposable"],"sources":["LoginScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app
|
|
1
|
+
{"version":3,"names":["LoginScreen","children","location","LoginScreenRenderer","makeComposable"],"sources":["LoginScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\nimport { Tags } from \"./Tags\";\n\nexport interface LoginScreenProps {\n children: React.ReactNode;\n}\n\nexport const LoginScreen: React.FC<LoginScreenProps> = ({ children }) => {\n return (\n <Tags tags={{ location: \"loginScreen\" }}>\n <LoginScreenRenderer>{children}</LoginScreenRenderer>\n </Tags>\n );\n};\n\nexport const LoginScreenRenderer = makeComposable<LoginScreenProps>(\"LoginScreenRenderer\");\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAMO,IAAMA,WAAuC,GAAG,SAA1CA,WAAuC,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EAC9D,oBACI,6BAAC,UAAI;IAAC,IAAI,EAAE;MAAEC,QAAQ,EAAE;IAAc;EAAE,gBACpC,6BAAC,mBAAmB,QAAED,QAAQ,CAAuB,CAClD;AAEf,CAAC;AAAC;AAEK,IAAME,mBAAmB,GAAG,IAAAC,mBAAc,EAAmB,qBAAqB,CAAC;AAAC"}
|
package/base/ui/Logo.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export declare const Logo: import("@webiny/app
|
|
3
|
-
export declare const LogoRenderer: import("@webiny/app
|
|
2
|
+
export declare const Logo: import("@webiny/app").ComposableFC<unknown>;
|
|
3
|
+
export declare const LogoRenderer: import("@webiny/app").ComposableFC<unknown>;
|
|
4
4
|
interface AddLogoProps {
|
|
5
5
|
logo: JSX.Element;
|
|
6
6
|
}
|
package/base/ui/Logo.js
CHANGED
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.LogoRenderer = exports.Logo = exports.AddLogo = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var
|
|
10
|
-
var Logo = (0,
|
|
9
|
+
var _app = require("@webiny/app");
|
|
10
|
+
var Logo = (0, _app.makeComposable)("Logo", function () {
|
|
11
11
|
return /*#__PURE__*/_react.default.createElement(LogoRenderer, null);
|
|
12
12
|
});
|
|
13
13
|
exports.Logo = Logo;
|
|
14
|
-
var LogoRenderer = (0,
|
|
14
|
+
var LogoRenderer = (0, _app.makeComposable)("LogoRenderer");
|
|
15
15
|
exports.LogoRenderer = LogoRenderer;
|
|
16
16
|
var AddLogo = function AddLogo(_ref) {
|
|
17
17
|
var logo = _ref.logo;
|
|
@@ -22,7 +22,7 @@ var AddLogo = function AddLogo(_ref) {
|
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
24
|
}, []);
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
25
|
+
return /*#__PURE__*/_react.default.createElement(_app.Compose, {
|
|
26
26
|
component: LogoRenderer,
|
|
27
27
|
with: LogoHOC
|
|
28
28
|
});
|
package/base/ui/Logo.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Logo","makeComposable","LogoRenderer","AddLogo","logo","LogoHOC","useMemo"],"sources":["Logo.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Compose, makeComposable } from \"@webiny/app
|
|
1
|
+
{"version":3,"names":["Logo","makeComposable","LogoRenderer","AddLogo","logo","LogoHOC","useMemo"],"sources":["Logo.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Compose, makeComposable } from \"@webiny/app\";\n\nexport const Logo = makeComposable(\"Logo\", () => {\n return <LogoRenderer />;\n});\n\nexport const LogoRenderer = makeComposable(\"LogoRenderer\");\n\ninterface AddLogoProps {\n logo: JSX.Element;\n}\n\nexport const AddLogo: React.FC<AddLogoProps> = ({ logo }) => {\n const LogoHOC = useMemo(() => {\n return () => {\n return function Logo() {\n return logo;\n };\n };\n }, []);\n\n return <Compose component={LogoRenderer} with={LogoHOC} />;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,IAAI,GAAG,IAAAC,mBAAc,EAAC,MAAM,EAAE,YAAM;EAC7C,oBAAO,6BAAC,YAAY,OAAG;AAC3B,CAAC,CAAC;AAAC;AAEI,IAAMC,YAAY,GAAG,IAAAD,mBAAc,EAAC,cAAc,CAAC;AAAC;AAMpD,IAAME,OAA+B,GAAG,SAAlCA,OAA+B,OAAiB;EAAA,IAAXC,IAAI,QAAJA,IAAI;EAClD,IAAMC,OAAO,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC1B,OAAO,YAAM;MACT,OAAO,SAASN,IAAI,GAAG;QACnB,OAAOI,IAAI;MACf,CAAC;IACL,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAO,6BAAC,YAAO;IAAC,SAAS,EAAEF,YAAa;IAAC,IAAI,EAAEG;EAAQ,EAAG;AAC9D,CAAC;AAAC"}
|
package/base/ui/Navigation.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export interface NavigationContext {
|
|
|
8
8
|
export declare function useNavigation(): NavigationContext;
|
|
9
9
|
export declare const NavigationProvider: (Component: React.ComponentType<unknown>) => React.FC;
|
|
10
10
|
export declare const Navigation: React.FC;
|
|
11
|
-
export declare const NavigationRenderer: import("@webiny/app
|
|
11
|
+
export declare const NavigationRenderer: import("@webiny/app").ComposableFC<unknown>;
|
|
12
12
|
interface MenuItemContext {
|
|
13
13
|
menuItem?: MenuData;
|
|
14
14
|
depth: number;
|
|
@@ -18,7 +18,7 @@ export declare function useMenuItem(): MenuItemContext;
|
|
|
18
18
|
export interface MenuItemsProps {
|
|
19
19
|
menuItems: MenuData[];
|
|
20
20
|
}
|
|
21
|
-
export declare const MenuItems: import("@webiny/app
|
|
21
|
+
export declare const MenuItems: import("@webiny/app").ComposableFC<MenuItemsProps>;
|
|
22
22
|
export declare const MenuItem: React.FC;
|
|
23
|
-
export declare const MenuItemRenderer: import("@webiny/app
|
|
23
|
+
export declare const MenuItemRenderer: import("@webiny/app").ComposableFC<unknown>;
|
|
24
24
|
export {};
|
package/base/ui/Navigation.js
CHANGED
|
@@ -12,7 +12,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
|
|
|
12
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
14
|
var _nanoid = require("nanoid");
|
|
15
|
-
var
|
|
15
|
+
var _app = require("@webiny/app");
|
|
16
16
|
var _ = require("../..");
|
|
17
17
|
var _plugins = require("@webiny/plugins");
|
|
18
18
|
var NavigationContext = /*#__PURE__*/(0, _react.createContext)({
|
|
@@ -51,7 +51,7 @@ var LegacyMenuPlugins = function LegacyMenuPlugins() {
|
|
|
51
51
|
}
|
|
52
52
|
var menuElements = menuPlugins.map(function (plugin) {
|
|
53
53
|
// TODO @ts-refactor figure out correct types or write a comment to leave as React.FC
|
|
54
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
54
|
+
return /*#__PURE__*/_react.default.createElement(_app.Plugins, {
|
|
55
55
|
key: plugin.name
|
|
56
56
|
}, plugin.render({
|
|
57
57
|
Menu: LegacyMenu,
|
|
@@ -118,7 +118,7 @@ var Navigation = function Navigation() {
|
|
|
118
118
|
}, /*#__PURE__*/_react.default.createElement(NavigationRenderer, null));
|
|
119
119
|
};
|
|
120
120
|
exports.Navigation = Navigation;
|
|
121
|
-
var NavigationRenderer = (0,
|
|
121
|
+
var NavigationRenderer = (0, _app.makeComposable)("NavigationRenderer");
|
|
122
122
|
exports.NavigationRenderer = NavigationRenderer;
|
|
123
123
|
var MenuItemContext = /*#__PURE__*/_react.default.createContext({
|
|
124
124
|
menuItem: undefined,
|
|
@@ -128,7 +128,7 @@ MenuItemContext.displayName = "MenuItemContext";
|
|
|
128
128
|
function useMenuItem() {
|
|
129
129
|
return _react.default.useContext(MenuItemContext);
|
|
130
130
|
}
|
|
131
|
-
var MenuItems = (0,
|
|
131
|
+
var MenuItems = (0, _app.makeComposable)("MenuItems", function (_ref2) {
|
|
132
132
|
var menuItems = _ref2.menuItems;
|
|
133
133
|
var menuItem = useMenuItem();
|
|
134
134
|
var depth = menuItem ? menuItem.depth : -1;
|
|
@@ -147,5 +147,5 @@ var MenuItem = function MenuItem() {
|
|
|
147
147
|
return /*#__PURE__*/_react.default.createElement(MenuItemRenderer, null);
|
|
148
148
|
};
|
|
149
149
|
exports.MenuItem = MenuItem;
|
|
150
|
-
var MenuItemRenderer = (0,
|
|
150
|
+
var MenuItemRenderer = (0, _app.makeComposable)("MenuItemRenderer");
|
|
151
151
|
exports.MenuItemRenderer = MenuItemRenderer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["NavigationContext","createContext","menuItems","setMenu","removeMenu","displayName","useNavigation","useContext","LegacyMenu","props","name","nanoid","label","children","LegacyMenuPlugins","useState","menus","setMenus","useEffect","menuPlugins","plugins","byType","menuElements","map","plugin","render","Menu","Item","Section","NavigationProvider","Component","setState","id","updater","state","index","findIndex","m","newMenu","createEmptyMenu","slice","useCallback","context","useMemo","Navigation","location","NavigationRenderer","makeComposable","MenuItemContext","React","menuItem","undefined","depth","useMenuItem","MenuItems","MenuItem","MenuItemRenderer"],"sources":["Navigation.tsx"],"sourcesContent":["import React, {\n Fragment,\n useEffect,\n createContext,\n useCallback,\n useMemo,\n useState,\n useContext\n} from \"react\";\nimport { nanoid } from \"nanoid\";\nimport { makeComposable, Plugins } from \"@webiny/app-admin-core\";\nimport { MenuData, MenuProps, AddMenu as Menu, Tags, MenuUpdater, createEmptyMenu } from \"~/index\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminMenuPlugin } from \"~/types\";\nimport { ItemProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\nexport interface NavigationContext {\n menuItems: MenuData[];\n setMenu(id: string, update: MenuUpdater): void;\n removeMenu(id: string): void;\n}\n\nconst NavigationContext = createContext<NavigationContext>({\n menuItems: [],\n setMenu: () => {\n return void 0;\n },\n removeMenu: () => {\n return void 0;\n }\n});\nNavigationContext.displayName = \"NavigationContext\";\n\nexport function useNavigation() {\n return useContext(NavigationContext);\n}\n\n// IMPORTANT! The following component is for BACKWARDS COMPATIBILITY purposes only!\n// It is not a public component, and is not even exported from this file. We need it to take care of\n// scaffolded plugins in users' projects, as well as our own applications (Page Builder and Form Builder).\nconst LegacyMenu: React.FC<MenuProps | SectionProps | ItemProps> = props => {\n return (\n <Menu {...props} name={(props as MenuProps).name || nanoid()} label={props.label as string}>\n {props.children}\n </Menu>\n );\n};\n\nconst LegacyMenuPlugins: React.FC = () => {\n // IMPORTANT! The following piece of code is for BACKWARDS COMPATIBILITY purposes only!\n const [menus, setMenus] = useState<JSX.Element | null>(null);\n\n useEffect(() => {\n const menuPlugins = plugins.byType<AdminMenuPlugin>(\"admin-menu\");\n if (!menuPlugins) {\n return;\n }\n\n const menuElements = menuPlugins.map(plugin => {\n // TODO @ts-refactor figure out correct types or write a comment to leave as React.FC\n return (\n <Plugins key={plugin.name}>\n {plugin.render({\n Menu: LegacyMenu as React.FC,\n Item: LegacyMenu as React.FC,\n Section: LegacyMenu as React.FC\n })}\n </Plugins>\n );\n });\n // TODO @ts-refactor\n setMenus(menuElements as any);\n }, []);\n\n return menus;\n};\n\nexport const NavigationProvider = (Component: React.ComponentType<unknown>): React.FC => {\n return function NavigationProvider({ children }) {\n const [menuItems, setState] = useState<MenuData[]>([]);\n\n const setMenu = (id: string, updater: MenuUpdater): void => {\n setState(state => {\n const index = state.findIndex(m => m.name === id);\n\n const newMenu = index > -1 ? updater(state[index]) : updater(createEmptyMenu(id));\n if (!newMenu) {\n return [...state];\n }\n if (!newMenu.children) {\n newMenu.children = [];\n }\n\n return index > -1\n ? [...state.slice(0, index), newMenu, ...state.slice(index + 1)]\n : [...state, newMenu];\n });\n };\n const removeMenu = useCallback(\n id => {\n setState(state => {\n const index = state.findIndex(m => m.name === id);\n\n if (index < 0) {\n return state;\n }\n\n return [...state.slice(0, index), ...state.slice(index + 1)];\n });\n },\n [setState]\n );\n\n const context = useMemo<NavigationContext>(\n () => ({\n menuItems,\n setMenu,\n removeMenu\n }),\n [menuItems, setMenu, removeMenu]\n );\n\n return (\n <NavigationContext.Provider value={context}>\n <LegacyMenuPlugins />\n <Component>{children}</Component>\n </NavigationContext.Provider>\n );\n };\n};\n\nexport const Navigation: React.FC = () => {\n return (\n <Tags tags={{ location: \"navigation\" }}>\n <NavigationRenderer />\n </Tags>\n );\n};\n\nexport const NavigationRenderer = makeComposable(\"NavigationRenderer\");\n\ninterface MenuItemContext {\n menuItem?: MenuData;\n depth: number;\n}\n\nconst MenuItemContext = React.createContext<MenuItemContext>({\n menuItem: undefined,\n depth: -1\n});\nMenuItemContext.displayName = \"MenuItemContext\";\n\nexport function useMenuItem() {\n return React.useContext(MenuItemContext);\n}\n\nexport interface MenuItemsProps {\n menuItems: MenuData[];\n}\n\nexport const MenuItems = makeComposable<MenuItemsProps>(\"MenuItems\", ({ menuItems }) => {\n const menuItem = useMenuItem();\n\n const depth = menuItem ? menuItem.depth : -1;\n\n return (\n <Fragment>\n {menuItems.map(menuItem => (\n <MenuItemContext.Provider\n key={menuItem.name}\n value={{ menuItem, depth: depth + 1 }}\n >\n <MenuItem />\n </MenuItemContext.Provider>\n ))}\n </Fragment>\n );\n});\n\nexport const MenuItem: React.FC = () => {\n return <MenuItemRenderer />;\n};\n\nexport const MenuItemRenderer = makeComposable(\"MenuItemRenderer\");\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["NavigationContext","createContext","menuItems","setMenu","removeMenu","displayName","useNavigation","useContext","LegacyMenu","props","name","nanoid","label","children","LegacyMenuPlugins","useState","menus","setMenus","useEffect","menuPlugins","plugins","byType","menuElements","map","plugin","render","Menu","Item","Section","NavigationProvider","Component","setState","id","updater","state","index","findIndex","m","newMenu","createEmptyMenu","slice","useCallback","context","useMemo","Navigation","location","NavigationRenderer","makeComposable","MenuItemContext","React","menuItem","undefined","depth","useMenuItem","MenuItems","MenuItem","MenuItemRenderer"],"sources":["Navigation.tsx"],"sourcesContent":["import React, {\n Fragment,\n useEffect,\n createContext,\n useCallback,\n useMemo,\n useState,\n useContext\n} from \"react\";\nimport { nanoid } from \"nanoid\";\nimport { makeComposable, Plugins } from \"@webiny/app\";\nimport { MenuData, MenuProps, AddMenu as Menu, Tags, MenuUpdater, createEmptyMenu } from \"~/index\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminMenuPlugin } from \"~/types\";\nimport { ItemProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\nexport interface NavigationContext {\n menuItems: MenuData[];\n setMenu(id: string, update: MenuUpdater): void;\n removeMenu(id: string): void;\n}\n\nconst NavigationContext = createContext<NavigationContext>({\n menuItems: [],\n setMenu: () => {\n return void 0;\n },\n removeMenu: () => {\n return void 0;\n }\n});\nNavigationContext.displayName = \"NavigationContext\";\n\nexport function useNavigation() {\n return useContext(NavigationContext);\n}\n\n// IMPORTANT! The following component is for BACKWARDS COMPATIBILITY purposes only!\n// It is not a public component, and is not even exported from this file. We need it to take care of\n// scaffolded plugins in users' projects, as well as our own applications (Page Builder and Form Builder).\nconst LegacyMenu: React.FC<MenuProps | SectionProps | ItemProps> = props => {\n return (\n <Menu {...props} name={(props as MenuProps).name || nanoid()} label={props.label as string}>\n {props.children}\n </Menu>\n );\n};\n\nconst LegacyMenuPlugins: React.FC = () => {\n // IMPORTANT! The following piece of code is for BACKWARDS COMPATIBILITY purposes only!\n const [menus, setMenus] = useState<JSX.Element | null>(null);\n\n useEffect(() => {\n const menuPlugins = plugins.byType<AdminMenuPlugin>(\"admin-menu\");\n if (!menuPlugins) {\n return;\n }\n\n const menuElements = menuPlugins.map(plugin => {\n // TODO @ts-refactor figure out correct types or write a comment to leave as React.FC\n return (\n <Plugins key={plugin.name}>\n {plugin.render({\n Menu: LegacyMenu as React.FC,\n Item: LegacyMenu as React.FC,\n Section: LegacyMenu as React.FC\n })}\n </Plugins>\n );\n });\n // TODO @ts-refactor\n setMenus(menuElements as any);\n }, []);\n\n return menus;\n};\n\nexport const NavigationProvider = (Component: React.ComponentType<unknown>): React.FC => {\n return function NavigationProvider({ children }) {\n const [menuItems, setState] = useState<MenuData[]>([]);\n\n const setMenu = (id: string, updater: MenuUpdater): void => {\n setState(state => {\n const index = state.findIndex(m => m.name === id);\n\n const newMenu = index > -1 ? updater(state[index]) : updater(createEmptyMenu(id));\n if (!newMenu) {\n return [...state];\n }\n if (!newMenu.children) {\n newMenu.children = [];\n }\n\n return index > -1\n ? [...state.slice(0, index), newMenu, ...state.slice(index + 1)]\n : [...state, newMenu];\n });\n };\n const removeMenu = useCallback(\n id => {\n setState(state => {\n const index = state.findIndex(m => m.name === id);\n\n if (index < 0) {\n return state;\n }\n\n return [...state.slice(0, index), ...state.slice(index + 1)];\n });\n },\n [setState]\n );\n\n const context = useMemo<NavigationContext>(\n () => ({\n menuItems,\n setMenu,\n removeMenu\n }),\n [menuItems, setMenu, removeMenu]\n );\n\n return (\n <NavigationContext.Provider value={context}>\n <LegacyMenuPlugins />\n <Component>{children}</Component>\n </NavigationContext.Provider>\n );\n };\n};\n\nexport const Navigation: React.FC = () => {\n return (\n <Tags tags={{ location: \"navigation\" }}>\n <NavigationRenderer />\n </Tags>\n );\n};\n\nexport const NavigationRenderer = makeComposable(\"NavigationRenderer\");\n\ninterface MenuItemContext {\n menuItem?: MenuData;\n depth: number;\n}\n\nconst MenuItemContext = React.createContext<MenuItemContext>({\n menuItem: undefined,\n depth: -1\n});\nMenuItemContext.displayName = \"MenuItemContext\";\n\nexport function useMenuItem() {\n return React.useContext(MenuItemContext);\n}\n\nexport interface MenuItemsProps {\n menuItems: MenuData[];\n}\n\nexport const MenuItems = makeComposable<MenuItemsProps>(\"MenuItems\", ({ menuItems }) => {\n const menuItem = useMenuItem();\n\n const depth = menuItem ? menuItem.depth : -1;\n\n return (\n <Fragment>\n {menuItems.map(menuItem => (\n <MenuItemContext.Provider\n key={menuItem.name}\n value={{ menuItem, depth: depth + 1 }}\n >\n <MenuItem />\n </MenuItemContext.Provider>\n ))}\n </Fragment>\n );\n});\n\nexport const MenuItem: React.FC = () => {\n return <MenuItemRenderer />;\n};\n\nexport const MenuItemRenderer = makeComposable(\"MenuItemRenderer\");\n"],"mappings":"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"}
|
package/base/ui/NotFound.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const NotFound: import("@webiny/app
|
|
2
|
-
export declare const NotFoundRenderer: import("@webiny/app
|
|
1
|
+
export declare const NotFound: import("@webiny/app").ComposableFC<unknown>;
|
|
2
|
+
export declare const NotFoundRenderer: import("@webiny/app").ComposableFC<unknown>;
|
package/base/ui/NotFound.js
CHANGED
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.NotFoundRenderer = exports.NotFound = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
10
|
-
var NotFound = (0,
|
|
9
|
+
var _app = require("@webiny/app");
|
|
10
|
+
var NotFound = (0, _app.makeComposable)("NotFound", function () {
|
|
11
11
|
return /*#__PURE__*/_react.default.createElement(NotFoundRenderer, null);
|
|
12
12
|
});
|
|
13
13
|
exports.NotFound = NotFound;
|
|
14
|
-
var NotFoundRenderer = (0,
|
|
14
|
+
var NotFoundRenderer = (0, _app.makeComposable)("NotFoundRenderer");
|
|
15
15
|
exports.NotFoundRenderer = NotFoundRenderer;
|
package/base/ui/NotFound.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["NotFound","makeComposable","NotFoundRenderer"],"sources":["NotFound.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app
|
|
1
|
+
{"version":3,"names":["NotFound","makeComposable","NotFoundRenderer"],"sources":["NotFound.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport const NotFound = makeComposable(\"NotFound\", () => {\n return <NotFoundRenderer />;\n});\n\nexport const NotFoundRenderer = makeComposable(\"NotFoundRenderer\");\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,QAAQ,GAAG,IAAAC,mBAAc,EAAC,UAAU,EAAE,YAAM;EACrD,oBAAO,6BAAC,gBAAgB,OAAG;AAC/B,CAAC,CAAC;AAAC;AAEI,IAAMC,gBAAgB,GAAG,IAAAD,mBAAc,EAAC,kBAAkB,CAAC;AAAC"}
|
package/base/ui/Search.d.ts
CHANGED
|
@@ -13,7 +13,7 @@ export interface SearchContext {
|
|
|
13
13
|
}
|
|
14
14
|
export declare function useSearch(): SearchContext;
|
|
15
15
|
export declare const SearchProvider: (Component: React.FC) => React.FC;
|
|
16
|
-
export declare const Search: import("@webiny/app
|
|
17
|
-
export declare const SearchRenderer: import("@webiny/app
|
|
16
|
+
export declare const Search: import("@webiny/app").ComposableFC<unknown>;
|
|
17
|
+
export declare const SearchRenderer: import("@webiny/app").ComposableFC<unknown>;
|
|
18
18
|
export declare type SearchOptionProps = SearchOptionData;
|
|
19
19
|
export declare const SearchOption: React.FC<SearchOptionProps>;
|
package/base/ui/Search.js
CHANGED
|
@@ -11,7 +11,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
|
|
|
11
11
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
12
12
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
|
-
var
|
|
14
|
+
var _app = require("@webiny/app");
|
|
15
15
|
var _excluded = ["children"];
|
|
16
16
|
var SearchContext = /*#__PURE__*/_react.default.createContext({
|
|
17
17
|
options: [],
|
|
@@ -46,11 +46,11 @@ var SearchProvider = function SearchProvider(Component) {
|
|
|
46
46
|
};
|
|
47
47
|
};
|
|
48
48
|
exports.SearchProvider = SearchProvider;
|
|
49
|
-
var Search = (0,
|
|
49
|
+
var Search = (0, _app.makeComposable)("Search", function () {
|
|
50
50
|
return /*#__PURE__*/_react.default.createElement(SearchRenderer, null);
|
|
51
51
|
});
|
|
52
52
|
exports.Search = Search;
|
|
53
|
-
var SearchRenderer = (0,
|
|
53
|
+
var SearchRenderer = (0, _app.makeComposable)("SearchRenderer");
|
|
54
54
|
exports.SearchRenderer = SearchRenderer;
|
|
55
55
|
var SearchOption = function SearchOption(props) {
|
|
56
56
|
var _useSearch = useSearch(),
|
package/base/ui/Search.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SearchContext","React","createContext","options","addOption","displayName","useSearch","useContext","SearchProvider","Component","children","props","useState","setOptions","useCallback","option","context","Search","makeComposable","SearchRenderer","SearchOption","useEffect"],"sources":["Search.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { makeComposable } from \"@webiny/app
|
|
1
|
+
{"version":3,"names":["SearchContext","React","createContext","options","addOption","displayName","useSearch","useContext","SearchProvider","Component","children","props","useState","setOptions","useCallback","option","context","Search","makeComposable","SearchRenderer","SearchOption","useEffect"],"sources":["Search.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport interface SearchOptionData {\n route: string;\n label: string;\n search?: {\n operator?: \"and\" | \"or\";\n fields?: Array<string>;\n };\n}\n\nexport interface SearchContext {\n options: SearchOptionData[];\n addOption(option: SearchOptionData): void;\n}\n\nconst SearchContext = React.createContext<SearchContext>({\n options: [],\n addOption: () => {\n return void 0;\n }\n});\nSearchContext.displayName = \"SearchContext\";\n\nexport function useSearch() {\n return React.useContext(SearchContext);\n}\n\nexport const SearchProvider = (Component: React.FC): React.FC => {\n return function SearchProvider({ children, ...props }) {\n const [options, setOptions] = useState<SearchOptionData[]>([]);\n\n const addOption = useCallback<SearchContext[\"addOption\"]>(\n option => setOptions(options => [...options, option]),\n [setOptions]\n );\n\n const context = {\n options,\n addOption\n };\n\n return (\n <SearchContext.Provider value={context}>\n <Component {...props}>{children}</Component>\n </SearchContext.Provider>\n );\n };\n};\n\nexport const Search = makeComposable(\"Search\", () => {\n return <SearchRenderer />;\n});\n\nexport const SearchRenderer = makeComposable(\"SearchRenderer\");\n\nexport type SearchOptionProps = SearchOptionData;\n\nexport const SearchOption: React.FC<SearchOptionProps> = props => {\n const { addOption } = useSearch();\n\n useEffect(() => {\n addOption(props);\n }, []);\n\n return null;\n};\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AAA6C;AAgB7C,IAAMA,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAgB;EACrDC,OAAO,EAAE,EAAE;EACXC,SAAS,EAAE,qBAAM;IACb,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CAAC;AACFJ,aAAa,CAACK,WAAW,GAAG,eAAe;AAEpC,SAASC,SAAS,GAAG;EACxB,OAAOL,cAAK,CAACM,UAAU,CAACP,aAAa,CAAC;AAC1C;AAEO,IAAMQ,cAAc,GAAG,SAAjBA,cAAc,CAAIC,SAAmB,EAAe;EAC7D,OAAO,SAASD,cAAc,OAAyB;IAAA,IAAtBE,QAAQ,QAARA,QAAQ;MAAKC,KAAK;IAC/C,gBAA8B,IAAAC,eAAQ,EAAqB,EAAE,CAAC;MAAA;MAAvDT,OAAO;MAAEU,UAAU;IAE1B,IAAMT,SAAS,GAAG,IAAAU,kBAAW,EACzB,UAAAC,MAAM;MAAA,OAAIF,UAAU,CAAC,UAAAV,OAAO;QAAA,kDAAQA,OAAO,IAAEY,MAAM;MAAA,CAAC,CAAC;IAAA,GACrD,CAACF,UAAU,CAAC,CACf;IAED,IAAMG,OAAO,GAAG;MACZb,OAAO,EAAPA,OAAO;MACPC,SAAS,EAATA;IACJ,CAAC;IAED,oBACI,6BAAC,aAAa,CAAC,QAAQ;MAAC,KAAK,EAAEY;IAAQ,gBACnC,6BAAC,SAAS,EAAKL,KAAK,EAAGD,QAAQ,CAAa,CACvB;EAEjC,CAAC;AACL,CAAC;AAAC;AAEK,IAAMO,MAAM,GAAG,IAAAC,mBAAc,EAAC,QAAQ,EAAE,YAAM;EACjD,oBAAO,6BAAC,cAAc,OAAG;AAC7B,CAAC,CAAC;AAAC;AAEI,IAAMC,cAAc,GAAG,IAAAD,mBAAc,EAAC,gBAAgB,CAAC;AAAC;AAIxD,IAAME,YAAyC,GAAG,SAA5CA,YAAyC,CAAGT,KAAK,EAAI;EAC9D,iBAAsBL,SAAS,EAAE;IAAzBF,SAAS,cAATA,SAAS;EAEjB,IAAAiB,gBAAS,EAAC,YAAM;IACZjB,SAAS,CAACO,KAAK,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC;AAAC"}
|
package/base/ui/UserMenu.d.ts
CHANGED
|
@@ -12,19 +12,19 @@ export interface UserMenuContext {
|
|
|
12
12
|
}
|
|
13
13
|
export declare function useUserMenu(): UserMenuContext;
|
|
14
14
|
export declare const UserMenuProvider: (Component: React.FC) => React.FC;
|
|
15
|
-
export declare const UserMenu: import("@webiny/app
|
|
16
|
-
export declare const UserMenuRenderer: import("@webiny/app
|
|
17
|
-
export declare const UserMenuHandle: import("@webiny/app
|
|
18
|
-
export declare const UserMenuHandleRenderer: import("@webiny/app
|
|
15
|
+
export declare const UserMenu: import("@webiny/app").ComposableFC<unknown>;
|
|
16
|
+
export declare const UserMenuRenderer: import("@webiny/app").ComposableFC<unknown>;
|
|
17
|
+
export declare const UserMenuHandle: import("@webiny/app").ComposableFC<unknown>;
|
|
18
|
+
export declare const UserMenuHandleRenderer: import("@webiny/app").ComposableFC<unknown>;
|
|
19
19
|
export interface UserMenuItemProps {
|
|
20
20
|
menuItem: UserMenuItemData;
|
|
21
21
|
}
|
|
22
|
-
export declare const UserMenuItem: import("@webiny/app
|
|
23
|
-
export declare const UserMenuItemRenderer: import("@webiny/app
|
|
22
|
+
export declare const UserMenuItem: import("@webiny/app").ComposableFC<UserMenuItemProps>;
|
|
23
|
+
export declare const UserMenuItemRenderer: import("@webiny/app").ComposableFC<unknown>;
|
|
24
24
|
export declare const AddUserMenuItem: React.FC<UserMenuItemProps["menuItem"]>;
|
|
25
25
|
export declare type UserMenuItemContext = UserMenuItemData;
|
|
26
26
|
export declare function useUserMenuItem(): UserMenuItemData;
|
|
27
27
|
export interface UserMenuItemsProps {
|
|
28
28
|
menuItems: UserMenuItemData[];
|
|
29
29
|
}
|
|
30
|
-
export declare const UserMenuItems: import("@webiny/app
|
|
30
|
+
export declare const UserMenuItems: import("@webiny/app").ComposableFC<UserMenuItemsProps>;
|
package/base/ui/UserMenu.js
CHANGED
|
@@ -12,7 +12,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
|
|
|
12
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
var
|
|
15
|
+
var _app = require("@webiny/app");
|
|
16
16
|
var _excluded = ["children"];
|
|
17
17
|
var UserMenuContext = /*#__PURE__*/_react.default.createContext({
|
|
18
18
|
addMenuItem: function addMenuItem() {
|
|
@@ -58,26 +58,26 @@ var UserMenuProvider = function UserMenuProvider(Component) {
|
|
|
58
58
|
};
|
|
59
59
|
};
|
|
60
60
|
exports.UserMenuProvider = UserMenuProvider;
|
|
61
|
-
var UserMenu = (0,
|
|
61
|
+
var UserMenu = (0, _app.makeComposable)("UserMenu", function () {
|
|
62
62
|
return /*#__PURE__*/_react.default.createElement(UserMenuRenderer, null);
|
|
63
63
|
});
|
|
64
64
|
exports.UserMenu = UserMenu;
|
|
65
|
-
var UserMenuRenderer = (0,
|
|
65
|
+
var UserMenuRenderer = (0, _app.makeComposable)("UserMenuRenderer");
|
|
66
66
|
exports.UserMenuRenderer = UserMenuRenderer;
|
|
67
|
-
var UserMenuHandle = (0,
|
|
67
|
+
var UserMenuHandle = (0, _app.makeComposable)("UserMenuHandle", function () {
|
|
68
68
|
return /*#__PURE__*/_react.default.createElement(UserMenuHandleRenderer, null);
|
|
69
69
|
});
|
|
70
70
|
exports.UserMenuHandle = UserMenuHandle;
|
|
71
|
-
var UserMenuHandleRenderer = (0,
|
|
71
|
+
var UserMenuHandleRenderer = (0, _app.makeComposable)("UserMenuHandleRenderer");
|
|
72
72
|
exports.UserMenuHandleRenderer = UserMenuHandleRenderer;
|
|
73
|
-
var UserMenuItem = (0,
|
|
73
|
+
var UserMenuItem = (0, _app.makeComposable)("UserMenuItem", function (_ref2) {
|
|
74
74
|
var menuItem = _ref2.menuItem;
|
|
75
75
|
return /*#__PURE__*/_react.default.createElement(UserMenuItemContext.Provider, {
|
|
76
76
|
value: menuItem
|
|
77
77
|
}, /*#__PURE__*/_react.default.createElement(UserMenuItemRenderer, null));
|
|
78
78
|
});
|
|
79
79
|
exports.UserMenuItem = UserMenuItem;
|
|
80
|
-
var UserMenuItemRenderer = (0,
|
|
80
|
+
var UserMenuItemRenderer = (0, _app.makeComposable)("UserMenuItemRenderer");
|
|
81
81
|
exports.UserMenuItemRenderer = UserMenuItemRenderer;
|
|
82
82
|
var AddUserMenuItem = function AddUserMenuItem(props) {
|
|
83
83
|
var _useUserMenu = useUserMenu(),
|
|
@@ -101,7 +101,7 @@ UserMenuItemContext.displayName = "UserMenuItemContext";
|
|
|
101
101
|
function useUserMenuItem() {
|
|
102
102
|
return _react.default.useContext(UserMenuItemContext);
|
|
103
103
|
}
|
|
104
|
-
var UserMenuItems = (0,
|
|
104
|
+
var UserMenuItems = (0, _app.makeComposable)("UserMenuItems", function (_ref3) {
|
|
105
105
|
var menuItems = _ref3.menuItems;
|
|
106
106
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, menuItems.map(function (item, index) {
|
|
107
107
|
return /*#__PURE__*/_react.default.createElement(UserMenuItem, {
|