@webiny/app-admin 0.0.0-unstable.e3f4727c56 → 0.0.0-unstable.eb196ccd2f

package/base/Base.js

@@ -1,91 +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 _app = require("@webiny/app");
-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(_app.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));
 };
-var Base = /*#__PURE__*/(0, _react.memo)(BaseExtension);
-exports.Base = Base;
+export const Base = /*#__PURE__*/memo(BaseExtension);
+
+//# 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\";\nimport { AddMenu, AddRoute, Dashboard, FileManagerFileTypePlugin, Layout, NotFound } from \"~/index\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ReactComponent as DocsIcon } from \"~/assets/icons/icon-documentation.svg\";\nimport { ReactComponent as SlackIcon } from \"~/assets/icons/slack-logo.svg\";\nimport { ReactComponent as GithubIcon } from \"~/assets/icons/github-brands.svg\";\nimport { ReactComponent as FileIcon } from \"~/assets/icons/insert_drive_file-24px.svg\";\nimport { ReactComponent as SettingsIcon } from \"~/assets/icons/round-settings-24px.svg\";\nimport { FileManager } from \"~/components\";\n\nimport { defaultFileTypePlugin, imageFileTypePlugin } from \"~/plugins/fileManager\";\nimport { globalSearchHotkey } from \"~/plugins/globalSearch\";\nimport { uiLayoutPlugin } from \"~/plugins/uiLayoutRenderer\";\n\nfunction registerFileTypePlugins() {\n    // This is an ugly hack, which we will replace when we implement file thumbnail rendering via the Composition API.\n    const fileTypePlugins = plugins.byType(FileManagerFileTypePlugin.type);\n\n    // First we need to unregister already registered plugins.\n    fileTypePlugins.forEach(pl => plugins.unregister(pl.name as string));\n\n    // Then, we need to register the default plugins first, then register user's plugins again, to generate new names.\n    plugins.register([\n        defaultFileTypePlugin,\n        imageFileTypePlugin,\n        ...fileTypePlugins.map(pl => {\n            pl.name = undefined;\n            return pl;\n        })\n    ]);\n}\n\nconst BaseExtension: React.FC = () => {\n    plugins.register([globalSearchHotkey, uiLayoutPlugin]);\n\n    registerFileTypePlugins();\n\n    return (\n        <Plugins>\n            <AddMenu name={\"settings\"} label={\"Settings\"} icon={<SettingsIcon />} pin={\"last\"} />\n            <FileManager>\n                {({ showFileManager }) => (\n                    <AddMenu\n                        name={\"fileManager\"}\n                        label={\"File Manager\"}\n                        icon={<FileIcon />}\n                        tags={[\"footer\"]}\n                        onClick={showFileManager}\n                        testId={\"admin-drawer-footer-menu-file-manager\"}\n                    />\n                )}\n            </FileManager>\n            <AddMenu\n                name={\"documentation\"}\n                label={\"Documentation\"}\n                icon={<DocsIcon />}\n                path={\"https://www.webiny.com/docs\"}\n                rel={\"noopener noreferrer\"}\n                target={\"_blank\"}\n                tags={[\"footer\"]}\n            />\n            <AddMenu\n                name={\"slack\"}\n                label={\"Slack\"}\n                icon={<SlackIcon />}\n                path={\"https://www.webiny.com/slack/\"}\n                rel={\"noopener noreferrer\"}\n                target={\"_blank\"}\n                tags={[\"footer\"]}\n            />\n            <AddMenu\n                name={\"github\"}\n                label={\"Github\"}\n                icon={<GithubIcon />}\n                path={\"https://github.com/webiny/webiny-js\"}\n                rel={\"noopener noreferrer\"}\n                target={\"_blank\"}\n                tags={[\"footer\"]}\n            />\n            <AddRoute path={\"/\"}>\n                <Layout title={\"Welcome!\"}>\n                    <Dashboard />\n                </Layout>\n            </AddRoute>\n            <AddRoute path={\"*\"}>\n                <Layout title={\"Not Accessible\"}>\n                    <NotFound />\n                </Layout>\n            </AddRoute>\n        </Plugins>\n    );\n};\n\nexport const Base = memo(BaseExtension);\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA,SAASA,uBAAuB,GAAG;EAC/B;EACA,IAAMC,eAAe,GAAGC,gBAAO,CAACC,MAAM,CAACC,2BAAyB,CAACC,IAAI,CAAC;;EAEtE;EACAJ,eAAe,CAACK,OAAO,CAAC,UAAAC,EAAE;IAAA,OAAIL,gBAAO,CAACM,UAAU,CAACD,EAAE,CAACE,IAAI,CAAW;EAAA,EAAC;;EAEpE;EACAP,gBAAO,CAACQ,QAAQ,EACZC,kCAAqB,EACrBC,gCAAmB,0CAChBX,eAAe,CAACY,GAAG,CAAC,UAAAN,EAAE,EAAI;IACzBA,EAAE,CAACE,IAAI,GAAGK,SAAS;IACnB,OAAOP,EAAE;EACb,CAAC,CAAC,GACJ;AACN;AAEA,IAAMQ,aAAuB,GAAG,SAA1BA,aAAuB,GAAS;EAClCb,gBAAO,CAACQ,QAAQ,CAAC,CAACM,gCAAkB,EAAEC,gCAAc,CAAC,CAAC;EAEtDjB,uBAAuB,EAAE;EAEzB,oBACI,6BAAC,YAAO,qBACJ,6BAAC,SAAO;IAAC,IAAI,EAAE,UAAW;IAAC,KAAK,EAAE,UAAW;IAAC,IAAI,eAAE,6BAAC,iCAAY,OAAI;IAAC,GAAG,EAAE;EAAO,EAAG,eACrF,6BAAC,uBAAW,QACP;IAAA,IAAGkB,eAAe,QAAfA,eAAe;IAAA,oBACf,6BAAC,SAAO;MACJ,IAAI,EAAE,aAAc;MACpB,KAAK,EAAE,cAAe;MACtB,IAAI,eAAE,6BAAC,qCAAQ,OAAI;MACnB,IAAI,EAAE,CAAC,QAAQ,CAAE;MACjB,OAAO,EAAEA,eAAgB;MACzB,MAAM,EAAE;IAAwC,EAClD;EAAA,CACL,CACS,eACd,6BAAC,SAAO;IACJ,IAAI,EAAE,eAAgB;IACtB,KAAK,EAAE,eAAgB;IACvB,IAAI,eAAE,6BAAC,iCAAQ,OAAI;IACnB,IAAI,EAAE,6BAA8B;IACpC,GAAG,EAAE,qBAAsB;IAC3B,MAAM,EAAE,QAAS;IACjB,IAAI,EAAE,CAAC,QAAQ;EAAE,EACnB,eACF,6BAAC,SAAO;IACJ,IAAI,EAAE,OAAQ;IACd,KAAK,EAAE,OAAQ;IACf,IAAI,eAAE,6BAAC,yBAAS,OAAI;IACpB,IAAI,EAAE,+BAAgC;IACtC,GAAG,EAAE,qBAAsB;IAC3B,MAAM,EAAE,QAAS;IACjB,IAAI,EAAE,CAAC,QAAQ;EAAE,EACnB,eACF,6BAAC,SAAO;IACJ,IAAI,EAAE,QAAS;IACf,KAAK,EAAE,QAAS;IAChB,IAAI,eAAE,6BAAC,4BAAU,OAAI;IACrB,IAAI,EAAE,qCAAsC;IAC5C,GAAG,EAAE,qBAAsB;IAC3B,MAAM,EAAE,QAAS;IACjB,IAAI,EAAE,CAAC,QAAQ;EAAE,EACnB,eACF,6BAAC,UAAQ;IAAC,IAAI,EAAE;EAAI,gBAChB,6BAAC,QAAM;IAAC,KAAK,EAAE;EAAW,gBACtB,6BAAC,WAAS,OAAG,CACR,CACF,eACX,6BAAC,UAAQ;IAAC,IAAI,EAAE;EAAI,gBAChB,6BAAC,QAAM;IAAC,KAAK,EAAE;EAAiB,gBAC5B,6BAAC,UAAQ,OAAG,CACP,CACF,CACL;AAElB,CAAC;AAEM,IAAMC,IAAI,gBAAG,IAAAC,WAAI,EAACL,aAAa,CAAC;AAAC"}
+{"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,23 +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,wBAAyC,CAAGC,KAAK,EAAI;EAC9D,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAMC,MAAM,GAAG,IAAIC,gDAAuB,CAACH,KAAK,CAAC;IAEjD,IAAMI,IAAI,GAAG,IAAAC,cAAM,GAAE;IACrBH,MAAM,CAACE,IAAI,GAAGA,IAAI;IAClBE,gBAAO,CAACC,QAAQ,CAACL,MAAM,CAAC;IAExB,OAAO,YAAM;MACTI,gBAAO,CAACE,UAAU,CAACJ,IAAI,CAAC;IAC5B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC;AAAC"}
+{"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,21 +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,oBAAoB,CAAIC,aAAkC,EAAK;EACxE,OAAO,SAASC,cAAc,OAAe;IAAA,IAAZC,QAAQ,QAARA,QAAQ;IACrC,IAAMC,GAAG,GAAGC,OAAO,CAACC,GAAG,CAACC,yBAAmC;IAC3D,oBAAO,6BAAC,+BAAM;MAAC,MAAM,EAAEN,aAAa,CAAC;QAAEG,GAAG,EAAHA;MAAI,CAAC;IAAE,GAAED,QAAQ,CAAU;EACtE,CAAC;AACL,CAAC;AAAC"}
+{"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,31 +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,KAAK;AAEd,IAAMC,uBAAuB,GAChC,SADSA,uBAAuB;EAAA,OAEhC,UAACC,SAAmB,EAAe;IAC/B,OAAO,SAASC,iBAAiB,OAAe;MAAA,IAAZC,QAAQ,QAARA,QAAQ;MACxC,IAAAC,gBAAS,EAAC,YAAM;QACZ,IAAIL,SAAS,EAAE;UACX;QACJ;QAEAA,SAAS,GAAG,IAAI;QAChB,IAAAM,iBAAS,EAAC,WAAW,CAAC;MAC1B,CAAC,EAAE,EAAE,CAAC;MAEN,oBAAO,6BAAC,SAAS,QAAEF,QAAQ,CAAa;IAC5C,CAAC;EACL,CAAC;AAAA;AAAC"}
+{"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,18 +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,qBAAqB;EAAA,OAE9B,UAACC,SAAuC,EAAe;IACnD,OAAO,SAASC,eAAe,OAAe;MAAA,IAAZC,QAAQ,QAARA,QAAQ;MACtC,oBACI,6BAAC,cAAU,qBACP,6BAAC,SAAS,QAAEA,QAAQ,CAAa,CACxB;IAErB,CAAC;EACL,CAAC;AAAA;AAAC"}
+{"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,57 +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

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,EAAyB;EACjEC,cAAc,EAAE,0BAAM;IAClB,OAAO,IAAI;EACf,CAAC;EACDC,cAAc,EAAE,0BAAM;IAClB,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CAAC;AACFH,sBAAsB,CAACI,WAAW,GAAG,wBAAwB;AAK7D,IAAMC,uBAAiC,GAAG,SAApCA,uBAAiC,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EACjD,gBAA0B,IAAAC,eAAQ,EAA+B,CAAC,CAAC,CAAC;IAAA;IAA7DC,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,OAAO,GAAG,IAAAC,cAAO,EACnB;IAAA,OAAO;MACHT,cAAc,0BAACU,IAAY,EAAEC,IAAY,EAAe;QACpD,OAAOL,KAAK,CAACI,IAAI,CAAC,IAAIJ,KAAK,CAACI,IAAI,CAAC,CAACC,IAAI,CAAC;MAC3C,CAAC;MACDV,cAAc,0BAACS,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,mEACOL,KAAK,yCACPI,IAAI,8DACEJ,KAAK,CAACI,IAAI,CAAC,yCACbC,IAAI,EAAGC,MAAM,CAACC,QAAQ,CAAC;QAGpC,CAAC,CAAC;MACN;IACJ,CAAC;EAAA,CAAC,EACF,CAACP,KAAK,CAAC,CACV;EAED,oBACI,6BAAC,sBAAsB,CAAC,QAAQ;IAAC,KAAK,EAAEE;EAAQ,GAC3CJ,QAAQ,CACqB;AAE1C,CAAC;AAEM,SAASU,kBAAkB,GAAG;EACjC,OAAO,IAAAC,iBAAU,EAACjB,sBAAsB,CAAC;AAC7C;AAEO,IAAMkB,6BAA6B,GACtC,SADSA,6BAA6B;EAAA,OAEtC,UAACC,SAAuC,EAAe;IACnD,OAAO,SAASC,0BAA0B,QAAe;MAAA,IAAZd,QAAQ,SAARA,QAAQ;MACjD,oBACI,6BAAC,uBAAuB,qBACpB,6BAAC,SAAS,QAAEA,QAAQ,CAAa,CACX;IAElC,CAAC;EACL,CAAC;AAAA;AAAC"}
+{"version":3,"names":["React","createContext","useContext","useMemo","useState","ViewCompositionContext","getViewElement","setViewElement","displayName","ViewCompositionProvider","children","state","setState","context","view","name","setter","existing","createElement","Provider","value","useViewComposition","createViewCompositionProvider","Component","ViewCompositionProviderHOC"],"sources":["ViewCompositionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from \"react\";\nimport type { ComponentWithChildren } from \"~/types\";\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}\ninterface ViewCompositionProviderProps {\n    children: React.ReactNode;\n}\nconst ViewCompositionProvider = ({ children }: ViewCompositionProviderProps) => {\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\ninterface ViewCompositionProviderHOCProps {\n    children: React.ReactNode;\n}\n\nexport const createViewCompositionProvider = () => (Component: ComponentWithChildren) => {\n    return function ViewCompositionProviderHOC({ children }: ViewCompositionProviderHOCProps) {\n        return (\n            <ViewCompositionProvider>\n                <Component>{children}</Component>\n            </ViewCompositionProvider>\n        );\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAmB3E,MAAMC,sBAAsB,gBAAGJ,aAAa,CAAyB;EACjEK,cAAc,EAAEA,CAAA,KAAM;IAClB,OAAO,IAAI;EACf,CAAC;EACDC,cAAc,EAAEA,CAAA,KAAM;IAClB,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CAAC;AACFF,sBAAsB,CAACG,WAAW,GAAG,wBAAwB;AAQ7D,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC;AAAuC,CAAC,KAAK;EAC5E,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGR,QAAQ,CAA+B,CAAC,CAAC,CAAC;EAEpE,MAAMS,OAAO,GAAGV,OAAO,CACnB,OAAO;IACHG,cAAcA,CAACQ,IAAY,EAAEC,IAAY,EAAe;MACpD,OAAOJ,KAAK,CAACG,IAAI,CAAC,IAAIH,KAAK,CAACG,IAAI,CAAC,CAACC,IAAI,CAAC;IAC3C,CAAC;IACDR,cAAcA,CAACO,IAAY,EAAEC,IAAY,EAAEC,MAAqB,EAAE;MAC9DJ,QAAQ,CAACD,KAAK,IAAI;QACd,MAAMM,QAAQ,GAAGN,KAAK,CAACG,IAAI,CAAC,IAAIH,KAAK,CAACG,IAAI,CAAC,CAACC,IAAI,CAAC;QACjD,OAAO;UACH,GAAGJ,KAAK;UACR,CAACG,IAAI,GAAG;YACJ,GAAGH,KAAK,CAACG,IAAI,CAAC;YACd,CAACC,IAAI,GAAGC,MAAM,CAACC,QAAQ;UAC3B;QACJ,CAAC;MACL,CAAC,CAAC;IACN;EACJ,CAAC,CAAC,EACF,CAACN,KAAK,CACV,CAAC;EAED,oBACIX,KAAA,CAAAkB,aAAA,CAACb,sBAAsB,CAACc,QAAQ;IAACC,KAAK,EAAEP;EAAQ,GAC3CH,QAC4B,CAAC;AAE1C,CAAC;AAED,OAAO,SAASW,kBAAkBA,CAAA,EAAG;EACjC,OAAOnB,UAAU,CAACG,sBAAsB,CAAC;AAC7C;AAMA,OAAO,MAAMiB,6BAA6B,GAAGA,CAAA,KAAOC,SAAgC,IAAK;EACrF,OAAO,SAASC,0BAA0BA,CAAC;IAAEd;EAA0C,CAAC,EAAE;IACtF,oBACIV,KAAA,CAAAkB,aAAA,CAACT,uBAAuB,qBACpBT,KAAA,CAAAkB,aAAA,CAACK,SAAS,QAAEb,QAAoB,CACX,CAAC;EAElC,CAAC;AACL,CAAC","ignoreList":[]}