@webiny/app-admin 0.0.0-unstable.99666aeb00 → 0.0.0-unstable.a9593f74dd

package/components/BulkActions/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useDialogWithReport";
+export * from "./Worker";

package/components/BulkActions/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useDialogWithReport = require("./useDialogWithReport");
+Object.keys(_useDialogWithReport).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDialogWithReport[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useDialogWithReport[key];
+    }
+  });
+});
+var _Worker = require("./Worker");
+Object.keys(_Worker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Worker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Worker[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

package/components/BulkActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useDialogWithReport","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Worker"],"sources":["index.ts"],"sourcesContent":["export * from \"./useDialogWithReport\";\nexport * from \"./Worker\";\n"],"mappings":";;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,oBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,oBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,oBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,OAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,OAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,OAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/components/BulkActions/useDialogWithReport/DialogMessage.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ShowResultsDialogParams } from "./index";
+declare type ResultDialogMessageProps = Pick<ShowResultsDialogParams, "results" | "message">;
+export declare const ResultDialogMessage: ({ results, message }: ResultDialogMessageProps) => JSX.Element;
+export {};

package/components/BulkActions/useDialogWithReport/DialogMessage.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResultDialogMessage = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _error = require("@material-design-icons/svg/round/error.svg");
+var _check_circle = require("@material-design-icons/svg/round/check_circle.svg");
+var _Icon = require("@webiny/ui/Icon");
+var _List = require("@webiny/ui/List");
+var _useDialogWithReport = require("./useDialogWithReport.styled");
+var ResultDialogMessage = function ResultDialogMessage(_ref) {
+  var results = _ref.results,
+    message = _ref.message;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, message && /*#__PURE__*/_react.default.createElement(_useDialogWithReport.MessageContainer, null, message), /*#__PURE__*/_react.default.createElement(_List.List, {
+    nonInteractive: true
+  }, results.map(function (result, index) {
+    return /*#__PURE__*/_react.default.createElement(_useDialogWithReport.ListItem, {
+      key: "item-".concat(index)
+    }, /*#__PURE__*/_react.default.createElement(_useDialogWithReport.ListItemGraphic, {
+      status: result.status
+    }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+      icon: result.status === "success" ? /*#__PURE__*/_react.default.createElement(_check_circle.ReactComponent, null) : /*#__PURE__*/_react.default.createElement(_error.ReactComponent, null)
+    })), /*#__PURE__*/_react.default.createElement(_List.ListItemText, null, /*#__PURE__*/_react.default.createElement(_List.ListItemTextPrimary, null, result.title), /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, result.message)));
+  })));
+};
+exports.ResultDialogMessage = ResultDialogMessage;
+
+//# sourceMappingURL=DialogMessage.js.map

