@webiny/app-admin 5.40.0-beta.1 → 5.40.0-beta.3

package/components/Dialogs/CustomDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_styled","CustomDialog","exports","_ref","open","loading","closeDialog","onSubmit","children","handleSubmit","data","default","createElement","DialogContainer","onClose","Form","CustomDialogProvider","CustomDialogContext","React","createContext","undefined","_ref2","form","useForm","context","submit","Provider","value","useCustomDialog","useContext","Error"],"sources":["CustomDialog.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { Form, FormOnSubmit, GenericFormData, useForm } from \"@webiny/form\";\nimport { DialogContainer } from \"./styled\";\n\ninterface DialogProps {\n    onSubmit: (data: GenericFormData) => void;\n    closeDialog: () => void;\n    loading: boolean;\n    open: boolean;\n    children: JSX.Element;\n}\n\nexport const CustomDialog = ({ open, loading, closeDialog, onSubmit, children }: DialogProps) => {\n    const handleSubmit: FormOnSubmit = data => {\n        onSubmit(data);\n    };\n\n    return (\n        <DialogContainer open={open} onClose={closeDialog}>\n            {open ? (\n                <Form onSubmit={handleSubmit}>\n                    {() => (\n                        <CustomDialogProvider loading={loading} closeDialog={closeDialog}>\n                            {children}\n                        </CustomDialogProvider>\n                    )}\n                </Form>\n            ) : null}\n        </DialogContainer>\n    );\n};\n\nexport interface CustomDialogContext {\n    loading: boolean;\n    closeDialog: () => void;\n    submit: () => void;\n}\n\nconst CustomDialogContext = React.createContext<CustomDialogContext | undefined>(undefined);\n\ninterface CustomDialogProviderProps {\n    loading: boolean;\n    closeDialog: () => void;\n    children: JSX.Element;\n}\n\nconst CustomDialogProvider = ({ loading, closeDialog, children }: CustomDialogProviderProps) => {\n    const form = useForm();\n\n    const context: CustomDialogContext = { submit: form.submit, loading, closeDialog };\n\n    return <CustomDialogContext.Provider value={context}>{children}</CustomDialogContext.Provider>;\n};\n\nexport const useCustomDialog = () => {\n    const context = useContext(CustomDialogContext);\n\n    if (!context) {\n        throw new Error(\"useCustomDialog must be used within the CustomDialogProvider.\");\n    }\n\n    return context;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAUO,IAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAAE,IAAA,EAAwE;EAAA,IAAlEC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;EACzE,IAAMC,YAA0B,GAAG,SAA7BA,YAA0BA,CAAGC,IAAI,EAAI;IACvCH,QAAQ,CAACG,IAAI,CAAC;EAClB,CAAC;EAED,oBACId,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAa,eAAe;IAACT,IAAI,EAAEA,IAAK;IAACU,OAAO,EAAER;EAAY,GAC7CF,IAAI,gBACDR,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,KAAA,CAAAgB,IAAI;IAACR,QAAQ,EAAEE;EAAa,GACxB;IAAA,oBACGb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACI,oBAAoB;MAACX,OAAO,EAAEA,OAAQ;MAACC,WAAW,EAAEA;IAAY,GAC5DE,QACiB,CAAC;EAAA,CAEzB,CAAC,GACP,IACS,CAAC;AAE1B,CAAC;AAQD,IAAMS,mBAAmB,gBAAGC,cAAK,CAACC,aAAa,CAAkCC,SAAS,CAAC;AAQ3F,IAAMJ,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAK,KAAA,EAAsE;EAAA,IAAhEhB,OAAO,GAAAgB,KAAA,CAAPhB,OAAO;IAAEC,WAAW,GAAAe,KAAA,CAAXf,WAAW;IAAEE,QAAQ,GAAAa,KAAA,CAARb,QAAQ;EAC1D,IAAMc,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;EAEtB,IAAMC,OAA4B,GAAG;IAAEC,MAAM,EAAEH,IAAI,CAACG,MAAM;IAAEpB,OAAO,EAAPA,OAAO;IAAEC,WAAW,EAAXA;EAAY,CAAC;EAElF,oBAAOV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACK,mBAAmB,CAACS,QAAQ;IAACC,KAAK,EAAEH;EAAQ,GAAEhB,QAAuC,CAAC;AAClG,CAAC;AAEM,IAAMoB,eAAe,GAAA1B,OAAA,CAAA0B,eAAA,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EACjC,IAAMJ,OAAO,GAAG,IAAAK,iBAAU,EAACZ,mBAAmB,CAAC;EAE/C,IAAI,CAACO,OAAO,EAAE;IACV,MAAM,IAAIM,KAAK,CAAC,+DAA+D,CAAC;EACpF;EAEA,OAAON,OAAO;AAClB,CAAC","ignoreList":[]}

package/components/Dialogs/Dialog.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from "react";
+import { GenericFormData } from "@webiny/form";
+interface DialogProps {
+    title: ReactNode;
+    content: ReactNode;
+    acceptLabel?: ReactNode;
+    cancelLabel?: ReactNode;
+    loadingLabel?: ReactNode;
+    onSubmit: (data: GenericFormData) => void;
+    closeDialog: () => void;
+    loading: boolean;
+    open: boolean;
+}
+export declare const Dialog: ({ open, loading, title, content, acceptLabel, cancelLabel, loadingLabel, closeDialog, onSubmit }: DialogProps) => React.JSX.Element;
+export {};

