@webiny/app-admin 0.0.0-unstable.97a151f74d → 0.0.0-unstable.98511f29f1

package/assets/icons/add-18px.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="18px" height="18px">
     <path d="M0 0h24v24H0V0z" fill="none"/><path d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z"/>
-</svg>
+</svg>

package/assets/icons/arrow_drop_down-24px.svg

@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="24px" height="24px">
     <path d="M0 0h24v24H0V0z" fill="none"/>
     <path d="M8.71 11.71l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z"/>
-</svg>
+</svg>

package/assets/icons/filter-24px.svg

@@ -5,4 +5,4 @@
      height="24px"
 >
     <g><path d="M0,0h24 M24,24H0" fill="none"/><path d="M4.25,5.61C6.57,8.59,10,13,10,13v5c0,1.1,0.9,2,2,2h0c1.1,0,2-0.9,2-2v-5c0,0,3.43-4.41,5.75-7.39 C20.26,4.95,19.79,4,18.95,4H5.04C4.21,4,3.74,4.95,4.25,5.61z"/><path d="M0,0h24v24H0V0z" fill="none"/></g>
-</svg>
+</svg>

package/assets/icons/highlight-24px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><rect fill="none" height="24" width="24"/></g><g><g><g><path d="M6,14l3,3v5h6v-5l3-3V9H6V14z M11,2h2v3h-2V2z M3.5,5.88l1.41-1.41l2.12,2.12L5.62,8L3.5,5.88z M16.96,6.59l2.12-2.12 l1.41,1.41L18.38,8L16.96,6.59z"/></g></g></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><rect fill="none" height="24" width="24"/></g><g><g><g><path d="M6,14l3,3v5h6v-5l3-3V9H6V14z M11,2h2v3h-2V2z M3.5,5.88l1.41-1.41l2.12,2.12L5.62,8L3.5,5.88z M16.96,6.59l2.12-2.12 l1.41,1.41L18.38,8L16.96,6.59z"/></g></g></g></svg>

package/assets/icons/info.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>

package/assets/icons/insert_drive_file-24px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"/></svg>

package/assets/icons/insert_photo-24px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg>

package/assets/icons/label-24px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z"/></svg>

package/assets/icons/round-account_circle-24px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg>

package/assets/icons/round-arrow_drop_down-24px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M8.71 11.71l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M8.71 11.71l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z"/></svg>

package/assets/icons/round-help-24px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-4h2v2h-2zm1.61-9.96c-2.06-.3-3.88.97-4.43 2.79-.18.58.26 1.17.87 1.17h.2c.41 0 .74-.29.88-.67.32-.89 1.27-1.5 2.3-1.28.95.2 1.65 1.13 1.57 2.1-.1 1.34-1.62 1.63-2.45 2.88 0 .01-.01.01-.01.02-.01.02-.02.03-.03.05-.09.15-.18.32-.25.5-.01.03-.03.05-.04.08-.01.02-.01.04-.02.07-.12.34-.2.75-.2 1.25h2c0-.42.11-.77.28-1.07.02-.03.03-.06.05-.09.08-.14.18-.27.28-.39.01-.01.02-.03.03-.04.1-.12.21-.23.33-.34.96-.91 2.26-1.65 1.99-3.56-.24-1.74-1.61-3.21-3.35-3.47z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-4h2v2h-2zm1.61-9.96c-2.06-.3-3.88.97-4.43 2.79-.18.58.26 1.17.87 1.17h.2c.41 0 .74-.29.88-.67.32-.89 1.27-1.5 2.3-1.28.95.2 1.65 1.13 1.57 2.1-.1 1.34-1.62 1.63-2.45 2.88 0 .01-.01.01-.01.02-.01.02-.02.03-.03.05-.09.15-.18.32-.25.5-.01.03-.03.05-.04.08-.01.02-.01.04-.02.07-.12.34-.2.75-.2 1.25h2c0-.42.11-.77.28-1.07.02-.03.03-.06.05-.09.08-.14.18-.27.28-.39.01-.01.02-.03.03-.04.1-.12.21-.23.33-.34.96-.91 2.26-1.65 1.99-3.56-.24-1.74-1.61-3.21-3.35-3.47z"/></svg>

package/assets/icons/round-settings-24px.svg

@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
     <path fill="none" d="M0 0h24v24H0V0z"/>
     <path fill="currentColor" d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/>
-</svg>
+</svg>

package/assets/icons/today-24px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"/></svg>

package/assets/icons/touch_app.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="24px" height="24px"><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M8.79,9.24V5.5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5v3.74c1.21-0.81,2-2.18,2-3.74c0-2.49-2.01-4.5-4.5-4.5 s-4.5,2.01-4.5,4.5C6.79,7.06,7.58,8.43,8.79,9.24z M14.29,11.71c-0.28-0.14-0.58-0.21-0.89-0.21h-0.61v-6 c0-0.83-0.67-1.5-1.5-1.5s-1.5,0.67-1.5,1.5v10.74l-3.44-0.72c-0.37-0.08-0.76,0.04-1.03,0.31c-0.43,0.44-0.43,1.14,0,1.58 l4.01,4.01C9.71,21.79,10.22,22,10.75,22h6.1c1,0,1.84-0.73,1.98-1.72l0.63-4.47c0.12-0.85-0.32-1.69-1.09-2.07L14.29,11.71z"/></g></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="24px" height="24px"><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M8.79,9.24V5.5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5v3.74c1.21-0.81,2-2.18,2-3.74c0-2.49-2.01-4.5-4.5-4.5 s-4.5,2.01-4.5,4.5C6.79,7.06,7.58,8.43,8.79,9.24z M14.29,11.71c-0.28-0.14-0.58-0.21-0.89-0.21h-0.61v-6 c0-0.83-0.67-1.5-1.5-1.5s-1.5,0.67-1.5,1.5v10.74l-3.44-0.72c-0.37-0.08-0.76,0.04-1.03,0.31c-0.43,0.44-0.43,1.14,0,1.58 l4.01,4.01C9.71,21.79,10.22,22,10.75,22h6.1c1,0,1.84-0.73,1.98-1.72l0.63-4.47c0.12-0.85-0.32-1.69-1.09-2.07L14.29,11.71z"/></g></g></svg>

