@webiny/app-admin 5.43.2 → 6.0.0-alpha.0

package/components/Dialogs/DialogsContext.d.ts

@@ -1,23 +1,29 @@
 import React, { ReactNode } from "react";
 import { GenericFormData } from "@webiny/form";
+import { type DialogProps } from "./Dialog";
 interface ShowDialogParams {
     title: ReactNode;
+    description?: ReactNode;
+    dismissible?: boolean;
     content: ReactNode;
     actions?: JSX.Element;
+    icon?: JSX.Element;
     acceptLabel?: ReactNode;
     cancelLabel?: ReactNode;
     loadingLabel?: ReactNode;
+    dataLoadingLabel?: ReactNode;
     onAccept?: (data: GenericFormData) => void;
     onClose?: () => void;
-    formData?: GenericFormData;
+    formData?: DialogProps["formData"];
+    size?: "sm" | "md" | "lg" | "xl" | "full";
 }
 interface ShowCustomDialogParams {
     element: JSX.Element;
     onSubmit?: (data: GenericFormData) => void;
 }
 export interface DialogsContext {
-    showDialog: (params: ShowDialogParams) => void;
-    showCustomDialog: (params: ShowCustomDialogParams) => void;
+    showDialog: (params: ShowDialogParams) => () => void;
+    showCustomDialog: (params: ShowCustomDialogParams) => () => void;
 }
 interface DialogsProviderProps {
     children: ReactNode;

package/components/Dialogs/DialogsContext.js

@@ -1,84 +1,76 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import React, { useState } from "react";
+import { useSnackbar } from "../../hooks";
+import { Dialog } from "./Dialog";
+import { CustomDialog } from "./CustomDialog";
+import { createProvider } from "@webiny/app";
+import { generateId } from "@webiny/utils";
+export const initializeState = (params = {}) => ({
+  id: `dialog-${generateId()}`,
+  title: params.title ?? `Confirmation`,
+  description: params.description,
+  dismissible: params.dismissible,
+  icon: params.icon,
+  content: params.content,
+  acceptLabel: params.acceptLabel === null ? null : params.acceptLabel ?? `Confirm`,
+  cancelLabel: params.cancelLabel === null ? null : params.cancelLabel ?? `Cancel`,
+  loadingLabel: params.loadingLabel ?? `Loading...`,
+  dataLoadingLabel: params.dataLoadingLabel ?? `Loading...`,
+  onAccept: params.onAccept,
+  onClose: params.onClose,
+  open: params.open ?? false,
+  loading: params.loading ?? false,
+  element: params.element,
+  formData: params.formData ?? {},
+  size: params.size ?? "md"
 });
-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 _app = require("@webiny/app");
-var _utils = require("@webiny/utils");
-var initializeState = exports.initializeState = function initializeState() {
-  var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return {
-    id: "dialog-".concat((0, _utils.generateId)()),
-    title: params.title ?? "Confirmation",
-    content: params.content,
-    acceptLabel: params.acceptLabel ?? "Confirm",
-    cancelLabel: params.cancelLabel ?? "Cancel",
-    loadingLabel: params.loadingLabel ?? "Loading",
-    onAccept: params.onAccept,
-    onClose: params.onClose,
-    open: params.open ?? false,
-    loading: params.loading ?? false,
-    element: params.element,
-    formData: params.formData ?? {}
-  };
-};
-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)(new Map()),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    dialogs = _useState2[0],
-    setDialogs = _useState2[1];
-  var showDialog = function showDialog(params) {
-    var newDialog = initializeState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, params), {}, {
+export const DialogsContext = /*#__PURE__*/React.createContext(undefined);
+export const DialogsProvider = ({
+  children
+}) => {
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const [dialogs, setDialogs] = useState(new Map());
+  const showDialog = params => {
+    const newDialog = initializeState({
+      ...params,
       open: true
-    }));
-    setDialogs(function (dialogs) {
-      return new Map(dialogs).set(newDialog.id, newDialog);
     });
+    setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));
+    return () => closeDialog(newDialog.id);
   };