package/components/Dialogs/Dialog.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dialog = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _form = require("@webiny/form");
+var _Button = require("@webiny/ui/Button");
+var _Dialog = require("@webiny/ui/Dialog");
+var _Progress = require("@webiny/ui/Progress");
+var _styled = require("./styled");
+var Dialog = exports.Dialog = function Dialog(_ref) {
+  var open = _ref.open,
+    loading = _ref.loading,
+    title = _ref.title,
+    content = _ref.content,
+    acceptLabel = _ref.acceptLabel,
+    cancelLabel = _ref.cancelLabel,
+    _ref$loadingLabel = _ref.loadingLabel,
+    loadingLabel = _ref$loadingLabel === void 0 ? "Loading..." : _ref$loadingLabel,
+    closeDialog = _ref.closeDialog,
+    onSubmit = _ref.onSubmit;
+  var handleSubmit = function handleSubmit(data) {
+    onSubmit(data);
+  };
+  return /*#__PURE__*/_react.default.createElement(_styled.DialogContainer, {
+    open: open,
+    onClose: closeDialog
+  }, open ? /*#__PURE__*/_react.default.createElement(_form.Form, {
+    onSubmit: handleSubmit
+  }, function (_ref2) {
+    var submit = _ref2.submit;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+      label: loadingLabel
+    }), /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, title), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, content), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, cancelLabel ? /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
+      onClick: closeDialog
+    }, cancelLabel) : null, acceptLabel ? /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+      onClick: submit
+    }, acceptLabel) : null));
+  }) : null);
+};
+
+//# sourceMappingURL=Dialog.js.map

package/components/Dialogs/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_form","_Button","_Dialog","_Progress","_styled","Dialog","exports","_ref","open","loading","title","content","acceptLabel","cancelLabel","_ref$loadingLabel","loadingLabel","closeDialog","onSubmit","handleSubmit","data","default","createElement","DialogContainer","onClose","Form","_ref2","submit","Fragment","CircularProgress","label","DialogTitle","DialogContent","DialogActions","ButtonDefault","onClick","ButtonPrimary"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport { Form, FormOnSubmit, GenericFormData } from \"@webiny/form\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { DialogActions, DialogContent, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nimport { DialogContainer } from \"./styled\";\n\ninterface DialogProps {\n    title: ReactNode;\n    content: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    onSubmit: (data: GenericFormData) => void;\n    closeDialog: () => void;\n    loading: boolean;\n    open: boolean;\n}\n\nexport const Dialog = ({\n    open,\n    loading,\n    title,\n    content,\n    acceptLabel,\n    cancelLabel,\n    loadingLabel = \"Loading...\",\n    closeDialog,\n    onSubmit\n}: DialogProps) => {\n    const handleSubmit: FormOnSubmit = data => {\n        onSubmit(data);\n    };\n\n    return (\n        <DialogContainer open={open} onClose={closeDialog}>\n            {open ? (\n                <Form onSubmit={handleSubmit}>\n                    {({ submit }) => (\n                        <>\n                            {loading && <CircularProgress label={loadingLabel} />}\n                            <DialogTitle>{title}</DialogTitle>\n                            <DialogContent>{content}</DialogContent>\n                            <DialogActions>\n                                {cancelLabel ? (\n                                    <ButtonDefault onClick={closeDialog}>\n                                        {cancelLabel}\n                                    </ButtonDefault>\n                                ) : null}\n                                {acceptLabel ? (\n                                    <ButtonPrimary onClick={submit}>{acceptLabel}</ButtonPrimary>\n                                ) : null}\n                            </DialogActions>\n                        </>\n                    )}\n                </Form>\n            ) : null}\n        </DialogContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AAcO,IAAMM,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAAE,IAAA,EAUA;EAAA,IATfC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IAAAC,iBAAA,GAAAP,IAAA,CACXQ,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,YAAY,GAAAA,iBAAA;IAC3BE,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;EAER,IAAMC,YAA0B,GAAG,SAA7BA,YAA0BA,CAAGC,IAAI,EAAI;IACvCF,QAAQ,CAACE,IAAI,CAAC;EAClB,CAAC;EAED,oBACItB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACjB,OAAA,CAAAkB,eAAe;IAACd,IAAI,EAAEA,IAAK;IAACe,OAAO,EAAEP;EAAY,GAC7CR,IAAI,gBACDX,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACrB,KAAA,CAAAwB,IAAI;IAACP,QAAQ,EAAEC;EAAa,GACxB,UAAAO,KAAA;IAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAA,oBACN7B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAAAxB,MAAA,CAAAuB,OAAA,CAAAO,QAAA,QACKlB,OAAO,iBAAIZ,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAyB,gBAAgB;MAACC,KAAK,EAAEd;IAAa,CAAE,CAAC,eACrDlB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACnB,OAAA,CAAA4B,WAAW,QAAEpB,KAAmB,CAAC,eAClCb,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACnB,OAAA,CAAA6B,aAAa,QAAEpB,OAAuB,CAAC,eACxCd,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACnB,OAAA,CAAA8B,aAAa,QACTnB,WAAW,gBACRhB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,OAAA,CAAAgC,aAAa;MAACC,OAAO,EAAElB;IAAY,GAC/BH,WACU,CAAC,GAChB,IAAI,EACPD,WAAW,gBACRf,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,OAAA,CAAAkC,aAAa;MAACD,OAAO,EAAER;IAAO,GAAEd,WAA2B,CAAC,GAC7D,IACO,CACjB,CAAC;EAAA,CAEL,CAAC,GACP,IACS,CAAC;AAE1B,CAAC","ignoreList":[]}

