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

package/components/AppInstaller/useInstaller.js.map

@@ -1 +1 @@
-{"version":3,"names":["Loader","children","props","React","cloneElement","useInstaller","params","isInstalled","useReducer","prev","next","loading","installers","installerIndex","showLogin","skippingVersions","state","setState","client","useApolloClient","validateGraph","graph","isAcyclic","alg","cycles","findCycles","msg","forEach","cycle","index","fromAToB","join","fromBToA","reverse","padLength","length","push","padStart","Error","createGraph","Graph","plugin","setNode","name","pl","Array","isArray","dependencies","dep","setEdge","getInstallers","useCallback","toInstall","toUpgrade","leaf","sinks","installer","find","inst","removeNode","installed","type","title","render","secure","wbyVersion","appConfig","getKey","process","env","REACT_APP_WEBINY_VERSION","upgrades","filter","version","lte","gt","availableUpgrades","sort","map","u","latestUpgrade","current","latest","onInstalled","Component","getComponent","a","b","onUser","showNextInstaller","prevInstaller","undefined","nextIndex","nextInstaller","prevSecure","nextSecure","useEffect","allInstallers","Promise","all","plugins","byType","getInstalledVersion","isFirstInstall","some"],"sources":["useInstaller.tsx"],"sourcesContent":["import React, { useCallback, useReducer, useEffect, Suspense } from \"react\";\nimport { Graph, alg } from \"graphlib\";\nimport { sort, gt, lte } from \"semver\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminInstallationPlugin } from \"~/types\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\nconst Loader: React.FC<{ children: React.ReactElement }> = ({ children, ...props }) => (\n    <Suspense fallback={<CircularProgress label={\"Loading...\"} />}>\n        {React.cloneElement(children, props)}\n    </Suspense>\n);\n\ninterface GetInstallersResult {\n    toInstall: Installer[];\n    toUpgrade: Installer[];\n}\n\ninterface UseInstallerParams {\n    isInstalled: boolean;\n}\n\ninterface SkippingVersionState {\n    current: string;\n    latest: string;\n    availableUpgrades: string[];\n}\n\ninterface BaseInstaller {\n    installed: string | null;\n    plugin: AdminInstallationPlugin;\n}\n\nexport interface Installer extends BaseInstaller {\n    type: \"install\" | \"upgrade\";\n    name: string;\n    title: string;\n    render: AdminInstallationPlugin[\"render\"];\n    secure?: boolean;\n}\ninterface State {\n    loading: boolean;\n    installers: Installer[];\n    installerIndex: number;\n    showLogin: boolean;\n    skippingVersions: SkippingVersionState | null;\n}\n\ninterface Reducer {\n    (prev: State, next: Partial<State>): State;\n}\n\nexport const useInstaller = (params: UseInstallerParams) => {\n    const { isInstalled } = params;\n    const [state, setState] = useReducer<Reducer>((prev, next) => ({ ...prev, ...next }), {\n        loading: true,\n        installers: [],\n        installerIndex: -1,\n        showLogin: false,\n        skippingVersions: null\n    });\n    const { loading, installers, installerIndex, showLogin, skippingVersions } = state;\n\n    const client = useApolloClient();\n\n    const validateGraph = (graph: Graph): void => {\n        const isAcyclic = alg.isAcyclic(graph);\n        if (isAcyclic) {\n            return;\n        }\n        const cycles = alg.findCycles(graph);\n        const msg = [\"Your installers have circular dependencies:\"];\n        cycles.forEach((cycle, index) => {\n            let fromAToB = cycle.join(\" --> \");\n            fromAToB = `${index + 1}. ${fromAToB}`;\n            const fromBToA = cycle.reverse().join(\" <-- \");\n            const padLength = fromAToB.length + 4;\n            msg.push(fromAToB.padStart(padLength));\n            msg.push(fromBToA.padStart(padLength));\n        }, cycles);\n        throw new Error(msg.join(\"\\n\"));\n    };\n\n    const createGraph = (installers: BaseInstaller[]): Graph => {\n        const graph = new Graph();\n        installers.forEach(({ plugin }) => {\n            graph.setNode(plugin.name as string, plugin);\n        });\n\n        installers.forEach(({ plugin: pl }) => {\n            if (Array.isArray(pl.dependencies)) {\n                pl.dependencies.forEach(dep => {\n                    graph.setEdge(pl.name as string, dep);\n                });\n            }\n        });\n\n        validateGraph(graph);\n\n        return graph;\n    };\n\n    const getInstallers = useCallback(\n        (\n            installers: BaseInstaller[],\n            graph: Graph,\n            toInstall: Installer[] = [],\n            toUpgrade: Installer[] = []\n        ): GetInstallersResult => {\n            const leaf = graph.sinks()[0];\n            if (leaf) {\n                const installer = installers.find(inst => inst.plugin.name === leaf);\n                if (!installer) {\n                    throw new Error(`Missing installer plugin \"${leaf}\"!`);\n                }\n\n                graph.removeNode(leaf);\n                if (!installer.installed) {\n                    toInstall.push({\n                        type: \"install\",\n                        name: `${installer.plugin.name}-install`,\n                        title: installer.plugin.title,\n                        render: installer.plugin.render,\n                        secure: installer.plugin.secure,\n                        installed: null,\n                        plugin: installer.plugin\n                    });\n                } else {\n                    const wbyVersion = appConfig.getKey(\n                        \"WEBINY_VERSION\",\n                        process.env.REACT_APP_WEBINY_VERSION as string\n                    );\n\n                    const upgrades = (installer.plugin.upgrades || []).filter(({ version }) => {\n                        // TODO use coerce\n                        return lte(version, wbyVersion) && gt(version, installer.installed || \"\");\n                    });\n\n                    if (upgrades.length > 1) {\n                        const availableUpgrades = sort(upgrades.map(u => u.version));\n                        const latestUpgrade = availableUpgrades[availableUpgrades.length - 1];\n                        setState({\n                            skippingVersions: {\n                                current: installer.installed,\n                                latest: latestUpgrade,\n                                availableUpgrades\n                            }\n                        });\n                    } else if (upgrades.length === 1) {\n                        toUpgrade.push({\n                            type: \"upgrade\",\n                            name: `${installer.plugin.name}-upgrade`,\n                            title: installer.plugin.title,\n                            secure: true,\n                            installed: null,\n                            plugin: installer.plugin,\n                            render({ onInstalled }) {\n                                const Component = upgrades[0].getComponent();\n                                return (\n                                    <Loader>\n                                        <Component onInstalled={onInstalled} />\n                                    </Loader>\n                                );\n                            }\n                        });\n                    }\n                }\n                return getInstallers(installers, graph, toInstall, toUpgrade);\n            }\n            toInstall.sort((a, b) => {\n                if (a.secure && !b.secure) {\n                    return 1;\n                } else if (!a.secure && b.secure) {\n                    return -1;\n                }\n                return 0;\n            });\n            return { toInstall, toUpgrade };\n        },\n        []\n    );\n\n    const onUser = () => {\n        setState({ showLogin: false });\n    };\n\n    /**\n     * If set to anything else, it breaks in AppInstaller.tsx\n     */\n    const showNextInstaller = (): any => {\n        const prevInstaller = installers[installerIndex];\n\n        installers[installerIndex].installed = appConfig.getKey(\n            \"WEBINY_VERSION\",\n            process.env.REACT_APP_WEBINY_VERSION as string\n        );\n        setState({ installers });\n\n        if (installers.length < installerIndex + 1) {\n            setState({ installerIndex: undefined });\n            return;\n        }\n\n        const nextIndex = installerIndex + 1;\n\n        let showLogin = false;\n        const nextInstaller = installers[nextIndex];\n\n        const prevSecure = prevInstaller && prevInstaller.secure;\n        const nextSecure = nextInstaller && nextInstaller.secure;\n        if (!prevSecure && nextSecure) {\n            showLogin = true;\n        }\n        setState({ installerIndex: nextIndex, showLogin });\n    };\n\n    useEffect(() => {\n        (async () => {\n            if (isInstalled) {\n                return;\n            }\n\n            const allInstallers: BaseInstaller[] = [];\n            await Promise.all(\n                plugins.byType<AdminInstallationPlugin>(\"admin-installation\").map(async pl => {\n                    const installed = await pl.getInstalledVersion({ client });\n                    allInstallers.push({ plugin: pl, installed });\n                })\n            );\n\n            const graph = createGraph(allInstallers);\n            const { toInstall, toUpgrade } = getInstallers(allInstallers, graph);\n            const installers = [...toUpgrade, ...toInstall];\n            setState({\n                installers,\n                installerIndex: 0,\n                loading: false,\n                showLogin: toUpgrade.length > 0 || (toInstall.length > 0 && toInstall[0].secure)\n            });\n        })();\n    }, []);\n\n    const isFirstInstall = installers.some(installer => installer.installed);\n\n    return {\n        loading,\n        installers,\n        isFirstInstall,\n        installer: installers[installerIndex],\n        showNextInstaller,\n        showLogin,\n        onUser,\n        skippingVersions\n    };\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","require","_graphlib","_reactHooks","_plugins","_config","useInstaller","params","isInstalled","_useReducer","useReducer","prev","next","_objectSpread2","default","loading","installers","installerIndex","showLogin","_useReducer2","_slicedToArray2","state","setState","client","useApolloClient","validateGraph","graph","isAcyclic","alg","cycles","findCycles","msg","forEach","cycle","index","fromAToB","join","concat","fromBToA","reverse","padLength","length","push","padStart","Error","createGraph","Graph","_ref","plugin","setNode","name","_ref2","pl","Array","isArray","dependencies","dep","setEdge","getInstallers","useCallback","toInstall","arguments","undefined","leaf","sinks","installer","find","inst","removeNode","installed","type","title","render","secure","sort","a","b","onUser","showNextInstaller","prevInstaller","appConfig","getKey","process","env","REACT_APP_WEBINY_VERSION","nextIndex","nextInstaller","prevSecure","nextSecure","useEffect","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee2","allInstallers","_getInstallers","wrap","_callee2$","_context2","abrupt","Promise","all","plugins","byType","map","_ref4","_callee","_callee$","_context","getInstalledVersion","sent","stop","_x","apply","_toConsumableArray2","isFirstInstall","some","exports"],"sources":["useInstaller.tsx"],"sourcesContent":["import { useCallback, useReducer, useEffect } from \"react\";\nimport { Graph, alg } from \"graphlib\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminInstallationPlugin } from \"~/types\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\ninterface GetInstallersResult {\n    toInstall: Installer[];\n}\n\ninterface UseInstallerParams {\n    isInstalled: boolean;\n}\n\ninterface BaseInstaller {\n    installed: string | null;\n    plugin: AdminInstallationPlugin;\n}\n\nexport interface Installer extends BaseInstaller {\n    type: \"install\";\n    name: string;\n    title: string;\n    render: AdminInstallationPlugin[\"render\"];\n    secure?: boolean;\n}\ninterface State {\n    loading: boolean;\n    installers: Installer[];\n    installerIndex: number;\n    showLogin: boolean;\n}\n\ninterface Reducer {\n    (prev: State, next: Partial<State>): State;\n}\n\nexport const useInstaller = (params: UseInstallerParams) => {\n    const { isInstalled } = params;\n    const [state, setState] = useReducer<Reducer>((prev, next) => ({ ...prev, ...next }), {\n        loading: true,\n        installers: [],\n        installerIndex: -1,\n        showLogin: false\n    });\n    const { loading, installers, installerIndex, showLogin } = state;\n\n    const client = useApolloClient();\n\n    const validateGraph = (graph: Graph): void => {\n        const isAcyclic = alg.isAcyclic(graph);\n        if (isAcyclic) {\n            return;\n        }\n        const cycles = alg.findCycles(graph);\n        const msg = [\"Your installers have circular dependencies:\"];\n        cycles.forEach((cycle, index) => {\n            let fromAToB = cycle.join(\" --> \");\n            fromAToB = `${index + 1}. ${fromAToB}`;\n            const fromBToA = cycle.reverse().join(\" <-- \");\n            const padLength = fromAToB.length + 4;\n            msg.push(fromAToB.padStart(padLength));\n            msg.push(fromBToA.padStart(padLength));\n        }, cycles);\n        throw new Error(msg.join(\"\\n\"));\n    };\n\n    const createGraph = (installers: BaseInstaller[]): Graph => {\n        const graph = new Graph();\n        installers.forEach(({ plugin }) => {\n            graph.setNode(plugin.name as string, plugin);\n        });\n\n        installers.forEach(({ plugin: pl }) => {\n            if (Array.isArray(pl.dependencies)) {\n                pl.dependencies.forEach(dep => {\n                    graph.setEdge(pl.name as string, dep);\n                });\n            }\n        });\n\n        validateGraph(graph);\n\n        return graph;\n    };\n\n    const getInstallers = useCallback(\n        (\n            installers: BaseInstaller[],\n            graph: Graph,\n            toInstall: Installer[] = []\n        ): GetInstallersResult => {\n            const leaf = graph.sinks()[0];\n            if (leaf) {\n                const installer = installers.find(inst => inst.plugin.name === leaf);\n                if (!installer) {\n                    throw new Error(`Missing installer plugin \"${leaf}\"!`);\n                }\n\n                graph.removeNode(leaf);\n                if (!installer.installed) {\n                    toInstall.push({\n                        type: \"install\",\n                        name: `${installer.plugin.name}-install`,\n                        title: installer.plugin.title,\n                        render: installer.plugin.render,\n                        secure: installer.plugin.secure,\n                        installed: null,\n                        plugin: installer.plugin\n                    });\n                }\n\n                return getInstallers(installers, graph, toInstall);\n            }\n            toInstall.sort((a, b) => {\n                if (a.secure && !b.secure) {\n                    return 1;\n                } else if (!a.secure && b.secure) {\n                    return -1;\n                }\n                return 0;\n            });\n            return { toInstall };\n        },\n        []\n    );\n\n    const onUser = () => {\n        setState({ showLogin: false });\n    };\n\n    /**\n     * If set to anything else, it breaks in AppInstaller.tsx\n     */\n    const showNextInstaller = (): any => {\n        const prevInstaller = installers[installerIndex];\n\n        installers[installerIndex].installed = appConfig.getKey(\n            \"WEBINY_VERSION\",\n            process.env.REACT_APP_WEBINY_VERSION as string\n        );\n        setState({ installers });\n\n        if (installers.length < installerIndex + 1) {\n            setState({ installerIndex: undefined });\n            return;\n        }\n\n        const nextIndex = installerIndex + 1;\n\n        let showLogin = false;\n        const nextInstaller = installers[nextIndex];\n\n        const prevSecure = prevInstaller && prevInstaller.secure;\n        const nextSecure = nextInstaller && nextInstaller.secure;\n        if (!prevSecure && nextSecure) {\n            showLogin = true;\n        }\n        setState({ installerIndex: nextIndex, showLogin });\n    };\n\n    useEffect(() => {\n        (async () => {\n            if (isInstalled) {\n                return;\n            }\n\n            const allInstallers: BaseInstaller[] = [];\n            await Promise.all(\n                plugins.byType<AdminInstallationPlugin>(\"admin-installation\").map(async pl => {\n                    const installed = await pl.getInstalledVersion({ client });\n                    allInstallers.push({ plugin: pl, installed });\n                })\n            );\n\n            const graph = createGraph(allInstallers);\n            const { toInstall } = getInstallers(allInstallers, graph);\n            const installers = [...toInstall];\n            setState({\n                installers,\n                installerIndex: 0,\n                loading: false,\n                showLogin: toInstall.length > 0 && toInstall[0].secure\n            });\n        })();\n    }, []);\n\n    const isFirstInstall = installers.some(installer => installer.installed);\n\n    return {\n        loading,\n        installers,\n        isFirstInstall,\n        installer: installers[installerIndex],\n        showNextInstaller,\n        showLogin,\n        onUser\n    };\n};\n"],"mappings":"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"}

