@webiny/app-aco 5.36.0-beta.1 → 5.36.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-aco",
-	"version": "5.36.0-beta.1",
+	"version": "5.36.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -17,11 +17,11 @@
 		"@material-design-icons/svg": "0.12.1",
 		"@material-symbols/svg-400": "0.4.3",
 		"@minoru/react-dnd-treeview": "3.2.1",
-		"@webiny/app": "5.36.0-beta.1",
-		"@webiny/app-admin": "5.36.0-beta.1",
-		"@webiny/form": "5.36.0-beta.1",
-		"@webiny/ui": "5.36.0-beta.1",
-		"@webiny/validation": "5.36.0-beta.1",
+		"@webiny/app": "5.36.0",
+		"@webiny/app-admin": "5.36.0",
+		"@webiny/form": "5.36.0",
+		"@webiny/ui": "5.36.0",
+		"@webiny/validation": "5.36.0",
 		"graphql": "15.8.0",
 		"graphql-tag": "2.12.6",
 		"lodash": "4.17.21",
@@ -39,8 +39,8 @@
 		"@babel/preset-typescript": "7.18.6",
 		"@babel/runtime": "7.20.13",
 		"@types/react": "17.0.39",
-		"@webiny/cli": "5.36.0-beta.1",
-		"@webiny/project-utils": "5.36.0-beta.1",
+		"@webiny/cli": "5.36.0",
+		"@webiny/project-utils": "5.36.0",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
 		"rimraf": "3.0.2",
@@ -55,5 +55,5 @@
 		"build": "yarn webiny run build",
 		"watch": "yarn webiny run watch"
 	},
-	"gitHead": "db7103cc3e74c3c71c2b88e50ef0fd19ae7c3fd2"
+	"gitHead": "5c435f437b9f0fe8b4dbf65528aed985ee8d0ff1"
 }

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

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

package/components/Tree/ButtonCreate/index.js

@@ -1,23 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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;AAAuD;AAMvD,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,uCAAuC,CAAC;AAEnD,IAAMC,YAA6B,GAAG,SAAhCA,YAA6B,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EACnD,oBACI,6BAAC,cAAM;IAAC,OAAO,EAAEA;EAAQ,gBACrB,6BAAC,qBAAa,qBACV,6BAAC,YAAI,OAAG,CACI,eAChB,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAY,GAAEJ,CAAC,qGAAiC,CAC5D;AAEjB,CAAC;AAAC"}

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

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-/// <reference types="react" />
-/// <reference types="web" />
-export declare const Button: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const IconContainer: 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 Icon: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
-    alt?: string | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/components/Tree/ButtonCreate/styled.js

@@ -1,24 +0,0 @@
-"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/outlined/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;

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

@@ -1 +0,0 @@
-{"version":3,"names":["Button","styled","IconContainer","Icon","Plus"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ReactComponent as Plus } from \"@material-design-icons/svg/outlined/add_circle_outline.svg\";\n\nexport const Button = styled(\"button\")`\n    background: none;\n    border: none;\n    cursor: pointer;\n    outline: none;\n    font-family: var(--mdc-typography-font-family);\n    color: var(--webiny-theme-color-text-secondary);\n    fill: currentColor;\n    display: flex;\n    align-items: center;\n    font-size: 1em;\n    padding: 8px;\n`;\n\nexport const IconContainer = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport const Icon = styled(Plus)`\n    padding: 0 4px;\n    height: 16px;\n    width: 16px;\n`;\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,MAAM,oBAAGC,eAAM,EAAC,QAAQ;EAAA;EAAA;AAAA,uOAYpC;AAAC;AAEK,IAAMC,aAAa,oBAAGD,eAAM;EAAA;EAAA;AAAA,6DAIlC;AAAC;AAEK,IAAME,IAAI,oBAAGF,eAAM,EAACG,kCAAI;EAAA;EAAA;AAAA,2CAI9B;AAAC"}

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const Empty: () => JSX.Element;

package/components/Tree/Empty/index.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Empty = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _styled = require("./styled");
-var _Typography = require("@webiny/ui/Typography");
-var _templateObject;
-var t = _i18n.i18n.ns("app-aco/components/tree/empty");
-var Empty = function Empty() {
-  return /*#__PURE__*/_react.default.createElement(_styled.Container, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "body2"
-  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["No folders found..."])))));
-};
-exports.Empty = Empty;

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