package/components/BulkActions/useDialogWithReport/DialogMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_error","_check_circle","_Icon","_List","_useDialogWithReport","ResultDialogMessage","_ref","results","message","default","createElement","Fragment","MessageContainer","List","nonInteractive","map","result","index","ListItem","key","concat","ListItemGraphic","status","Icon","icon","ReactComponent","ListItemText","ListItemTextPrimary","title","ListItemTextSecondary","exports"],"sources":["DialogMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ErrorIcon } from \"@material-design-icons/svg/round/error.svg\";\nimport { ReactComponent as SuccessIcon } from \"@material-design-icons/svg/round/check_circle.svg\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { List, ListItemText, ListItemTextPrimary, ListItemTextSecondary } from \"@webiny/ui/List\";\nimport { ShowResultsDialogParams } from \"./index\";\n\nimport { ListItem, ListItemGraphic, MessageContainer } from \"./useDialogWithReport.styled\";\n\ntype ResultDialogMessageProps = Pick<ShowResultsDialogParams, \"results\" | \"message\">;\n\nexport const ResultDialogMessage = ({ results, message }: ResultDialogMessageProps) => {\n    return (\n        <>\n            {message && <MessageContainer>{message}</MessageContainer>}\n            <List nonInteractive={true}>\n                {results.map((result, index) => (\n                    <ListItem key={`item-${index}`}>\n                        <ListItemGraphic status={result.status}>\n                            <Icon\n                                icon={result.status === \"success\" ? <SuccessIcon /> : <ErrorIcon />}\n                            />\n                        </ListItemGraphic>\n                        <ListItemText>\n                            <ListItemTextPrimary>{result.title}</ListItemTextPrimary>\n                            <ListItemTextSecondary>{result.message}</ListItemTextSecondary>\n                        </ListItemText>\n                    </ListItem>\n                ))}\n            </List>\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAGA,IAAAK,oBAAA,GAAAL,OAAA;AAIO,IAAMM,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAuD;EAAA,IAAjDC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAClD,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAAAb,MAAA,CAAAY,OAAA,CAAAE,QAAA,QACKH,OAAO,iBAAIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACN,oBAAA,CAAAQ,gBAAgB,QAAEJ,OAA0B,CAAC,eAC1DX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAU,IAAI;IAACC,cAAc,EAAE;EAAK,GACtBP,OAAO,CAACQ,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK;IAAA,oBACvBpB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACN,oBAAA,CAAAc,QAAQ;MAACC,GAAG,UAAAC,MAAA,CAAUH,KAAK;IAAG,gBAC3BpB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACN,oBAAA,CAAAiB,eAAe;MAACC,MAAM,EAAEN,MAAM,CAACM;IAAO,gBACnCzB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAqB,IAAI;MACDC,IAAI,EAAER,MAAM,CAACM,MAAM,KAAK,SAAS,gBAAGzB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAwB,cAAW,MAAE,CAAC,gBAAG5B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAyB,cAAS,MAAE;IAAE,CACvE,CACY,CAAC,eAClB5B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAuB,YAAY,qBACT7B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAwB,mBAAmB,QAAEX,MAAM,CAACY,KAA2B,CAAC,eACzD/B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAA0B,qBAAqB,QAAEb,MAAM,CAACR,OAA+B,CACpD,CACR,CAAC;EAAA,CACd,CACC,CACR,CAAC;AAEX,CAAC;AAACsB,OAAA,CAAAzB,mBAAA,GAAAA,mBAAA"}

package/components/BulkActions/useDialogWithReport/index.d.ts

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

package/components/BulkActions/useDialogWithReport/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useDialogWithReport = require("./useDialogWithReport");
+Object.keys(_useDialogWithReport).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDialogWithReport[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useDialogWithReport[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

package/components/BulkActions/useDialogWithReport/index.js.map

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

package/components/BulkActions/useDialogWithReport/useDialogWithReport.d.ts

@@ -0,0 +1,17 @@
+import { Result } from "../Worker";
+export interface ShowConfirmationDialogParams {
+    execute: (() => void) | (() => Promise<void>);
+    title?: string;
+    message?: string;
+    loadingLabel?: string;
+}
+export interface ShowResultsDialogParams {
+    results: Result[];
+    title?: string;
+    message?: string;
+}
+export interface UseDialogWithReportResponse {
+    showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;
+    showResultsDialog: (results: ShowResultsDialogParams) => void;
+}
+export declare const useDialogWithReport: () => UseDialogWithReportResponse;

package/components/BulkActions/useDialogWithReport/useDialogWithReport.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDialogWithReport = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _useUi = require("@webiny/app/hooks/useUi");
+var _i18n = require("@webiny/app/i18n");
+var _Progress = require("@webiny/ui/Progress");
+var _DialogMessage = require("./DialogMessage");
+var _excluded = ["title"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var t = _i18n.i18n.ns("app-admin/hooks/use-dialog-with-report");
+var useDialogWithReport = function useDialogWithReport() {
+  var ui = (0, _useUi.useUi)();
+  var showConfirmationDialog = function showConfirmationDialog(_ref) {
+    var execute = _ref.execute,
+      title = _ref.title,
+      message = _ref.message,
+      loadingLabel = _ref.loadingLabel;
+    ui.setState(function (ui) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
+        dialog: {
+          message: message || t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Are you sure you want to continue?"]))),
+          options: {
+            title: title || t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Confirm"]))),
+            loading: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+              label: loadingLabel
+            }),
+            actions: {
+              accept: {
+                label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Confirm"]))),
+                onClick: async function onClick() {
+                  await execute();
+                }
+              },
+              cancel: {
+                label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))
+              }
+            }
+          }
+        }
+      });
+    });
+  };
+  var showResultsDialog = function showResultsDialog(_ref2) {
+    var title = _ref2.title,
+      params = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    setTimeout(function () {
+      ui.setState(function (ui) {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
+          dialog: {
+            message: /*#__PURE__*/_react.default.createElement(_DialogMessage.ResultDialogMessage, params),
+            options: {
+              title: title || t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Results"]))),
+              actions: {
+                cancel: {
+                  label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Close"])))
+                }
+              }
+            }
+          }
+        });
+      });
+    }, 10);
+  };
+  return {
+    showConfirmationDialog: showConfirmationDialog,
+    showResultsDialog: showResultsDialog
+  };
+};
+exports.useDialogWithReport = useDialogWithReport;
+
+//# sourceMappingURL=useDialogWithReport.js.map

