@webiny/app-aco 0.0.0-unstable.aad28a72ae

package/components/Dialogs/DialogDelete.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FolderDialogDelete = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _appAdmin = require("@webiny/app-admin");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Button = require("@webiny/ui/Button");
+
+var _Dialog = require("@webiny/ui/Dialog");
+
+var _Progress = require("@webiny/ui/Progress");
+
+var _hooks = require("../../hooks");
+
+var _styled = require("./styled");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+
+var t = _i18n.i18n.ns("app-headless-cms/app-page-builder/page-details/header/delete-page");
+
+var FolderDialogDelete = function FolderDialogDelete(_ref) {
+  var folder = _ref.folder,
+      open = _ref.open,
+      onClose = _ref.onClose;
+
+  var _useFolders = (0, _hooks.useFolders)(folder.type),
+      deleteFolder = _useFolders.deleteFolder,
+      loading = _useFolders.loading;
+
+  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
+      showSnackbar = _useSnackbar.showSnackbar;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      dialogOpen = _useState2[0],
+      setDialogOpen = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    setDialogOpen(open);
+  }, [open]);
+  var folderDisplayName = (0, _react.useMemo)(function () {
+    return folder.name.length > 20 ? folder.name.slice(0, 20).concat("...") : folder.name;
+  }, [folder.name]);
+
+  var onSubmit = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      var result;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return deleteFolder(folder);
+
+            case 3:
+              result = _context.sent;
+
+              if (!result) {
+                _context.next = 9;
+                break;
+              }
+
+              setDialogOpen(false);
+              showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["The folder \"{name}\" was deleted successfully."])))({
+                name: folderDisplayName
+              }));
+              _context.next = 10;
+              break;
+
+            case 9:
+              throw new Error(t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Error while deleting page \"{name}\"!"])))({
+                name: folderDisplayName
+              }));
+
+            case 10:
+              _context.next = 15;
+              break;
+
+            case 12:
+              _context.prev = 12;
+              _context.t0 = _context["catch"](0);
+              showSnackbar(_context.t0);
+
+            case 15:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 12]]);
+    }));
+
+    return function onSubmit() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/_react.default.createElement(_styled.DialogContainer, {
+    open: dialogOpen,
+    onClose: onClose
+  }, loading.DELETE && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+    label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Deleting folder..."])))
+  }), /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Delete folder"])))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["You are about to delete the entire folder \"{name}\" and all the entries inside! Are you sure you want to continue?"])))({
+    name: folderDisplayName
+  })), /*#__PURE__*/_react.default.createElement(_styled.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
+    onClick: function onClick() {
+      setDialogOpen(false);
+    }
+  }, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+    onClick: function onClick() {
+      onSubmit();
+    }
+  }, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Delete folder"]))))));
+};
+
+exports.FolderDialogDelete = FolderDialogDelete;