package/components/Buttons/Buttons.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { ButtonProps as BaseButtonProps, IconButtonProps as BaseIconButtonProps } from "@webiny/ui/Button";
+interface ButtonProps extends Omit<BaseButtonProps, "onClick"> {
+    onAction: (ev?: any) => void;
+}
+interface IconButtonProps extends Omit<BaseIconButtonProps, "onClick"> {
+    onAction: (ev?: any) => void;
+}
+export interface ButtonsProps {
+    actions: {
+        name: string;
+        element: React.ReactElement;
+    }[];
+}
+export declare const Buttons: React.VFC<ButtonsProps>;
+export declare const ButtonDefault: React.VFC<ButtonProps>;
+export declare const ButtonPrimary: React.VFC<ButtonProps>;
+export declare const ButtonSecondary: React.VFC<ButtonProps>;
+export declare const IconButton: React.VFC<IconButtonProps>;
+export {};

package/components/Buttons/Buttons.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconButton = exports.Buttons = exports.ButtonSecondary = exports.ButtonPrimary = exports.ButtonDefault = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _Button = require("@webiny/ui/Button");
+var _useButtons = require("./useButtons");
+var _Buttons = require("./Buttons.styles");
+var _excluded = ["onAction"],
+  _excluded2 = ["onAction"],
+  _excluded3 = ["onAction"],
+  _excluded4 = ["onAction"];
+var Buttons = function Buttons(props) {
+  if (!props.actions.length) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.actions.map(function (action) {
+    return /*#__PURE__*/_react.default.createElement(_Buttons.ButtonContainer, {
+      key: action.name
+    }, /*#__PURE__*/_react.default.createElement(_useButtons.ButtonsProvider, null, action.element));
+  }));
+};
+exports.Buttons = Buttons;
+var ButtonDefault = function ButtonDefault(_ref) {
+  var onAction = _ref.onAction,
+    other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, Object.assign({}, other, {
+    onClick: onAction
+  }));
+};
+exports.ButtonDefault = ButtonDefault;
+var ButtonPrimary = function ButtonPrimary(_ref2) {
+  var onAction = _ref2.onAction,
+    other = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  return /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, Object.assign({}, other, {
+    onClick: onAction
+  }));
+};
+exports.ButtonPrimary = ButtonPrimary;
+var ButtonSecondary = function ButtonSecondary(_ref3) {
+  var onAction = _ref3.onAction,
+    other = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
+  return /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, Object.assign({}, other, {
+    onClick: onAction
+  }));
+};
+exports.ButtonSecondary = ButtonSecondary;
+var IconButton = function IconButton(_ref4) {
+  var onAction = _ref4.onAction,
+    other = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
+  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({}, other, {
+    onClick: onAction
+  }));
+};
+exports.IconButton = IconButton;