package/components/BulkActions/useDialogWithReport/useDialogWithReport.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_useUi","_i18n","_Progress","_DialogMessage","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","useDialogWithReport","ui","useUi","showConfirmationDialog","_ref","execute","title","message","loadingLabel","setState","_objectSpread2","default","dialog","_taggedTemplateLiteral2","options","loading","createElement","CircularProgress","label","actions","accept","onClick","cancel","showResultsDialog","_ref2","params","_objectWithoutProperties2","setTimeout","ResultDialogMessage","exports"],"sources":["useDialogWithReport.tsx"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { ResultDialogMessage } from \"./DialogMessage\";\nimport { Result } from \"../Worker\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-dialog-with-report\");\n\nexport interface ShowConfirmationDialogParams {\n    execute: (() => void) | (() => Promise<void>);\n    title?: string;\n    message?: string;\n    loadingLabel?: string;\n}\n\nexport interface ShowResultsDialogParams {\n    results: Result[];\n    title?: string;\n    message?: string;\n}\n\nexport interface UseDialogWithReportResponse {\n    showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;\n    showResultsDialog: (results: ShowResultsDialogParams) => void;\n}\n\nexport const useDialogWithReport = (): UseDialogWithReportResponse => {\n    const ui = useUi();\n\n    const showConfirmationDialog = ({\n        execute,\n        title,\n        message,\n        loadingLabel\n    }: ShowConfirmationDialogParams) => {\n        ui.setState(ui => {\n            return {\n                ...ui,\n                dialog: {\n                    message: message || t`Are you sure you want to continue?`,\n                    options: {\n                        title: title || t`Confirm`,\n                        loading: <CircularProgress label={loadingLabel} />,\n                        actions: {\n                            accept: {\n                                label: t`Confirm`,\n                                onClick: async () => {\n                                    await execute();\n                                }\n                            },\n                            cancel: {\n                                label: t`Cancel`\n                            }\n                        }\n                    }\n                }\n            };\n        });\n    };\n\n    const showResultsDialog = ({ title, ...params }: ShowResultsDialogParams) => {\n        setTimeout(() => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    dialog: {\n                        message: <ResultDialogMessage {...params} />,\n                        options: {\n                            title: title || t`Results`,\n                            actions: {\n                                cancel: {\n                                    label: t`Close`\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }, 10);\n    };\n\n    return {\n        showConfirmationDialog,\n        showResultsDialog\n    };\n};\n"],"mappings":"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"}