-  var showCustomDialog = function showCustomDialog(_ref2) {
-    var onSubmit = _ref2.onSubmit,
-      element = _ref2.element;
-    var newDialog = initializeState({
-      element: element,
+  const showCustomDialog = ({
+    onSubmit,
+    element
+  }) => {
+    const newDialog = initializeState({
+      element,
       onAccept: onSubmit,
       open: true
     });
-    setDialogs(function (dialogs) {
-      return new Map(dialogs).set(newDialog.id, newDialog);
-    });
+    setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));
+    return () => closeDialog(newDialog.id);
   };
-  var _closeDialog = function closeDialog(id) {
-    setDialogs(function (dialogs) {
-      var newDialogs = new Map(dialogs);
+  const closeDialog = id => {
+    setDialogs(dialogs => {
+      const newDialogs = new Map(dialogs);
       newDialogs.delete(id);
       return newDialogs;
     });
   };
-  var _onSubmit = async function onSubmit(id, data) {
-    var dialog = dialogs.get(id);
+  const onSubmit = async (id, data) => {
+    const dialog = dialogs.get(id);
     if (!dialog) {
       return;
     }
     try {
       if (typeof dialog.onAccept === "function") {
-        setDialogs(function (dialogs) {
-          var newDialogs = new Map(dialogs);
-          newDialogs.set(id, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dialog), {}, {
+        setDialogs(dialogs => {
+          const newDialogs = new Map(dialogs);
+          newDialogs.set(id, {
+            ...dialog,
             loading: true
-          }));
+          });
           return newDialogs;
         });
         await dialog.onAccept(data);
@@ -86,58 +78,55 @@ var DialogsProvider = exports.DialogsProvider = function DialogsProvider(_ref) {
     } catch (error) {
       showSnackbar(error.message);
     } finally {
-      setDialogs(function (dialogs) {
-        var newDialogs = new Map(dialogs);
-        newDialogs.set(id, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dialog), {}, {
+      setDialogs(dialogs => {
+        const newDialogs = new Map(dialogs);
+        newDialogs.set(id, {
+          ...dialog,
           loading: false
-        }));
+        });
         return newDialogs;
       });
-      _closeDialog(id);
+      closeDialog(id);
     }
   };
-  var context = {
-    showDialog: showDialog,
-    showCustomDialog: showCustomDialog,
-    closeDialog: _closeDialog
+  const context = {
+    showDialog,
+    showCustomDialog,
+    closeDialog
   };
-  return /*#__PURE__*/_react.default.createElement(DialogsContext.Provider, {
+  return /*#__PURE__*/React.createElement(DialogsContext.Provider, {
     value: context
-  }, children, Array.from(dialogs.values()).map(function (dialog) {
-    return dialog.element ? /*#__PURE__*/_react.default.createElement(_CustomDialog.CustomDialog, {
-      key: dialog.id,
-      open: dialog.open,
-      loading: dialog.loading,
-      closeDialog: function closeDialog() {
-        return _closeDialog(dialog.id);
-      },
-      onSubmit: function onSubmit(data) {
-        return _onSubmit(dialog.id, data);
-      }
-    }, dialog.element) : /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
-      key: dialog.id,
-      title: dialog.title,
-      content: dialog.content,
-      open: dialog.open,
-      acceptLabel: dialog.acceptLabel,
-      cancelLabel: dialog.cancelLabel,
-      loadingLabel: dialog.loadingLabel,
-      loading: dialog.loading,
-      closeDialog: function closeDialog() {
-        return _closeDialog(dialog.id);
-      },
-      onSubmit: function onSubmit(data) {
-        return _onSubmit(dialog.id, data);
-      },
-      formData: dialog.formData
-    });
-  }));
+  }, children, Array.from(dialogs.values()).map(dialog => dialog.element ? /*#__PURE__*/React.createElement(CustomDialog, {
+    key: dialog.id,
+    open: dialog.open,
+    loading: dialog.loading,
+    closeDialog: () => closeDialog(dialog.id),
+    onSubmit: data => onSubmit(dialog.id, data)
+  }, dialog.element) : /*#__PURE__*/React.createElement(Dialog, {
+    key: dialog.id,
+    description: dialog.description,
+    dismissible: dialog.dismissible ?? true,
+    icon: dialog.icon ?? /*#__PURE__*/React.createElement(React.Fragment, null),
+    title: dialog.title,
+    content: dialog.content,
+    open: dialog.open,
+    acceptLabel: dialog.acceptLabel,
+    cancelLabel: dialog.cancelLabel,
+    loadingLabel: dialog.loadingLabel,
+    dataLoadingLabel: dialog.dataLoadingLabel,
+    loading: dialog.loading,
+    closeDialog: () => closeDialog(dialog.id),
+    onSubmit: data => onSubmit(dialog.id, data),
+    formData: dialog.formData,
+    size: dialog.size
+  })));
 };
-var createDialogsProvider = exports.createDialogsProvider = function createDialogsProvider() {
-  return (0, _app.createProvider)(function (Component) {
-    return function DialogsProviderDecorator(_ref3) {
-      var children = _ref3.children;
-      return /*#__PURE__*/_react.default.createElement(DialogsProvider, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
+export const createDialogsProvider = () => {
+  return createProvider(Component => {
+    return function DialogsProviderDecorator({
+      children
+    }) {
+      return /*#__PURE__*/React.createElement(DialogsProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
     };
   });
 };

package/components/Dialogs/DialogsContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_hooks","_Dialog","_CustomDialog","_app","_utils","initializeState","exports","params","arguments","length","undefined","id","concat","generateId","title","content","acceptLabel","cancelLabel","loadingLabel","onAccept","onClose","open","loading","element","formData","DialogsContext","React","createContext","DialogsProvider","_ref","children","_useSnackbar","useSnackbar","showSnackbar","_useState","useState","Map","_useState2","_slicedToArray2","default","dialogs","setDialogs","showDialog","newDialog","_objectSpread2","set","showCustomDialog","_ref2","onSubmit","closeDialog","newDialogs","delete","data","dialog","get","error","message","context","createElement","Provider","value","Array","from","values","map","CustomDialog","key","Dialog","createDialogsProvider","createProvider","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\";\nimport { createProvider } from \"@webiny/app\";\nimport { generateId } from \"@webiny/utils\";\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    formData?: GenericFormData;\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 DialogState extends ShowDialogParams {\n    id: string;\n    open: boolean;\n    loading: boolean;\n    element?: JSX.Element;\n}\n\nexport const initializeState = (params: Partial<DialogState> = {}): DialogState => ({\n    id: `dialog-${generateId()}`,\n    title: params.title ?? `Confirmation`,\n    content: params.content,\n    acceptLabel: params.acceptLabel ?? `Confirm`,\n    cancelLabel: params.cancelLabel ?? `Cancel`,\n    loadingLabel: params.loadingLabel ?? `Loading`,\n    onAccept: params.onAccept,\n    onClose: params.onClose,\n    open: params.open ?? false,\n    loading: params.loading ?? false,\n    element: params.element,\n    formData: params.formData ?? {}\n});\n\nexport const DialogsContext = React.createContext<DialogsContext | undefined>(undefined);\n\nexport const DialogsProvider = ({ children }: DialogsProviderProps) => {\n    const { showSnackbar } = useSnackbar();\n    const [dialogs, setDialogs] = useState<Map<string, DialogState>>(new Map());\n\n    const showDialog = (params: ShowDialogParams) => {\n        const newDialog = initializeState({ ...params, open: true });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n    };\n\n    const showCustomDialog = ({ onSubmit, element }: ShowCustomDialogParams) => {\n        const newDialog = initializeState({\n            element,\n            onAccept: onSubmit,\n            open: true\n        });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n    };\n\n    const closeDialog = (id: string) => {\n        setDialogs(dialogs => {\n            const newDialogs = new Map(dialogs);\n            newDialogs.delete(id);\n            return newDialogs;\n        });\n    };\n\n    const onSubmit = async (id: string, data: GenericFormData) => {\n        const dialog = dialogs.get(id);\n        if (!dialog) {\n            return;\n        }\n\n        try {\n            if (typeof dialog.onAccept === \"function\") {\n                setDialogs(dialogs => {\n                    const newDialogs = new Map(dialogs);\n                    newDialogs.set(id, { ...dialog, loading: true });\n                    return newDialogs;\n                });\n\n                await dialog.onAccept(data);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        } finally {\n            setDialogs(dialogs => {\n                const newDialogs = new Map(dialogs);\n                newDialogs.set(id, { ...dialog, loading: false });\n                return newDialogs;\n            });\n            closeDialog(id);\n        }\n    };\n\n    const context = {\n        showDialog,\n        showCustomDialog,\n        closeDialog\n    };\n\n    return (\n        <DialogsContext.Provider value={context}>\n            {children}\n            {Array.from(dialogs.values()).map(dialog =>\n                dialog.element ? (\n                    <CustomDialog\n                        key={dialog.id}\n                        open={dialog.open}\n                        loading={dialog.loading}\n                        closeDialog={() => closeDialog(dialog.id)}\n                        onSubmit={data => onSubmit(dialog.id, data)}\n                    >\n                        {dialog.element}\n                    </CustomDialog>\n                ) : (\n                    <Dialog\n                        key={dialog.id}\n                        title={dialog.title}\n                        content={dialog.content}\n                        open={dialog.open}\n                        acceptLabel={dialog.acceptLabel}\n                        cancelLabel={dialog.cancelLabel}\n                        loadingLabel={dialog.loadingLabel}\n                        loading={dialog.loading}\n                        closeDialog={() => closeDialog(dialog.id)}\n                        onSubmit={data => onSubmit(dialog.id, data)}\n                        formData={dialog.formData}\n                    />\n                )\n            )}\n        </DialogsContext.Provider>\n    );\n};\n\nexport const createDialogsProvider = () => {\n    return createProvider(Component => {\n        return function DialogsProviderDecorator({ children }: DialogsProviderProps) {\n            return (\n                <DialogsProvider>\n                    <Component>{children}</Component>\n                </DialogsProvider>\n            );\n        };\n    });\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useSnackbar","Dialog","CustomDialog","createProvider","generateId","initializeState","params","id","title","description","dismissible","icon","content","acceptLabel","cancelLabel","loadingLabel","dataLoadingLabel","onAccept","onClose","open","loading","element","formData","size","DialogsContext","createContext","undefined","DialogsProvider","children","showSnackbar","dialogs","setDialogs","Map","showDialog","newDialog","set","closeDialog","showCustomDialog","onSubmit","newDialogs","delete","data","dialog","get","error","message","context","createElement","Provider","value","Array","from","values","map","key","Fragment","createDialogsProvider","Component","DialogsProviderDecorator"],"sources":["DialogsContext.tsx"],"sourcesContent":["import React, { ReactNode, useState } from \"react\";\nimport { GenericFormData } from \"@webiny/form\";\nimport { useSnackbar } from \"~/hooks\";\nimport { Dialog, type DialogProps } from \"./Dialog\";\nimport { CustomDialog } from \"./CustomDialog\";\nimport { createProvider } from \"@webiny/app\";\nimport { generateId } from \"@webiny/utils\";\n\ninterface ShowDialogParams {\n    title: ReactNode;\n    description?: ReactNode;\n    dismissible?: boolean;\n    content: ReactNode;\n    actions?: JSX.Element;\n    icon?: JSX.Element;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    dataLoadingLabel?: ReactNode;\n    onAccept?: (data: GenericFormData) => void;\n    onClose?: () => void;\n    formData?: DialogProps[\"formData\"];\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\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 DialogState extends ShowDialogParams {\n    id: string;\n    open: boolean;\n    loading: boolean;\n    element?: JSX.Element;\n}\n\nexport const initializeState = (params: Partial<DialogState> = {}): DialogState => ({\n    id: `dialog-${generateId()}`,\n    title: params.title ?? `Confirmation`,\n    description: params.description,\n    dismissible: params.dismissible,\n    icon: params.icon,\n    content: params.content,\n    acceptLabel: params.acceptLabel === null ? null : params.acceptLabel ?? `Confirm`,\n    cancelLabel: params.cancelLabel === null ? null : params.cancelLabel ?? `Cancel`,\n    loadingLabel: params.loadingLabel ?? `Loading...`,\n    dataLoadingLabel: params.dataLoadingLabel ?? `Loading...`,\n    onAccept: params.onAccept,\n    onClose: params.onClose,\n    open: params.open ?? false,\n    loading: params.loading ?? false,\n    element: params.element,\n    formData: params.formData ?? {},\n    size: params.size ?? \"md\"\n});\n\nexport const DialogsContext = React.createContext<DialogsContext | undefined>(undefined);\n\nexport const DialogsProvider = ({ children }: DialogsProviderProps) => {\n    const { showSnackbar } = useSnackbar();\n    const [dialogs, setDialogs] = useState<Map<string, DialogState>>(new Map());\n\n    const showDialog = (params: ShowDialogParams) => {\n        const newDialog = initializeState({ ...params, open: true });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n        return () => closeDialog(newDialog.id);\n    };\n\n    const showCustomDialog = ({ onSubmit, element }: ShowCustomDialogParams) => {\n        const newDialog = initializeState({\n            element,\n            onAccept: onSubmit,\n            open: true\n        });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n        return () => closeDialog(newDialog.id);\n    };\n\n    const closeDialog = (id: string) => {\n        setDialogs(dialogs => {\n            const newDialogs = new Map(dialogs);\n            newDialogs.delete(id);\n            return newDialogs;\n        });\n    };\n\n    const onSubmit = async (id: string, data: GenericFormData) => {\n        const dialog = dialogs.get(id);\n        if (!dialog) {\n            return;\n        }\n\n        try {\n            if (typeof dialog.onAccept === \"function\") {\n                setDialogs(dialogs => {\n                    const newDialogs = new Map(dialogs);\n                    newDialogs.set(id, { ...dialog, loading: true });\n                    return newDialogs;\n                });\n\n                await dialog.onAccept(data);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        } finally {\n            setDialogs(dialogs => {\n                const newDialogs = new Map(dialogs);\n                newDialogs.set(id, { ...dialog, loading: false });\n                return newDialogs;\n            });\n            closeDialog(id);\n        }\n    };\n\n    const context = {\n        showDialog,\n        showCustomDialog,\n        closeDialog\n    };\n\n    return (\n        <DialogsContext.Provider value={context}>\n            {children}\n            {Array.from(dialogs.values()).map(dialog =>\n                dialog.element ? (\n                    <CustomDialog\n                        key={dialog.id}\n                        open={dialog.open}\n                        loading={dialog.loading}\n                        closeDialog={() => closeDialog(dialog.id)}\n                        onSubmit={data => onSubmit(dialog.id, data)}\n                    >\n                        {dialog.element}\n                    </CustomDialog>\n                ) : (\n                    <Dialog\n                        key={dialog.id}\n                        description={dialog.description}\n                        dismissible={dialog.dismissible ?? true}\n                        icon={dialog.icon ?? <></>}\n                        title={dialog.title}\n                        content={dialog.content}\n                        open={dialog.open}\n                        acceptLabel={dialog.acceptLabel}\n                        cancelLabel={dialog.cancelLabel}\n                        loadingLabel={dialog.loadingLabel}\n                        dataLoadingLabel={dialog.dataLoadingLabel}\n                        loading={dialog.loading}\n                        closeDialog={() => closeDialog(dialog.id)}\n                        onSubmit={data => onSubmit(dialog.id, data)}\n                        formData={dialog.formData}\n                        size={dialog.size}\n                    />\n                )\n            )}\n        </DialogsContext.Provider>\n    );\n};\n\nexport const createDialogsProvider = () => {\n    return createProvider(Component => {\n        return function DialogsProviderDecorator({ children }: DialogsProviderProps) {\n            return (\n                <DialogsProvider>\n                    <Component>{children}</Component>\n                </DialogsProvider>\n            );\n        };\n    });\n};\n"],"mappings":"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","ignoreList":[]}

package/components/Dialogs/useDialogs.js

@@ -1,24 +1,12 @@
-"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);
+import { useContext } from "react";
+import { DialogsContext } from "./DialogsContext";
+export const useDialogs = () => {
+  const context = useContext(DialogsContext);
   if (!context) {
     throw new Error("useDialogs must be used within a DialogsContext.Provider");
   }
   return context;
 };
+export { useCustomDialog } from "./CustomDialog";
 
 //# sourceMappingURL=useDialogs.js.map

package/components/Dialogs/useDialogs.js.map

@@ -1 +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":[]}
+{"version":3,"names":["useContext","DialogsContext","useDialogs","context","Error","useCustomDialog"],"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,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,cAAc;AAEvB,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAGH,UAAU,CAACC,cAAc,CAAC;EAE1C,IAAI,CAACE,OAAO,EAAE;IACV,MAAM,IAAIC,KAAK,CAAC,0DAA0D,CAAC;EAC/E;EAEA,OAAOD,OAAO;AAClB,CAAC;AAED,SAASE,eAAe","ignoreList":[]}

package/components/EmptyView.d.ts

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

package/components/EmptyView.js

@@ -1,45 +1,35 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _Typography = require("@webiny/ui/Typography");
-var _touch_app = require("@material-design-icons/svg/filled/touch_app.svg");
-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"
-})(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,
-    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", {
-    className: "title__container"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "subtitle1",
-    className: "title"
-  }, title)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "action__container"
+import React from "react";
+import { Icon, Text } from "@webiny/admin-ui";
+import { ReactComponent as FileIcon } from "@webiny/icons/description.svg";
+const EmptyView = ({
+  icon = /*#__PURE__*/React.createElement(FileIcon, null),
+  title,
+  action
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-h-full wby-flex wby-flex-col wby-items-center wby-justify-center wby-gap-md"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-justify-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 128,
+      height: 128
+    },
+    className: "wby-flex wby-justify-center wby-items-center wby-bg-neutral-dimmed wby-rounded-full wby-fill-neutral-strong [&_svg]:wby-size-[48px]"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    label: "Empty"
+  }))), /*#__PURE__*/React.createElement(Text, {
+    size: "md",
+    className: "wby-text-center wby-text-neutral-strong",
+    as: "div",
+    style: {
+      maxWidth: 276
+    }
+  }, title), action && /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-justify-center wby-gap-sm"
   }, action));
 };