package/components/Buttons/Buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_useButtons","_Buttons","_excluded","_excluded2","_excluded3","_excluded4","Buttons","props","actions","length","default","createElement","Fragment","map","action","ButtonContainer","key","name","ButtonsProvider","element","exports","ButtonDefault","_ref","onAction","other","_objectWithoutProperties2","Object","assign","onClick","ButtonPrimary","_ref2","ButtonSecondary","_ref3","IconButton","_ref4"],"sources":["Buttons.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    ButtonDefault as BaseButtonDefault,\n    ButtonPrimary as BaseButtonPrimary,\n    ButtonSecondary as BaseButtonSecondary,\n    IconButton as BaseIconButton,\n    ButtonProps as BaseButtonProps,\n    IconButtonProps as BaseIconButtonProps\n} from \"@webiny/ui/Button\";\n\nimport { ButtonsProvider } from \"./useButtons\";\nimport { ButtonContainer } from \"./Buttons.styles\";\n\ninterface ButtonProps extends Omit<BaseButtonProps, \"onClick\"> {\n    onAction: (ev?: any) => void;\n}\n\ninterface IconButtonProps extends Omit<BaseIconButtonProps, \"onClick\"> {\n    onAction: (ev?: any) => void;\n}\n\nexport interface ButtonsProps {\n    actions: {\n        name: string;\n        element: React.ReactElement;\n    }[];\n}\n\nexport const Buttons: React.VFC<ButtonsProps> = props => {\n    if (!props.actions.length) {\n        return null;\n    }\n\n    return (\n        <>\n            {props.actions.map(action => (\n                <ButtonContainer key={action.name}>\n                    <ButtonsProvider>{action.element}</ButtonsProvider>\n                </ButtonContainer>\n            ))}\n        </>\n    );\n};\n\nexport const ButtonDefault: React.VFC<ButtonProps> = ({ onAction, ...other }) => {\n    return <BaseButtonDefault {...other} onClick={onAction} />;\n};\n\nexport const ButtonPrimary: React.VFC<ButtonProps> = ({ onAction, ...other }) => {\n    return <BaseButtonPrimary {...other} onClick={onAction} />;\n};\n\nexport const ButtonSecondary: React.VFC<ButtonProps> = ({ onAction, ...other }) => {\n    return <BaseButtonSecondary {...other} onClick={onAction} />;\n};\n\nexport const IconButton: React.VFC<IconButtonProps> = ({ onAction, ...other }) => {\n    return <BaseIconButton {...other} onClick={onAction} />;\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AASA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAAmD,IAAAI,SAAA;EAAAC,UAAA;EAAAC,UAAA;EAAAC,UAAA;AAiB5C,IAAMC,OAAgC,GAAG,SAAnCA,OAAgCA,CAAGC,KAAK,EAAI;EACrD,IAAI,CAACA,KAAK,CAACC,OAAO,CAACC,MAAM,EAAE;IACvB,OAAO,IAAI;EACf;EAEA,oBACIb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAAAf,MAAA,CAAAc,OAAA,CAAAE,QAAA,QACKL,KAAK,CAACC,OAAO,CAACK,GAAG,CAAC,UAAAC,MAAM;IAAA,oBACrBlB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,QAAA,CAAAc,eAAe;MAACC,GAAG,EAAEF,MAAM,CAACG;IAAK,gBAC9BrB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,WAAA,CAAAkB,eAAe,QAAEJ,MAAM,CAACK,OAAyB,CACrC,CAAC;EAAA,CACrB,CACH,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAd,OAAA,GAAAA,OAAA;AAEK,IAAMe,aAAqC,GAAG,SAAxCA,aAAqCA,CAAAC,IAAA,EAA+B;EAAA,IAAzBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAKC,KAAK,OAAAC,yBAAA,CAAAf,OAAA,EAAAY,IAAA,EAAApB,SAAA;EACtE,oBAAON,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAsB,aAAiB,EAAAK,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEI,OAAO,EAAEL;EAAS,EAAE,CAAC;AAC9D,CAAC;AAACH,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEK,IAAMQ,aAAqC,GAAG,SAAxCA,aAAqCA,CAAAC,KAAA,EAA+B;EAAA,IAAzBP,QAAQ,GAAAO,KAAA,CAARP,QAAQ;IAAKC,KAAK,OAAAC,yBAAA,CAAAf,OAAA,EAAAoB,KAAA,EAAA3B,UAAA;EACtE,oBAAOP,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAA8B,aAAiB,EAAAH,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEI,OAAO,EAAEL;EAAS,EAAE,CAAC;AAC9D,CAAC;AAACH,OAAA,CAAAS,aAAA,GAAAA,aAAA;AAEK,IAAME,eAAuC,GAAG,SAA1CA,eAAuCA,CAAAC,KAAA,EAA+B;EAAA,IAAzBT,QAAQ,GAAAS,KAAA,CAART,QAAQ;IAAKC,KAAK,OAAAC,yBAAA,CAAAf,OAAA,EAAAsB,KAAA,EAAA5B,UAAA;EACxE,oBAAOR,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAgC,eAAmB,EAAAL,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEI,OAAO,EAAEL;EAAS,EAAE,CAAC;AAChE,CAAC;AAACH,OAAA,CAAAW,eAAA,GAAAA,eAAA;AAEK,IAAME,UAAsC,GAAG,SAAzCA,UAAsCA,CAAAC,KAAA,EAA+B;EAAA,IAAzBX,QAAQ,GAAAW,KAAA,CAARX,QAAQ;IAAKC,KAAK,OAAAC,yBAAA,CAAAf,OAAA,EAAAwB,KAAA,EAAA7B,UAAA;EACvE,oBAAOT,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAkC,UAAc,EAAAP,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEI,OAAO,EAAEL;EAAS,EAAE,CAAC;AAC3D,CAAC;AAACH,OAAA,CAAAa,UAAA,GAAAA,UAAA"}