package/components/BulkActions/useDialogWithReport/useDialogWithReport.styled.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export declare const MessageContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ListItem: import("@emotion/styled").StyledComponent<import("@rmwc/list").ListItemProps & {
+    children: import("react").ReactNode;
+    className?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    onClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare type ListItemGraphicProps = {
+    status: "success" | "failure";
+};
+export declare const ListItemGraphic: import("@emotion/styled").StyledComponent<import("@webiny/ui/List").ListItemGraphicProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & ListItemGraphicProps, {}, {}>;
+export {};

package/components/BulkActions/useDialogWithReport/useDialogWithReport.styled.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageContainer = exports.ListItemGraphic = exports.ListItem = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _List = require("@webiny/ui/List");
+var MessageContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "MessageContainer",
+  target: "ehsgn2s0"
+})("margin-bottom:16px;");
+exports.MessageContainer = MessageContainer;
+var ListItem = /*#__PURE__*/(0, _styled.default)(_List.ListItem, {
+  label: "ListItem",
+  target: "ehsgn2s1"
+})("overflow:visible !important;");
+exports.ListItem = ListItem;
+var ListItemGraphic = /*#__PURE__*/(0, _styled.default)(_List.ListItemGraphic, {
+  label: "ListItemGraphic",
+  target: "ehsgn2s2"
+})("color:", function (props) {
+  return props.status === "failure" ? "var(--mdc-theme-error)" : "var(--mdc-theme-secondary)";
+}, " !important;");
+exports.ListItemGraphic = ListItemGraphic;
+
+//# sourceMappingURL=useDialogWithReport.styled.js.map

package/components/BulkActions/useDialogWithReport/useDialogWithReport.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","_List","MessageContainer","styled","label","target","exports","ListItem","BaseListItem","ListItemGraphic","BaseListItemGraphic","props","status"],"sources":["useDialogWithReport.styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ListItemGraphic as BaseListItemGraphic, ListItem as BaseListItem } from \"@webiny/ui/List\";\n\nexport const MessageContainer = styled(\"div\")`\n    margin-bottom: 16px;\n`;\n\nexport const ListItem = styled(BaseListItem)`\n    overflow: visible !important;\n`;\n\ntype ListItemGraphicProps = {\n    status: \"success\" | \"failure\";\n};\n\nexport const ListItemGraphic = styled(BaseListItemGraphic)<ListItemGraphicProps>`\n    color: ${props =>\n        props.status === \"failure\"\n            ? \"var(--mdc-theme-error)\"\n            : \"var(--mdc-theme-secondary)\"} !important;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,IAAME,gBAAgB,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,yBAE3C;AAACC,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA;AAEK,IAAMK,QAAQ,oBAAGJ,eAAM,EAACK,cAAY;EAAAJ,KAAA;EAAAC,MAAA;AAAA,kCAE1C;AAACC,OAAA,CAAAC,QAAA,GAAAA,QAAA;AAMK,IAAME,eAAe,oBAAGN,eAAM,EAACO,qBAAmB;EAAAN,KAAA;EAAAC,MAAA;AAAA,aAC5C,UAAAM,KAAK;EAAA,OACVA,KAAK,CAACC,MAAM,KAAK,SAAS,GACpB,wBAAwB,GACxB,4BAA4B;AAAA,kBACzC;AAACN,OAAA,CAAAG,eAAA,GAAAA,eAAA"}

package/components/Buttons/Buttons.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { ButtonProps as BaseButtonProps, IconButtonProps as BaseIconButtonProps } from "@webiny/ui/Button";
+import { TooltipProps } from "@webiny/ui/Tooltip";
+import { ButtonContainer } from "./Buttons.styles";
+interface ButtonProps extends Omit<BaseButtonProps, "onClick"> {
+    onAction: (ev?: any) => void;
+}
+interface IconButtonProps extends Omit<BaseIconButtonProps, "onClick"> {
+    onAction: (ev?: any) => void;
+    tooltipPlacement?: TooltipProps["placement"];
+}
+export interface ButtonsProps {
+    actions: {
+        name: string;
+        element: React.ReactElement;
+    }[];
+}
+export declare const Buttons: (props: ButtonsProps) => JSX.Element | null;
+export { ButtonContainer };
+export declare const ButtonDefault: ({ onAction, ...other }: ButtonProps) => JSX.Element;
+export declare const ButtonPrimary: ({ onAction, ...other }: ButtonProps) => JSX.Element;
+export declare const ButtonSecondary: ({ onAction, ...other }: ButtonProps) => JSX.Element;
+export declare const IconButton: ({ label, onAction, tooltipPlacement, ...other }: IconButtonProps) => JSX.Element;