package/components/Dialogs/DialogsContext.d.ts

@@ -0,0 +1,43 @@
+import React, { ReactNode } from "react";
+import { GenericFormData } from "@webiny/form";
+interface ShowDialogParams {
+    title: ReactNode;
+    content: ReactNode;
+    actions?: JSX.Element;
+    acceptLabel?: ReactNode;
+    cancelLabel?: ReactNode;
+    loadingLabel?: ReactNode;
+    onAccept?: (data: GenericFormData) => void;
+    onClose?: () => void;
+}
+interface ShowCustomDialogParams {
+    element: JSX.Element;
+    onSubmit?: (data: GenericFormData) => void;
+}
+export interface DialogsContext {
+    showDialog: (params: ShowDialogParams) => void;
+    showCustomDialog: (params: ShowCustomDialogParams) => void;
+}
+interface DialogsProviderProps {
+    children: ReactNode;
+}
+interface State {
+    open: boolean;
+    loading: boolean;
+    title: ReactNode;
+    content: ReactNode;
+    acceptLabel: ReactNode;
+    cancelLabel: ReactNode;
+    loadingLabel: ReactNode;
+    element?: JSX.Element;
+    onAccept?: (data: GenericFormData) => void;
+    onClose?: () => void;
+}
+export declare const initializeState: () => State;
+export declare const DialogsContext: React.Context<DialogsContext | undefined>;
+export declare const DialogsProvider: ({ children }: DialogsProviderProps) => React.JSX.Element;
+interface DialogsProviderProps {
+    children: React.ReactNode;
+}
+export declare const createDialogsProvider: () => (Component: React.ComponentType<React.PropsWithChildren>) => ({ children }: DialogsProviderProps) => React.JSX.Element;
+export {};

package/components/Dialogs/DialogsContext.js