package/components/Dialogs/DialogDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","FolderDialogDelete","folder","open","onClose","useFolders","type","deleteFolder","loading","useSnackbar","showSnackbar","useState","dialogOpen","setDialogOpen","useEffect","folderDisplayName","useMemo","name","length","slice","concat","onSubmit","result","Error","DELETE"],"sources":["DialogDelete.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\n\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { DialogContent, DialogOnClose, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nimport { useFolders } from \"~/hooks\";\n\nimport { DialogContainer, DialogActions } from \"./styled\";\n\nconst t = i18n.ns(\"app-headless-cms/app-page-builder/page-details/header/delete-page\");\n\nimport { FolderItem } from \"~/types\";\n\ntype Props = {\n    folder: FolderItem;\n    open: boolean;\n    onClose: DialogOnClose;\n};\n\nexport const FolderDialogDelete = ({ folder, open, onClose }: Props) => {\n    const { deleteFolder, loading } = useFolders(folder.type);\n    const { showSnackbar } = useSnackbar();\n    const [dialogOpen, setDialogOpen] = useState(false);\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    const folderDisplayName = useMemo(\n        () => (folder.name.length > 20 ? folder.name.slice(0, 20).concat(\"...\") : folder.name),\n        [folder.name]\n    );\n\n    const onSubmit = async () => {\n        try {\n            const result = await deleteFolder(folder);\n\n            if (result) {\n                setDialogOpen(false);\n                showSnackbar(\n                    t`The folder \"{name}\" was deleted successfully.`({\n                        name: folderDisplayName\n                    })\n                );\n            } else {\n                throw new Error(\n                    t`Error while deleting page \"{name}\"!`({\n                        name: folderDisplayName\n                    })\n                );\n            }\n        } catch (error) {\n            showSnackbar(error);\n        }\n    };\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {loading.DELETE && <CircularProgress label={t`Deleting folder...`} />}\n            <DialogTitle>{t`Delete folder`}</DialogTitle>\n            <DialogContent>\n                {t`You are about to delete the entire folder \"{name}\" and all the entries inside! Are you sure you want to continue?`(\n                    {\n                        name: folderDisplayName\n                    }\n                )}\n            </DialogContent>\n            <DialogActions>\n                <ButtonDefault\n                    onClick={() => {\n                        setDialogOpen(false);\n                    }}\n                >\n                    {t`Cancel`}\n                </ButtonDefault>\n                <ButtonPrimary\n                    onClick={() => {\n                        onSubmit();\n                    }}\n                >\n                    {t`Delete folder`}\n                </ButtonPrimary>\n            </DialogActions>\n        </DialogContainer>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,mEAAR,CAAV;;AAUO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsC;EAAA,IAAnCC,MAAmC,QAAnCA,MAAmC;EAAA,IAA3BC,IAA2B,QAA3BA,IAA2B;EAAA,IAArBC,OAAqB,QAArBA,OAAqB;;EACpE,kBAAkC,IAAAC,iBAAA,EAAWH,MAAM,CAACI,IAAlB,CAAlC;EAAA,IAAQC,YAAR,eAAQA,YAAR;EAAA,IAAsBC,OAAtB,eAAsBA,OAAtB;;EACA,mBAAyB,IAAAC,qBAAA,GAAzB;EAAA,IAAQC,YAAR,gBAAQA,YAAR;;EACA,gBAAoC,IAAAC,eAAA,EAAS,KAAT,CAApC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,aAAnB;;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACZD,aAAa,CAACV,IAAD,CAAb;EACH,CAFD,EAEG,CAACA,IAAD,CAFH;EAIA,IAAMY,iBAAiB,GAAG,IAAAC,cAAA,EACtB;IAAA,OAAOd,MAAM,CAACe,IAAP,CAAYC,MAAZ,GAAqB,EAArB,GAA0BhB,MAAM,CAACe,IAAP,CAAYE,KAAZ,CAAkB,CAAlB,EAAqB,EAArB,EAAyBC,MAAzB,CAAgC,KAAhC,CAA1B,GAAmElB,MAAM,CAACe,IAAjF;EAAA,CADsB,EAEtB,CAACf,MAAM,CAACe,IAAR,CAFsB,CAA1B;;EAKA,IAAMI,QAAQ;IAAA,mGAAG;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA;cAAA;cAAA,OAEYd,YAAY,CAACL,MAAD,CAFxB;;YAAA;cAEHoB,MAFG;;cAAA,KAILA,MAJK;gBAAA;gBAAA;cAAA;;cAKLT,aAAa,CAAC,KAAD,CAAb;cACAH,YAAY,CACRZ,CAAC,kIAAD,CAAiD;gBAC7CmB,IAAI,EAAEF;cADuC,CAAjD,CADQ,CAAZ;cANK;cAAA;;YAAA;cAAA,MAYC,IAAIQ,KAAJ,CACFzB,CAAC,0HAAD,CAAuC;gBACnCmB,IAAI,EAAEF;cAD6B,CAAvC,CADE,CAZD;;YAAA;cAAA;cAAA;;YAAA;cAAA;cAAA;cAmBTL,YAAY,aAAZ;;YAnBS;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,CAAH;;IAAA,gBAARW,QAAQ;MAAA;IAAA;EAAA,GAAd;;EAuBA,oBACI,6BAAC,uBAAD;IAAiB,IAAI,EAAET,UAAvB;IAAmC,OAAO,EAAER;EAA5C,GACKI,OAAO,CAACgB,MAAR,iBAAkB,6BAAC,0BAAD;IAAkB,KAAK,EAAE1B,CAAF;EAAvB,EADvB,eAEI,6BAAC,mBAAD,QAAcA,CAAd,mGAFJ,eAGI,6BAAC,qBAAD,QACKA,CAAC,wMAAD,CACG;IACImB,IAAI,EAAEF;EADV,CADH,CADL,CAHJ,eAUI,6BAAC,qBAAD,qBACI,6BAAC,qBAAD;IACI,OAAO,EAAE,mBAAM;MACXF,aAAa,CAAC,KAAD,CAAb;IACH;EAHL,GAKKf,CALL,4FADJ,eAQI,6BAAC,qBAAD;IACI,OAAO,EAAE,mBAAM;MACXuB,QAAQ;IACX;EAHL,GAKKvB,CALL,mGARJ,CAVJ,CADJ;AA6BH,CAlEM"}