@@ -1 +0,0 @@
-{"version":3,"names":["t","i18n","ns","Empty"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\n\nimport { Container } from \"./styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst t = i18n.ns(\"app-aco/components/tree/empty\");\n\nexport const Empty = () => {\n    return (\n        <Container>\n            <Typography use={\"body2\"}>{t`No folders found...`}</Typography>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AAEA;AACA;AAAmD;AAEnD,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAE3C,IAAMC,KAAK,GAAG,SAARA,KAAK,GAAS;EACvB,oBACI,6BAAC,iBAAS,qBACN,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAQ,GAAEH,CAAC,uGAAmC,CACvD;AAEpB,CAAC;AAAC"}

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-/// <reference types="react" />
-/// <reference types="web" />
-export declare const Container: 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/Tree/Empty/styled.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Container = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var Container = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "Container",
-  target: "eb2d1ox0"
-})("padding:48px 12px 8px;color:var(--webiny-theme-color-text-secondary);fill:currentColor;");
-exports.Container = Container;

package/components/Tree/Empty/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Container","styled"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Container = styled(\"div\")`\n    padding: 48px 12px 8px;\n    color: var(--webiny-theme-color-text-secondary);\n    fill: currentColor;\n`;\n"],"mappings":";;;;;;;AAAA;AAEO,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,6FAIpC;AAAC"}

package/components/Tree/List/constants.d.ts

@@ -1 +0,0 @@
-export declare const ROOT_ID = "root";

package/components/Tree/List/constants.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ROOT_ID = void 0;
-var ROOT_ID = "root";
-exports.ROOT_ID = ROOT_ID;

package/components/Tree/List/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ROOT_ID"],"sources":["constants.ts"],"sourcesContent":["export const ROOT_ID = \"root\";\n"],"mappings":";;;;;;AAAO,IAAMA,OAAO,GAAG,MAAM;AAAC"}

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { NodeModel } from "@minoru/react-dnd-treeview";
-import { DndItemData, FolderItem } from "../../../types";
-declare type Props = {
-    type: string;
-    folders: FolderItem[];
-    focusedFolderId?: string;
-    hiddenFolderIds?: string[];
-    enableActions?: boolean;
-    onFolderClick: (data: NodeModel<DndItemData>["data"]) => void;
-    onDragStart: () => void;
-    onDragEnd: () => void;
-};
-export declare const List: ({ type, folders, onFolderClick, focusedFolderId, hiddenFolderIds, enableActions, onDragStart, onDragEnd }: Props) => JSX.Element;
-export {};

package/components/Tree/List/index.js