package/base/Admin.js

@@ -1,55 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Admin = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
-var _appAdminCore = require("@webiny/app-admin-core");
-
+var _app = require("@webiny/app");
 var _appWcp = require("@webiny/app-wcp");
-
 var _ApolloProvider = require("./providers/ApolloProvider");
-
 var _Base = require("./Base");
-
 var _TelemetryProvider = require("./providers/TelemetryProvider");
-
 var _UiStateProvider = require("./providers/UiStateProvider");
-
 var _Search = require("./ui/Search");
-
 var _UserMenu = require("./ui/UserMenu");
-
 var _Navigation = require("./ui/Navigation");
-
 var _Progress = require("@webiny/ui/Progress");
-
+var _appTheme = require("@webiny/app-theme");
 var Admin = function Admin(_ref) {
   var children = _ref.children,
-      createApolloClient = _ref.createApolloClient;
+    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..."
     })
-  }, /*#__PURE__*/_react.default.createElement(_appAdminCore.Admin, null, /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_app.App, null, /*#__PURE__*/_react.default.createElement(_app.Provider, {
     hoc: TelemetryProvider
-  }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
+  }), /*#__PURE__*/_react.default.createElement(_app.Provider, {
     hoc: UiStateProvider
-  }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
+  }), /*#__PURE__*/_react.default.createElement(_app.Provider, {
     hoc: _Search.SearchProvider
-  }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
+  }), /*#__PURE__*/_react.default.createElement(_app.Provider, {
     hoc: _UserMenu.UserMenuProvider
-  }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
+  }), /*#__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 { Admin as BaseAdmin, Provider } from \"@webiny/app-admin-core\";\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                <BaseAdmin>\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                </BaseAdmin>\n            </WcpProvider>\n        </ApolloProvider>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAOO,IAAMA,KAA2B,GAAG,SAA9BA,KAA8B,OAAsC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,kBAAyB,QAAzBA,kBAAyB;EAC7E,IAAMC,cAAc,GAAG,IAAAC,oCAAA,EAAqBF,kBAArB,CAAvB;EACA,IAAMG,iBAAiB,GAAG,IAAAC,0CAAA,GAA1B;EACA,IAAMC,eAAe,GAAG,IAAAC,sCAAA,GAAxB;EAEA,oBACI,6BAAC,cAAD,qBACI,6BAAC,mBAAD;IAAa,MAAM,eAAE,6BAAC,0BAAD;MAAkB,KAAK,EAAE;IAAzB;EAArB,gBACI,6BAAC,mBAAD,qBACI,6BAAC,sBAAD;IAAU,GAAG,EAAEH;EAAf,EADJ,eAEI,6BAAC,sBAAD;IAAU,GAAG,EAAEE;EAAf,EAFJ,eAGI,6BAAC,sBAAD;IAAU,GAAG,EAAEE;EAAf,EAHJ,eAII,6BAAC,sBAAD;IAAU,GAAG,EAAEC;EAAf,EAJJ,eAKI,6BAAC,sBAAD;IAAU,GAAG,EAAEC;EAAf,EALJ,eAMI,6BAAC,UAAD,OANJ,EAOKV,QAPL,CADJ,CADJ,CADJ;AAeH,CApBM"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_app","_appWcp","_ApolloProvider","_Base","_TelemetryProvider","_UiStateProvider","_Search","_UserMenu","_Navigation","_Progress","_appTheme","Admin","_ref","children","createApolloClient","ApolloProvider","createApolloProvider","TelemetryProvider","createTelemetryProvider","UiStateProvider","createUiStateProvider","default","createElement","ThemeProvider","WcpProvider","loader","CircularProgress","label","App","Provider","hoc","SearchProvider","UserMenuProvider","NavigationProvider","Base","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AAOO,IAAMY,KAA2B,GAAG,SAA9BA,KAA2BA,CAAAC,IAAA,EAAyC;EAAA,IAAnCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;EACtE,IAAMC,cAAc,GAAG,IAAAC,oCAAoB,EAACF,kBAAkB,CAAC;EAC/D,IAAMG,iBAAiB,GAAG,IAAAC,0CAAuB,EAAC,CAAC;EACnD,IAAMC,eAAe,GAAG,IAAAC,sCAAqB,EAAC,CAAC;EAE/C,oBACIvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACP,cAAc,qBACXlB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACZ,SAAA,CAAAa,aAAa,qBACV1B,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,OAAA,CAAAuB,WAAW;IAACC,MAAM,eAAE5B,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACb,SAAA,CAAAiB,gBAAgB;MAACC,KAAK,EAAE;IAAa,CAAE;EAAE,gBAC3D9B,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,IAAA,CAAA4B,GAAG,qBACA/B,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,IAAA,CAAA6B,QAAQ;IAACC,GAAG,EAAEb;EAAkB,CAAE,CAAC,eACpCpB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,IAAA,CAAA6B,QAAQ;IAACC,GAAG,EAAEX;EAAgB,CAAE,CAAC,eAClCtB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,IAAA,CAAA6B,QAAQ;IAACC,GAAG,EAAEC;EAAe,CAAE,CAAC,eACjClC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,IAAA,CAAA6B,QAAQ;IAACC,GAAG,EAAEE;EAAiB,CAAE,CAAC,eACnCnC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,IAAA,CAAA6B,QAAQ;IAACC,GAAG,EAAEG;EAAmB,CAAE,CAAC,eACrCpC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACnB,KAAA,CAAA+B,IAAI,MAAE,CAAC,EACPrB,QACA,CACI,CACF,CACH,CAAC;AAEzB,CAAC;AAACsB,OAAA,CAAAxB,KAAA,GAAAA,KAAA"}

package/base/Base.js

@@ -1,77 +1,43 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Base = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _appAdminCore = require("@webiny/app-admin-core");
-
-var _ = require("./..");
-
+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 _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_file24px = require("../assets/icons/insert_drive_file-24px.svg");
-
-var _roundSettings24px = require("../assets/icons/round-settings-24px.svg");
-
-var _components = require("../components");
-
-var _fileManager = require("../plugins/fileManager");
-
+var _FileManager = require("./ui/FileManager");
 var _globalSearch = require("../plugins/globalSearch");
-
 var _uiLayoutRenderer = require("../plugins/uiLayoutRenderer");
-
-function registerFileTypePlugins() {
-  // This is an ugly hack, which we will replace when we implement file thumbnail rendering via the Composition API.
-  var fileTypePlugins = _plugins.plugins.byType(_.FileManagerFileTypePlugin.type); // First we need to unregister already registered plugins.
-
-
-  fileTypePlugins.forEach(function (pl) {
-    return _plugins.plugins.unregister(pl.name);
-  }); // Then, we need to register the default plugins first, then register user's plugins again, to generate new names.
-
-  _plugins.plugins.register([_fileManager.defaultFileTypePlugin, _fileManager.imageFileTypePlugin].concat((0, _toConsumableArray2.default)(fileTypePlugins.map(function (pl) {
-    pl.name = undefined;
-    return pl;
-  }))));
-}
-
 var BaseExtension = function BaseExtension() {
   _plugins.plugins.register([_globalSearch.globalSearchHotkey, _uiLayoutRenderer.uiLayoutPlugin]);
-
-  registerFileTypePlugins();
-  return /*#__PURE__*/_react.default.createElement(_appAdminCore.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(_roundSettings24px.ReactComponent, null),
+    icon: /*#__PURE__*/_react.default.createElement(_settings.ReactComponent, null),
     pin: "last"
-  }), /*#__PURE__*/_react.default.createElement(_components.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",
       label: "File Manager",
-      icon: /*#__PURE__*/_react.default.createElement(_insert_drive_file24px.ReactComponent, null),
+      icon: /*#__PURE__*/_react.default.createElement(_insert_drive_file.ReactComponent, null),
       tags: ["footer"],
       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),