package/components/Buttons/Buttons.js

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

package/components/Buttons/Buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_Tooltip","_useButtons","_Buttons","_excluded","_excluded2","_excluded3","_excluded4","Buttons","props","actions","length","default","createElement","Fragment","map","action","ButtonContainer","key","name","ButtonsProvider","element","exports","ButtonDefault","_ref","onAction","other","_objectWithoutProperties2","Object","assign","onClick","ButtonPrimary","_ref2","ButtonSecondary","_ref3","IconButton","_ref4","label","tooltipPlacement","Tooltip","content","placement"],"sources":["Buttons.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    ButtonDefault as BaseButtonDefault,\n    ButtonPrimary as BaseButtonPrimary,\n    ButtonSecondary as BaseButtonSecondary,\n    IconButton as BaseIconButton,\n    ButtonProps as BaseButtonProps,\n    IconButtonProps as BaseIconButtonProps\n} from \"@webiny/ui/Button\";\nimport { Tooltip, TooltipProps } from \"@webiny/ui/Tooltip\";\n\nimport { ButtonsProvider } from \"./useButtons\";\nimport { ButtonContainer } from \"./Buttons.styles\";\n\ninterface ButtonProps extends Omit<BaseButtonProps, \"onClick\"> {\n    onAction: (ev?: any) => void;\n}\n\ninterface IconButtonProps extends Omit<BaseIconButtonProps, \"onClick\"> {\n    onAction: (ev?: any) => void;\n    tooltipPlacement?: TooltipProps[\"placement\"];\n}\n\nexport interface ButtonsProps {\n    actions: {\n        name: string;\n        element: React.ReactElement;\n    }[];\n}\n\nexport const Buttons = (props: ButtonsProps) => {\n    if (!props.actions.length) {\n        return null;\n    }\n\n    return (\n        <>\n            {props.actions.map(action => (\n                <ButtonContainer key={action.name}>\n                    <ButtonsProvider>{action.element}</ButtonsProvider>\n                </ButtonContainer>\n            ))}\n        </>\n    );\n};\n\nexport { ButtonContainer };\n\nexport const ButtonDefault = ({ onAction, ...other }: ButtonProps) => {\n    return <BaseButtonDefault {...other} onClick={onAction} />;\n};\n\nexport const ButtonPrimary = ({ onAction, ...other }: ButtonProps) => {\n    return <BaseButtonPrimary {...other} onClick={onAction} />;\n};\n\nexport const ButtonSecondary = ({ onAction, ...other }: ButtonProps) => {\n    return <BaseButtonSecondary {...other} onClick={onAction} />;\n};\n\nexport const IconButton = ({ label, onAction, tooltipPlacement, ...other }: IconButtonProps) => {\n    if (label) {\n        return (\n            <Tooltip content={label} placement={tooltipPlacement}>\n                <BaseIconButton {...other} onClick={onAction} />\n            </Tooltip>\n        );\n    }\n\n    return <BaseIconButton {...other} onClick={onAction} />;\n};\n"],"mappings":"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"}

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

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

package/components/Buttons/Buttons.styles.js

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

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

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

package/components/Buttons/index.d.ts

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

package/components/Buttons/index.js

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

package/components/Buttons/index.js.map

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

package/components/Buttons/useButtons.d.ts

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

package/components/Buttons/useButtons.js

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

package/components/Buttons/useButtons.js.map

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

package/components/EmptyView.d.ts

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

package/components/EmptyView.js

@@ -59,4 +59,6 @@ var EmptyView = function EmptyView(_ref) {
   }, action));
 };
 var _default = EmptyView;
-exports.default = _default;
+exports.default = _default;
+
+//# sourceMappingURL=EmptyView.js.map

package/components/EmptyView.js.map

