@webiny/app-admin 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d

package/base/Base.js

@@ -1,110 +1,14 @@
-"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 _plugins = require("@webiny/plugins");
-
-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 _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, {
-    name: "settings",
-    label: "Settings",
-    icon: /*#__PURE__*/_react.default.createElement(_roundSettings24px.ReactComponent, null),
-    pin: "last"
-  }), /*#__PURE__*/_react.default.createElement(_components.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),
-      tags: ["footer"],
-      onClick: showFileManager,
-      testId: "admin-drawer-footer-menu-file-manager"
-    });
-  }), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
-    name: "documentation",
-    label: "Documentation",
-    icon: /*#__PURE__*/_react.default.createElement(_iconDocumentation.ReactComponent, null),
-    path: "https://www.webiny.com/docs",
-    rel: "noopener noreferrer",
-    target: "_blank",
-    tags: ["footer"]
-  }), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
-    name: "slack",
-    label: "Slack",
-    icon: /*#__PURE__*/_react.default.createElement(_slackLogo.ReactComponent, null),
-    path: "https://www.webiny.com/slack/",
-    rel: "noopener noreferrer",
-    target: "_blank",
-    tags: ["footer"]
-  }), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
-    name: "github",
-    label: "Github",
-    icon: /*#__PURE__*/_react.default.createElement(_githubBrands.ReactComponent, null),
-    path: "https://github.com/webiny/webiny-js",
-    rel: "noopener noreferrer",
-    target: "_blank",
-    tags: ["footer"]
-  }), /*#__PURE__*/_react.default.createElement(_.AddRoute, {
-    path: "/"
-  }, /*#__PURE__*/_react.default.createElement(_.Layout, {
-    title: "Welcome!"
-  }, /*#__PURE__*/_react.default.createElement(_.Dashboard, null))), /*#__PURE__*/_react.default.createElement(_.AddRoute, {
-    path: "*"
-  }, /*#__PURE__*/_react.default.createElement(_.Layout, {
-    title: "Not Accessible"
-  }, /*#__PURE__*/_react.default.createElement(_.NotFound, null))));
+import React, { memo } from "react";
+import { plugins } from "@webiny/plugins";
+import { uiLayoutPlugin } from "../plugins/uiLayoutRenderer";
+import { Menus } from "./Base/Menus";
+import { Routes } from "./Base/Routes";
+import { Tenant } from "./Base/Tenant";
+import { AdminConfigProvider } from "../config/AdminConfig";
+const BaseExtension = () => {
+  plugins.register([uiLayoutPlugin]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AdminConfigProvider, null), /*#__PURE__*/React.createElement(Tenant, null), /*#__PURE__*/React.createElement(Menus, null), /*#__PURE__*/React.createElement(Routes, null));
 };
+export const Base = /*#__PURE__*/memo(BaseExtension);
 
-var Base = /*#__PURE__*/(0, _react.memo)(BaseExtension);
-exports.Base = Base;
+//# sourceMappingURL=Base.js.map

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","memo","plugins","uiLayoutPlugin","Menus","Routes","Tenant","AdminConfigProvider","BaseExtension","register","createElement","Fragment","Base"],"sources":["Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { uiLayoutPlugin } from \"~/plugins/uiLayoutRenderer\";\nimport { Menus } from \"./Base/Menus\";\nimport { Routes } from \"./Base/Routes\";\nimport { Tenant } from \"./Base/Tenant\";\nimport { AdminConfigProvider } from \"~/config/AdminConfig\";\n\nconst BaseExtension = () => {\n    plugins.register([uiLayoutPlugin]);\n\n    return (\n        <>\n            <AdminConfigProvider />\n            <Tenant />\n            <Menus />\n            <Routes />\n        </>\n    );\n};\n\nexport const Base = memo(BaseExtension);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,cAAc;AACvB,SAASC,KAAK;AACd,SAASC,MAAM;AACf,SAASC,MAAM;AACf,SAASC,mBAAmB;AAE5B,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACxBN,OAAO,CAACO,QAAQ,CAAC,CAACN,cAAc,CAAC,CAAC;EAElC,oBACIH,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,qBACIX,KAAA,CAAAU,aAAA,CAACH,mBAAmB,MAAE,CAAC,eACvBP,KAAA,CAAAU,aAAA,CAACJ,MAAM,MAAE,CAAC,eACVN,KAAA,CAAAU,aAAA,CAACN,KAAK,MAAE,CAAC,eACTJ,KAAA,CAAAU,aAAA,CAACL,MAAM,MAAE,CACX,CAAC;AAEX,CAAC;AAED,OAAO,MAAMO,IAAI,gBAAGX,IAAI,CAACO,aAAa,CAAC","ignoreList":[]}