package/components/Dialogs/DialogUpdate.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { DialogOnClose } from "@webiny/ui/Dialog";
+import { FolderItem } from "../../types";
+declare type Props = {
+    folder: FolderItem;
+    open: boolean;
+    onClose: DialogOnClose;
+};
+export declare const FolderDialogUpdate: React.FC<Props>;
+export {};

package/components/Dialogs/DialogUpdate.js

@@ -0,0 +1,186 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FolderDialogUpdate = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _appAdmin = require("@webiny/app-admin");
+
+var _AutoComplete = require("@webiny/ui/AutoComplete");
+
+var _Button = require("@webiny/ui/Button");
+
+var _Dialog = require("@webiny/ui/Dialog");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Input = require("@webiny/ui/Input");
+
+var _Progress = require("@webiny/ui/Progress");
+
+var _form = require("@webiny/form");
+
+var _validation = require("@webiny/validation");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _useFolders2 = require("../../hooks/useFolders");
+
+var _styled = require("./styled");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
+var t = _i18n.i18n.ns("app-aco/components/tree/dialog-update");
+
+var FolderDialogUpdate = function FolderDialogUpdate(_ref) {
+  var folder = _ref.folder,
+      onClose = _ref.onClose,
+      open = _ref.open;
+
+  var _useFolders = (0, _useFolders2.useFolders)(folder.type),
+      folders = _useFolders.folders,
+      loading = _useFolders.loading,
+      updateFolder = _useFolders.updateFolder;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      dialogOpen = _useState2[0],
+      setDialogOpen = _useState2[1];
+
+  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
+      showSnackbar = _useSnackbar.showSnackbar;
+
+  var onSubmit = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(data) {
+      var _data$parent;
+
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return updateFolder((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, folder), data), {}, {
+                parentId: ((_data$parent = data.parent) === null || _data$parent === void 0 ? void 0 : _data$parent.id) || null
+              }));
+
+            case 3:
+              setDialogOpen(false);
+              showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Folder updated successfully!"]))));
+              _context.next = 10;
+              break;
+
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              showSnackbar(_context.t0.message);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+
+    return function onSubmit(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
+    setDialogOpen(open);
+  }, [open]);
+  var parentFolder = (0, _react.useMemo)(function () {
+    return folders.find(function (el) {
+      return el.id == folder.parentId;
+    });
+  }, [folder]);
+  return /*#__PURE__*/_react.default.createElement(_styled.DialogContainer, {
+    open: dialogOpen,
+    onClose: onClose
+  }, dialogOpen && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_form.Form, {
+    onSubmit: onSubmit,
+    data: {
+      name: folder.name,
+      slug: folder.slug,
+      parent: parentFolder && {
+        id: parentFolder.id,
+        name: parentFolder.name
+      }
+    }
+  }, function (_ref3) {
+    var Bind = _ref3.Bind,
+        submit = _ref3.submit;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading.UPDATE && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+      label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Updating folder..."])))
+    }), /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Update folder"])))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "name",
+      validators: [_validation.validation.create("required,minLength:3")]
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Name"])))
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "slug",
+      validators: [_validation.validation.create("required,minLength:3,slug")]
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      label: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Slug"]))),
+      value: folder.slug
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "parent"
+    }, function (_ref4) {
+      var value = _ref4.value,
+          onBindChange = _ref4.onChange;
+      return /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, {
+        value: value,
+        options: folders.filter(function (el) {
+          return el.id !== folder.id;
+        }).map(function (_ref5) {
+          var id = _ref5.id,
+              name = _ref5.name;
+          return {
+            id: id,
+            name: name
+          };
+        }),
+        label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Parent"]))),
+        onChange: function onChange(value, selection) {
+          return onBindChange({
+            id: value,
+            name: selection === null || selection === void 0 ? void 0 : selection.name
+          });
+        }
+      });
+    })))), /*#__PURE__*/_react.default.createElement(_styled.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
+      onClick: function onClick() {
+        setDialogOpen(false);
+      }
+    }, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+      onClick: submit
+    }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Update Folder"]))))));
+  })));
+};
+
+exports.FolderDialogUpdate = FolderDialogUpdate;