@@ -1 +1 @@
-{"version":3,"names":["EmptyViewWrapper","styled","width","height","display","flexDirection","alignItems","justifyContent","fill","marginBottom","maxWidth","textAlign","color","padding","backgroundColor","EmptyView","icon","title","action"],"sources":["EmptyView.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as TouchIcon } from \"@material-design-icons/svg/filled/touch_app.svg\";\n\nconst EmptyViewWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"80%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n\n    \"& .media\": {\n        \"& svg\": {\n            width: 75,\n            height: 75,\n            fill: \"var(--mdc-theme-text-icon-on-background)\"\n        },\n        marginBottom: 30\n    },\n    \"& .title__container\": {\n        maxWidth: 276,\n        textAlign: \"center\",\n        marginBottom: 24,\n        \"& .title\": {\n            color: \"var(--mdc-theme-text-secondary-on-background)\"\n        }\n    },\n    \"& .action__container\": {\n        \"& .mdc-button\": {\n            padding: \"0px 16px\",\n            backgroundColor: \"var(--mdc-theme-surface)\"\n        }\n    }\n});\nexport interface EmptyViewProps {\n    icon?: ReactElement;\n    title: string;\n    action: ReactElement | null;\n}\nconst EmptyView: React.FC<EmptyViewProps> = ({ icon = <TouchIcon />, title, action }) => {\n    return (\n        <EmptyViewWrapper>\n            <div className={\"media\"}>{icon}</div>\n            <div className=\"title__container\">\n                <Typography use={\"subtitle1\"} className={\"title\"}>\n                    {title}\n                </Typography>\n            </div>\n            <div className=\"action__container\">{action}</div>\n        </EmptyViewWrapper>\n    );\n};\n\nexport default EmptyView;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,gBAAgB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACnCC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,KAAK;EACbC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE,QAAQ;EAExB,UAAU,EAAE;IACR,OAAO,EAAE;MACLL,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVK,IAAI,EAAE;IACV,CAAC;IACDC,YAAY,EAAE;EAClB,CAAC;EACD,qBAAqB,EAAE;IACnBC,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAE,QAAQ;IACnBF,YAAY,EAAE,EAAE;IAChB,UAAU,EAAE;MACRG,KAAK,EAAE;IACX;EACJ,CAAC;EACD,sBAAsB,EAAE;IACpB,eAAe,EAAE;MACbC,OAAO,EAAE,UAAU;MACnBC,eAAe,EAAE;IACrB;EACJ;AACJ,CAAC,CAAC;AAMF,IAAMC,SAAmC,GAAG,SAAtCA,SAAmC,OAAgD;EAAA,qBAA1CC,IAAI;IAAJA,IAAI,uCAAG,6BAAC,yBAAS,OAAG;IAAEC,KAAK,QAALA,KAAK;IAAEC,MAAM,QAANA,MAAM;EAC9E,oBACI,6BAAC,gBAAgB,qBACb;IAAK,SAAS,EAAE;EAAQ,GAAEF,IAAI,CAAO,eACrC;IAAK,SAAS,EAAC;EAAkB,gBAC7B,6BAAC,sBAAU;IAAC,GAAG,EAAE,WAAY;IAAC,SAAS,EAAE;EAAQ,GAC5CC,KAAK,CACG,CACX,eACN;IAAK,SAAS,EAAC;EAAmB,GAAEC,MAAM,CAAO,CAClC;AAE3B,CAAC;AAAC,eAEaH,SAAS;AAAA"}
+{"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"}

package/components/Filters/Filters.d.ts

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

package/components/Filters/Filters.js

@@ -0,0 +1,30 @@
+"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 = function Filters(props) {
+  if (!props.show || !props.filters.length) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_Filters.FiltersContainer, {
+    "data-testid": props["data-testid"] || "filters-container"
+  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
+    data: props.data,
+    onChange: props.onChange
+  }, function () {
+    return /*#__PURE__*/_react.default.createElement(_Filters.FormContainer, null, props.filters.map(function (filter) {
+      return /*#__PURE__*/_react.default.createElement(_Filters.FilterContainer, {
+        key: filter.name
+      }, filter.element);
+    }), props.children);
+  }));
+};
+exports.Filters = Filters;
+
+//# sourceMappingURL=Filters.js.map

package/components/Filters/Filters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_form","_Filters","Filters","props","show","filters","length","default","createElement","FiltersContainer","Form","data","onChange","FormContainer","map","filter","FilterContainer","key","name","element","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"}