package/base/WebinyVersion.d.ts

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

package/base/WebinyVersion.js

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

package/base/WebinyVersion.js.map

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

package/base/plugins/AddGraphQLQuerySelection.d.ts

@@ -1,9 +1,8 @@
-import React from "react";
-import { DocumentNode } from "graphql";
+import type { DocumentNode } from "graphql";
 interface Props {
     operationName: string;
     selectionPath: string;
     addSelection: DocumentNode;
 }
-export declare const AddGraphQLQuerySelection: React.FC<Props>;
+export declare const AddGraphQLQuerySelection: (props: Props) => null;
 export {};

package/base/plugins/AddGraphQLQuerySelection.js

@@ -1,31 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AddGraphQLQuerySelection = void 0;
-
-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) {
-  (0, _react.useEffect)(function () {
-    var plugin = new _AddQuerySelectionPlugin.AddQuerySelectionPlugin(props);
-    var name = (0, _nanoid.nanoid)();
+import { useEffect, useState } from "react";
+import { plugins } from "@webiny/plugins";
+import { generateId } from "@webiny/utils";
+import { AddQuerySelectionPlugin } from "@webiny/app/plugins/AddQuerySelectionPlugin";
+export const AddGraphQLQuerySelection = props => {
+  const [name] = useState(`AddGraphQLQuerySelection:${props.operationName}:${generateId()}`);
+  useEffect(() => {
+    const plugin = new AddQuerySelectionPlugin(props);
     plugin.name = name;
-
-    _plugins.plugins.register(plugin);
-
-    return function () {
-      _plugins.plugins.unregister(name);
+    plugins.register(plugin);
+    return () => {
+      plugins.unregister(name);
     };
   }, []);
   return null;
 };
 
-exports.AddGraphQLQuerySelection = AddGraphQLQuerySelection;
+//# sourceMappingURL=AddGraphQLQuerySelection.js.map

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":["useEffect","useState","plugins","generateId","AddQuerySelectionPlugin","AddGraphQLQuerySelection","props","name","operationName","plugin","register","unregister"],"sources":["AddGraphQLQuerySelection.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { generateId } from \"@webiny/utils\";\nimport { AddQuerySelectionPlugin } from \"@webiny/app/plugins/AddQuerySelectionPlugin\";\nimport type { DocumentNode } from \"graphql\";\n\ninterface Props {\n    operationName: string;\n    selectionPath: string;\n    addSelection: DocumentNode;\n}\n\nexport const AddGraphQLQuerySelection = (props: Props) => {\n    const [name] = useState(`AddGraphQLQuerySelection:${props.operationName}:${generateId()}`);\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,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,uBAAuB,QAAQ,6CAA6C;AASrF,OAAO,MAAMC,wBAAwB,GAAIC,KAAY,IAAK;EACtD,MAAM,CAACC,IAAI,CAAC,GAAGN,QAAQ,CAAC,4BAA4BK,KAAK,CAACE,aAAa,IAAIL,UAAU,CAAC,CAAC,EAAE,CAAC;EAE1FH,SAAS,CAAC,MAAM;IACZ,MAAMS,MAAM,GAAG,IAAIL,uBAAuB,CAACE,KAAK,CAAC;IAEjDG,MAAM,CAACF,IAAI,GAAGA,IAAI;IAClBL,OAAO,CAACQ,QAAQ,CAACD,MAAM,CAAC;IAExB,OAAO,MAAM;MACTP,OAAO,CAACS,UAAU,CAACJ,IAAI,CAAC;IAC5B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/base/providers/AdminUiStateProvider.d.ts

@@ -0,0 +1 @@
+export declare const createAdminUiStateProvider: () => import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;

package/base/providers/AdminUiStateProvider.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { UiProvider } from "@webiny/app/contexts/Ui";
+import { createProvider } from "@webiny/app";
+export const createAdminUiStateProvider = () => {
+  return createProvider(Component => {
+    return function AdminUiStateProvider({
+      children
+    }) {
+      return /*#__PURE__*/React.createElement(UiProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
+    };
+  });
+};
+
+//# sourceMappingURL=AdminUiStateProvider.js.map

package/base/providers/AdminUiStateProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","UiProvider","createProvider","createAdminUiStateProvider","Component","AdminUiStateProvider","children","createElement"],"sources":["AdminUiStateProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiProvider } from \"@webiny/app/contexts/Ui\";\nimport { createProvider } from \"@webiny/app\";\n\ninterface AdminUiStateProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createAdminUiStateProvider = () => {\n    return createProvider(Component => {\n        return function AdminUiStateProvider({ children }: AdminUiStateProviderProps) {\n            return (\n                <UiProvider>\n                    <Component>{children}</Component>\n                </UiProvider>\n            );\n        };\n    });\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,cAAc,QAAQ,aAAa;AAM5C,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;EAC5C,OAAOD,cAAc,CAACE,SAAS,IAAI;IAC/B,OAAO,SAASC,oBAAoBA,CAAC;MAAEC;IAAoC,CAAC,EAAE;MAC1E,oBACIN,KAAA,CAAAO,aAAA,CAACN,UAAU,qBACPD,KAAA,CAAAO,aAAA,CAACH,SAAS,QAAEE,QAAoB,CACxB,CAAC;IAErB,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/base/providers/ApolloProvider.d.ts

@@ -1,10 +1,13 @@
 import React from "react";
-import ApolloClient from "apollo-client";
+import type ApolloClient from "apollo-client";
 interface Options {
     uri: string;
 }
 export interface ApolloClientFactory {
     (options: Options): ApolloClient<any>;
 }
-export declare const createApolloProvider: (clientFactory: ApolloClientFactory) => React.FC<{}>;
+interface ApolloProviderProps {
+    children: React.ReactNode;
+}
+export declare const createApolloProvider: (clientFactory: ApolloClientFactory) => ({ children }: ApolloProviderProps) => React.JSX.Element;
 export {};

package/base/providers/ApolloProvider.js

@@ -1,26 +1,16 @@
-"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;
-    var uri = process.env.REACT_APP_GRAPHQL_API_URL;
-    return /*#__PURE__*/_react.default.createElement(_reactComponents.ApolloProvider, {
+import React from "react";
+import { ApolloProvider as Apollo } from "@apollo/react-components";
+export const createApolloProvider = clientFactory => {
+  return function ApolloProvider({
+    children
+  }) {
+    const uri = process.env.REACT_APP_GRAPHQL_API_URL;
+    return /*#__PURE__*/React.createElement(Apollo, {
       client: clientFactory({
-        uri: uri
+        uri
       })
     }, children);
   };
 };
 
-exports.createApolloProvider = createApolloProvider;
+//# sourceMappingURL=ApolloProvider.js.map

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","ApolloProvider","Apollo","createApolloProvider","clientFactory","children","uri","process","env","REACT_APP_GRAPHQL_API_URL","createElement","client"],"sources":["ApolloProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ApolloProvider as Apollo } from \"@apollo/react-components\";\nimport type ApolloClient from \"apollo-client\";\n\ninterface Options {\n    uri: string;\n}\n\nexport interface ApolloClientFactory {\n    (options: Options): ApolloClient<any>;\n}\n\ninterface ApolloProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createApolloProvider = (clientFactory: ApolloClientFactory) => {\n    return function ApolloProvider({ children }: ApolloProviderProps) {\n        const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n        return <Apollo client={clientFactory({ uri })}>{children}</Apollo>;\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,MAAM,QAAQ,0BAA0B;AAenE,OAAO,MAAMC,oBAAoB,GAAIC,aAAkC,IAAK;EACxE,OAAO,SAASH,cAAcA,CAAC;IAAEI;EAA8B,CAAC,EAAE;IAC9D,MAAMC,GAAG,GAAGC,OAAO,CAACC,GAAG,CAACC,yBAAmC;IAC3D,oBAAOT,KAAA,CAAAU,aAAA,CAACR,MAAM;MAACS,MAAM,EAAEP,aAAa,CAAC;QAAEE;MAAI,CAAC;IAAE,GAAED,QAAiB,CAAC;EACtE,CAAC;AACL,CAAC","ignoreList":[]}

package/base/providers/TelemetryProvider.d.ts

@@ -1,2 +1 @@
-import React from "react";
-export declare const createTelemetryProvider: () => (Component: React.FC) => React.FC;
+export declare const createTelemetryProvider: () => import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;

package/base/providers/TelemetryProvider.js

@@ -1,37 +1,22 @@
-"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
-var eventSent = false;
-
-var createTelemetryProvider = function createTelemetryProvider() {
-  return function (Component) {
-    return function TelemetryProvider(_ref) {
-      var children = _ref.children;
-      (0, _react.useEffect)(function () {
+import React, { useEffect } from "react";
+import { sendEvent } from "@webiny/telemetry/react";
+import { createProvider } from "@webiny/app";
+let eventSent = false;
+export const createTelemetryProvider = () => {
+  return createProvider(Component => {
+    return function TelemetryProvider({
+      children
+    }) {
+      useEffect(() => {
         if (eventSent) {
           return;
         }
-
         eventSent = true;
-        (0, _react2.sendEvent)("app-start");
+        sendEvent("admin-app-start");
       }, []);
-      return /*#__PURE__*/_react.default.createElement(Component, null, children);
+      return /*#__PURE__*/React.createElement(Component, null, children);
     };
-  };
+  });
 };
 
-exports.createTelemetryProvider = createTelemetryProvider;
+//# sourceMappingURL=TelemetryProvider.js.map

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","useEffect","sendEvent","createProvider","eventSent","createTelemetryProvider","Component","TelemetryProvider","children","createElement"],"sources":["TelemetryProvider.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { sendEvent } from \"@webiny/telemetry/react\";\nimport { createProvider } from \"@webiny/app\";\n\nlet eventSent = false;\n\ninterface TelemetryProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createTelemetryProvider = () => {\n    return createProvider(Component => {\n        return function TelemetryProvider({ children }: TelemetryProviderProps) {\n            useEffect(() => {\n                if (eventSent) {\n                    return;\n                }\n\n                eventSent = true;\n\n                sendEvent(\"admin-app-start\");\n            }, []);\n\n            return <Component>{children}</Component>;\n        };\n    });\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,cAAc,QAAQ,aAAa;AAE5C,IAAIC,SAAS,GAAG,KAAK;AAMrB,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACzC,OAAOF,cAAc,CAACG,SAAS,IAAI;IAC/B,OAAO,SAASC,iBAAiBA,CAAC;MAAEC;IAAiC,CAAC,EAAE;MACpEP,SAAS,CAAC,MAAM;QACZ,IAAIG,SAAS,EAAE;UACX;QACJ;QAEAA,SAAS,GAAG,IAAI;QAEhBF,SAAS,CAAC,iBAAiB,CAAC;MAChC,CAAC,EAAE,EAAE,CAAC;MAEN,oBAAOF,KAAA,CAAAS,aAAA,CAACH,SAAS,QAAEE,QAAoB,CAAC;IAC5C,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/base/providers/UiProviders.d.ts

@@ -0,0 +1 @@
+export declare const createUiProviders: () => import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;

package/base/providers/UiProviders.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { createProvider } from "@webiny/app";
+import { Providers } from "@webiny/admin-ui";
+export const createUiProviders = () => {
+  return createProvider(Component => {
+    return function UiProviders({
+      children
+    }) {
+      return /*#__PURE__*/React.createElement(Providers, null, /*#__PURE__*/React.createElement(Component, null, children));
+    };
+  });
+};
+
+//# sourceMappingURL=UiProviders.js.map

package/base/providers/UiProviders.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createProvider","Providers","createUiProviders","Component","UiProviders","children","createElement"],"sources":["UiProviders.tsx"],"sourcesContent":["import React from \"react\";\nimport { createProvider } from \"@webiny/app\";\nimport { Providers } from \"@webiny/admin-ui\";\n\ninterface UiProvidersProps {\n    children: React.ReactNode;\n}\n\nexport const createUiProviders = () => {\n    return createProvider(Component => {\n        return function UiProviders({ children }: UiProvidersProps) {\n            return (\n                <Providers>\n                    <Component>{children}</Component>\n                </Providers>\n            );\n        };\n    });\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,SAAS,QAAQ,kBAAkB;AAM5C,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnC,OAAOF,cAAc,CAACG,SAAS,IAAI;IAC/B,OAAO,SAASC,WAAWA,CAAC;MAAEC;IAA2B,CAAC,EAAE;MACxD,oBACIN,KAAA,CAAAO,aAAA,CAACL,SAAS,qBACNF,KAAA,CAAAO,aAAA,CAACH,SAAS,QAAEE,QAAoB,CACzB,CAAC;IAEpB,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/base/providers/UiStateProvider.d.ts

@@ -1,2 +1 @@
-import React from "react";
-export declare const createUiStateProvider: () => (Component: React.ComponentType<unknown>) => React.FC;
+export declare const createUiStateProvider: () => import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;

package/base/providers/UiStateProvider.js

@@ -1,23 +1,14 @@
-"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) {
-      var children = _ref.children;
-      return /*#__PURE__*/_react.default.createElement(_Ui.UiProvider, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
+import React from "react";
+import { UiProvider } from "@webiny/app/contexts/Ui";
+import { createProvider } from "@webiny/app";
+export const createUiStateProvider = () => {
+  return createProvider(Component => {
+    return function UiStateProvider({
+      children
+    }) {
+      return /*#__PURE__*/React.createElement(UiProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
     };
-  };
+  });
 };
 
-exports.createUiStateProvider = createUiStateProvider;
+//# sourceMappingURL=UiStateProvider.js.map

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","UiProvider","createProvider","createUiStateProvider","Component","UiStateProvider","children","createElement"],"sources":["UiStateProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiProvider } from \"@webiny/app/contexts/Ui\";\nimport { createProvider } from \"@webiny/app\";\n\ninterface UiStateProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createUiStateProvider = () => {\n    return createProvider(Component => {\n        return function UiStateProvider({ children }: UiStateProviderProps) {\n            return (\n                <UiProvider>\n                    <Component>{children}</Component>\n                </UiProvider>\n            );\n        };\n    });\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,cAAc,QAAQ,aAAa;AAM5C,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,OAAOD,cAAc,CAACE,SAAS,IAAI;IAC/B,OAAO,SAASC,eAAeA,CAAC;MAAEC;IAA+B,CAAC,EAAE;MAChE,oBACIN,KAAA,CAAAO,aAAA,CAACN,UAAU,qBACPD,KAAA,CAAAO,aAAA,CAACH,SAAS,QAAEE,QAAoB,CACxB,CAAC;IAErB,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/base/providers/ViewCompositionProvider.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import type { ComponentWithChildren } from "../../types";
 export interface ViewElement {
     name: string;
     elements: JSX.Element[];
@@ -13,5 +14,8 @@ export interface ViewCompositionContext {
     setViewElement(view: string, name: string, setter: ElementSetter): void;
 }
 export declare function useViewComposition(): ViewCompositionContext;
-export declare const createViewCompositionProvider: () => (Component: React.ComponentType<unknown>) => React.FC;
+interface ViewCompositionProviderHOCProps {
+    children: React.ReactNode;
+}
+export declare const createViewCompositionProvider: () => (Component: ComponentWithChildren) => ({ children }: ViewCompositionProviderHOCProps) => React.JSX.Element;
 export {};

package/base/providers/ViewCompositionProvider.js

@@ -1,70 +1,47 @@
-"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() {
+import React, { createContext, useContext, useMemo, useState } from "react";
+const ViewCompositionContext = /*#__PURE__*/createContext({
+  getViewElement: () => {
     return null;
   },
-  setViewElement: function setViewElement() {
+  setViewElement: () => {
     return void 0;
   }
 });
 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];
-
-  var context = (0, _react.useMemo)(function () {
-    return {
-      getViewElement: function getViewElement(view, name) {
-        return state[view] && state[view][name];
-      },
-      setViewElement: function setViewElement(view, name, setter) {
-        setState(function (state) {
-          var existing = state[view] && state[view][name];
-          return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state), {}, (0, _defineProperty2.default)({}, view, (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state[view]), {}, (0, _defineProperty2.default)({}, name, setter(existing)))));
-        });
-      }
-    };
-  }, [state]);
-  return /*#__PURE__*/_react.default.createElement(ViewCompositionContext.Provider, {
+const ViewCompositionProvider = ({
+  children
+}) => {
+  const [state, setState] = useState({});
+  const context = useMemo(() => ({
+    getViewElement(view, name) {
+      return state[view] && state[view][name];
+    },
+    setViewElement(view, name, setter) {
+      setState(state => {
+        const existing = state[view] && state[view][name];
+        return {
+          ...state,
+          [view]: {
+            ...state[view],
+            [name]: setter(existing)
+          }
+        };
+      });
+    }
+  }), [state]);
+  return /*#__PURE__*/React.createElement(ViewCompositionContext.Provider, {
     value: context
   }, children);
 };
-
-function useViewComposition() {
-  return (0, _react.useContext)(ViewCompositionContext);
+export function useViewComposition() {
+  return useContext(ViewCompositionContext);
 }
-
-var createViewCompositionProvider = function createViewCompositionProvider() {
-  return function (Component) {
-    return function ViewCompositionProviderHOC(_ref2) {
-      var children = _ref2.children;
-      return /*#__PURE__*/_react.default.createElement(ViewCompositionProvider, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
-    };
+export const createViewCompositionProvider = () => Component => {
+  return function ViewCompositionProviderHOC({
+    children
+  }) {
+    return /*#__PURE__*/React.createElement(ViewCompositionProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
   };
 };
 
-exports.createViewCompositionProvider = createViewCompositionProvider;
+//# sourceMappingURL=ViewCompositionProvider.js.map