package/components/Dialogs/DialogUpdate.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","FolderDialogUpdate","folder","onClose","open","useFolders","type","folders","loading","updateFolder","useState","dialogOpen","setDialogOpen","useSnackbar","showSnackbar","onSubmit","data","parentId","parent","id","message","useEffect","parentFolder","useMemo","find","el","name","slug","Bind","submit","UPDATE","validation","create","value","onBindChange","onChange","filter","map","selection"],"sources":["DialogUpdate.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\n\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { ButtonPrimary, ButtonDefault } from \"@webiny/ui/Button\";\nimport { DialogTitle, DialogContent, DialogOnClose } from \"@webiny/ui/Dialog\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Form, FormOnSubmit } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nimport { useFolders } from \"~/hooks/useFolders\";\n\nimport { DialogContainer, DialogActions } from \"./styled\";\n\nimport { FolderItem } from \"~/types\";\n\ntype Props = {\n    folder: FolderItem;\n    open: boolean;\n    onClose: DialogOnClose;\n};\n\ninterface SubmitData extends Omit<FolderItem, \"id\" | \"parentId\"> {\n    parent: {\n        id: string | null;\n        name?: string;\n    };\n}\n\nconst t = i18n.ns(\"app-aco/components/tree/dialog-update\");\n\nexport const FolderDialogUpdate: React.FC<Props> = ({ folder, onClose, open }) => {\n    const { folders, loading, updateFolder } = useFolders(folder.type);\n    const [dialogOpen, setDialogOpen] = useState(false);\n    const { showSnackbar } = useSnackbar();\n\n    const onSubmit: FormOnSubmit<SubmitData> = async data => {\n        try {\n            await updateFolder({\n                ...folder,\n                ...data,\n                parentId: data.parent?.id || null\n            });\n            setDialogOpen(false);\n            showSnackbar(t`Folder updated successfully!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    const parentFolder = useMemo(() => folders.find(el => el.id == folder.parentId), [folder]);\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {dialogOpen && (\n                <>\n                    <Form<SubmitData>\n                        onSubmit={onSubmit}\n                        data={{\n                            name: folder.name,\n                            slug: folder.slug,\n                            parent: parentFolder && {\n                                id: parentFolder.id,\n                                name: parentFolder.name\n                            }\n                        }}\n                    >\n                        {({ Bind, submit }) => (\n                            <>\n                                {loading.UPDATE && (\n                                    <CircularProgress label={t`Updating folder...`} />\n                                )}\n                                <DialogTitle>{t`Update folder`}</DialogTitle>\n                                <DialogContent>\n                                    <Grid>\n                                        <Cell span={12}>\n                                            <Bind\n                                                name={\"name\"}\n                                                validators={[\n                                                    validation.create(\"required,minLength:3\")\n                                                ]}\n                                            >\n                                                <Input label={t`Name`} />\n                                            </Bind>\n                                        </Cell>\n                                        <Cell span={12}>\n                                            <Bind\n                                                name={\"slug\"}\n                                                validators={[\n                                                    validation.create(\"required,minLength:3,slug\")\n                                                ]}\n                                            >\n                                                <Input label={t`Slug`} value={folder.slug} />\n                                            </Bind>\n                                        </Cell>\n                                        <Cell span={12}>\n                                            <Bind name={\"parent\"}>\n                                                {({ value, onChange: onBindChange }) => {\n                                                    return (\n                                                        <AutoComplete\n                                                            value={value}\n                                                            options={folders\n                                                                .filter(el => el.id !== folder.id)\n                                                                .map(({ id, name }) => ({\n                                                                    id,\n                                                                    name\n                                                                }))}\n                                                            label={t`Parent`}\n                                                            onChange={(value, selection) =>\n                                                                onBindChange({\n                                                                    id: value,\n                                                                    name: selection?.name\n                                                                })\n                                                            }\n                                                        />\n                                                    );\n                                                }}\n                                            </Bind>\n                                        </Cell>\n                                    </Grid>\n                                </DialogContent>\n                                <DialogActions>\n                                    <ButtonDefault\n                                        onClick={() => {\n                                            setDialogOpen(false);\n                                        }}\n                                    >\n                                        {t`Cancel`}\n                                    </ButtonDefault>\n                                    <ButtonPrimary onClick={submit}>\n                                        {t`Update Folder`}\n                                    </ButtonPrimary>\n                                </DialogActions>\n                            </>\n                        )}\n                    </Form>\n                </>\n            )}\n        </DialogContainer>\n    );\n};\n"],"mappings":"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"}

