@webiny/app-admin 0.0.0-mt-3 → 0.0.0-unstable.06b2ede40f

package/base/providers/ApolloProvider.js

@@ -0,0 +1,16 @@
+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
+      })
+    }, children);
+  };
+};
+
+//# sourceMappingURL=ApolloProvider.js.map

package/base/providers/ApolloProvider.js.map

@@ -0,0 +1 @@
+{"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

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

package/base/providers/TelemetryProvider.js

@@ -0,0 +1,22 @@
+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;
+        sendEvent("admin-app-start");
+      }, []);
+      return /*#__PURE__*/React.createElement(Component, null, children);
+    };
+  });
+};
+
+//# sourceMappingURL=TelemetryProvider.js.map

package/base/providers/TelemetryProvider.js.map

@@ -0,0 +1 @@
+{"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

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

package/base/providers/UiStateProvider.js

@@ -0,0 +1,14 @@
+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));
+    };
+  });
+};
+
+//# sourceMappingURL=UiStateProvider.js.map

package/base/providers/UiStateProvider.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,21 @@
+import React from "react";
+import type { ComponentWithChildren } from "../../types";
+export interface ViewElement {
+    name: string;
+    elements: JSX.Element[];
+    label?: string;
+    [key: string]: any;
+}
+interface ElementSetter {
+    (element: ViewElement): ViewElement;
+}
+export interface ViewCompositionContext {
+    getViewElement(view: string, name: string): ViewElement | null;
+    setViewElement(view: string, name: string, setter: ElementSetter): void;
+}
+export declare function useViewComposition(): ViewCompositionContext;
+interface ViewCompositionProviderHOCProps {
+    children: React.ReactNode;
+}
+export declare const createViewCompositionProvider: () => (Component: ComponentWithChildren) => ({ children }: ViewCompositionProviderHOCProps) => React.JSX.Element;
+export {};

package/base/providers/ViewCompositionProvider.js