@@ -0,0 +1,121 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initializeState = exports.createDialogsProvider = exports.DialogsProvider = exports.DialogsContext = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("../../hooks");
+var _Dialog = require("./Dialog");
+var _CustomDialog = require("./CustomDialog");
+var initializeState = exports.initializeState = function initializeState() {
+  return {
+    title: "Confirmation",
+    content: undefined,
+    acceptLabel: "Confirm",
+    cancelLabel: "Cancel",
+    loadingLabel: "Loading",
+    onAccept: undefined,
+    onClose: undefined,
+    open: false,
+    loading: false
+  };
+};
+var DialogsContext = exports.DialogsContext = /*#__PURE__*/_react.default.createContext(undefined);
+var DialogsProvider = exports.DialogsProvider = function DialogsProvider(_ref) {
+  var children = _ref.children;
+  var _useSnackbar = (0, _hooks.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  var _useState = (0, _react.useState)(initializeState()),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var showDialog = function showDialog(params) {
+    setState(function (state) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), params), {}, {
+        open: true
+      });
+    });
+  };
+  var showCustomDialog = function showCustomDialog(_ref2) {
+    var onSubmit = _ref2.onSubmit,
+      element = _ref2.element;
+    setState(function (state) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        element: element,
+        onAccept: onSubmit,
+        open: true
+      });
+    });
+  };
+  var closeDialog = function closeDialog() {
+    if (typeof state.onClose === "function") {
+      state.onClose();
+    }
+    setState(function (state) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        open: false,
+        element: undefined,
+        content: null
+      });
+    });
+  };
+  var onSubmit = async function onSubmit(data) {
+    try {
+      if (typeof state.onAccept === "function") {
+        setState(function (state) {
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+            loading: true
+          });
+        });
+        await state.onAccept(data);
+      }
+    } catch (error) {
+      showSnackbar(error.message);
+    } finally {
+      setState(function (state) {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+          loading: false
+        });
+      });
+      closeDialog();
+    }
+  };
+  var context = {
+    showDialog: showDialog,
+    showCustomDialog: showCustomDialog,
+    closeDialog: closeDialog
+  };
+  return /*#__PURE__*/_react.default.createElement(DialogsContext.Provider, {
+    value: context
+  }, children, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, state.element ? /*#__PURE__*/_react.default.createElement(_CustomDialog.CustomDialog, {
+    open: state.open,
+    loading: state.loading,
+    closeDialog: closeDialog,
+    onSubmit: onSubmit
+  }, state.element) : null, !state.element ? /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
+    title: state.title,
+    content: state.content,
+    open: state.open,
+    acceptLabel: state.acceptLabel,
+    cancelLabel: state.cancelLabel,
+    loadingLabel: state.loadingLabel,
+    loading: state.loading,
+    closeDialog: closeDialog,
+    onSubmit: onSubmit
+  }) : null));
+};
+var createDialogsProvider = exports.createDialogsProvider = function createDialogsProvider() {
+  return function (Component) {
+    return function DialogsProviderDecorator(_ref3) {
+      var children = _ref3.children;
+      return /*#__PURE__*/_react.default.createElement(DialogsProvider, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
+    };
+  };
+};
+
+//# sourceMappingURL=DialogsContext.js.map

package/components/Dialogs/DialogsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_hooks","_Dialog","_CustomDialog","initializeState","exports","title","content","undefined","acceptLabel","cancelLabel","loadingLabel","onAccept","onClose","open","loading","DialogsContext","React","createContext","DialogsProvider","_ref","children","_useSnackbar","useSnackbar","showSnackbar","_useState","useState","_useState2","_slicedToArray2","default","state","setState","showDialog","params","_objectSpread2","showCustomDialog","_ref2","onSubmit","element","closeDialog","data","error","message","context","createElement","Provider","value","Fragment","CustomDialog","Dialog","createDialogsProvider","Component","DialogsProviderDecorator","_ref3"],"sources":["DialogsContext.tsx"],"sourcesContent":["import React, { ReactNode, useState } from \"react\";\nimport { GenericFormData } from \"@webiny/form\";\nimport { useSnackbar } from \"~/hooks\";\nimport { Dialog } from \"./Dialog\";\nimport { CustomDialog } from \"./CustomDialog\";\n\ninterface ShowDialogParams {\n    title: ReactNode;\n    content: ReactNode;\n    actions?: JSX.Element;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    onAccept?: (data: GenericFormData) => void;\n    onClose?: () => void;\n}\n\ninterface ShowCustomDialogParams {\n    element: JSX.Element;\n    onSubmit?: (data: GenericFormData) => void;\n}\n\nexport interface DialogsContext {\n    showDialog: (params: ShowDialogParams) => void;\n    showCustomDialog: (params: ShowCustomDialogParams) => void;\n}\n\ninterface DialogsProviderProps {\n    children: ReactNode;\n}\n\ninterface State {\n    open: boolean;\n    loading: boolean;\n    title: ReactNode;\n    content: ReactNode;\n    acceptLabel: ReactNode;\n    cancelLabel: ReactNode;\n    loadingLabel: ReactNode;\n    element?: JSX.Element;\n    onAccept?: (data: GenericFormData) => void;\n    onClose?: () => void;\n}\n\nexport const initializeState = (): State => ({\n    title: `Confirmation`,\n    content: undefined,\n    acceptLabel: `Confirm`,\n    cancelLabel: `Cancel`,\n    loadingLabel: `Loading`,\n    onAccept: undefined,\n    onClose: undefined,\n    open: false,\n    loading: false\n});\n\nexport const DialogsContext = React.createContext<DialogsContext | undefined>(undefined);\n\nexport const DialogsProvider = ({ children }: DialogsProviderProps) => {\n    const { showSnackbar } = useSnackbar();\n\n    const [state, setState] = useState(initializeState());\n\n    const showDialog = (params: ShowDialogParams | JSX.Element) => {\n        setState(state => ({\n            ...state,\n            ...params,\n            open: true\n        }));\n    };\n\n    const showCustomDialog = ({ onSubmit, element }: ShowCustomDialogParams) => {\n        setState(state => ({\n            ...state,\n            element,\n            onAccept: onSubmit,\n            open: true\n        }));\n    };\n\n    const closeDialog = () => {\n        if (typeof state.onClose === \"function\") {\n            state.onClose();\n        }\n\n        setState(state => ({\n            ...state,\n            open: false,\n            element: undefined,\n            content: null\n        }));\n    };\n\n    const onSubmit = async (data: GenericFormData) => {\n        try {\n            if (typeof state.onAccept === \"function\") {\n                setState(state => ({\n                    ...state,\n                    loading: true\n                }));\n\n                await state.onAccept(data);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        } finally {\n            setState(state => ({\n                ...state,\n                loading: false\n            }));\n            closeDialog();\n        }\n    };\n\n    const context = {\n        showDialog,\n        showCustomDialog,\n        closeDialog\n    };\n\n    return (\n        <DialogsContext.Provider value={context}>\n            {children}\n            <>\n                {state.element ? (\n                    <CustomDialog\n                        open={state.open}\n                        loading={state.loading}\n                        closeDialog={closeDialog}\n                        onSubmit={onSubmit}\n                    >\n                        {state.element}\n                    </CustomDialog>\n                ) : null}\n                {!state.element ? (\n                    <Dialog\n                        title={state.title}\n                        content={state.content}\n                        open={state.open}\n                        acceptLabel={state.acceptLabel}\n                        cancelLabel={state.cancelLabel}\n                        loadingLabel={state.loadingLabel}\n                        loading={state.loading}\n                        closeDialog={closeDialog}\n                        onSubmit={onSubmit}\n                    />\n                ) : null}\n            </>\n        </DialogsContext.Provider>\n    );\n};\n\ninterface DialogsProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createDialogsProvider =\n    () => (Component: React.ComponentType<React.PropsWithChildren>) => {\n        return function DialogsProviderDecorator({ children }: DialogsProviderProps) {\n            return (\n                <DialogsProvider>\n                    <Component>{children}</Component>\n                </DialogsProvider>\n            );\n        };\n    };\n"],"mappings":"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","ignoreList":[]}