@@ -105,6 +71,5 @@ var BaseExtension = function BaseExtension() {
     title: "Not Accessible"
   }, /*#__PURE__*/_react.default.createElement(_.NotFound, null))));
 };
-
 var Base = /*#__PURE__*/(0, _react.memo)(BaseExtension);
 exports.Base = Base;

package/base/Base.js.map

@@ -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-admin-core\";\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,uBAAT,GAAmC;EAC/B;EACA,IAAMC,eAAe,GAAGC,gBAAA,CAAQC,MAAR,CAAeC,2BAAA,CAA0BC,IAAzC,CAAxB,CAF+B,CAI/B;;;EACAJ,eAAe,CAACK,OAAhB,CAAwB,UAAAC,EAAE;IAAA,OAAIL,gBAAA,CAAQM,UAAR,CAAmBD,EAAE,CAACE,IAAtB,CAAJ;EAAA,CAA1B,EAL+B,CAO/B;;EACAP,gBAAA,CAAQQ,QAAR,EACIC,kCADJ,EAEIC,gCAFJ,0CAGOX,eAAe,CAACY,GAAhB,CAAoB,UAAAN,EAAE,EAAI;IACzBA,EAAE,CAACE,IAAH,GAAUK,SAAV;IACA,OAAOP,EAAP;EACH,CAHE,CAHP;AAQH;;AAED,IAAMQ,aAAuB,GAAG,SAA1BA,aAA0B,GAAM;EAClCb,gBAAA,CAAQQ,QAAR,CAAiB,CAACM,gCAAD,EAAqBC,gCAArB,CAAjB;;EAEAjB,uBAAuB;EAEvB,oBACI,6BAAC,qBAAD,qBACI,6BAAC,SAAD;IAAS,IAAI,EAAE,UAAf;IAA2B,KAAK,EAAE,UAAlC;IAA8C,IAAI,eAAE,6BAAC,iCAAD,OAApD;IAAsE,GAAG,EAAE;EAA3E,EADJ,eAEI,6BAAC,uBAAD,QACK;IAAA,IAAGkB,eAAH,QAAGA,eAAH;IAAA,oBACG,6BAAC,SAAD;MACI,IAAI,EAAE,aADV;MAEI,KAAK,EAAE,cAFX;MAGI,IAAI,eAAE,6BAAC,qCAAD,OAHV;MAII,IAAI,EAAE,CAAC,QAAD,CAJV;MAKI,OAAO,EAAEA,eALb;MAMI,MAAM,EAAE;IANZ,EADH;EAAA,CADL,CAFJ,eAcI,6BAAC,SAAD;IACI,IAAI,EAAE,eADV;IAEI,KAAK,EAAE,eAFX;IAGI,IAAI,eAAE,6BAAC,iCAAD,OAHV;IAII,IAAI,EAAE,6BAJV;IAKI,GAAG,EAAE,qBALT;IAMI,MAAM,EAAE,QANZ;IAOI,IAAI,EAAE,CAAC,QAAD;EAPV,EAdJ,eAuBI,6BAAC,SAAD;IACI,IAAI,EAAE,OADV;IAEI,KAAK,EAAE,OAFX;IAGI,IAAI,eAAE,6BAAC,yBAAD,OAHV;IAII,IAAI,EAAE,+BAJV;IAKI,GAAG,EAAE,qBALT;IAMI,MAAM,EAAE,QANZ;IAOI,IAAI,EAAE,CAAC,QAAD;EAPV,EAvBJ,eAgCI,6BAAC,SAAD;IACI,IAAI,EAAE,QADV;IAEI,KAAK,EAAE,QAFX;IAGI,IAAI,eAAE,6BAAC,4BAAD,OAHV;IAII,IAAI,EAAE,qCAJV;IAKI,GAAG,EAAE,qBALT;IAMI,MAAM,EAAE,QANZ;IAOI,IAAI,EAAE,CAAC,QAAD;EAPV,EAhCJ,eAyCI,6BAAC,UAAD;IAAU,IAAI,EAAE;EAAhB,gBACI,6BAAC,QAAD;IAAQ,KAAK,EAAE;EAAf,gBACI,6BAAC,WAAD,OADJ,CADJ,CAzCJ,eA8CI,6BAAC,UAAD;IAAU,IAAI,EAAE;EAAhB,gBACI,6BAAC,QAAD;IAAQ,KAAK,EAAE;EAAf,gBACI,6BAAC,UAAD,OADJ,CADJ,CA9CJ,CADJ;AAsDH,CA3DD;;AA6DO,IAAMC,IAAI,gBAAG,IAAAC,WAAA,EAAKL,aAAL,CAAb"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_insert_drive_file","_settings","_app","_plugins","_appSecurity","_","_iconDocumentation","_slackLogo","_githubBrands","_FileManager","_globalSearch","_uiLayoutRenderer","BaseExtension","plugins","register","globalSearchHotkey","uiLayoutPlugin","default","createElement","Plugin","AddMenu","name","label","icon","ReactComponent","pin","HasPermission","FileManager","_ref","showFileManager","tags","onClick","testId","path","rel","target","AddRoute","Layout","title","Dashboard","NotFound","Base","memo","exports"],"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":"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"}