package/components/Buttons/Buttons.styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="web" />
+export declare const ButtonContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/Buttons/Buttons.styles.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonContainer = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var ButtonContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "ButtonContainer",
+  target: "e1ubuzv90"
+})("margin-left:16px;");
+exports.ButtonContainer = ButtonContainer;

package/components/Buttons/Buttons.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","ButtonContainer","styled","label","target","exports"],"sources":["Buttons.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const ButtonContainer = styled(\"div\")`\n    margin-left: 16px;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,eAAe,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,uBAE1C;AAACC,OAAA,CAAAJ,eAAA,GAAAA,eAAA"}

package/components/Buttons/index.d.ts

@@ -0,0 +1,2 @@
+export { Buttons } from "./Buttons";
+export { useButtons } from "./useButtons";

package/components/Buttons/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Buttons", {
+  enumerable: true,
+  get: function get() {
+    return _Buttons.Buttons;
+  }
+});
+Object.defineProperty(exports, "useButtons", {
+  enumerable: true,
+  get: function get() {
+    return _useButtons.useButtons;
+  }
+});
+var _Buttons = require("./Buttons");
+var _useButtons = require("./useButtons");

package/components/Buttons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Buttons","require","_useButtons"],"sources":["index.ts"],"sourcesContent":["export { Buttons } from \"./Buttons\";\nexport { useButtons } from \"./useButtons\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA"}