-var _default = exports.default = EmptyView;
+export default EmptyView;
 
 //# sourceMappingURL=EmptyView.js.map

package/components/EmptyView.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["React","Icon","Text","ReactComponent","FileIcon","EmptyView","icon","createElement","title","action","className","style","width","height","label","size","as","maxWidth"],"sources":["EmptyView.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Icon, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as FileIcon } from \"@webiny/icons/description.svg\";\n\nexport interface EmptyViewProps {\n    icon?: ReactElement;\n    title: string;\n    action?: ReactElement | null;\n}\nconst EmptyView = ({ icon = <FileIcon />, title, action }: EmptyViewProps) => {\n    return (\n        <div className=\"wby-w-full wby-h-full wby-flex wby-flex-col wby-items-center wby-justify-center wby-gap-md\">\n            <div className=\"wby-flex wby-justify-center\">\n                <div\n                    style={{ width: 128, height: 128 }}\n                    className=\"wby-flex wby-justify-center wby-items-center wby-bg-neutral-dimmed wby-rounded-full wby-fill-neutral-strong [&_svg]:wby-size-[48px]\"\n                >\n                    <Icon icon={icon} label={\"Empty\"} />\n                </div>\n            </div>\n            <Text\n                size={\"md\"}\n                className={\"wby-text-center wby-text-neutral-strong\"}\n                as={\"div\"}\n                style={{ maxWidth: 276 }}\n            >\n                {title}\n            </Text>\n            {action && <div className={\"wby-flex wby-justify-center wby-gap-sm\"}>{action}</div>}\n        </div>\n    );\n};\n\nexport default EmptyView;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAwB,OAAO;AAC3C,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAO1E,MAAMC,SAAS,GAAGA,CAAC;EAAEC,IAAI,gBAAGN,KAAA,CAAAO,aAAA,CAACH,QAAQ,MAAE,CAAC;EAAEI,KAAK;EAAEC;AAAuB,CAAC,KAAK;EAC1E,oBACIT,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAC;EAA4F,gBACvGV,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAC;EAA6B,gBACxCV,KAAA,CAAAO,aAAA;IACII,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAI,CAAE;IACnCH,SAAS,EAAC;EAAqI,gBAE/IV,KAAA,CAAAO,aAAA,CAACN,IAAI;IAACK,IAAI,EAAEA,IAAK;IAACQ,KAAK,EAAE;EAAQ,CAAE,CAClC,CACJ,CAAC,eACNd,KAAA,CAAAO,aAAA,CAACL,IAAI;IACDa,IAAI,EAAE,IAAK;IACXL,SAAS,EAAE,yCAA0C;IACrDM,EAAE,EAAE,KAAM;IACVL,KAAK,EAAE;MAAEM,QAAQ,EAAE;IAAI;EAAE,GAExBT,KACC,CAAC,EACNC,MAAM,iBAAIT,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAE;EAAyC,GAAED,MAAY,CACjF,CAAC;AAEd,CAAC;AAED,eAAeJ,SAAS","ignoreList":[]}