@@ -0,0 +1,47 @@
+import React, { createContext, useContext, useMemo, useState } from "react";
+const ViewCompositionContext = /*#__PURE__*/createContext({
+  getViewElement: () => {
+    return null;
+  },
+  setViewElement: () => {
+    return void 0;
+  }
+});
+ViewCompositionContext.displayName = "ViewCompositionContext";
+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);
+};
+export function useViewComposition() {
+  return useContext(ViewCompositionContext);
+}
+export const createViewCompositionProvider = () => Component => {
+  return function ViewCompositionProviderHOC({
+    children
+  }) {
+    return /*#__PURE__*/React.createElement(ViewCompositionProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
+  };
+};
+
+//# sourceMappingURL=ViewCompositionProvider.js.map

package/base/providers/ViewCompositionProvider.js.map

@@ -0,0 +1 @@
+{"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":[]}

package/base/ui/Brand.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+export declare const Brand: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const BrandRenderer: ((props: unknown) => JSX.Element | null) & {
+    original: (props: unknown) => JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: unknown) => JSX.Element | null) & {
+        original: (props: unknown) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => JSX.Element | null) & {
+        original: (props: unknown) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/Brand.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const Brand = makeDecoratable("Brand", () => {
+  return /*#__PURE__*/React.createElement(BrandRenderer, null);
+});
+export const BrandRenderer = makeDecoratable("BrandRenderer", createVoidComponent());
+
+//# sourceMappingURL=Brand.js.map

package/base/ui/Brand.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Brand","createElement","BrandRenderer"],"sources":["Brand.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Brand = makeDecoratable(\"Brand\", () => {\n    return <BrandRenderer />;\n});\n\nexport const BrandRenderer = makeDecoratable(\"BrandRenderer\", createVoidComponent());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,KAAK,GAAGD,eAAe,CAAC,OAAO,EAAE,MAAM;EAChD,oBAAOF,KAAA,CAAAI,aAAA,CAACC,aAAa,MAAE,CAAC;AAC5B,CAAC,CAAC;AAEF,OAAO,MAAMA,aAAa,GAAGH,eAAe,CAAC,eAAe,EAAED,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}

package/base/ui/CenteredView.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+export interface CenteredViewProps {
+    children: React.ReactNode;
+    maxWidth?: number | string;
+}
+export declare const CenteredView: (({ maxWidth, children }: CenteredViewProps) => React.JSX.Element) & {
+    original: ({ maxWidth, children }: CenteredViewProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ maxWidth, children }: CenteredViewProps) => React.JSX.Element) & {
+        original: ({ maxWidth, children }: CenteredViewProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("../../index").ComponentDecorator<(({ maxWidth, children }: CenteredViewProps) => React.JSX.Element) & {
+        original: ({ maxWidth, children }: CenteredViewProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/CenteredView.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { makeDecoratable } from "../..";
+export const CenteredView = makeDecoratable("CenteredView", ({
+  maxWidth,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-container",
+    style: {
+      maxWidth
+    }
+  }, children);
+});
+
+//# sourceMappingURL=CenteredView.js.map

package/base/ui/CenteredView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","CenteredView","maxWidth","children","createElement","className","style"],"sources":["CenteredView.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/index\";\n\nexport interface CenteredViewProps {\n    children: React.ReactNode;\n    maxWidth?: number | string;\n}\n\nexport const CenteredView = makeDecoratable(\n    \"CenteredView\",\n    ({ maxWidth, children }: CenteredViewProps) => {\n        return (\n            <div className={\"wby-container\"} style={{ maxWidth }}>\n                {children}\n            </div>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAOxB,OAAO,MAAMC,YAAY,GAAGD,eAAe,CACvC,cAAc,EACd,CAAC;EAAEE,QAAQ;EAAEC;AAA4B,CAAC,KAAK;EAC3C,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE,eAAgB;IAACC,KAAK,EAAE;MAAEJ;IAAS;EAAE,GAChDC,QACA,CAAC;AAEd,CACJ,CAAC","ignoreList":[]}

package/base/ui/Dashboard.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+export declare const Dashboard: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const DashboardRenderer: ((props: unknown) => JSX.Element | null) & {
+    original: (props: unknown) => JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: unknown) => JSX.Element | null) & {
+        original: (props: unknown) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => JSX.Element | null) & {
+        original: (props: unknown) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/Dashboard.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const Dashboard = makeDecoratable("Dashboard", () => {
+  return /*#__PURE__*/React.createElement(DashboardRenderer, null);
+});
+export const DashboardRenderer = makeDecoratable("DashboardRenderer", createVoidComponent());
+
+//# sourceMappingURL=Dashboard.js.map

package/base/ui/Dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Dashboard","createElement","DashboardRenderer"],"sources":["Dashboard.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Dashboard = makeDecoratable(\"Dashboard\", () => {\n    return <DashboardRenderer />;\n});\n\nexport const DashboardRenderer = makeDecoratable(\"DashboardRenderer\", createVoidComponent());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,SAAS,GAAGD,eAAe,CAAC,WAAW,EAAE,MAAM;EACxD,oBAAOF,KAAA,CAAAI,aAAA,CAACC,iBAAiB,MAAE,CAAC;AAChC,CAAC,CAAC;AAEF,OAAO,MAAMA,iBAAiB,GAAGH,eAAe,CAAC,mBAAmB,EAAED,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}

package/base/ui/FileManager.d.ts

@@ -0,0 +1,86 @@
+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 type DeprecatedFileManagerRenderPropParams = {
+    showFileManager: (onChange?: FileManagerOnChange<FileManagerFileItem | FileManagerFileItem[]>) => void;
+};
+export type FileManagerRenderPropParams<TValue> = {
+    showFileManager: (onChange?: FileManagerOnChange<TValue>) => void;
+};
+interface SingleFileRenderProp {
+    (params: FileManagerRenderPropParams<FileManagerFileItem>): React.ReactNode;
+}
+interface MultiFileRenderProp {
+    (params: FileManagerRenderPropParams<FileManagerFileItem[]>): React.ReactNode;
+}
+export 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 type FileManagerProps = {
+    accept?: 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?: () => void;
+    onUploadCompletion?: (files: FileManagerFileItem[]) => void;
+    own?: boolean;
+    scope?: string;
+    tags?: string[];
+    show?: boolean;
+    /**
+     * @deprecated This prop is no longer used. Use the `render` prop to get better TS autocomplete.
+     */
+    children?: (params: DeprecatedFileManagerRenderPropParams) => React.ReactNode;
+} & MultipleProps;
+type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;
+export type FileManagerRendererProps = DistributiveOmit<FileManagerProps, "render" | "children">;
+export declare const FileManagerRenderer: ((props: FileManagerRendererProps) => JSX.Element | null) & {
+    original: (props: FileManagerRendererProps) => JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: FileManagerRendererProps) => JSX.Element | null) & {
+        original: (props: FileManagerRendererProps) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: FileManagerRendererProps) => JSX.Element | null) & {
+        original: (props: FileManagerRendererProps) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const FileManager: ({ children, render, onChange, ...rest }: FileManagerProps) => React.JSX.Element;
+export {};

package/base/ui/FileManager.js

@@ -0,0 +1,60 @@
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { Portal } from "@webiny/admin-ui";
+import { createVoidComponent, makeDecoratable } from "@webiny/react-composition";
+
+/**
+ * Represents a file object managed by the File Manager.
+ */
+
+/**
+ * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.
+ */
+
+// This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!
+
+export const FileManagerRenderer = makeDecoratable("FileManagerRenderer", createVoidComponent());
+export const FileManager = ({
+  children,
+  render,
+  onChange,
+  ...rest
+}) => {
+  const [isFileManagerVisible, setFileManagerVisible] = useState(rest.show);
+  const onChangeRef = useRef(onChange);
+  useEffect(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  const handleShowFileManager = useCallback(newOnChange => {
+    if (typeof newOnChange === "function") {
+      onChangeRef.current = newOnChange;
+    }
+    setFileManagerVisible(true);
+  }, []);
+  const handleCloseFileManager = useCallback(() => {
+    setFileManagerVisible(false);
+  }, []);
+  const renderFileManager = () => {
+    if (!isFileManagerVisible) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(FileManagerRenderer, Object.assign({
+      onClose: handleCloseFileManager,
+      onChange: onChangeRef.current
+    }, rest)));
+  };
+  const renderContent = () => {
+    const renderProps = {
+      showFileManager: handleShowFileManager
+    };
+    if (children) {
+      return children(renderProps);
+    }
+    if (render) {
+      return render(renderProps);
+    }
+    return null;
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderFileManager(), renderContent());
+};
+
+//# sourceMappingURL=FileManager.js.map

package/base/ui/FileManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useRef","useState","Portal","createVoidComponent","makeDecoratable","FileManagerRenderer","FileManager","children","render","onChange","rest","isFileManagerVisible","setFileManagerVisible","show","onChangeRef","current","handleShowFileManager","newOnChange","handleCloseFileManager","renderFileManager","createElement","Object","assign","onClose","renderContent","renderProps","showFileManager","Fragment"],"sources":["FileManager.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Portal } from \"@webiny/admin-ui\";\nimport { createVoidComponent, makeDecoratable } 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?: 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?: () => void;\n    onUploadCompletion?: (files: FileManagerFileItem[]) => void;\n    own?: boolean;\n    scope?: string;\n    tags?: string[];\n    show?: boolean;\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\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 = makeDecoratable(\n    \"FileManagerRenderer\",\n    createVoidComponent<FileManagerRendererProps>()\n);\n\ntype ShowFileManagerProps =\n    | FileManagerOnChange<FileManagerFileItem>\n    | FileManagerOnChange<FileManagerFileItem[]>\n    | undefined;\n\nexport const FileManager = ({ children, render, onChange, ...rest }: FileManagerProps) => {\n    const [isFileManagerVisible, setFileManagerVisible] = useState(rest.show);\n    const onChangeRef = useRef(onChange);\n\n    useEffect(() => {\n        onChangeRef.current = onChange;\n    }, [onChange]);\n\n    const handleShowFileManager = useCallback((newOnChange: ShowFileManagerProps) => {\n        if (typeof newOnChange === \"function\") {\n            onChangeRef.current = newOnChange;\n        }\n        setFileManagerVisible(true);\n    }, []);\n\n    const handleCloseFileManager = useCallback(() => {\n        setFileManagerVisible(false);\n    }, []);\n\n    const renderFileManager = () => {\n        if (!isFileManagerVisible) {\n            return null;\n        }\n\n        return (\n            <Portal>\n                {/*@ts-expect-error*/}\n                <FileManagerRenderer\n                    onClose={handleCloseFileManager}\n                    onChange={onChangeRef.current}\n                    {...rest}\n                />\n            </Portal>\n        );\n    };\n\n    const renderContent = () => {\n        const renderProps = { showFileManager: handleShowFileManager };\n\n        if (children) {\n            return children(renderProps);\n        }\n\n        if (render) {\n            return render(renderProps);\n        }\n\n        return null;\n    };\n\n    return (\n        <>\n            {renderFileManager()}\n            {renderContent()}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACvE,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,2BAA2B;;AAMhF;AACA;AACA;;AAOA;AACA;AACA;;AA4DA;;AAKA,OAAO,MAAMC,mBAAmB,GAAGD,eAAe,CAC9C,qBAAqB,EACrBD,mBAAmB,CAA2B,CAClD,CAAC;AAOD,OAAO,MAAMG,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,QAAQ;EAAE,GAAGC;AAAuB,CAAC,KAAK;EACtF,MAAM,CAACC,oBAAoB,EAAEC,qBAAqB,CAAC,GAAGX,QAAQ,CAACS,IAAI,CAACG,IAAI,CAAC;EACzE,MAAMC,WAAW,GAAGd,MAAM,CAACS,QAAQ,CAAC;EAEpCV,SAAS,CAAC,MAAM;IACZe,WAAW,CAACC,OAAO,GAAGN,QAAQ;EAClC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMO,qBAAqB,GAAGlB,WAAW,CAAEmB,WAAiC,IAAK;IAC7E,IAAI,OAAOA,WAAW,KAAK,UAAU,EAAE;MACnCH,WAAW,CAACC,OAAO,GAAGE,WAAW;IACrC;IACAL,qBAAqB,CAAC,IAAI,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,sBAAsB,GAAGpB,WAAW,CAAC,MAAM;IAC7Cc,qBAAqB,CAAC,KAAK,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,iBAAiB,GAAGA,CAAA,KAAM;IAC5B,IAAI,CAACR,oBAAoB,EAAE;MACvB,OAAO,IAAI;IACf;IAEA,oBACId,KAAA,CAAAuB,aAAA,CAAClB,MAAM,qBAEHL,KAAA,CAAAuB,aAAA,CAACf,mBAAmB,EAAAgB,MAAA,CAAAC,MAAA;MAChBC,OAAO,EAAEL,sBAAuB;MAChCT,QAAQ,EAAEK,WAAW,CAACC;IAAQ,GAC1BL,IAAI,CACX,CACG,CAAC;EAEjB,CAAC;EAED,MAAMc,aAAa,GAAGA,CAAA,KAAM;IACxB,MAAMC,WAAW,GAAG;MAAEC,eAAe,EAAEV;IAAsB,CAAC;IAE9D,IAAIT,QAAQ,EAAE;MACV,OAAOA,QAAQ,CAACkB,WAAW,CAAC;IAChC;IAEA,IAAIjB,MAAM,EAAE;MACR,OAAOA,MAAM,CAACiB,WAAW,CAAC;IAC9B;IAEA,OAAO,IAAI;EACf,CAAC;EAED,oBACI5B,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAA8B,QAAA,QACKR,iBAAiB,CAAC,CAAC,EACnBK,aAAa,CAAC,CACjB,CAAC;AAEX,CAAC","ignoreList":[]}

package/base/ui/Layout.d.ts

@@ -0,0 +1,45 @@
+import React from "react";
+export interface LayoutProps {
+    title?: string;
+    startElement?: React.ReactNode;
+    hideNavigation?: boolean;
+    children: React.ReactNode;
+}
+export declare const Layout: (({ children, ...props }: LayoutProps) => React.JSX.Element) & {
+    original: ({ children, ...props }: LayoutProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ children, ...props }: LayoutProps) => React.JSX.Element) & {
+        original: ({ children, ...props }: LayoutProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ children, ...props }: LayoutProps) => React.JSX.Element) & {
+        original: ({ children, ...props }: LayoutProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const LayoutRenderer: ((props: LayoutProps) => JSX.Element | null) & {
+    original: (props: LayoutProps) => JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: LayoutProps) => JSX.Element | null) & {
+        original: (props: LayoutProps) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: LayoutProps) => JSX.Element | null) & {
+        original: (props: LayoutProps) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/Layout.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const Layout = makeDecoratable("Layout", ({
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(LayoutRenderer, props, children);
+});
+export const LayoutRenderer = makeDecoratable("LayoutRenderer", createVoidComponent());
+
+//# sourceMappingURL=Layout.js.map

package/base/ui/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Layout","children","props","createElement","LayoutRenderer"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n    title?: string;\n    startElement?: React.ReactNode;\n    hideNavigation?: boolean;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeDecoratable(\"Layout\", ({ children, ...props }: LayoutProps) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeDecoratable(\"LayoutRenderer\", createVoidComponent<LayoutProps>());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AASlE,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC,QAAQ,EAAE,CAAC;EAAEE,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACrF,oBAAOL,KAAA,CAAAM,aAAA,CAACC,cAAc,EAAKF,KAAK,EAAGD,QAAyB,CAAC;AACjE,CAAC,CAAC;AAEF,OAAO,MAAMG,cAAc,GAAGL,eAAe,CAAC,gBAAgB,EAAED,mBAAmB,CAAc,CAAC,CAAC","ignoreList":[]}

package/base/ui/LocaleSelector.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+export declare const LocaleSelector: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const LocaleSelectorRenderer: ((props: unknown) => JSX.Element | null) & {
+    original: (props: unknown) => JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: unknown) => JSX.Element | null) & {
+        original: (props: unknown) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => JSX.Element | null) & {
+        original: (props: unknown) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/LocaleSelector.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const LocaleSelector = makeDecoratable("LocaleSelector", () => {
+  return /*#__PURE__*/React.createElement(LocaleSelectorRenderer, null);
+});
+export const LocaleSelectorRenderer = makeDecoratable("LocaleSelectorRenderer", createVoidComponent());
+
+//# sourceMappingURL=LocaleSelector.js.map

package/base/ui/LocaleSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","LocaleSelector","createElement","LocaleSelectorRenderer"],"sources":["LocaleSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const LocaleSelector = makeDecoratable(\"LocaleSelector\", () => {\n    return <LocaleSelectorRenderer />;\n});\n\nexport const LocaleSelectorRenderer = makeDecoratable(\n    \"LocaleSelectorRenderer\",\n    createVoidComponent()\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,cAAc,GAAGD,eAAe,CAAC,gBAAgB,EAAE,MAAM;EAClE,oBAAOF,KAAA,CAAAI,aAAA,CAACC,sBAAsB,MAAE,CAAC;AACrC,CAAC,CAAC;AAEF,OAAO,MAAMA,sBAAsB,GAAGH,eAAe,CACjD,wBAAwB,EACxBD,mBAAmB,CAAC,CACxB,CAAC","ignoreList":[]}