package/components/Dialogs/styled.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Dialog } from "@webiny/ui/Dialog";
+export declare const DialogContainer: import("@emotion/styled").StyledComponent<import("@webiny/ui/Dialog").DialogProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {
+    ref?: import("react").Ref<Dialog> | undefined;
+}>;
+export declare const DialogActions: import("@emotion/styled").StyledComponent<import("@webiny/ui/Dialog").DialogActionsProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/components/Dialogs/styled.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DialogContainer = exports.DialogActions = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _Dialog = require("@webiny/ui/Dialog");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var DialogContainer = exports.DialogContainer = /*#__PURE__*/(0, _base.default)(_Dialog.Dialog, process.env.NODE_ENV === "production" ? {
+  target: "e1n61f6p1"
+} : {
+  target: "e1n61f6p1",
+  label: "DialogContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "tscukr",
+  styles: "z-index:100;.mdc-dialog__surface{width:600px;min-width:600px;overflow:visible;}"
+} : {
+  name: "tscukr",
+  styles: "z-index:100;.mdc-dialog__surface{width:600px;min-width:600px;overflow:visible;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzZDIiwiZmlsZSI6InN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERpYWxvZywgRGlhbG9nQWN0aW9ucyBhcyBEZWZhdWx0RGlhbG9nQWN0aW9ucyB9IGZyb20gXCJAd2ViaW55L3VpL0RpYWxvZ1wiO1xuXG5leHBvcnQgY29uc3QgRGlhbG9nQ29udGFpbmVyID0gc3R5bGVkKERpYWxvZylgXG4gICAgei1pbmRleDogMTAwO1xuICAgIC5tZGMtZGlhbG9nX19zdXJmYWNlIHtcbiAgICAgICAgd2lkdGg6IDYwMHB4O1xuICAgICAgICBtaW4td2lkdGg6IDYwMHB4O1xuICAgICAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRGlhbG9nQWN0aW9ucyA9IHN0eWxlZChEZWZhdWx0RGlhbG9nQWN0aW9ucylgXG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var DialogActions = exports.DialogActions = /*#__PURE__*/(0, _base.default)(_Dialog.DialogActions, process.env.NODE_ENV === "production" ? {
+  target: "e1n61f6p0"
+} : {
+  target: "e1n61f6p0",
+  label: "DialogActions"
+})(process.env.NODE_ENV === "production" ? {
+  name: "2o6p8u",
+  styles: "justify-content:space-between"
+} : {
+  name: "2o6p8u",
+  styles: "justify-content:space-between",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXlEIiwiZmlsZSI6InN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERpYWxvZywgRGlhbG9nQWN0aW9ucyBhcyBEZWZhdWx0RGlhbG9nQWN0aW9ucyB9IGZyb20gXCJAd2ViaW55L3VpL0RpYWxvZ1wiO1xuXG5leHBvcnQgY29uc3QgRGlhbG9nQ29udGFpbmVyID0gc3R5bGVkKERpYWxvZylgXG4gICAgei1pbmRleDogMTAwO1xuICAgIC5tZGMtZGlhbG9nX19zdXJmYWNlIHtcbiAgICAgICAgd2lkdGg6IDYwMHB4O1xuICAgICAgICBtaW4td2lkdGg6IDYwMHB4O1xuICAgICAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRGlhbG9nQWN0aW9ucyA9IHN0eWxlZChEZWZhdWx0RGlhbG9nQWN0aW9ucylgXG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+//# sourceMappingURL=styled.js.map

package/components/Dialogs/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Dialog","require","_EMOTION_STRINGIFIED_CSS_ERROR__","DialogContainer","exports","_base","default","Dialog","process","env","NODE_ENV","target","label","name","styles","map","toString","DialogActions","DefaultDialogActions"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog, DialogActions as DefaultDialogActions } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer = styled(Dialog)`\n    z-index: 100;\n    .mdc-dialog__surface {\n        width: 600px;\n        min-width: 600px;\n        overflow: visible;\n    }\n`;\n\nexport const DialogActions = styled(DefaultDialogActions)`\n    justify-content: space-between;\n`;\n"],"mappings":";;;;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AAAkF,SAAAC,iCAAA;AAE3E,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,KAAA,CAAAC,OAAA,EAAOC,cAAM,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAd;AAAA,EAO5C;AAEM,IAAMe,aAAa,GAAAb,OAAA,CAAAa,aAAA,gBAAG,IAAAZ,KAAA,CAAAC,OAAA,EAAOY,qBAAoB,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAd;AAAA,EAExD","ignoreList":[]}

package/components/Dialogs/useDialogs.d.ts

@@ -0,0 +1,3 @@
+import { DialogsContext } from "./DialogsContext";
+export declare const useDialogs: () => DialogsContext;
+export { useCustomDialog } from "./CustomDialog";

package/components/Dialogs/useDialogs.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useCustomDialog", {
+  enumerable: true,
+  get: function get() {
+    return _CustomDialog.useCustomDialog;
+  }
+});
+exports.useDialogs = void 0;
+var _react = require("react");
+var _DialogsContext = require("./DialogsContext");
+var _CustomDialog = require("./CustomDialog");
+var useDialogs = exports.useDialogs = function useDialogs() {
+  var context = (0, _react.useContext)(_DialogsContext.DialogsContext);
+  if (!context) {
+    throw new Error("useDialogs must be used within a DialogsContext.Provider");
+  }
+  return context;
+};
+
+//# sourceMappingURL=useDialogs.js.map