package/components/Dialogs/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./DialogCreate";
+export * from "./DialogDelete";
+export * from "./DialogUpdate";

package/components/Dialogs/index.js

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

package/components/Dialogs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./DialogCreate\";\nexport * from \"./DialogDelete\";\nexport * from \"./DialogUpdate\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/components/Dialogs/styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Dialog } from "@webiny/ui/Dialog";
+export declare const DialogContainer: import("@emotion/styled-base").StyledComponent<import("@webiny/ui/Dialog").DialogProps & import("react").RefAttributes<Dialog>, Pick<import("@webiny/ui/Dialog").DialogProps & import("react").RefAttributes<Dialog>, keyof import("@webiny/ui/Dialog").DialogProps>, object>;
+export declare const DialogActions: import("@emotion/styled-base").StyledComponent<import("@webiny/ui/Dialog").DialogActionsProps & {
+    children?: import("react").ReactNode;
+}, Pick<import("@webiny/ui/Dialog").DialogActionsProps & {
+    children?: import("react").ReactNode;
+}, keyof import("@webiny/ui/Dialog").DialogActionsProps>, object>;

package/components/Dialogs/styled.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DialogContainer = exports.DialogActions = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _Dialog = require("@webiny/ui/Dialog");
+
+var DialogContainer = /*#__PURE__*/(0, _styled.default)(_Dialog.Dialog, {
+  label: "DialogContainer",
+  target: "e1ys0rdp0"
+})(".mdc-dialog__surface{width:600px;min-width:600px;overflow:initial;}.mdc-dialog__content{overflow:initial !important;}");
+exports.DialogContainer = DialogContainer;
+var DialogActions = /*#__PURE__*/(0, _styled.default)(_Dialog.DialogActions, {
+  label: "DialogActions",
+  target: "e1ys0rdp1"
+})("justify-content:space-between;");
+exports.DialogActions = DialogActions;

package/components/Dialogs/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DialogContainer","styled","Dialog","DialogActions","DefaultDialogActions"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog, DialogActions as DefaultDialogActions } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer = styled(Dialog)`\n    .mdc-dialog__surface {\n        width: 600px;\n        min-width: 600px;\n        overflow: initial;\n    }\n\n    .mdc-dialog__content {\n        overflow: initial !important;\n    }\n`;\n\nexport const DialogActions = styled(DefaultDialogActions)`\n    justify-content: space-between;\n`;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,eAAe,oBAAGC,eAAH,EAAUC,cAAV;EAAA;EAAA;AAAA,2HAArB;;AAYA,IAAMC,aAAa,oBAAGF,eAAH,EAAUG,qBAAV;EAAA;EAAA;AAAA,oCAAnB"}

package/components/Tree/ButtonCreate/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare type Props = {
+    onClick: () => void;
+};
+export declare const CreateButton: React.FC<Props>;
+export {};

