@webiny/app-admin 5.34.8 → 5.35.0-beta.0

package/base/ui/Dashboard.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DashboardRenderer = exports.Dashboard = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _app = require("@webiny/app");
-
 var Dashboard = (0, _app.makeComposable)("Dashboard", function () {
   return /*#__PURE__*/_react.default.createElement(DashboardRenderer, null);
 });

package/base/ui/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"names":["Dashboard","makeComposable","DashboardRenderer"],"sources":["Dashboard.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport const Dashboard = makeComposable(\"Dashboard\", () => {\n    return <DashboardRenderer />;\n});\n\nexport const DashboardRenderer = makeComposable(\"DashboardRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,SAAS,GAAG,IAAAC,mBAAA,EAAe,WAAf,EAA4B,YAAM;EACvD,oBAAO,6BAAC,iBAAD,OAAP;AACH,CAFwB,CAAlB;;AAIA,IAAMC,iBAAiB,GAAG,IAAAD,mBAAA,EAAe,mBAAf,CAA1B"}
+{"version":3,"names":["Dashboard","makeComposable","DashboardRenderer"],"sources":["Dashboard.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport const Dashboard = makeComposable(\"Dashboard\", () => {\n    return <DashboardRenderer />;\n});\n\nexport const DashboardRenderer = makeComposable(\"DashboardRenderer\");\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,SAAS,GAAG,IAAAC,mBAAc,EAAC,WAAW,EAAE,YAAM;EACvD,oBAAO,6BAAC,iBAAiB,OAAG;AAChC,CAAC,CAAC;AAAC;AAEI,IAAMC,iBAAiB,GAAG,IAAAD,mBAAc,EAAC,mBAAmB,CAAC;AAAC"}

package/base/ui/FileManager.d.ts

@@ -0,0 +1,67 @@
+import React from "react";
+export interface FileManagerOnChange<T> {
+    (value: T): void;
+}
+/**
+ * Represents a file object managed by the File Manager.
+ */
+export interface FileManagerFileItem {
+    id: string;
+    src: string;
+    meta?: Array<FileManagerFileItemMetaItem>;
+}
+/**
+ * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.
+ */
+export interface FileManagerFileItemMetaItem {
+    key: string;
+    value: any;
+}
+export declare type DeprecatedFileManagerRenderPropParams = {
+    showFileManager: (onChange?: FileManagerOnChange<FileManagerFileItem | FileManagerFileItem[]>) => void;
+};
+export declare type FileManagerRenderPropParams<TValue> = {
+    showFileManager: (onChange?: FileManagerOnChange<TValue>) => void;
+};
+interface SingleFileRenderProp {
+    (params: FileManagerRenderPropParams<FileManagerFileItem>): React.ReactNode;
+}
+interface MultiFileRenderProp {
+    (params: FileManagerRenderPropParams<FileManagerFileItem[]>): React.ReactNode;
+}
+export declare type MultipleProps = {
+    multiple?: never;
+    multipleMaxCount?: never;
+    multipleMaxSize?: never;
+    onChange?: FileManagerOnChange<FileManagerFileItem>;
+    render?: SingleFileRenderProp;
+} | {
+    multiple: true;
+    multipleMaxCount?: number;
+    multipleMaxSize?: number | string;
+    onChange?: FileManagerOnChange<FileManagerFileItem[]>;
+    render?: MultiFileRenderProp;
+};
+export declare type FileManagerProps = {
+    accept?: Array<string>;
+    images?: boolean;
+    maxSize?: number | string;
+    /**
+     * @deprecated This prop is no longer used. The file structure was reduced to a bare minimum so picking is no longer necessary.
+     */
+    onChangePick?: string[];
+    onClose?: Function;
+    onUploadCompletion?: (files: FileManagerFileItem[]) => void;
+    own?: boolean;
+    scope?: string;
+    tags?: Array<string>;
+    /**
+     * @deprecated This prop is no longer used. Use the `render` prop to get better TS autocomplete.
+     */
+    children?: (params: DeprecatedFileManagerRenderPropParams) => React.ReactNode;
+} & MultipleProps;
+declare type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;
+export declare type FileManagerRendererProps = DistributiveOmit<FileManagerProps, "render" | "children">;
+export declare const FileManagerRenderer: import("@webiny/react-composition").ComposableFC<FileManagerRendererProps>;
+export declare const FileManager: React.FC<FileManagerProps>;
+export {};

package/base/ui/FileManager.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileManagerRenderer = exports.FileManager = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _reactComposition = require("@webiny/react-composition");
+var _excluded = ["children", "render", "onChange"];
+function getPortalTarget() {
+  var target = window.document.getElementById("file-manager-container");
+  if (!target) {
+    target = document.createElement("div");
+    target.setAttribute("id", "file-manager-container");
+    document.body && document.body.appendChild(target);
+  }
+  return target;
+}
+
+// This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!
+
+var FileManagerRenderer = (0, _reactComposition.makeComposable)("FileManagerRenderer");
+exports.FileManagerRenderer = FileManagerRenderer;
+var FileManager = function FileManager(_ref) {
+  var children = _ref.children,
+    render = _ref.render,
+    onChange = _ref.onChange,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var containerRef = (0, _react.useRef)(getPortalTarget());
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
+  var onChangeRef = (0, _react.useRef)(onChange);
+  (0, _react.useEffect)(function () {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  var showFileManager = (0, _react.useCallback)(function (onChange) {
+    if (typeof onChange === "function") {
+      onChangeRef.current = onChange;
+    }
+    setShow(true);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, show && /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(FileManagerRenderer, Object.assign({
+    onClose: function onClose() {
+      return setShow(false);
+    },
+    onChange: /* TODO: figure out how to create a conditional type based on the value of `rest.multiple` */
+    onChangeRef.current
+  }, rest)), containerRef.current), children ? children({
+    showFileManager: showFileManager
+  }) : render ? render({
+    showFileManager: showFileManager
+  }) : null);
+};
+exports.FileManager = FileManager;

package/base/ui/FileManager.js.map

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

package/base/ui/Layout.js

@@ -1,22 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LayoutRenderer = exports.Layout = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _app = require("@webiny/app");
-
 var _excluded = ["children"];
 var Layout = (0, _app.makeComposable)("Layout", function (_ref) {
   var children = _ref.children,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(LayoutRenderer, props, children);
 });
 exports.Layout = Layout;

package/base/ui/Layout.js.map

@@ -1 +1 @@
-{"version":3,"names":["Layout","makeComposable","children","props","LayoutRenderer"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n    title?: string;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeComposable<LayoutProps>(\"Layout\", ({ children, ...props }) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeComposable<LayoutProps>(\"LayoutRenderer\");\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;AAOO,IAAMA,MAAM,GAAG,IAAAC,mBAAA,EAA4B,QAA5B,EAAsC,gBAA4B;EAAA,IAAzBC,QAAyB,QAAzBA,QAAyB;EAAA,IAAZC,KAAY;EACpF,oBAAO,6BAAC,cAAD,EAAoBA,KAApB,EAA4BD,QAA5B,CAAP;AACH,CAFqB,CAAf;;AAIA,IAAME,cAAc,GAAG,IAAAH,mBAAA,EAA4B,gBAA5B,CAAvB"}
+{"version":3,"names":["Layout","makeComposable","children","props","LayoutRenderer"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n    title?: string;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeComposable<LayoutProps>(\"Layout\", ({ children, ...props }) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeComposable<LayoutProps>(\"LayoutRenderer\");\n"],"mappings":";;;;;;;;AAAA;AACA;AAA6C;AAOtC,IAAMA,MAAM,GAAG,IAAAC,mBAAc,EAAc,QAAQ,EAAE,gBAA4B;EAAA,IAAzBC,QAAQ,QAARA,QAAQ;IAAKC,KAAK;EAC7E,oBAAO,6BAAC,cAAc,EAAKA,KAAK,EAAGD,QAAQ,CAAkB;AACjE,CAAC,CAAC;AAAC;AAEI,IAAME,cAAc,GAAG,IAAAH,mBAAc,EAAc,gBAAgB,CAAC;AAAC"}

package/base/ui/LocaleSelector.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LocaleSelectorRenderer = exports.LocaleSelector = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _app = require("@webiny/app");
-
 var LocaleSelector = (0, _app.makeComposable)("LocaleSelector", function () {
   return /*#__PURE__*/_react.default.createElement(LocaleSelectorRenderer, null);
 });

package/base/ui/LocaleSelector.js.map

@@ -1 +1 @@
-{"version":3,"names":["LocaleSelector","makeComposable","LocaleSelectorRenderer"],"sources":["LocaleSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport const LocaleSelector = makeComposable(\"LocaleSelector\", () => {\n    return <LocaleSelectorRenderer />;\n});\n\nexport const LocaleSelectorRenderer = makeComposable(\"LocaleSelectorRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,cAAc,GAAG,IAAAC,mBAAA,EAAe,gBAAf,EAAiC,YAAM;EACjE,oBAAO,6BAAC,sBAAD,OAAP;AACH,CAF6B,CAAvB;;AAIA,IAAMC,sBAAsB,GAAG,IAAAD,mBAAA,EAAe,wBAAf,CAA/B"}
+{"version":3,"names":["LocaleSelector","makeComposable","LocaleSelectorRenderer"],"sources":["LocaleSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport const LocaleSelector = makeComposable(\"LocaleSelector\", () => {\n    return <LocaleSelectorRenderer />;\n});\n\nexport const LocaleSelectorRenderer = makeComposable(\"LocaleSelectorRenderer\");\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,cAAc,GAAG,IAAAC,mBAAc,EAAC,gBAAgB,EAAE,YAAM;EACjE,oBAAO,6BAAC,sBAAsB,OAAG;AACrC,CAAC,CAAC;AAAC;AAEI,IAAMC,sBAAsB,GAAG,IAAAD,mBAAc,EAAC,wBAAwB,CAAC;AAAC"}

package/base/ui/LoginScreen.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LoginScreenRenderer = exports.LoginScreen = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _app = require("@webiny/app");
-
 var _Tags = require("./Tags");
-
 var LoginScreen = function LoginScreen(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
@@ -21,7 +16,6 @@ var LoginScreen = function LoginScreen(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(LoginScreenRenderer, null, children));
 };
-
 exports.LoginScreen = LoginScreen;
 var LoginScreenRenderer = (0, _app.makeComposable)("LoginScreenRenderer");
 exports.LoginScreenRenderer = LoginScreenRenderer;

package/base/ui/LoginScreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["LoginScreen","children","location","LoginScreenRenderer","makeComposable"],"sources":["LoginScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\nimport { Tags } from \"./Tags\";\n\nexport interface LoginScreenProps {\n    children: React.ReactNode;\n}\n\nexport const LoginScreen: React.FC<LoginScreenProps> = ({ children }) => {\n    return (\n        <Tags tags={{ location: \"loginScreen\" }}>\n            <LoginScreenRenderer>{children}</LoginScreenRenderer>\n        </Tags>\n    );\n};\n\nexport const LoginScreenRenderer = makeComposable<LoginScreenProps>(\"LoginScreenRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAMO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EACrE,oBACI,6BAAC,UAAD;IAAM,IAAI,EAAE;MAAEC,QAAQ,EAAE;IAAZ;EAAZ,gBACI,6BAAC,mBAAD,QAAsBD,QAAtB,CADJ,CADJ;AAKH,CANM;;;AAQA,IAAME,mBAAmB,GAAG,IAAAC,mBAAA,EAAiC,qBAAjC,CAA5B"}
+{"version":3,"names":["LoginScreen","children","location","LoginScreenRenderer","makeComposable"],"sources":["LoginScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\nimport { Tags } from \"./Tags\";\n\nexport interface LoginScreenProps {\n    children: React.ReactNode;\n}\n\nexport const LoginScreen: React.FC<LoginScreenProps> = ({ children }) => {\n    return (\n        <Tags tags={{ location: \"loginScreen\" }}>\n            <LoginScreenRenderer>{children}</LoginScreenRenderer>\n        </Tags>\n    );\n};\n\nexport const LoginScreenRenderer = makeComposable<LoginScreenProps>(\"LoginScreenRenderer\");\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAMO,IAAMA,WAAuC,GAAG,SAA1CA,WAAuC,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EAC9D,oBACI,6BAAC,UAAI;IAAC,IAAI,EAAE;MAAEC,QAAQ,EAAE;IAAc;EAAE,gBACpC,6BAAC,mBAAmB,QAAED,QAAQ,CAAuB,CAClD;AAEf,CAAC;AAAC;AAEK,IAAME,mBAAmB,GAAG,IAAAC,mBAAc,EAAmB,qBAAqB,CAAC;AAAC"}

package/base/ui/Logo.js

@@ -1,23 +1,18 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LogoRenderer = exports.Logo = exports.AddLogo = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _app = require("@webiny/app");
-
 var Logo = (0, _app.makeComposable)("Logo", function () {
   return /*#__PURE__*/_react.default.createElement(LogoRenderer, null);
 });
 exports.Logo = Logo;
 var LogoRenderer = (0, _app.makeComposable)("LogoRenderer");
 exports.LogoRenderer = LogoRenderer;
-
 var AddLogo = function AddLogo(_ref) {
   var logo = _ref.logo;
   var LogoHOC = (0, _react.useMemo)(function () {
@@ -32,5 +27,4 @@ var AddLogo = function AddLogo(_ref) {
     with: LogoHOC
   });
 };
-
 exports.AddLogo = AddLogo;

package/base/ui/Logo.js.map

@@ -1 +1 @@
-{"version":3,"names":["Logo","makeComposable","LogoRenderer","AddLogo","logo","LogoHOC","useMemo"],"sources":["Logo.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Compose, makeComposable } from \"@webiny/app\";\n\nexport const Logo = makeComposable(\"Logo\", () => {\n    return <LogoRenderer />;\n});\n\nexport const LogoRenderer = makeComposable(\"LogoRenderer\");\n\ninterface AddLogoProps {\n    logo: JSX.Element;\n}\n\nexport const AddLogo: React.FC<AddLogoProps> = ({ logo }) => {\n    const LogoHOC = useMemo(() => {\n        return () => {\n            return function Logo() {\n                return logo;\n            };\n        };\n    }, []);\n\n    return <Compose component={LogoRenderer} with={LogoHOC} />;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,IAAI,GAAG,IAAAC,mBAAA,EAAe,MAAf,EAAuB,YAAM;EAC7C,oBAAO,6BAAC,YAAD,OAAP;AACH,CAFmB,CAAb;;AAIA,IAAMC,YAAY,GAAG,IAAAD,mBAAA,EAAe,cAAf,CAArB;;;AAMA,IAAME,OAA+B,GAAG,SAAlCA,OAAkC,OAAc;EAAA,IAAXC,IAAW,QAAXA,IAAW;EACzD,IAAMC,OAAO,GAAG,IAAAC,cAAA,EAAQ,YAAM;IAC1B,OAAO,YAAM;MACT,OAAO,SAASN,IAAT,GAAgB;QACnB,OAAOI,IAAP;MACH,CAFD;IAGH,CAJD;EAKH,CANe,EAMb,EANa,CAAhB;EAQA,oBAAO,6BAAC,YAAD;IAAS,SAAS,EAAEF,YAApB;IAAkC,IAAI,EAAEG;EAAxC,EAAP;AACH,CAVM"}
+{"version":3,"names":["Logo","makeComposable","LogoRenderer","AddLogo","logo","LogoHOC","useMemo"],"sources":["Logo.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Compose, makeComposable } from \"@webiny/app\";\n\nexport const Logo = makeComposable(\"Logo\", () => {\n    return <LogoRenderer />;\n});\n\nexport const LogoRenderer = makeComposable(\"LogoRenderer\");\n\ninterface AddLogoProps {\n    logo: JSX.Element;\n}\n\nexport const AddLogo: React.FC<AddLogoProps> = ({ logo }) => {\n    const LogoHOC = useMemo(() => {\n        return () => {\n            return function Logo() {\n                return logo;\n            };\n        };\n    }, []);\n\n    return <Compose component={LogoRenderer} with={LogoHOC} />;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,IAAI,GAAG,IAAAC,mBAAc,EAAC,MAAM,EAAE,YAAM;EAC7C,oBAAO,6BAAC,YAAY,OAAG;AAC3B,CAAC,CAAC;AAAC;AAEI,IAAMC,YAAY,GAAG,IAAAD,mBAAc,EAAC,cAAc,CAAC;AAAC;AAMpD,IAAME,OAA+B,GAAG,SAAlCA,OAA+B,OAAiB;EAAA,IAAXC,IAAI,QAAJA,IAAI;EAClD,IAAMC,OAAO,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC1B,OAAO,YAAM;MACT,OAAO,SAASN,IAAI,GAAG;QACnB,OAAOI,IAAI;MACf,CAAC;IACL,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAO,6BAAC,YAAO;IAAC,SAAS,EAAEF,YAAa;IAAC,IAAI,EAAEG;EAAQ,EAAG;AAC9D,CAAC;AAAC"}

package/base/ui/Menu.js

@@ -1,34 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createEmptyMenu = exports.AddMenu = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ = require("../..");
-
 var _excluded = ["children"];
 var MenuContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 MenuContext.displayName = "MenuContext";
-
 var useMenu = function useMenu() {
   return (0, _react.useContext)(MenuContext);
 };
-
 var createEmptyMenu = function createEmptyMenu(name) {
   return {
     name: name,
@@ -36,39 +25,33 @@ var createEmptyMenu = function createEmptyMenu(name) {
     children: []
   };
 };
-
 exports.createEmptyMenu = createEmptyMenu;
 var keys = ["label", "path", "icon", "onClick", "testId", "tags", "target", "rel", "element", "pin"];
-
 var mergeMenuItems = function mergeMenuItems(item1, item2) {
   return (0, _objectSpread3.default)((0, _objectSpread3.default)((0, _objectSpread3.default)({}, item1), keys.reduce(function (map, key) {
     var _item2$key;
-
     return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, map), {}, (0, _defineProperty2.default)({}, key, (_item2$key = item2[key]) !== null && _item2$key !== void 0 ? _item2$key : item1[key]));
   }, {})), {}, {
     children: (item2.children || []).reduce(function (acc, menu) {
       var index = acc.findIndex(function (i) {
         return i.name === menu.name;
       });
-
       if (index > -1) {
         acc[index] = mergeMenuItems(acc[index], menu);
       } else {
         acc.push(menu);
       }
-
       return acc;
     }, (0, _toConsumableArray2.default)(item1.children))
   });
 };
+
 /**
  * Register a new menu item into the Admin app.
  */
-
-
 var AddMenu = function AddMenu(_ref) {
   var children = _ref.children,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var menu = useMenu();
   var navigation = (0, _.useNavigation)();
   (0, _react.useEffect)(function () {
@@ -79,7 +62,6 @@ var AddMenu = function AddMenu(_ref) {
             children: []
           });
         }
-
         return mergeMenuItems(existing, props);
       });
     } else {
@@ -91,11 +73,9 @@ var AddMenu = function AddMenu(_ref) {
         if (!existing) {
           return props;
         }
-
         return mergeMenuItems(existing, props);
       });
     }
-
     return function () {
       if (menu) {
         menu.removeMenu(props.name);
@@ -113,17 +93,14 @@ var AddMenu = function AddMenu(_ref) {
         if (!existing) {
           return undefined;
         }
-
         var childIndex = existing.children.findIndex(function (ch) {
           return ch.name === name;
         });
-
         if (childIndex > -1) {
           return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, existing), {}, {
             children: [].concat((0, _toConsumableArray2.default)(existing.children.slice(0, childIndex)), (0, _toConsumableArray2.default)(existing.children.slice(childIndex + 1)))
           });
         }
-
         return existing;
       });
     },
@@ -132,34 +109,28 @@ var AddMenu = function AddMenu(_ref) {
         if (!existing) {
           existing = createEmptyMenu(props.name);
         }
-
         var subItems = existing.children;
         var childIndex = subItems.findIndex(function (ch) {
           return ch.name === name;
         });
-
         if (childIndex === -1) {
           return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, existing), {}, {
             children: [].concat((0, _toConsumableArray2.default)(subItems), [updater(null)]).filter(Boolean)
           });
         }
-
         return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, existing), {}, {
           children: [].concat((0, _toConsumableArray2.default)(subItems.slice(0, childIndex)), [updater(subItems[childIndex])], (0, _toConsumableArray2.default)(subItems.slice(childIndex + 1))).filter(Boolean)
         });
       });
     }
   };