@@ -1,194 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.List = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactDndTreeview = require("@minoru/react-dnd-treeview");
-var _appAdmin = require("@webiny/app-admin");
-var _reactDnd = require("react-dnd");
-var _useDeepCompareEffect = _interopRequireDefault(require("use-deep-compare-effect"));
-var _ = require("../..");
-var _Node = require("../Node");
-var _NodePreview = require("../NodePreview");
-var _Placeholder = require("../Placeholder");
-var _utils = require("./utils");
-var _hooks = require("../../../hooks");
-var _constants = require("./constants");
-var List = function List(_ref) {
-  var type = _ref.type,
-    folders = _ref.folders,
-    onFolderClick = _ref.onFolderClick,
-    focusedFolderId = _ref.focusedFolderId,
-    hiddenFolderIds = _ref.hiddenFolderIds,
-    enableActions = _ref.enableActions,
-    onDragStart = _ref.onDragStart,
-    onDragEnd = _ref.onDragEnd;
-  var _useFolders = (0, _hooks.useFolders)(type),
-    updateFolder = _useFolders.updateFolder;
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    treeData = _useState2[0],
-    setTreeData = _useState2[1];
-  var _useState3 = (0, _react.useState)(undefined),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    initialOpenList = _useState4[0],
-    setInitialOpenList = _useState4[1];
-  var _useState5 = (0, _react.useState)([]),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    openFolderIds = _useState6[0],
-    setOpenFolderIds = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    updateDialogOpen = _useState8[0],
-    setUpdateDialogOpen = _useState8[1];
-  var _useState9 = (0, _react.useState)(false),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    deleteDialogOpen = _useState10[0],
-    setDeleteDialogOpen = _useState10[1];
-  var _useState11 = (0, _react.useState)(),
-    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    selectedFolder = _useState12[0],
-    setSelectedFolder = _useState12[1];
-  (0, _useDeepCompareEffect.default)(function () {
-    if (folders) {
-      setTreeData((0, _utils.createTreeData)(folders, focusedFolderId, hiddenFolderIds));
-    }
-
-    /**
-     *  We are spreading the `folders`:
-     *  in case of folder value update (e.g. name) from any component within the UI does not trigger the tree data update.
-     *  TODO: need investigation.
-     */
-  }, [(0, _objectSpread2.default)({}, folders), focusedFolderId]);
-  (0, _react.useEffect)(function () {
-    if (folders) {
-      setInitialOpenList((0, _utils.createInitialOpenList)(folders, openFolderIds, focusedFolderId));
-    }
-  }, []);
-  var handleDrop = /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(newTree, _ref2) {
-      var dragSourceId, dropTargetId, item;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            dragSourceId = _ref2.dragSourceId, dropTargetId = _ref2.dropTargetId;
-            _context.prev = 1;
-            item = folders.find(function (folder) {
-              return folder.id === dragSourceId;
-            });
-            if (item) {
-              _context.next = 5;
-              break;
-            }
-            throw new Error("Folder not found");
-          case 5:
-            setTreeData(newTree);
-            _context.next = 8;
-            return updateFolder((0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-              parentId: dropTargetId !== _constants.ROOT_ID ? dropTargetId : null
-            }));
-          case 8:
-            _context.next = 13;
-            break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](1);
-            return _context.abrupt("return", showSnackbar(_context.t0.message));
-          case 13:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[1, 10]]);
-    }));
-    return function handleDrop(_x, _x2) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-  var sort = function sort(a, b) {
-    return a.data.title.localeCompare(b.data.title, undefined, {
-      numeric: true
-    });
-  };
-  var handleChangeOpen = function handleChangeOpen(folderIds) {
-    setOpenFolderIds(folderIds);
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
-    backend: _reactDndTreeview.MultiBackend,
-    options: (0, _reactDndTreeview.getBackendOptions)()
-  }, /*#__PURE__*/_react.default.createElement(_reactDndTreeview.Tree, {
-    tree: treeData,
-    rootId: _constants.ROOT_ID,
-    onDrop: handleDrop,
-    onChangeOpen: handleChangeOpen,
-    onDragStart: onDragStart,
-    onDragEnd: onDragEnd,
-    sort: sort,
-    render: function render(node, _ref4) {
-      var depth = _ref4.depth,
-        isOpen = _ref4.isOpen,
-        onToggle = _ref4.onToggle;
-      return /*#__PURE__*/_react.default.createElement(_Node.Node, {
-        node: node,
-        depth: depth,
-        isOpen: isOpen,
-        enableActions: enableActions,
-        onToggle: onToggle,
-        onClick: function onClick(data) {
-          return onFolderClick(data);
-        },
-        onUpdateFolder: function onUpdateFolder(data) {
-          setSelectedFolder(data);
-          setUpdateDialogOpen(true);
-        },
-        onDeleteFolder: function onDeleteFolder(data) {
-          setSelectedFolder(data);
-          setDeleteDialogOpen(true);
-        }
-      });
-    },
-    dragPreviewRender: function dragPreviewRender(monitorProps) {
-      return /*#__PURE__*/_react.default.createElement(_NodePreview.NodePreview, {
-        monitorProps: monitorProps
-      });
-    },
-    classes: {
-      root: "treeRoot",
-      dropTarget: "dropTarget",
-      draggingSource: "draggingSource",
-      placeholder: "placeholderContainer"
-    },
-    initialOpen: initialOpenList,
-    placeholderRender: function placeholderRender(node, _ref5) {
-      var depth = _ref5.depth;
-      return /*#__PURE__*/_react.default.createElement(_Placeholder.Placeholder, {
-        node: node,
-        depth: depth
-      });
-    }
-  })), selectedFolder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.FolderDialogUpdate, {
-    folder: selectedFolder,
-    open: updateDialogOpen,
-    onClose: function onClose() {
-      setUpdateDialogOpen(false);
-      setSelectedFolder(undefined);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_.FolderDialogDelete, {
-    folder: selectedFolder,
-    open: deleteDialogOpen,
-    onClose: function onClose() {
-      setDeleteDialogOpen(false);
-      setSelectedFolder(undefined);
-    }
-  })));
-};
-exports.List = List;

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