package/base/plugins/AddGraphQLQuerySelection.js

@@ -1,31 +1,27 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AddGraphQLQuerySelection = void 0;
-
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-
 var _plugins = require("@webiny/plugins");
-
 var _nanoid = require("nanoid");
-
 var _AddQuerySelectionPlugin = require("@webiny/app/plugins/AddQuerySelectionPlugin");
-
 var AddGraphQLQuerySelection = function AddGraphQLQuerySelection(props) {
+  var _useState = (0, _react.useState)("AddGraphQLQuerySelection:".concat(props.operationName, ":").concat((0, _nanoid.nanoid)())),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    name = _useState2[0];
   (0, _react.useEffect)(function () {
     var plugin = new _AddQuerySelectionPlugin.AddQuerySelectionPlugin(props);
-    var name = (0, _nanoid.nanoid)();
     plugin.name = name;
-
     _plugins.plugins.register(plugin);
-
     return function () {
       _plugins.plugins.unregister(name);
     };
   }, []);
   return null;
 };
-
 exports.AddGraphQLQuerySelection = AddGraphQLQuerySelection;

package/base/plugins/AddGraphQLQuerySelection.js.map

@@ -1 +1 @@
-{"version":3,"names":["AddGraphQLQuerySelection","props","useEffect","plugin","AddQuerySelectionPlugin","name","nanoid","plugins","register","unregister"],"sources":["AddGraphQLQuerySelection.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { nanoid } from \"nanoid\";\nimport { AddQuerySelectionPlugin } from \"@webiny/app/plugins/AddQuerySelectionPlugin\";\nimport { DocumentNode } from \"graphql\";\n\ninterface Props {\n    operationName: string;\n    selectionPath: string;\n    addSelection: DocumentNode;\n}\n\nexport const AddGraphQLQuerySelection: React.FC<Props> = props => {\n    useEffect(() => {\n        const plugin = new AddQuerySelectionPlugin(props);\n\n        const name = nanoid();\n        plugin.name = name;\n        plugins.register(plugin);\n\n        return () => {\n            plugins.unregister(name);\n        };\n    }, []);\n\n    return null;\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AASO,IAAMA,wBAAyC,GAAG,SAA5CA,wBAA4C,CAAAC,KAAK,EAAI;EAC9D,IAAAC,gBAAA,EAAU,YAAM;IACZ,IAAMC,MAAM,GAAG,IAAIC,gDAAJ,CAA4BH,KAA5B,CAAf;IAEA,IAAMI,IAAI,GAAG,IAAAC,cAAA,GAAb;IACAH,MAAM,CAACE,IAAP,GAAcA,IAAd;;IACAE,gBAAA,CAAQC,QAAR,CAAiBL,MAAjB;;IAEA,OAAO,YAAM;MACTI,gBAAA,CAAQE,UAAR,CAAmBJ,IAAnB;IACH,CAFD;EAGH,CAVD,EAUG,EAVH;EAYA,OAAO,IAAP;AACH,CAdM"}
+{"version":3,"names":["_react","require","_plugins","_nanoid","_AddQuerySelectionPlugin","AddGraphQLQuerySelection","props","_useState","useState","concat","operationName","nanoid","_useState2","_slicedToArray2","default","name","useEffect","plugin","AddQuerySelectionPlugin","plugins","register","unregister","exports"],"sources":["AddGraphQLQuerySelection.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { nanoid } from \"nanoid\";\nimport { AddQuerySelectionPlugin } from \"@webiny/app/plugins/AddQuerySelectionPlugin\";\nimport { DocumentNode } from \"graphql\";\n\ninterface Props {\n    operationName: string;\n    selectionPath: string;\n    addSelection: DocumentNode;\n}\n\nexport const AddGraphQLQuerySelection: React.FC<Props> = props => {\n    const [name] = useState(`AddGraphQLQuerySelection:${props.operationName}:${nanoid()}`);\n\n    useEffect(() => {\n        const plugin = new AddQuerySelectionPlugin(props);\n\n        plugin.name = name;\n        plugins.register(plugin);\n\n        return () => {\n            plugins.unregister(name);\n        };\n    }, []);\n\n    return null;\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AASO,IAAMI,wBAAyC,GAAG,SAA5CA,wBAAyCA,CAAGC,KAAK,EAAI;EAC9D,IAAAC,SAAA,GAAe,IAAAC,eAAQ,8BAAAC,MAAA,CAA6BH,KAAK,CAACI,aAAa,OAAAD,MAAA,CAAI,IAAAE,cAAM,EAAC,CAAC,CAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAP,SAAA;IAA/EQ,IAAI,GAAAH,UAAA;EAEX,IAAAI,gBAAS,EAAC,YAAM;IACZ,IAAMC,MAAM,GAAG,IAAIC,gDAAuB,CAACZ,KAAK,CAAC;IAEjDW,MAAM,CAACF,IAAI,GAAGA,IAAI;IAClBI,gBAAO,CAACC,QAAQ,CAACH,MAAM,CAAC;IAExB,OAAO,YAAM;MACTE,gBAAO,CAACE,UAAU,CAACN,IAAI,CAAC;IAC5B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC;AAACO,OAAA,CAAAjB,wBAAA,GAAAA,wBAAA"}

package/base/providers/ApolloProvider.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createApolloProvider = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactComponents = require("@apollo/react-components");
-
 var createApolloProvider = function createApolloProvider(clientFactory) {
   return function ApolloProvider(_ref) {
     var children = _ref.children;
@@ -22,5 +18,4 @@ var createApolloProvider = function createApolloProvider(clientFactory) {
     }, children);
   };
 };
-
 exports.createApolloProvider = createApolloProvider;

package/base/providers/ApolloProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["createApolloProvider","clientFactory","ApolloProvider","children","uri","process","env","REACT_APP_GRAPHQL_API_URL"],"sources":["ApolloProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ApolloProvider as Apollo } from \"@apollo/react-components\";\nimport ApolloClient from \"apollo-client\";\n\ninterface Options {\n    uri: string;\n}\n\nexport interface ApolloClientFactory {\n    (options: Options): ApolloClient<any>;\n}\n\nexport const createApolloProvider = (clientFactory: ApolloClientFactory) => {\n    return function ApolloProvider({ children }) {\n        const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n        return <Apollo client={clientFactory({ uri })}>{children}</Apollo>;\n    } as React.FC;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAWO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,aAAD,EAAwC;EACxE,OAAO,SAASC,cAAT,OAAsC;IAAA,IAAZC,QAAY,QAAZA,QAAY;IACzC,IAAMC,GAAG,GAAGC,OAAO,CAACC,GAAR,CAAYC,yBAAxB;IACA,oBAAO,6BAAC,+BAAD;MAAQ,MAAM,EAAEN,aAAa,CAAC;QAAEG,GAAG,EAAHA;MAAF,CAAD;IAA7B,GAAyCD,QAAzC,CAAP;EACH,CAHD;AAIH,CALM"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactComponents","createApolloProvider","clientFactory","ApolloProvider","_ref","children","uri","process","env","REACT_APP_GRAPHQL_API_URL","default","createElement","client","exports"],"sources":["ApolloProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ApolloProvider as Apollo } from \"@apollo/react-components\";\nimport ApolloClient from \"apollo-client\";\n\ninterface Options {\n    uri: string;\n}\n\nexport interface ApolloClientFactory {\n    (options: Options): ApolloClient<any>;\n}\n\nexport const createApolloProvider = (clientFactory: ApolloClientFactory) => {\n    return function ApolloProvider({ children }) {\n        const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n        return <Apollo client={clientFactory({ uri })}>{children}</Apollo>;\n    } as React.FC;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAWO,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,aAAkC,EAAK;EACxE,OAAO,SAASC,cAAcA,CAAAC,IAAA,EAAe;IAAA,IAAZC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACrC,IAAMC,GAAG,GAAGC,OAAO,CAACC,GAAG,CAACC,yBAAmC;IAC3D,oBAAOZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,gBAAA,CAAAG,cAAM;MAACS,MAAM,EAAEV,aAAa,CAAC;QAAEI,GAAG,EAAHA;MAAI,CAAC;IAAE,GAAED,QAAiB,CAAC;EACtE,CAAC;AACL,CAAC;AAACQ,OAAA,CAAAZ,oBAAA,GAAAA,oBAAA"}