-
   if (!children) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(MenuContext.Provider, {
     value: context
   }, children);
 };
-
 exports.AddMenu = AddMenu;
 AddMenu.defaultProps = {
   tags: []

package/base/ui/Menu.js.map

@@ -1 +1 @@
-{"version":3,"names":["MenuContext","createContext","undefined","displayName","useMenu","useContext","createEmptyMenu","name","tags","children","keys","mergeMenuItems","item1","item2","reduce","map","key","acc","menu","index","findIndex","i","push","AddMenu","props","navigation","useNavigation","useEffect","setMenu","existing","removeMenu","context","menuItem","childIndex","ch","slice","updater","subItems","filter","Boolean","defaultProps"],"sources":["Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect } from \"react\";\nimport { useNavigation } from \"~/index\";\n\nexport interface MenuUpdater {\n    (menuItem: MenuData | undefined | null): MenuData | undefined;\n}\n\nexport interface MenuContext {\n    menuItem: MenuData | null;\n    setMenu(id: string, updater: MenuUpdater): void;\n    removeMenu(id: string): void;\n}\n\nconst MenuContext = createContext<MenuContext | undefined>(undefined);\nMenuContext.displayName = \"MenuContext\";\n\nconst useMenu = () => {\n    return useContext(MenuContext);\n};\n\nexport interface MenuProps {\n    name: string;\n    label?: string;\n    path?: string;\n    icon?: JSX.Element;\n    onClick?: () => void;\n    testId?: string;\n    tags?: string[];\n    target?: string;\n    rel?: string;\n    element?: JSX.Element;\n    children?: React.ReactNode | React.ReactNode[];\n    pin?: \"first\" | \"last\";\n}\n\nexport interface MenuData extends MenuProps {\n    children: MenuData[];\n}\n\nexport const createEmptyMenu = (name: string): MenuData => {\n    return {\n        name,\n        tags: [],\n        children: []\n    };\n};\n\nconst keys: (keyof MenuData)[] = [\n    \"label\",\n    \"path\",\n    \"icon\",\n    \"onClick\",\n    \"testId\",\n    \"tags\",\n    \"target\",\n    \"rel\",\n    \"element\",\n    \"pin\"\n];\n\nconst mergeMenuItems = (item1: MenuData, item2: MenuData): MenuData => {\n    return {\n        ...item1,\n        ...keys.reduce((map, key) => ({ ...map, [key]: item2[key] ?? item1[key] }), {}),\n        children: (item2.children || []).reduce(\n            (acc, menu) => {\n                const index = acc.findIndex(i => i.name === menu.name);\n                if (index > -1) {\n                    acc[index] = mergeMenuItems(acc[index], menu);\n                } else {\n                    acc.push(menu);\n                }\n                return acc;\n            },\n            [...item1.children]\n        )\n    };\n};\n\n/**\n * Register a new menu item into the Admin app.\n */\nexport const AddMenu: React.FC<MenuProps> = ({ children, ...props }) => {\n    const menu = useMenu();\n    const navigation = useNavigation();\n\n    useEffect(() => {\n        if (menu) {\n            menu.setMenu(props.name, existing => {\n                if (!existing) {\n                    return { ...props, children: [] } as MenuData;\n                }\n\n                return mergeMenuItems(existing, props as MenuData);\n            });\n        } else {\n            navigation.setMenu(props.name, existing => {\n                /**\n                 * We return props because this will break otherwise.\n                 * TODO @pavel check if this is correct\n                 */\n                if (!existing) {\n                    return props as MenuData;\n                }\n                return mergeMenuItems(existing, props as MenuData);\n            });\n        }\n\n        return () => {\n            if (menu) {\n                menu.removeMenu(props.name);\n            } else {\n                navigation.removeMenu(props.name);\n            }\n        };\n    }, []);\n\n    const context: MenuContext = {\n        menuItem: { ...props, children: [] },\n        removeMenu(name) {\n            (menu || navigation).setMenu(props.name, existing => {\n                if (!existing) {\n                    return undefined;\n                }\n\n                const childIndex = existing.children.findIndex(ch => ch.name === name);\n                if (childIndex > -1) {\n                    return {\n                        ...existing,\n                        children: [\n                            ...existing.children.slice(0, childIndex),\n                            ...existing.children.slice(childIndex + 1)\n                        ]\n                    };\n                }\n\n                return existing;\n            });\n        },\n        setMenu(name: string, updater: MenuUpdater) {\n            (menu || navigation).setMenu(props.name, existing => {\n                if (!existing) {\n                    existing = createEmptyMenu(props.name);\n                }\n\n                const subItems = existing.children;\n\n                const childIndex = subItems.findIndex(ch => ch.name === name);\n                if (childIndex === -1) {\n                    return {\n                        ...existing,\n                        children: [...subItems, updater(null)].filter(Boolean) as MenuData[]\n                    };\n                }\n\n                return {\n                    ...existing,\n                    children: [\n                        ...subItems.slice(0, childIndex),\n                        updater(subItems[childIndex]),\n                        ...subItems.slice(childIndex + 1)\n                    ].filter(Boolean) as MenuData[]\n                };\n            });\n        }\n    };\n\n    if (!children) {\n        return null;\n    }\n\n    return <MenuContext.Provider value={context}>{children}</MenuContext.Provider>;\n};\n\nAddMenu.defaultProps = { tags: [] };\n"],"mappings":"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"}
+{"version":3,"names":["MenuContext","createContext","undefined","displayName","useMenu","useContext","createEmptyMenu","name","tags","children","keys","mergeMenuItems","item1","item2","reduce","map","key","acc","menu","index","findIndex","i","push","AddMenu","props","navigation","useNavigation","useEffect","setMenu","existing","removeMenu","context","menuItem","childIndex","ch","slice","updater","subItems","filter","Boolean","defaultProps"],"sources":["Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect } from \"react\";\nimport { useNavigation } from \"~/index\";\n\nexport interface MenuUpdater {\n    (menuItem: MenuData | undefined | null): MenuData | undefined;\n}\n\nexport interface MenuContext {\n    menuItem: MenuData | null;\n    setMenu(id: string, updater: MenuUpdater): void;\n    removeMenu(id: string): void;\n}\n\nconst MenuContext = createContext<MenuContext | undefined>(undefined);\nMenuContext.displayName = \"MenuContext\";\n\nconst useMenu = () => {\n    return useContext(MenuContext);\n};\n\nexport interface MenuProps {\n    name: string;\n    label?: string;\n    path?: string;\n    icon?: JSX.Element;\n    onClick?: () => void;\n    testId?: string;\n    tags?: string[];\n    target?: string;\n    rel?: string;\n    element?: JSX.Element;\n    children?: React.ReactNode | React.ReactNode[];\n    pin?: \"first\" | \"last\";\n}\n\nexport interface MenuData extends MenuProps {\n    children: MenuData[];\n}\n\nexport const createEmptyMenu = (name: string): MenuData => {\n    return {\n        name,\n        tags: [],\n        children: []\n    };\n};\n\nconst keys: (keyof MenuData)[] = [\n    \"label\",\n    \"path\",\n    \"icon\",\n    \"onClick\",\n    \"testId\",\n    \"tags\",\n    \"target\",\n    \"rel\",\n    \"element\",\n    \"pin\"\n];\n\nconst mergeMenuItems = (item1: MenuData, item2: MenuData): MenuData => {\n    return {\n        ...item1,\n        ...keys.reduce((map, key) => ({ ...map, [key]: item2[key] ?? item1[key] }), {}),\n        children: (item2.children || []).reduce(\n            (acc, menu) => {\n                const index = acc.findIndex(i => i.name === menu.name);\n                if (index > -1) {\n                    acc[index] = mergeMenuItems(acc[index], menu);\n                } else {\n                    acc.push(menu);\n                }\n                return acc;\n            },\n            [...item1.children]\n        )\n    };\n};\n\n/**\n * Register a new menu item into the Admin app.\n */\nexport const AddMenu: React.FC<MenuProps> = ({ children, ...props }) => {\n    const menu = useMenu();\n    const navigation = useNavigation();\n\n    useEffect(() => {\n        if (menu) {\n            menu.setMenu(props.name, existing => {\n                if (!existing) {\n                    return { ...props, children: [] } as MenuData;\n                }\n\n                return mergeMenuItems(existing, props as MenuData);\n            });\n        } else {\n            navigation.setMenu(props.name, existing => {\n                /**\n                 * We return props because this will break otherwise.\n                 * TODO @pavel check if this is correct\n                 */\n                if (!existing) {\n                    return props as MenuData;\n                }\n                return mergeMenuItems(existing, props as MenuData);\n            });\n        }\n\n        return () => {\n            if (menu) {\n                menu.removeMenu(props.name);\n            } else {\n                navigation.removeMenu(props.name);\n            }\n        };\n    }, []);\n\n    const context: MenuContext = {\n        menuItem: { ...props, children: [] },\n        removeMenu(name) {\n            (menu || navigation).setMenu(props.name, existing => {\n                if (!existing) {\n                    return undefined;\n                }\n\n                const childIndex = existing.children.findIndex(ch => ch.name === name);\n                if (childIndex > -1) {\n                    return {\n                        ...existing,\n                        children: [\n                            ...existing.children.slice(0, childIndex),\n                            ...existing.children.slice(childIndex + 1)\n                        ]\n                    };\n                }\n\n                return existing;\n            });\n        },\n        setMenu(name: string, updater: MenuUpdater) {\n            (menu || navigation).setMenu(props.name, existing => {\n                if (!existing) {\n                    existing = createEmptyMenu(props.name);\n                }\n\n                const subItems = existing.children;\n\n                const childIndex = subItems.findIndex(ch => ch.name === name);\n                if (childIndex === -1) {\n                    return {\n                        ...existing,\n                        children: [...subItems, updater(null)].filter(Boolean) as MenuData[]\n                    };\n                }\n\n                return {\n                    ...existing,\n                    children: [\n                        ...subItems.slice(0, childIndex),\n                        updater(subItems[childIndex]),\n                        ...subItems.slice(childIndex + 1)\n                    ].filter(Boolean) as MenuData[]\n                };\n            });\n        }\n    };\n\n    if (!children) {\n        return null;\n    }\n\n    return <MenuContext.Provider value={context}>{children}</MenuContext.Provider>;\n};\n\nAddMenu.defaultProps = { tags: [] };\n"],"mappings":"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"}