@@ -1 +0,0 @@
-{"version":3,"names":["List","type","folders","onFolderClick","focusedFolderId","hiddenFolderIds","enableActions","onDragStart","onDragEnd","useFolders","updateFolder","useSnackbar","showSnackbar","useState","treeData","setTreeData","undefined","initialOpenList","setInitialOpenList","openFolderIds","setOpenFolderIds","updateDialogOpen","setUpdateDialogOpen","deleteDialogOpen","setDeleteDialogOpen","selectedFolder","setSelectedFolder","useDeepCompareEffect","createTreeData","useEffect","createInitialOpenList","handleDrop","newTree","dragSourceId","dropTargetId","item","find","folder","id","Error","parentId","ROOT_ID","message","sort","a","b","data","title","localeCompare","numeric","handleChangeOpen","folderIds","MultiBackend","getBackendOptions","node","depth","isOpen","onToggle","monitorProps","root","dropTarget","draggingSource","placeholder"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport {\n    DropOptions,\n    getBackendOptions,\n    InitialOpen,\n    MultiBackend,\n    NodeModel,\n    Tree\n} from \"@minoru/react-dnd-treeview\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { DndProvider } from \"react-dnd\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\n\nimport { FolderDialogDelete, FolderDialogUpdate } from \"~/components\";\nimport { Node } from \"~/components/Tree/Node\";\nimport { NodePreview } from \"~/components/Tree/NodePreview\";\nimport { Placeholder } from \"~/components/Tree/Placeholder\";\n\nimport { createTreeData, createInitialOpenList } from \"./utils\";\n\nimport { useFolders } from \"~/hooks\";\n\nimport { ROOT_ID } from \"./constants\";\n\nimport { DndItemData, FolderItem } from \"~/types\";\n\ntype Props = {\n    type: string;\n    folders: FolderItem[];\n    focusedFolderId?: string;\n    hiddenFolderIds?: string[];\n    enableActions?: boolean;\n    onFolderClick: (data: NodeModel<DndItemData>[\"data\"]) => void;\n    onDragStart: () => void;\n    onDragEnd: () => void;\n};\n\nexport const List = ({\n    type,\n    folders,\n    onFolderClick,\n    focusedFolderId,\n    hiddenFolderIds,\n    enableActions,\n    onDragStart,\n    onDragEnd\n}: Props) => {\n    const { updateFolder } = useFolders(type);\n    const { showSnackbar } = useSnackbar();\n    const [treeData, setTreeData] = useState<NodeModel<DndItemData>[]>([]);\n    const [initialOpenList, setInitialOpenList] = useState<undefined | InitialOpen>(undefined);\n    const [openFolderIds, setOpenFolderIds] = useState<NodeModel<DndItemData>[\"id\"][]>([]);\n    const [updateDialogOpen, setUpdateDialogOpen] = useState<boolean>(false);\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState<boolean>(false);\n    const [selectedFolder, setSelectedFolder] = useState<FolderItem>();\n\n    useDeepCompareEffect(() => {\n        if (folders) {\n            setTreeData(createTreeData(folders, focusedFolderId, hiddenFolderIds));\n        }\n\n        /**\n         *  We are spreading the `folders`:\n         *  in case of folder value update (e.g. name) from any component within the UI does not trigger the tree data update.\n         *  TODO: need investigation.\n         */\n    }, [{ ...folders }, focusedFolderId]);\n\n    useEffect(() => {\n        if (folders) {\n            setInitialOpenList(createInitialOpenList(folders, openFolderIds, focusedFolderId));\n        }\n    }, []);\n\n    const handleDrop = async (\n        newTree: NodeModel<DndItemData>[],\n        { dragSourceId, dropTargetId }: DropOptions\n    ) => {\n        try {\n            const item = folders.find(folder => folder.id === dragSourceId);\n\n            if (!item) {\n                throw new Error(\"Folder not found\");\n            }\n\n            setTreeData(newTree);\n            await updateFolder({\n                ...item,\n                parentId: dropTargetId !== ROOT_ID ? (dropTargetId as string) : null\n            });\n        } catch (error) {\n            return showSnackbar(error.message);\n        }\n    };\n\n    const sort = (a: NodeModel<DndItemData>, b: NodeModel<DndItemData>) => {\n        return a.data!.title.localeCompare(b.data!.title, undefined, { numeric: true });\n    };\n\n    const handleChangeOpen = (folderIds: NodeModel[\"id\"][]) => {\n        setOpenFolderIds(folderIds);\n    };\n\n    return (\n        <>\n            <DndProvider backend={MultiBackend} options={getBackendOptions()}>\n                <Tree\n                    tree={treeData}\n                    rootId={ROOT_ID}\n                    onDrop={handleDrop}\n                    onChangeOpen={handleChangeOpen}\n                    onDragStart={onDragStart}\n                    onDragEnd={onDragEnd}\n                    sort={sort}\n                    render={(node, { depth, isOpen, onToggle }) => (\n                        <Node\n                            node={node}\n                            depth={depth}\n                            isOpen={isOpen}\n                            enableActions={enableActions}\n                            onToggle={onToggle}\n                            onClick={data => onFolderClick(data)}\n                            onUpdateFolder={data => {\n                                setSelectedFolder(data);\n                                setUpdateDialogOpen(true);\n                            }}\n                            onDeleteFolder={data => {\n                                setSelectedFolder(data);\n                                setDeleteDialogOpen(true);\n                            }}\n                        />\n                    )}\n                    dragPreviewRender={monitorProps => <NodePreview monitorProps={monitorProps} />}\n                    classes={{\n                        root: \"treeRoot\",\n                        dropTarget: \"dropTarget\",\n                        draggingSource: \"draggingSource\",\n                        placeholder: \"placeholderContainer\"\n                    }}\n                    initialOpen={initialOpenList}\n                    placeholderRender={(node, { depth }) => (\n                        <Placeholder node={node} depth={depth} />\n                    )}\n                />\n            </DndProvider>\n            {selectedFolder && (\n                <>\n                    <FolderDialogUpdate\n                        folder={selectedFolder}\n                        open={updateDialogOpen}\n                        onClose={() => {\n                            setUpdateDialogOpen(false);\n                            setSelectedFolder(undefined);\n                        }}\n                    />\n                    <FolderDialogDelete\n                        folder={selectedFolder}\n                        open={deleteDialogOpen}\n                        onClose={() => {\n                            setDeleteDialogOpen(false);\n                            setSelectedFolder(undefined);\n                        }}\n                    />\n                </>\n            )}\n        </>\n    );\n};\n"],"mappings":"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"}