package/components/Dialogs/useDialogs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_DialogsContext","_CustomDialog","useDialogs","exports","context","useContext","DialogsContext","Error"],"sources":["useDialogs.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { DialogsContext } from \"./DialogsContext\";\n\nexport const useDialogs = () => {\n    const context = useContext(DialogsContext);\n\n    if (!context) {\n        throw new Error(\"useDialogs must be used within a DialogsContext.Provider\");\n    }\n\n    return context;\n};\n\nexport { useCustomDialog } from \"./CustomDialog\";\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAYA,IAAAE,aAAA,GAAAF,OAAA;AAVO,IAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC5B,IAAME,OAAO,GAAG,IAAAC,iBAAU,EAACC,8BAAc,CAAC;EAE1C,IAAI,CAACF,OAAO,EAAE;IACV,MAAM,IAAIG,KAAK,CAAC,0DAA0D,CAAC;EAC/E;EAEA,OAAOH,OAAO;AAClB,CAAC","ignoreList":[]}

package/components/EmptyView.d.ts

@@ -1,8 +1,8 @@
-import { ReactElement } from "react";
+import React, { ReactElement } from "react";
 export interface EmptyViewProps {
     icon?: ReactElement;
     title: string;
     action: ReactElement | null;
 }
-declare const EmptyView: ({ icon, title, action }: EmptyViewProps) => JSX.Element;
+declare const EmptyView: ({ icon, title, action }: EmptyViewProps) => React.JSX.Element;
 export default EmptyView;

package/components/EmptyView.js

@@ -5,42 +5,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _Typography = require("@webiny/ui/Typography");
 var _touch_app = require("@material-design-icons/svg/filled/touch_app.svg");
-var EmptyViewWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var EmptyViewWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eu81oh40"
+} : {
   target: "eu81oh40",
   label: "EmptyViewWrapper"
-})({
-  width: "100%",
-  height: "80%",
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  justifyContent: "center",
-  "& .media": {
-    "& svg": {
-      width: 75,
-      height: 75,
-      fill: "var(--mdc-theme-text-icon-on-background)"
-    },
-    marginBottom: 30
-  },
-  "& .title__container": {
-    maxWidth: 276,
-    textAlign: "center",
-    marginBottom: 24,
-    "& .title": {
-      color: "var(--mdc-theme-text-secondary-on-background)"
-    }
-  },
-  "& .action__container": {
-    "& .mdc-button": {
-      padding: "0px 16px",
-      backgroundColor: "var(--mdc-theme-surface)"
-    }
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "1vdn6wi",
+  styles: "width:100%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;& .media{& svg{width:75px;height:75px;fill:var(--mdc-theme-text-icon-on-background);}margin-bottom:30px;}& .title__container{max-width:276px;text-align:center;margin-bottom:24px;& .title{color:var(--mdc-theme-text-secondary-on-background);}}& .action__container{& .mdc-button{padding:0px 16px;background-color:var(--mdc-theme-surface);}}"
+} : {
+  name: "1vdn6wi",
+  styles: "width:100%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;& .media{& svg{width:75px;height:75px;fill:var(--mdc-theme-text-icon-on-background);}margin-bottom:30px;}& .title__container{max-width:276px;text-align:center;margin-bottom:24px;& .title{color:var(--mdc-theme-text-secondary-on-background);}}& .action__container{& .mdc-button{padding:0px 16px;background-color:var(--mdc-theme-surface);}}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtcHR5Vmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3lCIiwiZmlsZSI6IkVtcHR5Vmlldy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBUb3VjaEljb24gfSBmcm9tIFwiQG1hdGVyaWFsLWRlc2lnbi1pY29ucy9zdmcvZmlsbGVkL3RvdWNoX2FwcC5zdmdcIjtcblxuY29uc3QgRW1wdHlWaWV3V3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCI4MCVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG5cbiAgICBcIiYgLm1lZGlhXCI6IHtcbiAgICAgICAgXCImIHN2Z1wiOiB7XG4gICAgICAgICAgICB3aWR0aDogNzUsXG4gICAgICAgICAgICBoZWlnaHQ6IDc1LFxuICAgICAgICAgICAgZmlsbDogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1pY29uLW9uLWJhY2tncm91bmQpXCJcbiAgICAgICAgfSxcbiAgICAgICAgbWFyZ2luQm90dG9tOiAzMFxuICAgIH0sXG4gICAgXCImIC50aXRsZV9fY29udGFpbmVyXCI6IHtcbiAgICAgICAgbWF4V2lkdGg6IDI3NixcbiAgICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgICBtYXJnaW5Cb3R0b206IDI0LFxuICAgICAgICBcIiYgLnRpdGxlXCI6IHtcbiAgICAgICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKVwiXG4gICAgICAgIH1cbiAgICB9LFxuICAgIFwiJiAuYWN0aW9uX19jb250YWluZXJcIjoge1xuICAgICAgICBcIiYgLm1kYy1idXR0b25cIjoge1xuICAgICAgICAgICAgcGFkZGluZzogXCIwcHggMTZweFwiLFxuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiXG4gICAgICAgIH1cbiAgICB9XG59KTtcbmV4cG9ydCBpbnRlcmZhY2UgRW1wdHlWaWV3UHJvcHMge1xuICAgIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBhY3Rpb246IFJlYWN0RWxlbWVudCB8IG51bGw7XG59XG5jb25zdCBFbXB0eVZpZXcgPSAoeyBpY29uID0gPFRvdWNoSWNvbiAvPiwgdGl0bGUsIGFjdGlvbiB9OiBFbXB0eVZpZXdQcm9wcykgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxFbXB0eVZpZXdXcmFwcGVyPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e1wibWVkaWFcIn0+e2ljb259PC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInRpdGxlX19jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wic3VidGl0bGUxXCJ9IGNsYXNzTmFtZT17XCJ0aXRsZVwifT5cbiAgICAgICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJhY3Rpb25fX2NvbnRhaW5lclwiPnthY3Rpb259PC9kaXY+XG4gICAgICAgIDwvRW1wdHlWaWV3V3JhcHBlcj5cbiAgICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRW1wdHlWaWV3O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var EmptyView = function EmptyView(_ref) {
   var _ref$icon = _ref.icon,
@@ -58,7 +40,6 @@ var EmptyView = function EmptyView(_ref) {
     className: "action__container"
   }, action));
 };