package/components/Buttons/useButtons.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from "./Buttons";
+export interface ButtonsProviderContext {
+    ButtonDefault: typeof ButtonDefault;
+    ButtonPrimary: typeof ButtonPrimary;
+    ButtonSecondary: typeof ButtonSecondary;
+    IconButton: typeof IconButton;
+}
+interface ButtonsProviderProps {
+    children: React.ReactNode;
+}
+export declare const ButtonsProvider: ({ children }: ButtonsProviderProps) => JSX.Element;
+export declare const useButtons: () => ButtonsProviderContext;
+export {};

package/components/Buttons/useButtons.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useButtons = exports.ButtonsProvider = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Buttons = require("./Buttons");
+var ButtonsContext = /*#__PURE__*/_react.default.createContext(undefined);
+var ButtonsProvider = function ButtonsProvider(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(ButtonsContext.Provider, {
+    value: {
+      ButtonDefault: _Buttons.ButtonDefault,
+      ButtonPrimary: _Buttons.ButtonPrimary,
+      ButtonSecondary: _Buttons.ButtonSecondary,
+      IconButton: _Buttons.IconButton
+    }
+  }, children);
+};
+exports.ButtonsProvider = ButtonsProvider;
+var useButtons = function useButtons() {
+  var context = _react.default.useContext(ButtonsContext);
+  if (!context) {
+    throw new Error("useButtons must be used within a ButtonsContext");
+  }
+  return context;
+};
+exports.useButtons = useButtons;

package/components/Buttons/useButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Buttons","ButtonsContext","React","createContext","undefined","ButtonsProvider","_ref","children","default","createElement","Provider","value","ButtonDefault","ButtonPrimary","ButtonSecondary","IconButton","exports","useButtons","context","useContext","Error"],"sources":["useButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from \"./Buttons\";\n\nexport interface ButtonsProviderContext {\n    ButtonDefault: typeof ButtonDefault;\n    ButtonPrimary: typeof ButtonPrimary;\n    ButtonSecondary: typeof ButtonSecondary;\n    IconButton: typeof IconButton;\n}\n\nconst ButtonsContext = React.createContext<ButtonsProviderContext | undefined>(undefined);\n\ninterface ButtonsProviderProps {\n    children: React.ReactNode;\n}\n\nexport const ButtonsProvider = ({ children }: ButtonsProviderProps) => {\n    return (\n        <ButtonsContext.Provider\n            value={{ ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton }}\n        >\n            {children}\n        </ButtonsContext.Provider>\n    );\n};\n\nexport const useButtons = (): ButtonsProviderContext => {\n    const context = React.useContext(ButtonsContext);\n\n    if (!context) {\n        throw new Error(\"useButtons must be used within a ButtonsContext\");\n    }\n\n    return context;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AASA,IAAME,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAAqCC,SAAS,CAAC;AAMlF,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAA2C;EAAA,IAArCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACtC,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,cAAc,CAACS,QAAQ;IACpBC,KAAK,EAAE;MAAEC,aAAa,EAAbA,sBAAa;MAAEC,aAAa,EAAbA,sBAAa;MAAEC,eAAe,EAAfA,wBAAe;MAAEC,UAAU,EAAVA;IAAW;EAAE,GAEpER,QACoB,CAAC;AAElC,CAAC;AAACS,OAAA,CAAAX,eAAA,GAAAA,eAAA;AAEK,IAAMY,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAiC;EACpD,IAAMC,OAAO,GAAGhB,cAAK,CAACiB,UAAU,CAAClB,cAAc,CAAC;EAEhD,IAAI,CAACiB,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,iDAAiD,CAAC;EACtE;EAEA,OAAOF,OAAO;AAClB,CAAC;AAACF,OAAA,CAAAC,UAAA,GAAAA,UAAA"}

package/components/EmptyView.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Typography = require("@webiny/ui/Typography");
-
-var _touch_app = require("../assets/icons/touch_app.svg");
-
+var _touch_app = require("@material-design-icons/svg/filled/touch_app.svg");
 var EmptyViewWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eu81oh40",
   label: "EmptyViewWrapper"
@@ -48,12 +42,11 @@ var EmptyViewWrapper = /*#__PURE__*/(0, _styled.default)("div", {
     }
   }
 });
-
 var EmptyView = function EmptyView(_ref) {
   var _ref$icon = _ref.icon,
-      icon = _ref$icon === void 0 ? /*#__PURE__*/_react.default.createElement(_touch_app.ReactComponent, null) : _ref$icon,
-      title = _ref.title,
-      action = _ref.action;
+    icon = _ref$icon === void 0 ? /*#__PURE__*/_react.default.createElement(_touch_app.ReactComponent, null) : _ref$icon,
+    title = _ref.title,
+    action = _ref.action;
   return /*#__PURE__*/_react.default.createElement(EmptyViewWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "media"
   }, icon), /*#__PURE__*/_react.default.createElement("div", {
@@ -65,6 +58,5 @@ var EmptyView = function EmptyView(_ref) {
     className: "action__container"
   }, action));
 };
-
 var _default = EmptyView;
 exports.default = _default;

package/components/EmptyView.js.map