package/components/Tree/List/utils.d.ts

@@ -1,21 +0,0 @@
-import { InitialOpen, NodeModel } from "@minoru/react-dnd-treeview";
-import { DndItemData, FolderItem } from "../../../types";
-/**
- * Transform an array of folders returned by useFolders hook into an array of elements for the tree component.
- *
- * @param folders list of folders returned by useFolders hook.
- * @param focusedNodeId id of the current folder selected/focused.
- * @param hiddenFolderIds list ids of the folder you don't want to show within the list.
- * @return array of elements to render the tree component.
- */
-export declare const createTreeData: (folders?: FolderItem[], focusedNodeId?: string, hiddenFolderIds?: string[]) => NodeModel<DndItemData>[];
-/**
- * Return an array of ids of open folders, based on the current focused folder id, its parent folders and the folders
- * opened by user interaction.
- *
- * @param folders list of folders returned by useFolders hook.
- * @param openIds list of open folders ids.
- * @param focusedId id of the current folder selected/focused.
- * @return array of ids of open folders.
- */
-export declare const createInitialOpenList: (folders?: FolderItem[], openIds?: NodeModel<DndItemData>["id"][], focusedId?: string) => InitialOpen | undefined;

package/components/Tree/List/utils.js

@@ -1,88 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createTreeData = exports.createInitialOpenList = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _constants = require("./constants");
-/**
- * Transform an array of folders returned by useFolders hook into an array of elements for the tree component.
- *
- * @param folders list of folders returned by useFolders hook.
- * @param focusedNodeId id of the current folder selected/focused.
- * @param hiddenFolderIds list ids of the folder you don't want to show within the list.
- * @return array of elements to render the tree component.
- */
-var createTreeData = function createTreeData() {
-  var folders = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var focusedNodeId = arguments.length > 1 ? arguments[1] : undefined;
-  var hiddenFolderIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  return folders.map(function (item) {
-    var id = item.id,
-      parentId = item.parentId,
-      title = item.title,
-      slug = item.slug,
-      type = item.type,
-      createdOn = item.createdOn,
-      createdBy = item.createdBy,
-      savedOn = item.savedOn;
-    return {
-      id: id,
-      parent: parentId || _constants.ROOT_ID,
-      text: title,
-      droppable: true,
-      data: {
-        id: id,
-        title: title,
-        slug: slug,
-        parentId: parentId,
-        type: type,
-        createdOn: createdOn,
-        createdBy: createdBy,
-        savedOn: savedOn,
-        isFocused: focusedNodeId === id
-      }
-    };
-  }).filter(function (item) {
-    return !hiddenFolderIds.includes(item.id);
-  });
-};
-
-/**
- * Return an array of ids of open folders, based on the current focused folder id, its parent folders and the folders
- * opened by user interaction.
- *
- * @param folders list of folders returned by useFolders hook.
- * @param openIds list of open folders ids.
- * @param focusedId id of the current folder selected/focused.
- * @return array of ids of open folders.
- */
-exports.createTreeData = createTreeData;
-var createInitialOpenList = function createInitialOpenList() {
-  var folders = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var openIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var focusedId = arguments.length > 2 ? arguments[2] : undefined;
-  var focusedFolder = folders.find(function (folder) {
-    return folder.id === focusedId;
-  });
-  if (!focusedId || !(focusedFolder !== null && focusedFolder !== void 0 && focusedFolder.parentId)) {
-    return openIds;
-  }
-  var findParents = function findParents(acc, folder, index, folders) {
-    if (folder.parentId && acc.some(function (el) {
-      return el === folder.id;
-    })) {
-      acc.push(folder.parentId);
-      var newArr = folders.filter(function (_, i) {
-        return i !== index;
-      });
-      return newArr.reduce(findParents, acc);
-    }
-    return acc;
-  };
-  var result = folders.reduce(findParents, [focusedId]);
-  return (0, _toConsumableArray2.default)(new Set([].concat((0, _toConsumableArray2.default)(result), (0, _toConsumableArray2.default)(openIds))));
-};
-exports.createInitialOpenList = createInitialOpenList;