package/base/providers/TelemetryProvider.js

@@ -1,22 +1,16 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createTelemetryProvider = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@webiny/telemetry/react");
-
 /**
  * Package @webiny/telemetry is not a typescript project.
- */
-// @ts-ignore
+ */ // @ts-ignore
 var eventSent = false;
-
 var createTelemetryProvider = function createTelemetryProvider() {
   return function (Component) {
     return function TelemetryProvider(_ref) {
@@ -25,7 +19,6 @@ var createTelemetryProvider = function createTelemetryProvider() {
         if (eventSent) {
           return;
         }
-
         eventSent = true;
         (0, _react2.sendEvent)("app-start");
       }, []);
@@ -33,5 +26,4 @@ var createTelemetryProvider = function createTelemetryProvider() {
     };
   };
 };
-
 exports.createTelemetryProvider = createTelemetryProvider;

package/base/providers/TelemetryProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["eventSent","createTelemetryProvider","Component","TelemetryProvider","children","useEffect","sendEvent"],"sources":["TelemetryProvider.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\n/**\n * Package @webiny/telemetry is not a typescript project.\n */\n// @ts-ignore\nimport { sendEvent } from \"@webiny/telemetry/react\";\n\nlet eventSent = false;\n\nexport const createTelemetryProvider =\n    () =>\n    (Component: React.FC): React.FC => {\n        return function TelemetryProvider({ children }) {\n            useEffect(() => {\n                if (eventSent) {\n                    return;\n                }\n\n                eventSent = true;\n                sendEvent(\"app-start\");\n            }, []);\n\n            return <Component>{children}</Component>;\n        };\n    };\n"],"mappings":";;;;;;;;;AAAA;;AAKA;;AAJA;AACA;AACA;AACA;AAGA,IAAIA,SAAS,GAAG,KAAhB;;AAEO,IAAMC,uBAAuB,GAChC,SADSA,uBACT;EAAA,OACA,UAACC,SAAD,EAAmC;IAC/B,OAAO,SAASC,iBAAT,OAAyC;MAAA,IAAZC,QAAY,QAAZA,QAAY;MAC5C,IAAAC,gBAAA,EAAU,YAAM;QACZ,IAAIL,SAAJ,EAAe;UACX;QACH;;QAEDA,SAAS,GAAG,IAAZ;QACA,IAAAM,iBAAA,EAAU,WAAV;MACH,CAPD,EAOG,EAPH;MASA,oBAAO,6BAAC,SAAD,QAAYF,QAAZ,CAAP;IACH,CAXD;EAYH,CAdD;AAAA,CADG"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","eventSent","createTelemetryProvider","Component","TelemetryProvider","_ref","children","useEffect","sendEvent","default","createElement","exports"],"sources":["TelemetryProvider.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\n/**\n * Package @webiny/telemetry is not a typescript project.\n */\n// @ts-ignore\nimport { sendEvent } from \"@webiny/telemetry/react\";\n\nlet eventSent = false;\n\nexport const createTelemetryProvider =\n    () =>\n    (Component: React.FC): React.FC => {\n        return function TelemetryProvider({ children }) {\n            useEffect(() => {\n                if (eventSent) {\n                    return;\n                }\n\n                eventSent = true;\n                sendEvent(\"app-start\");\n            }, []);\n\n            return <Component>{children}</Component>;\n        };\n    };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAD,OAAA;AAJA;AACA;AACA,GAFA,CAGA;AAGA,IAAIE,SAAS,GAAG,KAAK;AAEd,IAAMC,uBAAuB,GAChC,SADSA,uBAAuBA,CAAA;EAAA,OAEhC,UAACC,SAAmB,EAAe;IAC/B,OAAO,SAASC,iBAAiBA,CAAAC,IAAA,EAAe;MAAA,IAAZC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MACxC,IAAAC,gBAAS,EAAC,YAAM;QACZ,IAAIN,SAAS,EAAE;UACX;QACJ;QAEAA,SAAS,GAAG,IAAI;QAChB,IAAAO,iBAAS,EAAC,WAAW,CAAC;MAC1B,CAAC,EAAE,EAAE,CAAC;MAEN,oBAAOX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,SAAS,QAAEG,QAAoB,CAAC;IAC5C,CAAC;EACL,CAAC;AAAA;AAACK,OAAA,CAAAT,uBAAA,GAAAA,uBAAA"}