package/components/Tree/ButtonCreate/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CreateButton = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _styled = require("./styled");
+
+var _templateObject;
+
+var t = _i18n.i18n.ns("app-aco/components/tree/button-create");
+
+var CreateButton = function CreateButton(_ref) {
+  var onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_styled.Button, {
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_styled.IconContainer, null, /*#__PURE__*/_react.default.createElement(_styled.Icon, null)), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    use: "subtitle2"
+  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Create new folder"])))));
+};
+
+exports.CreateButton = CreateButton;

package/components/Tree/ButtonCreate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","CreateButton","onClick"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { Button, Icon, IconContainer } from \"./styled\";\n\ntype Props = {\n    onClick: () => void;\n};\n\nconst t = i18n.ns(\"app-aco/components/tree/button-create\");\n\nexport const CreateButton: React.FC<Props> = ({ onClick }) => {\n    return (\n        <Button onClick={onClick}>\n            <IconContainer>\n                <Icon />\n            </IconContainer>\n            <Typography use={\"subtitle2\"}>{t`Create new folder`}</Typography>\n        </Button>\n    );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEA;;;;AAMA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,uCAAR,CAAV;;AAEO,IAAMC,YAA6B,GAAG,SAAhCA,YAAgC,OAAiB;EAAA,IAAdC,OAAc,QAAdA,OAAc;EAC1D,oBACI,6BAAC,cAAD;IAAQ,OAAO,EAAEA;EAAjB,gBACI,6BAAC,qBAAD,qBACI,6BAAC,YAAD,OADJ,CADJ,eAII,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,GAA+BJ,CAA/B,qGAJJ,CADJ;AAQH,CATM"}

package/components/Tree/ButtonCreate/styled.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+/// <reference types="web" />
+/// <reference types="react" />
+export declare const Button: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Pick<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, object>;
+export declare const IconContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const Icon: import("@emotion/styled-base").StyledComponent<Pick<import("react").SVGProps<SVGSVGElement> & {
+    alt?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+}, "string" | "id" | "name" | "type" | "children" | "style" | "clipPath" | "filter" | "mask" | "path" | "fill" | "values" | "className" | "key" | "color" | "cursor" | "direction" | "display" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "offset" | "overflow" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "onSubmit" | "onClick" | "onChange" | "onInput" | "onFocus" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "max" | "media" | "method" | "min" | "target" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "local" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "alt"> & {
+    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, Pick<Pick<import("react").SVGProps<SVGSVGElement> & {
+    alt?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+}, "string" | "id" | "name" | "type" | "children" | "style" | "clipPath" | "filter" | "mask" | "path" | "fill" | "values" | "className" | "key" | "color" | "cursor" | "direction" | "display" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "offset" | "overflow" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "onSubmit" | "onClick" | "onChange" | "onInput" | "onFocus" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "max" | "media" | "method" | "min" | "target" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "local" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "alt"> & {
+    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, "string" | "id" | "name" | "type" | "children" | "style" | "clipPath" | "filter" | "mask" | "path" | "fill" | "values" | "className" | "color" | "cursor" | "direction" | "display" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "offset" | "overflow" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "onSubmit" | "onClick" | "onChange" | "onInput" | "onFocus" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "max" | "media" | "method" | "min" | "target" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "local" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "alt">, object>;

package/components/Tree/ButtonCreate/styled.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconContainer = exports.Icon = exports.Button = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _add_circle_outline = require("@material-design-icons/svg/filled/add_circle_outline.svg");
+
+var Button = /*#__PURE__*/(0, _styled.default)("button", {
+  label: "Button",
+  target: "e14jl0o30"
+})("background:none;border:none;cursor:pointer;outline:none;font-family:var(--mdc-typography-font-family);color:var(--webiny-theme-color-text-secondary);fill:currentColor;display:flex;align-items:center;font-size:1em;padding:8px;");
+exports.Button = Button;
+var IconContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "IconContainer",
+  target: "e14jl0o31"
+})("display:flex;align-items:center;justify-content:center;");
+exports.IconContainer = IconContainer;
+var Icon = /*#__PURE__*/(0, _styled.default)(_add_circle_outline.ReactComponent, {
+  label: "Icon",
+  target: "e14jl0o32"
+})("padding:0 4px;height:16px;width:16px;");
+exports.Icon = Icon;