package/components/Tree/List/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createTreeData","folders","focusedNodeId","hiddenFolderIds","map","item","id","parentId","title","slug","type","createdOn","createdBy","savedOn","parent","ROOT_ID","text","droppable","data","isFocused","filter","includes","createInitialOpenList","openIds","focusedId","focusedFolder","find","folder","findParents","acc","index","some","el","push","newArr","_","i","reduce","result","Set"],"sources":["utils.ts"],"sourcesContent":["import { InitialOpen, NodeModel } from \"@minoru/react-dnd-treeview\";\nimport { DndItemData, FolderItem } from \"~/types\";\nimport { ROOT_ID } from \"./constants\";\n\n/**\n * Transform an array of folders returned by useFolders hook into an array of elements for the tree component.\n *\n * @param folders list of folders returned by useFolders hook.\n * @param focusedNodeId id of the current folder selected/focused.\n * @param hiddenFolderIds list ids of the folder you don't want to show within the list.\n * @return array of elements to render the tree component.\n */\nexport const createTreeData = (\n    folders: FolderItem[] = [],\n    focusedNodeId?: string,\n    hiddenFolderIds: string[] = []\n): NodeModel<DndItemData>[] => {\n    return folders\n        .map(item => {\n            const { id, parentId, title, slug, type, createdOn, createdBy, savedOn } = item;\n\n            return {\n                id,\n                parent: parentId || ROOT_ID,\n                text: title,\n                droppable: true,\n                data: {\n                    id,\n                    title,\n                    slug,\n                    parentId,\n                    type,\n                    createdOn,\n                    createdBy,\n                    savedOn,\n                    isFocused: focusedNodeId === id\n                }\n            };\n        })\n        .filter(item => !hiddenFolderIds.includes(item.id));\n};\n\n/**\n * Return an array of ids of open folders, based on the current focused folder id, its parent folders and the folders\n * opened by user interaction.\n *\n * @param folders list of folders returned by useFolders hook.\n * @param openIds list of open folders ids.\n * @param focusedId id of the current folder selected/focused.\n * @return array of ids of open folders.\n */\nexport const createInitialOpenList = (\n    folders: FolderItem[] = [],\n    openIds: NodeModel<DndItemData>[\"id\"][] = [],\n    focusedId?: string\n): InitialOpen | undefined => {\n    const focusedFolder = folders.find(folder => {\n        return folder.id === focusedId;\n    });\n\n    if (!focusedId || !focusedFolder?.parentId) {\n        return openIds;\n    }\n\n    const findParents = (\n        acc: string[],\n        folder: FolderItem,\n        index: number,\n        folders: FolderItem[]\n    ): string[] => {\n        if (folder.parentId && acc.some(el => el === folder.id)) {\n            acc.push(folder.parentId);\n\n            const newArr = folders.filter((_, i) => {\n                return i !== index;\n            });\n\n            return newArr.reduce(findParents, acc);\n        }\n\n        return acc;\n    };\n\n    const result = folders.reduce(findParents, [focusedId]);\n\n    return [...new Set([...result, ...openIds])];\n};\n"],"mappings":";;;;;;;;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,cAAc,GAAG,SAAjBA,cAAc,GAII;EAAA,IAH3BC,OAAqB,uEAAG,EAAE;EAAA,IAC1BC,aAAsB;EAAA,IACtBC,eAAyB,uEAAG,EAAE;EAE9B,OAAOF,OAAO,CACTG,GAAG,CAAC,UAAAC,IAAI,EAAI;IACT,IAAQC,EAAE,GAAiED,IAAI,CAAvEC,EAAE;MAAEC,QAAQ,GAAuDF,IAAI,CAAnEE,QAAQ;MAAEC,KAAK,GAAgDH,IAAI,CAAzDG,KAAK;MAAEC,IAAI,GAA0CJ,IAAI,CAAlDI,IAAI;MAAEC,IAAI,GAAoCL,IAAI,CAA5CK,IAAI;MAAEC,SAAS,GAAyBN,IAAI,CAAtCM,SAAS;MAAEC,SAAS,GAAcP,IAAI,CAA3BO,SAAS;MAAEC,OAAO,GAAKR,IAAI,CAAhBQ,OAAO;IAEtE,OAAO;MACHP,EAAE,EAAFA,EAAE;MACFQ,MAAM,EAAEP,QAAQ,IAAIQ,kBAAO;MAC3BC,IAAI,EAAER,KAAK;MACXS,SAAS,EAAE,IAAI;MACfC,IAAI,EAAE;QACFZ,EAAE,EAAFA,EAAE;QACFE,KAAK,EAALA,KAAK;QACLC,IAAI,EAAJA,IAAI;QACJF,QAAQ,EAARA,QAAQ;QACRG,IAAI,EAAJA,IAAI;QACJC,SAAS,EAATA,SAAS;QACTC,SAAS,EAATA,SAAS;QACTC,OAAO,EAAPA,OAAO;QACPM,SAAS,EAAEjB,aAAa,KAAKI;MACjC;IACJ,CAAC;EACL,CAAC,CAAC,CACDc,MAAM,CAAC,UAAAf,IAAI;IAAA,OAAI,CAACF,eAAe,CAACkB,QAAQ,CAAChB,IAAI,CAACC,EAAE,CAAC;EAAA,EAAC;AAC3D,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARA;AASO,IAAMgB,qBAAqB,GAAG,SAAxBA,qBAAqB,GAIJ;EAAA,IAH1BrB,OAAqB,uEAAG,EAAE;EAAA,IAC1BsB,OAAuC,uEAAG,EAAE;EAAA,IAC5CC,SAAkB;EAElB,IAAMC,aAAa,GAAGxB,OAAO,CAACyB,IAAI,CAAC,UAAAC,MAAM,EAAI;IACzC,OAAOA,MAAM,CAACrB,EAAE,KAAKkB,SAAS;EAClC,CAAC,CAAC;EAEF,IAAI,CAACA,SAAS,IAAI,EAACC,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAElB,QAAQ,GAAE;IACxC,OAAOgB,OAAO;EAClB;EAEA,IAAMK,WAAW,GAAG,SAAdA,WAAW,CACbC,GAAa,EACbF,MAAkB,EAClBG,KAAa,EACb7B,OAAqB,EACV;IACX,IAAI0B,MAAM,CAACpB,QAAQ,IAAIsB,GAAG,CAACE,IAAI,CAAC,UAAAC,EAAE;MAAA,OAAIA,EAAE,KAAKL,MAAM,CAACrB,EAAE;IAAA,EAAC,EAAE;MACrDuB,GAAG,CAACI,IAAI,CAACN,MAAM,CAACpB,QAAQ,CAAC;MAEzB,IAAM2B,MAAM,GAAGjC,OAAO,CAACmB,MAAM,CAAC,UAACe,CAAC,EAAEC,CAAC,EAAK;QACpC,OAAOA,CAAC,KAAKN,KAAK;MACtB,CAAC,CAAC;MAEF,OAAOI,MAAM,CAACG,MAAM,CAACT,WAAW,EAAEC,GAAG,CAAC;IAC1C;IAEA,OAAOA,GAAG;EACd,CAAC;EAED,IAAMS,MAAM,GAAGrC,OAAO,CAACoC,MAAM,CAACT,WAAW,EAAE,CAACJ,SAAS,CAAC,CAAC;EAEvD,wCAAW,IAAIe,GAAG,4CAAKD,MAAM,oCAAKf,OAAO,GAAE;AAC/C,CAAC;AAAC"}

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const Loader: () => JSX.Element;