package/base/providers/UiStateProvider.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createUiStateProvider = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Ui = require("@webiny/app/contexts/Ui");
-
 var createUiStateProvider = function createUiStateProvider() {
   return function (Component) {
     return function UiStateProvider(_ref) {
@@ -19,5 +15,4 @@ var createUiStateProvider = function createUiStateProvider() {
     };
   };
 };
-
 exports.createUiStateProvider = createUiStateProvider;

package/base/providers/UiStateProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["createUiStateProvider","Component","UiStateProvider","children"],"sources":["UiStateProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiProvider } from \"@webiny/app/contexts/Ui\";\n\nexport const createUiStateProvider =\n    () =>\n    (Component: React.ComponentType<unknown>): React.FC => {\n        return function UiStateProvider({ children }) {\n            return (\n                <UiProvider>\n                    <Component>{children}</Component>\n                </UiProvider>\n            );\n        };\n    };\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,qBAAqB,GAC9B,SADSA,qBACT;EAAA,OACA,UAACC,SAAD,EAAuD;IACnD,OAAO,SAASC,eAAT,OAAuC;MAAA,IAAZC,QAAY,QAAZA,QAAY;MAC1C,oBACI,6BAAC,cAAD,qBACI,6BAAC,SAAD,QAAYA,QAAZ,CADJ,CADJ;IAKH,CAND;EAOH,CATD;AAAA,CADG"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Ui","createUiStateProvider","Component","UiStateProvider","_ref","children","default","createElement","UiProvider","exports"],"sources":["UiStateProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiProvider } from \"@webiny/app/contexts/Ui\";\n\nexport const createUiStateProvider =\n    () =>\n    (Component: React.ComponentType<unknown>): React.FC => {\n        return function UiStateProvider({ children }) {\n            return (\n                <UiProvider>\n                    <Component>{children}</Component>\n                </UiProvider>\n            );\n        };\n    };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AAEO,IAAME,qBAAqB,GAC9B,SADSA,qBAAqBA,CAAA;EAAA,OAE9B,UAACC,SAAuC,EAAe;IACnD,OAAO,SAASC,eAAeA,CAAAC,IAAA,EAAe;MAAA,IAAZC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MACtC,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,GAAA,CAAAQ,UAAU,qBACPX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,SAAS,QAAEG,QAAoB,CACxB,CAAC;IAErB,CAAC;EACL,CAAC;AAAA;AAACI,OAAA,CAAAR,qBAAA,GAAAA,qBAAA"}

package/base/providers/ViewCompositionProvider.js