-var _default = EmptyView;
-exports.default = _default;
+var _default = exports.default = EmptyView;
 
 //# sourceMappingURL=EmptyView.js.map

package/components/EmptyView.js.map

@@ -1 +1 @@
-{"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 = ({ icon = <TouchIcon />, title, action }: EmptyViewProps) => {\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,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAAgE;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAA1DE,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;EACpD,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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Typography","_touch_app","_EMOTION_STRINGIFIED_CSS_ERROR__","EmptyViewWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","EmptyView","_ref","_ref$icon","icon","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 = ({ icon = <TouchIcon />, title, action }: EmptyViewProps) => {\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;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAA8F,SAAAG,iCAAA;AAE9F,IAAMC,gBAAgB,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CA8BrC,CAAC;AAMF,IAAMa,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAAgE;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAA1DE,IAAI;IAAJA,IAAI,GAAAD,SAAA,2BAAGpB,MAAA,CAAAQ,OAAA,CAAAc,aAAA,CAAClB,UAAA,CAAAmB,cAAS,MAAE,CAAC,GAAAH,SAAA;IAAEI,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,MAAM,GAAAN,IAAA,CAANM,MAAM;EACpD,oBACIzB,MAAA,CAAAQ,OAAA,CAAAc,aAAA,CAAChB,gBAAgB,qBACbN,MAAA,CAAAQ,OAAA,CAAAc,aAAA;IAAKI,SAAS,EAAE;EAAQ,GAAEL,IAAU,CAAC,eACrCrB,MAAA,CAAAQ,OAAA,CAAAc,aAAA;IAAKI,SAAS,EAAC;EAAkB,gBAC7B1B,MAAA,CAAAQ,OAAA,CAAAc,aAAA,CAACnB,WAAA,CAAAwB,UAAU;IAACC,GAAG,EAAE,WAAY;IAACF,SAAS,EAAE;EAAQ,GAC5CF,KACO,CACX,CAAC,eACNxB,MAAA,CAAAQ,OAAA,CAAAc,aAAA;IAAKI,SAAS,EAAC;EAAmB,GAAED,MAAY,CAClC,CAAC;AAE3B,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEaU,SAAS","ignoreList":[]}

package/components/Filters/Filters.d.ts

@@ -12,5 +12,5 @@ export interface FiltersProps<T> extends Pick<FormProps<T>, "data" | "onChange">
     children?: React.ReactNode;
     ["data-testid"]?: string;
 }
-export declare const Filters: <T extends GenericFormData = GenericFormData>(props: FiltersProps<T>) => JSX.Element | null;
+export declare const Filters: <T extends GenericFormData = GenericFormData>(props: FiltersProps<T>) => React.JSX.Element | null;
 export {};

package/components/Filters/Filters.js

@@ -8,7 +8,7 @@ exports.Filters = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _form = require("@webiny/form");
 var _Filters = require("./Filters.styled");
-var Filters = function Filters(props) {
+var Filters = exports.Filters = function Filters(props) {
   if (!props.show || !props.filters.length) {
     return null;
   }
@@ -25,6 +25,5 @@ var Filters = function Filters(props) {
     }), props.children);
   }));
 };
-exports.Filters = Filters;
 
 //# sourceMappingURL=Filters.js.map

package/components/Filters/Filters.js.map