@@ -1 +1 @@
-{"version":3,"names":["EmptyViewWrapper","styled","width","height","display","flexDirection","alignItems","justifyContent","fill","marginBottom","maxWidth","textAlign","color","padding","backgroundColor","EmptyView","icon","title","action"],"sources":["EmptyView.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as TouchIcon } from \"../assets/icons/touch_app.svg\";\n\nconst EmptyViewWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"80%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n\n    \"& .media\": {\n        \"& svg\": {\n            width: 75,\n            height: 75,\n            fill: \"var(--mdc-theme-text-icon-on-background)\"\n        },\n        marginBottom: 30\n    },\n    \"& .title__container\": {\n        maxWidth: 276,\n        textAlign: \"center\",\n        marginBottom: 24,\n        \"& .title\": {\n            color: \"var(--mdc-theme-text-secondary-on-background)\"\n        }\n    },\n    \"& .action__container\": {\n        \"& .mdc-button\": {\n            padding: \"0px 16px\",\n            backgroundColor: \"var(--mdc-theme-surface)\"\n        }\n    }\n});\nexport interface EmptyViewProps {\n    icon?: ReactElement;\n    title: string;\n    action: ReactElement | null;\n}\nconst EmptyView: React.FC<EmptyViewProps> = ({ icon = <TouchIcon />, title, action }) => {\n    return (\n        <EmptyViewWrapper>\n            <div className={\"media\"}>{icon}</div>\n            <div className=\"title__container\">\n                <Typography use={\"subtitle1\"} className={\"title\"}>\n                    {title}\n                </Typography>\n            </div>\n            <div className=\"action__container\">{action}</div>\n        </EmptyViewWrapper>\n    );\n};\n\nexport default EmptyView;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,gBAAgB,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACnCC,KAAK,EAAE,MAD4B;EAEnCC,MAAM,EAAE,KAF2B;EAGnCC,OAAO,EAAE,MAH0B;EAInCC,aAAa,EAAE,QAJoB;EAKnCC,UAAU,EAAE,QALuB;EAMnCC,cAAc,EAAE,QANmB;EAQnC,YAAY;IACR,SAAS;MACLL,KAAK,EAAE,EADF;MAELC,MAAM,EAAE,EAFH;MAGLK,IAAI,EAAE;IAHD,CADD;IAMRC,YAAY,EAAE;EANN,CARuB;EAgBnC,uBAAuB;IACnBC,QAAQ,EAAE,GADS;IAEnBC,SAAS,EAAE,QAFQ;IAGnBF,YAAY,EAAE,EAHK;IAInB,YAAY;MACRG,KAAK,EAAE;IADC;EAJO,CAhBY;EAwBnC,wBAAwB;IACpB,iBAAiB;MACbC,OAAO,EAAE,UADI;MAEbC,eAAe,EAAE;IAFJ;EADG;AAxBW,CAAjB,CAAtB;;AAoCA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,OAA6C;EAAA,qBAA1CC,IAA0C;EAAA,IAA1CA,IAA0C,uCAAnC,6BAAC,yBAAD,OAAmC;EAAA,IAApBC,KAAoB,QAApBA,KAAoB;EAAA,IAAbC,MAAa,QAAbA,MAAa;EACrF,oBACI,6BAAC,gBAAD,qBACI;IAAK,SAAS,EAAE;EAAhB,GAA0BF,IAA1B,CADJ,eAEI;IAAK,SAAS,EAAC;EAAf,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE,WAAjB;IAA8B,SAAS,EAAE;EAAzC,GACKC,KADL,CADJ,CAFJ,eAOI;IAAK,SAAS,EAAC;EAAf,GAAoCC,MAApC,CAPJ,CADJ;AAWH,CAZD;;eAceH,S"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_Typography","_touch_app","EmptyViewWrapper","styled","target","label","width","height","display","flexDirection","alignItems","justifyContent","fill","marginBottom","maxWidth","textAlign","color","padding","backgroundColor","EmptyView","_ref","_ref$icon","icon","default","createElement","ReactComponent","title","action","className","Typography","use","_default","exports"],"sources":["EmptyView.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as TouchIcon } from \"@material-design-icons/svg/filled/touch_app.svg\";\n\nconst EmptyViewWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"80%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n\n    \"& .media\": {\n        \"& svg\": {\n            width: 75,\n            height: 75,\n            fill: \"var(--mdc-theme-text-icon-on-background)\"\n        },\n        marginBottom: 30\n    },\n    \"& .title__container\": {\n        maxWidth: 276,\n        textAlign: \"center\",\n        marginBottom: 24,\n        \"& .title\": {\n            color: \"var(--mdc-theme-text-secondary-on-background)\"\n        }\n    },\n    \"& .action__container\": {\n        \"& .mdc-button\": {\n            padding: \"0px 16px\",\n            backgroundColor: \"var(--mdc-theme-surface)\"\n        }\n    }\n});\nexport interface EmptyViewProps {\n    icon?: ReactElement;\n    title: string;\n    action: ReactElement | null;\n}\nconst EmptyView: React.FC<EmptyViewProps> = ({ icon = <TouchIcon />, title, action }) => {\n    return (\n        <EmptyViewWrapper>\n            <div className={\"media\"}>{icon}</div>\n            <div className=\"title__container\">\n                <Typography use={\"subtitle1\"} className={\"title\"}>\n                    {title}\n                </Typography>\n            </div>\n            <div className=\"action__container\">{action}</div>\n        </EmptyViewWrapper>\n    );\n};\n\nexport default EmptyView;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,gBAAgB,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACnCC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,KAAK;EACbC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE,QAAQ;EAExB,UAAU,EAAE;IACR,OAAO,EAAE;MACLL,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVK,IAAI,EAAE;IACV,CAAC;IACDC,YAAY,EAAE;EAClB,CAAC;EACD,qBAAqB,EAAE;IACnBC,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAE,QAAQ;IACnBF,YAAY,EAAE,EAAE;IAChB,UAAU,EAAE;MACRG,KAAK,EAAE;IACX;EACJ,CAAC;EACD,sBAAsB,EAAE;IACpB,eAAe,EAAE;MACbC,OAAO,EAAE,UAAU;MACnBC,eAAe,EAAE;IACrB;EACJ;AACJ,CAAC,CAAC;AAMF,IAAMC,SAAmC,GAAG,SAAtCA,SAAmCA,CAAAC,IAAA,EAAgD;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAA1CE,IAAI;IAAJA,IAAI,GAAAD,SAAA,2BAAGzB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACvB,UAAA,CAAAwB,cAAS,MAAE,CAAC,GAAAJ,SAAA;IAAEK,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;EAC9E,oBACI/B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACtB,gBAAgB,qBACbN,MAAA,CAAA2B,OAAA,CAAAC,aAAA;IAAKI,SAAS,EAAE;EAAQ,GAAEN,IAAU,CAAC,eACrC1B,MAAA,CAAA2B,OAAA,CAAAC,aAAA;IAAKI,SAAS,EAAC;EAAkB,gBAC7BhC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,WAAA,CAAA6B,UAAU;IAACC,GAAG,EAAE,WAAY;IAACF,SAAS,EAAE;EAAQ,GAC5CF,KACO,CACX,CAAC,eACN9B,MAAA,CAAA2B,OAAA,CAAAC,aAAA;IAAKI,SAAS,EAAC;EAAmB,GAAED,MAAY,CAClC,CAAC;AAE3B,CAAC;AAAC,IAAAI,QAAA,GAEaZ,SAAS;AAAAa,OAAA,CAAAT,OAAA,GAAAQ,QAAA"}

package/components/Filters/Filters.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { FormOnSubmit, FormProps, GenericFormData } from "@webiny/form";
+declare type Filter = {
+    name: string;
+    element: React.ReactElement;
+};
+export declare type GenericFiltersData = GenericFormData;
+export declare type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;
+export interface FiltersProps<T> extends Pick<FormProps<T>, "data" | "onChange"> {
+    filters: Filter[];
+    show: boolean;
+    ["data-testid"]?: string;
+}
+export declare const Filters: <T extends GenericFormData = GenericFormData>(props: FiltersProps<T>) => JSX.Element | null;
+export {};