@@ -1,23 +1,16 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createViewCompositionProvider = void 0;
 exports.useViewComposition = useViewComposition;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var ViewCompositionContext = /*#__PURE__*/(0, _react.createContext)({
   getViewElement: function getViewElement() {
     return null;
@@ -27,15 +20,12 @@ var ViewCompositionContext = /*#__PURE__*/(0, _react.createContext)({
   }
 });
 ViewCompositionContext.displayName = "ViewCompositionContext";
-
 var ViewCompositionProvider = function ViewCompositionProvider(_ref) {
   var children = _ref.children;
-
   var _useState = (0, _react.useState)({}),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var context = (0, _react.useMemo)(function () {
     return {
       getViewElement: function getViewElement(view, name) {
@@ -53,11 +43,9 @@ var ViewCompositionProvider = function ViewCompositionProvider(_ref) {
     value: context
   }, children);
 };
-
 function useViewComposition() {
   return (0, _react.useContext)(ViewCompositionContext);
 }
-
 var createViewCompositionProvider = function createViewCompositionProvider() {
   return function (Component) {
     return function ViewCompositionProviderHOC(_ref2) {
@@ -66,5 +54,4 @@ var createViewCompositionProvider = function createViewCompositionProvider() {
     };
   };
 };
-
 exports.createViewCompositionProvider = createViewCompositionProvider;

package/base/providers/ViewCompositionProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["ViewCompositionContext","createContext","getViewElement","setViewElement","displayName","ViewCompositionProvider","children","useState","state","setState","context","useMemo","view","name","setter","existing","useViewComposition","useContext","createViewCompositionProvider","Component","ViewCompositionProviderHOC"],"sources":["ViewCompositionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from \"react\";\n\nexport interface ViewElement {\n    name: string;\n    elements: JSX.Element[];\n    label?: string;\n    [key: string]: any;\n}\n\ninterface ElementSetter {\n    (element: ViewElement): ViewElement;\n}\n\nexport interface ViewCompositionContext {\n    getViewElement(view: string, name: string): ViewElement | null;\n    setViewElement(view: string, name: string, setter: ElementSetter): void;\n}\n\nconst ViewCompositionContext = createContext<ViewCompositionContext>({\n    getViewElement: () => {\n        return null;\n    },\n    setViewElement: () => {\n        return void 0;\n    }\n});\nViewCompositionContext.displayName = \"ViewCompositionContext\";\n\ninterface ViewCompositionProviderState {\n    [key: string]: Record<string, any>;\n}\nconst ViewCompositionProvider: React.FC = ({ children }) => {\n    const [state, setState] = useState<ViewCompositionProviderState>({});\n\n    const context = useMemo(\n        () => ({\n            getViewElement(view: string, name: string): ViewElement {\n                return state[view] && state[view][name];\n            },\n            setViewElement(view: string, name: string, setter: ElementSetter) {\n                setState(state => {\n                    const existing = state[view] && state[view][name];\n                    return {\n                        ...state,\n                        [view]: {\n                            ...state[view],\n                            [name]: setter(existing)\n                        }\n                    };\n                });\n            }\n        }),\n        [state]\n    );\n\n    return (\n        <ViewCompositionContext.Provider value={context}>\n            {children}\n        </ViewCompositionContext.Provider>\n    );\n};\n\nexport function useViewComposition() {\n    return useContext(ViewCompositionContext);\n}\n\nexport const createViewCompositionProvider =\n    () =>\n    (Component: React.ComponentType<unknown>): React.FC => {\n        return function ViewCompositionProviderHOC({ children }) {\n            return (\n                <ViewCompositionProvider>\n                    <Component>{children}</Component>\n                </ViewCompositionProvider>\n            );\n        };\n    };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AAkBA,IAAMA,sBAAsB,gBAAG,IAAAC,oBAAA,EAAsC;EACjEC,cAAc,EAAE,0BAAM;IAClB,OAAO,IAAP;EACH,CAHgE;EAIjEC,cAAc,EAAE,0BAAM;IAClB,OAAO,KAAK,CAAZ;EACH;AANgE,CAAtC,CAA/B;AAQAH,sBAAsB,CAACI,WAAvB,GAAqC,wBAArC;;AAKA,IAAMC,uBAAiC,GAAG,SAApCA,uBAAoC,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EACxD,gBAA0B,IAAAC,eAAA,EAAuC,EAAvC,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EAEA,IAAMC,OAAO,GAAG,IAAAC,cAAA,EACZ;IAAA,OAAO;MACHT,cADG,0BACYU,IADZ,EAC0BC,IAD1B,EACqD;QACpD,OAAOL,KAAK,CAACI,IAAD,CAAL,IAAeJ,KAAK,CAACI,IAAD,CAAL,CAAYC,IAAZ,CAAtB;MACH,CAHE;MAIHV,cAJG,0BAIYS,IAJZ,EAI0BC,IAJ1B,EAIwCC,MAJxC,EAI+D;QAC9DL,QAAQ,CAAC,UAAAD,KAAK,EAAI;UACd,IAAMO,QAAQ,GAAGP,KAAK,CAACI,IAAD,CAAL,IAAeJ,KAAK,CAACI,IAAD,CAAL,CAAYC,IAAZ,CAAhC;UACA,mEACOL,KADP,yCAEKI,IAFL,8DAGWJ,KAAK,CAACI,IAAD,CAHhB,yCAISC,IAJT,EAIgBC,MAAM,CAACC,QAAD,CAJtB;QAOH,CATO,CAAR;MAUH;IAfE,CAAP;EAAA,CADY,EAkBZ,CAACP,KAAD,CAlBY,CAAhB;EAqBA,oBACI,6BAAC,sBAAD,CAAwB,QAAxB;IAAiC,KAAK,EAAEE;EAAxC,GACKJ,QADL,CADJ;AAKH,CA7BD;;AA+BO,SAASU,kBAAT,GAA8B;EACjC,OAAO,IAAAC,iBAAA,EAAWjB,sBAAX,CAAP;AACH;;AAEM,IAAMkB,6BAA6B,GACtC,SADSA,6BACT;EAAA,OACA,UAACC,SAAD,EAAuD;IACnD,OAAO,SAASC,0BAAT,QAAkD;MAAA,IAAZd,QAAY,SAAZA,QAAY;MACrD,oBACI,6BAAC,uBAAD,qBACI,6BAAC,SAAD,QAAYA,QAAZ,CADJ,CADJ;IAKH,CAND;EAOH,CATD;AAAA,CADG"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","ViewCompositionContext","createContext","getViewElement","setViewElement","displayName","ViewCompositionProvider","_ref","children","_useState","useState","_useState2","_slicedToArray2","default","state","setState","context","useMemo","view","name","setter","existing","_objectSpread4","_defineProperty2","createElement","Provider","value","useViewComposition","useContext","createViewCompositionProvider","Component","ViewCompositionProviderHOC","_ref2","exports"],"sources":["ViewCompositionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from \"react\";\n\nexport interface ViewElement {\n    name: string;\n    elements: JSX.Element[];\n    label?: string;\n    [key: string]: any;\n}\n\ninterface ElementSetter {\n    (element: ViewElement): ViewElement;\n}\n\nexport interface ViewCompositionContext {\n    getViewElement(view: string, name: string): ViewElement | null;\n    setViewElement(view: string, name: string, setter: ElementSetter): void;\n}\n\nconst ViewCompositionContext = createContext<ViewCompositionContext>({\n    getViewElement: () => {\n        return null;\n    },\n    setViewElement: () => {\n        return void 0;\n    }\n});\nViewCompositionContext.displayName = \"ViewCompositionContext\";\n\ninterface ViewCompositionProviderState {\n    [key: string]: Record<string, any>;\n}\nconst ViewCompositionProvider: React.FC = ({ children }) => {\n    const [state, setState] = useState<ViewCompositionProviderState>({});\n\n    const context = useMemo(\n        () => ({\n            getViewElement(view: string, name: string): ViewElement {\n                return state[view] && state[view][name];\n            },\n            setViewElement(view: string, name: string, setter: ElementSetter) {\n                setState(state => {\n                    const existing = state[view] && state[view][name];\n                    return {\n                        ...state,\n                        [view]: {\n                            ...state[view],\n                            [name]: setter(existing)\n                        }\n                    };\n                });\n            }\n        }),\n        [state]\n    );\n\n    return (\n        <ViewCompositionContext.Provider value={context}>\n            {children}\n        </ViewCompositionContext.Provider>\n    );\n};\n\nexport function useViewComposition() {\n    return useContext(ViewCompositionContext);\n}\n\nexport const createViewCompositionProvider =\n    () =>\n    (Component: React.ComponentType<unknown>): React.FC => {\n        return function ViewCompositionProviderHOC({ children }) {\n            return (\n                <ViewCompositionProvider>\n                    <Component>{children}</Component>\n                </ViewCompositionProvider>\n            );\n        };\n    };\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAkBA,IAAMC,sBAAsB,gBAAG,IAAAC,oBAAa,EAAyB;EACjEC,cAAc,EAAE,SAAAA,eAAA,EAAM;IAClB,OAAO,IAAI;EACf,CAAC;EACDC,cAAc,EAAE,SAAAA,eAAA,EAAM;IAClB,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CAAC;AACFH,sBAAsB,CAACI,WAAW,GAAG,wBAAwB;AAK7D,IAAMC,uBAAiC,GAAG,SAApCA,uBAAiCA,CAAAC,IAAA,EAAqB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACjD,IAAAC,SAAA,GAA0B,IAAAC,eAAQ,EAA+B,CAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA7DK,KAAK,GAAAH,UAAA;IAAEI,QAAQ,GAAAJ,UAAA;EAEtB,IAAMK,OAAO,GAAG,IAAAC,cAAO,EACnB;IAAA,OAAO;MACHd,cAAc,WAAAA,eAACe,IAAY,EAAEC,IAAY,EAAe;QACpD,OAAOL,KAAK,CAACI,IAAI,CAAC,IAAIJ,KAAK,CAACI,IAAI,CAAC,CAACC,IAAI,CAAC;MAC3C,CAAC;MACDf,cAAc,WAAAA,eAACc,IAAY,EAAEC,IAAY,EAAEC,MAAqB,EAAE;QAC9DL,QAAQ,CAAC,UAAAD,KAAK,EAAI;UACd,IAAMO,QAAQ,GAAGP,KAAK,CAACI,IAAI,CAAC,IAAIJ,KAAK,CAACI,IAAI,CAAC,CAACC,IAAI,CAAC;UACjD,WAAAG,cAAA,CAAAT,OAAA,MAAAS,cAAA,CAAAT,OAAA,MACOC,KAAK,WAAAS,gBAAA,CAAAV,OAAA,MACPK,IAAI,MAAAI,cAAA,CAAAT,OAAA,MAAAS,cAAA,CAAAT,OAAA,MACEC,KAAK,CAACI,IAAI,CAAC,WAAAK,gBAAA,CAAAV,OAAA,MACbM,IAAI,EAAGC,MAAM,CAACC,QAAQ,CAAC;QAGpC,CAAC,CAAC;MACN;IACJ,CAAC;EAAA,CAAC,EACF,CAACP,KAAK,CACV,CAAC;EAED,oBACIhB,MAAA,CAAAe,OAAA,CAAAW,aAAA,CAACvB,sBAAsB,CAACwB,QAAQ;IAACC,KAAK,EAAEV;EAAQ,GAC3CR,QAC4B,CAAC;AAE1C,CAAC;AAEM,SAASmB,kBAAkBA,CAAA,EAAG;EACjC,OAAO,IAAAC,iBAAU,EAAC3B,sBAAsB,CAAC;AAC7C;AAEO,IAAM4B,6BAA6B,GACtC,SADSA,6BAA6BA,CAAA;EAAA,OAEtC,UAACC,SAAuC,EAAe;IACnD,OAAO,SAASC,0BAA0BA,CAAAC,KAAA,EAAe;MAAA,IAAZxB,QAAQ,GAAAwB,KAAA,CAARxB,QAAQ;MACjD,oBACIV,MAAA,CAAAe,OAAA,CAAAW,aAAA,CAAClB,uBAAuB,qBACpBR,MAAA,CAAAe,OAAA,CAAAW,aAAA,CAACM,SAAS,QAAEtB,QAAoB,CACX,CAAC;IAElC,CAAC;EACL,CAAC;AAAA;AAACyB,OAAA,CAAAJ,6BAAA,GAAAA,6BAAA"}

package/base/ui/Brand.d.ts

@@ -1,2 +1,2 @@
-export declare const Brand: import("@webiny/app-admin-core").ComposableFC<unknown>;
-export declare const BrandRenderer: import("@webiny/app-admin-core").ComposableFC<unknown>;
+export declare const Brand: import("@webiny/app").ComposableFC<unknown>;
+export declare const BrandRenderer: import("@webiny/app").ComposableFC<unknown>;