@@ -1 +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","children","exports"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Form, FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\n\nimport { FilterContainer, FiltersContainer, FormContainer } from \"./Filters.styled\";\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    children?: React.ReactNode;\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                        {props.children}\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;AAkBO,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,CAAC,EACDhB,KAAK,CAACiB,QACI,CAAC;EAAA,CAElB,CACQ,CAAC;AAE3B,CAAC;AAACC,OAAA,CAAAnB,OAAA,GAAAA,OAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_form","_Filters","Filters","exports","props","show","filters","length","default","createElement","FiltersContainer","Form","data","onChange","FormContainer","map","filter","FilterContainer","key","name","element","children"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Form, FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\n\nimport { FilterContainer, FiltersContainer, FormContainer } from \"./Filters.styled\";\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    children?: React.ReactNode;\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                        {props.children}\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;AAkBO,IAAMG,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAChBE,KAAsB,EACrB;EACD,IAAI,CAACA,KAAK,CAACC,IAAI,IAAI,CAACD,KAAK,CAACE,OAAO,CAACC,MAAM,EAAE;IACtC,OAAO,IAAI;EACf;EAEA,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,QAAA,CAAAS,gBAAgB;IAAC,eAAaN,KAAK,CAAC,aAAa,CAAC,IAAI;EAAoB,gBACvEP,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,KAAA,CAAAW,IAAI;IAACC,IAAI,EAAER,KAAK,CAACQ,IAAK;IAACC,QAAQ,EAAET,KAAK,CAACS;EAAS,GAC5C;IAAA,oBACGhB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,QAAA,CAAAa,aAAa,QACTV,KAAK,CAACE,OAAO,CAACS,GAAG,CAAC,UAAAC,MAAM;MAAA,oBACrBnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,QAAA,CAAAgB,eAAe;QAACC,GAAG,EAAEF,MAAM,CAACG;MAAK,GAAEH,MAAM,CAACI,OAAyB,CAAC;IAAA,CACxE,CAAC,EACDhB,KAAK,CAACiB,QACI,CAAC;EAAA,CAElB,CACQ,CAAC;AAE3B,CAAC","ignoreList":[]}

package/components/Filters/Filters.styled.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 export declare const FiltersContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/Filters/Filters.styled.js

@@ -5,21 +5,49 @@ 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: "e16r91k80"
-})("width:100%;height:auto;background-color:var(--mdc-theme-surface);border-bottom:1px solid rgba(0,0,0,0.12);padding:8px;display:flex;justify-content:space-between;align-items:center;");
-exports.FiltersContainer = FiltersContainer;
-var FormContainer = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "FormContainer",
-  target: "e16r91k81"
-})("display:flex;flex-wrap:wrap;width:100%;");
-exports.FormContainer = FormContainer;
-var FilterContainer = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "FilterContainer",
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var FiltersContainer = exports.FiltersContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e16r91k82"
-})("padding:8px;align-items:center;display:flex;");
-exports.FilterContainer = FilterContainer;
+} : {
+  target: "e16r91k82",
+  label: "FiltersContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "b3x3hd",
+  styles: "width:100%;height:auto;background-color:var(--mdc-theme-surface);border-bottom:1px solid rgba(0, 0, 0, 0.12);padding:8px;display:flex;justify-content:space-between;align-items:center"
+} : {
+  name: "b3x3hd",
+  styles: "width:100%;height:auto;background-color:var(--mdc-theme-surface);border-bottom:1px solid rgba(0, 0, 0, 0.12);padding:8px;display:flex;justify-content:space-between;align-items:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbHRlcnMuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFMEMiLCJmaWxlIjoiRmlsdGVycy5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBGaWx0ZXJzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgIHBhZGRpbmc6IDhweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZvcm1Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbHRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogOHB4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var FormContainer = exports.FormContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e16r91k81"
+} : {
+  target: "e16r91k81",
+  label: "FormContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "w50tn5",
+  styles: "display:flex;flex-wrap:wrap;width:100%"
+} : {
+  name: "w50tn5",
+  styles: "display:flex;flex-wrap:wrap;width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbHRlcnMuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhdUMiLCJmaWxlIjoiRmlsdGVycy5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBGaWx0ZXJzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgIHBhZGRpbmc6IDhweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZvcm1Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbHRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogOHB4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var FilterContainer = exports.FilterContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e16r91k80"
+} : {
+  target: "e16r91k80",
+  label: "FilterContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1n68q9m",
+  styles: "padding:8px;align-items:center;display:flex"
+} : {
+  name: "1n68q9m",
+  styles: "padding:8px;align-items:center;display:flex",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbHRlcnMuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQnlDIiwiZmlsZSI6IkZpbHRlcnMuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgRmlsdGVyc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1kYy10aGVtZS1zdXJmYWNlKTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjEyKTtcbiAgICBwYWRkaW5nOiA4cHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBGb3JtQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICB3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWx0ZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBhZGRpbmc6IDhweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 
 //# sourceMappingURL=Filters.styled.js.map

package/components/Filters/Filters.styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["_styled","_interopRequireDefault","require","FiltersContainer","styled","label","target","exports","FormContainer","FilterContainer"],"sources":["Filters.styled.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    display: flex;\n    justify-content: space-between;\n    align-items: center;\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,0LASrC;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"}
+{"version":3,"names":["FiltersContainer","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","FormContainer","FilterContainer"],"sources":["Filters.styled.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    display: flex;\n    justify-content: space-between;\n    align-items: center;\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":";;;;;;;;;AAEO,IAAMA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,oBAAAE,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAS5B;AAEM,IAAMC,aAAa,GAAAb,OAAA,CAAAa,aAAA,oBAAAZ,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAIzB;AAEM,IAAME,eAAe,GAAAd,OAAA,CAAAc,eAAA,oBAAAb,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAI3B","ignoreList":[]}