package/components/Tree/Loader/index.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Loader = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Skeleton = require("@webiny/ui/Skeleton");
-var _styled = require("./styled");
-var Loader = function Loader() {
-  return /*#__PURE__*/_react.default.createElement(_styled.Container, null, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
-    count: 4,
-    inline: true,
-    height: "100%",
-    wrapper: _styled.SkeletonWrapper,
-    theme: "dark"
-  }));
-};
-exports.Loader = Loader;

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

@@ -1 +0,0 @@
-{"version":3,"names":["Loader","SkeletonWrapper"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Skeleton } from \"@webiny/ui/Skeleton\";\n\nimport { Container, SkeletonWrapper } from \"./styled\";\n\nexport const Loader = () => {\n    return (\n        <Container>\n            <Skeleton\n                count={4}\n                inline={true}\n                height={\"100%\"}\n                wrapper={SkeletonWrapper}\n                theme={\"dark\"}\n            />\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AAEA;AAEO,IAAMA,MAAM,GAAG,SAATA,MAAM,GAAS;EACxB,oBACI,6BAAC,iBAAS,qBACN,6BAAC,kBAAQ;IACL,KAAK,EAAE,CAAE;IACT,MAAM,EAAE,IAAK;IACb,MAAM,EAAE,MAAO;IACf,OAAO,EAAEC,uBAAgB;IACzB,KAAK,EAAE;EAAO,EAChB,CACM;AAEpB,CAAC;AAAC"}

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-/// <reference types="react" />
-/// <reference types="web" />
-export declare const Container: 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 SkeletonWrapper: 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/Tree/Loader/styled.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SkeletonWrapper = exports.Container = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var Container = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "Container",
-  target: "evvx1n40"
-})("padding:42px 4px 0;");
-exports.Container = Container;
-var SkeletonWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "SkeletonWrapper",
-  target: "evvx1n41"
-})("width:85%;margin:0 8px 8px;height:24px;&:last-of-type{margin-bottom:0;}");
-exports.SkeletonWrapper = SkeletonWrapper;

package/components/Tree/Loader/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Container","styled","SkeletonWrapper"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Container = styled(\"div\")`\n    padding: 42px 4px 0;\n`;\n\nexport const SkeletonWrapper = styled(\"div\")`\n    width: 85%;\n    margin: 0 8px 8px;\n    height: 24px;\n\n    &:last-of-type {\n        margin-bottom: 0;\n    }\n`;\n"],"mappings":";;;;;;;AAAA;AAEO,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,yBAEpC;AAAC;AAEK,IAAMC,eAAe,oBAAGD,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,6EAQ1C;AAAC"}