package/components/Filters/Filters.js

@@ -1,29 +1,21 @@
-"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.styled");
-var Filters = exports.Filters = function Filters(props) {
+import React from "react";
+import { Separator } from "@webiny/admin-ui";
+import { Form } from "@webiny/form";
+export const Filters = props => {
   if (!props.show || !props.filters.length) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_Filters.FiltersContainer, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-bg-neutral-base wby-px-md wby-my-sm",
     "data-testid": props["data-testid"] || "filters-container"
-  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
+  }, /*#__PURE__*/React.createElement(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);
-    }), props.children);
-  }));
+  }, () => /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-flex wby-gap-sm wby-flex-wrap"
+  }, props.filters.map(filter => /*#__PURE__*/React.createElement("div", {
+    key: filter.name
+  }, filter.element)), props.children))), /*#__PURE__*/React.createElement(Separator, null));
 };
 
 //# sourceMappingURL=Filters.js.map

package/components/Filters/Filters.js.map

@@ -1 +1 @@
-{"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 GenericFormData = GenericFormData>\n    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;AAmBO,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":[]}
+{"version":3,"names":["React","Separator","Form","Filters","props","show","filters","length","createElement","Fragment","className","data","onChange","map","filter","key","name","element","children"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport { Form, FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\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 GenericFormData = GenericFormData>\n    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        <>\n            <div\n                className={\"wby-w-full wby-bg-neutral-base wby-px-md wby-my-sm\"}\n                data-testid={props[\"data-testid\"] || \"filters-container\"}\n            >\n                <Form data={props.data} onChange={props.onChange}>\n                    {() => (\n                        <div className={\"wby-w-full wby-flex wby-gap-sm wby-flex-wrap\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name}>{filter.element}</div>\n                            ))}\n                            {props.children}\n                        </div>\n                    )}\n                </Form>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,IAAI,QAAkD,cAAc;AAmB7E,OAAO,MAAMC,OAAO,GAChBC,KAAsB,IACrB;EACD,IAAI,CAACA,KAAK,CAACC,IAAI,IAAI,CAACD,KAAK,CAACE,OAAO,CAACC,MAAM,EAAE;IACtC,OAAO,IAAI;EACf;EAEA,oBACIP,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,qBACIT,KAAA,CAAAQ,aAAA;IACIE,SAAS,EAAE,oDAAqD;IAChE,eAAaN,KAAK,CAAC,aAAa,CAAC,IAAI;EAAoB,gBAEzDJ,KAAA,CAAAQ,aAAA,CAACN,IAAI;IAACS,IAAI,EAAEP,KAAK,CAACO,IAAK;IAACC,QAAQ,EAAER,KAAK,CAACQ;EAAS,GAC5C,mBACGZ,KAAA,CAAAQ,aAAA;IAAKE,SAAS,EAAE;EAA+C,GAC1DN,KAAK,CAACE,OAAO,CAACO,GAAG,CAACC,MAAM,iBACrBd,KAAA,CAAAQ,aAAA;IAAKO,GAAG,EAAED,MAAM,CAACE;EAAK,GAAEF,MAAM,CAACG,OAAa,CAC/C,CAAC,EACDb,KAAK,CAACc,QACN,CAEP,CACL,CAAC,eACNlB,KAAA,CAAAQ,aAAA,CAACP,SAAS,MAAE,CACd,CAAC;AAEX,CAAC","ignoreList":[]}

package/components/Filters/FiltersToggle.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface FiltersToggleProps {
+    onFiltersToggle: () => void;
+    showingFilters: boolean;
+    "data-testid"?: string;
+}
+export declare const FiltersToggle: (props: FiltersToggleProps) => React.JSX.Element;

package/components/Filters/FiltersToggle.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { IconButton, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent as FilterIcon } from "@webiny/icons/filter_list.svg";
+import { ReactComponent as CloseFilterIcon } from "@webiny/icons/filter_list_off.svg";
+const Icon = ({
+  showingFilters
+}) => {
+  return showingFilters ? /*#__PURE__*/React.createElement(CloseFilterIcon, null) : /*#__PURE__*/React.createElement(FilterIcon, null);
+};
+const IconComponent = /*#__PURE__*/React.memo(Icon);
+export const FiltersToggle = props => {
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    side: "bottom",
+    content: props.showingFilters ? "Hide filters" : "Show filters",
+    trigger: /*#__PURE__*/React.createElement(IconButton, {
+      variant: "ghost",
+      icon: /*#__PURE__*/React.createElement(IconComponent, {
+        showingFilters: props.showingFilters
+      }),
+      onClick: props.onFiltersToggle,
+      "data-testid": props["data-testid"]
+    })
+  });
+};
+
+//# sourceMappingURL=FiltersToggle.js.map

package/components/Filters/FiltersToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","IconButton","Tooltip","ReactComponent","FilterIcon","CloseFilterIcon","Icon","showingFilters","createElement","IconComponent","memo","FiltersToggle","props","side","content","trigger","variant","icon","onClick","onFiltersToggle"],"sources":["FiltersToggle.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as FilterIcon } from \"@webiny/icons/filter_list.svg\";\nimport { ReactComponent as CloseFilterIcon } from \"@webiny/icons/filter_list_off.svg\";\n\ninterface IconProps {\n    showingFilters?: boolean;\n}\n\nconst Icon = ({ showingFilters }: IconProps) => {\n    return showingFilters ? <CloseFilterIcon /> : <FilterIcon />;\n};\nconst IconComponent = React.memo(Icon);\n\nexport interface FiltersToggleProps {\n    onFiltersToggle: () => void;\n    showingFilters: boolean;\n    \"data-testid\"?: string;\n}\n\nexport const FiltersToggle = (props: FiltersToggleProps) => {\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={props.showingFilters ? \"Hide filters\" : \"Show filters\"}\n            trigger={\n                <IconButton\n                    variant={\"ghost\"}\n                    icon={<IconComponent showingFilters={props.showingFilters} />}\n                    onClick={props.onFiltersToggle}\n                    data-testid={props[\"data-testid\"]}\n                />\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AACtD,SAASC,cAAc,IAAIC,UAAU,QAAQ,+BAA+B;AAC5E,SAASD,cAAc,IAAIE,eAAe,QAAQ,mCAAmC;AAMrF,MAAMC,IAAI,GAAGA,CAAC;EAAEC;AAA0B,CAAC,KAAK;EAC5C,OAAOA,cAAc,gBAAGP,KAAA,CAAAQ,aAAA,CAACH,eAAe,MAAE,CAAC,gBAAGL,KAAA,CAAAQ,aAAA,CAACJ,UAAU,MAAE,CAAC;AAChE,CAAC;AACD,MAAMK,aAAa,gBAAGT,KAAK,CAACU,IAAI,CAACJ,IAAI,CAAC;AAQtC,OAAO,MAAMK,aAAa,GAAIC,KAAyB,IAAK;EACxD,oBACIZ,KAAA,CAAAQ,aAAA,CAACN,OAAO;IACJW,IAAI,EAAE,QAAS;IACfC,OAAO,EAAEF,KAAK,CAACL,cAAc,GAAG,cAAc,GAAG,cAAe;IAChEQ,OAAO,eACHf,KAAA,CAAAQ,aAAA,CAACP,UAAU;MACPe,OAAO,EAAE,OAAQ;MACjBC,IAAI,eAAEjB,KAAA,CAAAQ,aAAA,CAACC,aAAa;QAACF,cAAc,EAAEK,KAAK,CAACL;MAAe,CAAE,CAAE;MAC9DW,OAAO,EAAEN,KAAK,CAACO,eAAgB;MAC/B,eAAaP,KAAK,CAAC,aAAa;IAAE,CACrC;EACJ,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/Filters/index.d.ts

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