package/components/Filters/Filters.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Filters = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _form = require("@webiny/form");
+var _Filters = require("./Filters.styles");
+var Filters = function Filters(props) {
+  if (!props.show || !props.filters.length) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_Filters.FiltersContainer, {
+    "data-testid": props["data-testid"] || "filters-container"
+  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
+    data: props.data,
+    onChange: props.onChange
+  }, function () {
+    return /*#__PURE__*/_react.default.createElement(_Filters.FormContainer, null, props.filters.map(function (filter) {
+      return /*#__PURE__*/_react.default.createElement(_Filters.FilterContainer, {
+        key: filter.name
+      }, filter.element);
+    }));
+  }));
+};
+exports.Filters = Filters;

package/components/Filters/Filters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_form","_Filters","Filters","props","show","filters","length","default","createElement","FiltersContainer","Form","data","onChange","FormContainer","map","filter","FilterContainer","key","name","element","exports"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Form, FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\n\nimport { FilterContainer, FiltersContainer, FormContainer } from \"./Filters.styles\";\n\ntype Filter = {\n    name: string;\n    element: React.ReactElement;\n};\n\nexport type GenericFiltersData = GenericFormData;\n\nexport type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;\n\nexport interface FiltersProps<T> extends Pick<FormProps<T>, \"data\" | \"onChange\"> {\n    filters: Filter[];\n    show: boolean;\n    [\"data-testid\"]?: string;\n}\n\nexport const Filters = <T extends GenericFiltersData = GenericFiltersData>(\n    props: FiltersProps<T>\n) => {\n    if (!props.show || !props.filters.length) {\n        return null;\n    }\n\n    return (\n        <FiltersContainer data-testid={props[\"data-testid\"] || \"filters-container\"}>\n            <Form data={props.data} onChange={props.onChange}>\n                {() => (\n                    <FormContainer>\n                        {props.filters.map(filter => (\n                            <FilterContainer key={filter.name}>{filter.element}</FilterContainer>\n                        ))}\n                    </FormContainer>\n                )}\n            </Form>\n        </FiltersContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAiBO,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAChBC,KAAsB,EACrB;EACD,IAAI,CAACA,KAAK,CAACC,IAAI,IAAI,CAACD,KAAK,CAACE,OAAO,CAACC,MAAM,EAAE;IACtC,OAAO,IAAI;EACf;EAEA,oBACIT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,QAAA,CAAAQ,gBAAgB;IAAC,eAAaN,KAAK,CAAC,aAAa,CAAC,IAAI;EAAoB,gBACvEN,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAU,IAAI;IAACC,IAAI,EAAER,KAAK,CAACQ,IAAK;IAACC,QAAQ,EAAET,KAAK,CAACS;EAAS,GAC5C;IAAA,oBACGf,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,QAAA,CAAAY,aAAa,QACTV,KAAK,CAACE,OAAO,CAACS,GAAG,CAAC,UAAAC,MAAM;MAAA,oBACrBlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,QAAA,CAAAe,eAAe;QAACC,GAAG,EAAEF,MAAM,CAACG;MAAK,GAAEH,MAAM,CAACI,OAAyB,CAAC;IAAA,CACxE,CACU,CAAC;EAAA,CAElB,CACQ,CAAC;AAE3B,CAAC;AAACC,OAAA,CAAAlB,OAAA,GAAAA,OAAA"}

package/components/Filters/Filters.styles.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="web" />
+export declare const FiltersContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FormContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FilterContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/Filters/Filters.styles.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormContainer = exports.FiltersContainer = exports.FilterContainer = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var FiltersContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "FiltersContainer",
+  target: "e5prjwn0"
+})("width:100%;height:auto;background-color:var(--mdc-theme-surface);border-bottom:1px solid rgba(0,0,0,0.12);padding:8px;");
+exports.FiltersContainer = FiltersContainer;
+var FormContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "FormContainer",
+  target: "e5prjwn1"
+})("display:flex;flex-wrap:wrap;width:100%;");
+exports.FormContainer = FormContainer;
+var FilterContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "FilterContainer",
+  target: "e5prjwn2"
+})("padding:8px;align-items:center;display:flex;");
+exports.FilterContainer = FilterContainer;

package/components/Filters/Filters.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","FiltersContainer","styled","label","target","exports","FormContainer","FilterContainer"],"sources":["Filters.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const FiltersContainer = styled.div`\n    width: 100%;\n    height: auto;\n    background-color: var(--mdc-theme-surface);\n    border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n    padding: 8px;\n`;\n\nexport const FormContainer = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n`;\n\nexport const FilterContainer = styled.div`\n    padding: 8px;\n    align-items: center;\n    display: flex;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,gBAAgB,oBAAGC,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,4HAMrC;AAACC,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA;AAEK,IAAMK,aAAa,oBAAGJ,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,6CAIlC;AAACC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEK,IAAMC,eAAe,oBAAGL,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,kDAIpC;AAACC,OAAA,CAAAE,eAAA,GAAAA,eAAA"}

package/components/Filters/index.d.ts

@@ -0,0 +1 @@
+export * from "./Filters";

package/components/Filters/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Filters = require("./Filters");
+Object.keys(_Filters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Filters[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Filters[key];
+    }
+  });
+});

package/components/Filters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Filters","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Filters\";\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/components/FloatingActionButton.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FloatingActionButton = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _Button = require("@webiny/ui/Button");
-
-var _roundAdd24px = require("../assets/icons/round-add-24px.svg");
-
+var _add = require("@material-design-icons/svg/outlined/add.svg");
 // Set "styles" inline, since no customizations are possible / needed here.
 var FloatingActionButton = function FloatingActionButton(props) {
   return /*#__PURE__*/React.createElement("div", {
@@ -22,8 +17,7 @@ var FloatingActionButton = function FloatingActionButton(props) {
       right: 20
     }
   }, /*#__PURE__*/React.createElement(_Button.ButtonFloating, Object.assign({}, props, {
-    icon: /*#__PURE__*/React.createElement(_roundAdd24px.ReactComponent, null)
+    icon: /*#__PURE__*/React.createElement(_add.ReactComponent, null)
   })));
 };
-
 exports.FloatingActionButton = FloatingActionButton;

package/components/FloatingActionButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["FloatingActionButton","props","position","bottom","right"],"sources":["FloatingActionButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ButtonFloating } from \"@webiny/ui/Button\";\nimport { ReactComponent as AddIcon } from \"../assets/icons/round-add-24px.svg\";\n\n// Set \"styles\" inline, since no customizations are possible / needed here.\nconst FloatingActionButton: React.FC = props => {\n    return (\n        <div\n            style={{\n                position: \"absolute\",\n                bottom: 20,\n                right: 20\n            }}\n        >\n            <ButtonFloating {...props} icon={<AddIcon />} />\n        </div>\n    );\n};\n\nexport { FloatingActionButton };\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;AACA,IAAMA,oBAA8B,GAAG,SAAjCA,oBAAiC,CAAAC,KAAK,EAAI;EAC5C,oBACI;IACI,KAAK,EAAE;MACHC,QAAQ,EAAE,UADP;MAEHC,MAAM,EAAE,EAFL;MAGHC,KAAK,EAAE;IAHJ;EADX,gBAOI,oBAAC,sBAAD,oBAAoBH,KAApB;IAA2B,IAAI,eAAE,oBAAC,4BAAD;EAAjC,GAPJ,CADJ;AAWH,CAZD"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_Button","_add","FloatingActionButton","props","createElement","style","position","bottom","right","ButtonFloating","Object","assign","icon","ReactComponent","exports"],"sources":["FloatingActionButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ButtonFloating } from \"@webiny/ui/Button\";\nimport { ReactComponent as AddIcon } from \"@material-design-icons/svg/outlined/add.svg\";\n\n// Set \"styles\" inline, since no customizations are possible / needed here.\nconst FloatingActionButton: React.FC = props => {\n    return (\n        <div\n            style={{\n                position: \"absolute\",\n                bottom: 20,\n                right: 20\n            }}\n        >\n            <ButtonFloating {...props} icon={<AddIcon />} />\n        </div>\n    );\n};\n\nexport { FloatingActionButton };\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AAEA;AACA,IAAMG,oBAA8B,GAAG,SAAjCA,oBAA8BA,CAAGC,KAAK,EAAI;EAC5C,oBACIN,KAAA,CAAAO,aAAA;IACIC,KAAK,EAAE;MACHC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE;IACX;EAAE,gBAEFX,KAAA,CAAAO,aAAA,CAACJ,OAAA,CAAAS,cAAc,EAAAC,MAAA,CAAAC,MAAA,KAAKR,KAAK;IAAES,IAAI,eAAEf,KAAA,CAAAO,aAAA,CAACH,IAAA,CAAAY,cAAO,MAAE;EAAE,EAAE,CAC9C,CAAC;AAEd,CAAC;AAACC,OAAA,CAAAZ,oBAAA,GAAAA,oBAAA"}

package/components/LexicalEditor/LexicalEditor.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { RichTextEditorProps } from "@webiny/lexical-editor/types";
+import { Theme } from "@webiny/app-theme/types";
+interface LexicalEditorProps extends Omit<RichTextEditorProps, "theme"> {
+    theme?: Theme;
+}
+export declare const LexicalEditor: (props: LexicalEditorProps) => JSX.Element;
+export {};

package/components/LexicalEditor/LexicalEditor.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LexicalEditor = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _ = require("./..");
+var _lexicalEditor = require("@webiny/lexical-editor");
+var _appTheme = require("@webiny/app-theme");
+var LexicalEditor = function LexicalEditor(props) {
+  var _useTheme = (0, _appTheme.useTheme)(),
+    theme = _useTheme.theme;
+  return /*#__PURE__*/_react.default.createElement(_.FileManager, null, function (_ref) {
+    var showFileManager = _ref.showFileManager;
+    return /*#__PURE__*/_react.default.createElement(_lexicalEditor.RichTextEditor, Object.assign({}, props, {
+      theme: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, theme), props === null || props === void 0 ? void 0 : props.theme),
+      toolbarActionPlugins: [].concat((0, _toConsumableArray2.default)(props.toolbarActionPlugins || []), [{
+        targetAction: "image-action",
+        plugin: showFileManager
+      }])
+    }));
+  });
+};
+exports.LexicalEditor = LexicalEditor;

package/components/LexicalEditor/LexicalEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_","_lexicalEditor","_appTheme","LexicalEditor","props","_useTheme","useTheme","theme","default","createElement","FileManager","_ref","showFileManager","RichTextEditor","Object","assign","_objectSpread2","toolbarActionPlugins","concat","_toConsumableArray2","targetAction","plugin","exports"],"sources":["LexicalEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManager } from \"~/components\";\nimport { RichTextEditor as BaseEditor } from \"@webiny/lexical-editor\";\nimport { RichTextEditorProps } from \"@webiny/lexical-editor/types\";\nimport { useTheme } from \"@webiny/app-theme\";\nimport { Theme } from \"@webiny/app-theme/types\";\n\ninterface LexicalEditorProps extends Omit<RichTextEditorProps, \"theme\"> {\n    theme?: Theme;\n}\n\nexport const LexicalEditor = (props: LexicalEditorProps) => {\n    const { theme } = useTheme();\n\n    return (\n        <FileManager>\n            {({ showFileManager }) => (\n                <BaseEditor\n                    {...props}\n                    theme={{ ...theme, ...props?.theme }}\n                    toolbarActionPlugins={[\n                        ...(props.toolbarActionPlugins || []),\n                        { targetAction: \"image-action\", plugin: showFileManager }\n                    ]}\n                />\n            )}\n        </FileManager>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,CAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAOO,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAyB,EAAK;EACxD,IAAAC,SAAA,GAAkB,IAAAC,kBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,CAAA,CAAAU,WAAW,QACP,UAAAC,IAAA;IAAA,IAAGC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAA,oBACff,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,cAAA,CAAAY,cAAU,EAAAC,MAAA,CAAAC,MAAA,KACHX,KAAK;MACTG,KAAK,MAAAS,cAAA,CAAAR,OAAA,MAAAQ,cAAA,CAAAR,OAAA,MAAOD,KAAK,GAAKH,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG,KAAK,CAAG;MACrCU,oBAAoB,KAAAC,MAAA,KAAAC,mBAAA,CAAAX,OAAA,EACZJ,KAAK,CAACa,oBAAoB,IAAI,EAAE,IACpC;QAAEG,YAAY,EAAE,cAAc;QAAEC,MAAM,EAAET;MAAgB,CAAC;IAC3D,EACL,CAAC;EAAA,CAEG,CAAC;AAEtB,CAAC;AAACU,OAAA,CAAAnB,aAAA,GAAAA,aAAA"}

package/components/LexicalEditor/index.d.ts

@@ -0,0 +1 @@
+export { LexicalEditor } from "./LexicalEditor";

package/components/LexicalEditor/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LexicalEditor", {
+  enumerable: true,
+  get: function get() {
+    return _LexicalEditor.LexicalEditor;
+  }
+});
+var _LexicalEditor = require("./LexicalEditor");

package/components/LexicalEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_LexicalEditor","require"],"sources":["index.ts"],"sourcesContent":["export { LexicalEditor } from \"./LexicalEditor\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA"}