@webiny/app-aco 5.34.8-beta.1 → 5.35.0-beta.0

package/components/Tree/index.js

@@ -1,99 +1,84 @@
 "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.FolderTree = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _useFolders2 = require("../../hooks/useFolders");
-
 var _ButtonCreate = require("./ButtonCreate");
-
 var _Empty = require("./Empty");
-
 var _Loader = require("./Loader");
-
 var _List = require("./List");
-
 var _Title = require("./Title");
-
 var _ = require("./..");
-
 var _styled = require("./styled");
-
 var FolderTree = function FolderTree(_ref) {
   var type = _ref.type,
-      title = _ref.title,
-      focusedFolderId = _ref.focusedFolderId,
-      onFolderClick = _ref.onFolderClick,
-      onTitleClick = _ref.onTitleClick;
-
+    title = _ref.title,
+    focusedFolderId = _ref.focusedFolderId,
+    hiddenFolderIds = _ref.hiddenFolderIds,
+    enableActions = _ref.enableActions,
+    enableCreate = _ref.enableCreate,
+    onFolderClick = _ref.onFolderClick,
+    onTitleClick = _ref.onTitleClick;
   var _useFolders = (0, _useFolders2.useFolders)(type),
-      folders = _useFolders.folders;
-
+    folders = _useFolders.folders;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      createDialogOpen = _useState2[0],
-      setCreateDialogOpen = _useState2[1]; // Little CSS trick here: since the folder title has absolute position, user can drag a folder over it and move it to root folder.
-  // While we are moving folders around we disable any title pointer event.
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    createDialogOpen = _useState2[0],
+    setCreateDialogOpen = _useState2[1];
 
+  // Little CSS trick here: since the folder title has absolute position, user can drag a folder over it and move it to root folder.
+  // While we are moving folders around we disable any title pointer event.
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isDragging = _useState4[0],
-      setIsDragging = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isDragging = _useState4[0],
+    setIsDragging = _useState4[1];
   var renderList = function renderList() {
     if (!folders) {
       return /*#__PURE__*/_react.default.createElement(_Loader.Loader, null);
     }
-
     if (folders.length > 0) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_List.List, {
         type: type,
         folders: folders,
         onFolderClick: onFolderClick,
         focusedFolderId: focusedFolderId,
+        hiddenFolderIds: hiddenFolderIds,
+        enableActions: enableActions,
         onDragStart: function onDragStart() {
           return setIsDragging(true);
         },
         onDragEnd: function onDragEnd() {
           return setIsDragging(false);
         }
-      }), /*#__PURE__*/_react.default.createElement(_ButtonCreate.CreateButton, {
+      }), enableCreate && /*#__PURE__*/_react.default.createElement(_ButtonCreate.CreateButton, {
         onClick: function onClick() {
           return setCreateDialogOpen(true);
         }
       }));
     }
-
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Empty.Empty, null), /*#__PURE__*/_react.default.createElement(_ButtonCreate.CreateButton, {
       onClick: function onClick() {
         return setCreateDialogOpen(true);
       }
     }));
   };
-
   return /*#__PURE__*/_react.default.createElement(_styled.Container, null, /*#__PURE__*/_react.default.createElement(_Title.Title, {
     title: title,
     onClick: onTitleClick,
     isDragging: isDragging
-  }), renderList(), /*#__PURE__*/_react.default.createElement(_.FolderDialogCreate, {
+  }), renderList(), enableCreate && /*#__PURE__*/_react.default.createElement(_.FolderDialogCreate, {
     type: type,
     open: createDialogOpen,
     onClose: function onClose() {
       return setCreateDialogOpen(false);
     },
-    parentId: undefined
+    currentParentId: undefined
   }));
 };
-
 exports.FolderTree = FolderTree;

package/components/Tree/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["FolderTree","type","title","focusedFolderId","onFolderClick","onTitleClick","useFolders","folders","useState","createDialogOpen","setCreateDialogOpen","isDragging","setIsDragging","renderList","length","undefined"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { NodeModel } from \"@minoru/react-dnd-treeview\";\n\nimport { useFolders } from \"~/hooks/useFolders\";\n\nimport { CreateButton } from \"./ButtonCreate\";\nimport { Empty } from \"~/components/Tree/Empty\";\nimport { Loader } from \"./Loader\";\nimport { List } from \"./List\";\nimport { Title } from \"./Title\";\nimport { FolderDialogCreate } from \"~/components\";\n\nimport { Container } from \"./styled\";\n\nimport { DndItemData } from \"~/types\";\n\ntype Props = {\n    type: string;\n    title: string;\n    onFolderClick: (data: NodeModel<DndItemData>[\"data\"]) => void;\n    onTitleClick?: (event: React.MouseEvent<HTMLElement>) => void;\n    focusedFolderId?: string;\n};\n\nexport const FolderTree: React.FC<Props> = ({\n    type,\n    title,\n    focusedFolderId,\n    onFolderClick,\n    onTitleClick\n}) => {\n    const { folders } = useFolders(type);\n    const [createDialogOpen, setCreateDialogOpen] = useState<boolean>(false);\n\n    // Little CSS trick here: since the folder title has absolute position, user can drag a folder over it and move it to root folder.\n    // While we are moving folders around we disable any title pointer event.\n    const [isDragging, setIsDragging] = useState<boolean>(false);\n\n    const renderList = () => {\n        if (!folders) {\n            return <Loader />;\n        }\n\n        if (folders.length > 0) {\n            return (\n                <>\n                    <List\n                        type={type}\n                        folders={folders}\n                        onFolderClick={onFolderClick}\n                        focusedFolderId={focusedFolderId}\n                        onDragStart={() => setIsDragging(true)}\n                        onDragEnd={() => setIsDragging(false)}\n                    />\n                    <CreateButton onClick={() => setCreateDialogOpen(true)} />\n                </>\n            );\n        }\n\n        return (\n            <>\n                <Empty />\n                <CreateButton onClick={() => setCreateDialogOpen(true)} />\n            </>\n        );\n    };\n\n    return (\n        <Container>\n            <Title title={title} onClick={onTitleClick} isDragging={isDragging} />\n            {renderList()}\n            <FolderDialogCreate\n                type={type}\n                open={createDialogOpen}\n                onClose={() => setCreateDialogOpen(false)}\n                parentId={undefined}\n            />\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAIA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAYO,IAAMA,UAA2B,GAAG,SAA9BA,UAA8B,OAMrC;EAAA,IALFC,IAKE,QALFA,IAKE;EAAA,IAJFC,KAIE,QAJFA,KAIE;EAAA,IAHFC,eAGE,QAHFA,eAGE;EAAA,IAFFC,aAEE,QAFFA,aAEE;EAAA,IADFC,YACE,QADFA,YACE;;EACF,kBAAoB,IAAAC,uBAAA,EAAWL,IAAX,CAApB;EAAA,IAAQM,OAAR,eAAQA,OAAR;;EACA,gBAAgD,IAAAC,eAAA,EAAkB,KAAlB,CAAhD;EAAA;EAAA,IAAOC,gBAAP;EAAA,IAAyBC,mBAAzB,iBAFE,CAIF;EACA;;;EACA,iBAAoC,IAAAF,eAAA,EAAkB,KAAlB,CAApC;EAAA;EAAA,IAAOG,UAAP;EAAA,IAAmBC,aAAnB;;EAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;IACrB,IAAI,CAACN,OAAL,EAAc;MACV,oBAAO,6BAAC,cAAD,OAAP;IACH;;IAED,IAAIA,OAAO,CAACO,MAAR,GAAiB,CAArB,EAAwB;MACpB,oBACI,yEACI,6BAAC,UAAD;QACI,IAAI,EAAEb,IADV;QAEI,OAAO,EAAEM,OAFb;QAGI,aAAa,EAAEH,aAHnB;QAII,eAAe,EAAED,eAJrB;QAKI,WAAW,EAAE;UAAA,OAAMS,aAAa,CAAC,IAAD,CAAnB;QAAA,CALjB;QAMI,SAAS,EAAE;UAAA,OAAMA,aAAa,CAAC,KAAD,CAAnB;QAAA;MANf,EADJ,eASI,6BAAC,0BAAD;QAAc,OAAO,EAAE;UAAA,OAAMF,mBAAmB,CAAC,IAAD,CAAzB;QAAA;MAAvB,EATJ,CADJ;IAaH;;IAED,oBACI,yEACI,6BAAC,YAAD,OADJ,eAEI,6BAAC,0BAAD;MAAc,OAAO,EAAE;QAAA,OAAMA,mBAAmB,CAAC,IAAD,CAAzB;MAAA;IAAvB,EAFJ,CADJ;EAMH,CA3BD;;EA6BA,oBACI,6BAAC,iBAAD,qBACI,6BAAC,YAAD;IAAO,KAAK,EAAER,KAAd;IAAqB,OAAO,EAAEG,YAA9B;IAA4C,UAAU,EAAEM;EAAxD,EADJ,EAEKE,UAAU,EAFf,eAGI,6BAAC,oBAAD;IACI,IAAI,EAAEZ,IADV;IAEI,IAAI,EAAEQ,gBAFV;IAGI,OAAO,EAAE;MAAA,OAAMC,mBAAmB,CAAC,KAAD,CAAzB;IAAA,CAHb;IAII,QAAQ,EAAEK;EAJd,EAHJ,CADJ;AAYH,CAvDM"}
+{"version":3,"names":["FolderTree","type","title","focusedFolderId","hiddenFolderIds","enableActions","enableCreate","onFolderClick","onTitleClick","useFolders","folders","useState","createDialogOpen","setCreateDialogOpen","isDragging","setIsDragging","renderList","length","undefined"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { NodeModel } from \"@minoru/react-dnd-treeview\";\n\nimport { useFolders } from \"~/hooks/useFolders\";\n\nimport { CreateButton } from \"./ButtonCreate\";\nimport { Empty } from \"~/components/Tree/Empty\";\nimport { Loader } from \"./Loader\";\nimport { List } from \"./List\";\nimport { Title } from \"./Title\";\nimport { FolderDialogCreate } from \"~/components\";\n\nimport { Container } from \"./styled\";\n\nimport { DndItemData } from \"~/types\";\n\ntype Props = {\n    type: string;\n    title: string;\n    onFolderClick: (data: NodeModel<DndItemData>[\"data\"]) => void;\n    enableCreate?: boolean;\n    enableActions?: boolean;\n    onTitleClick?: (event: React.MouseEvent<HTMLElement>) => void;\n    focusedFolderId?: string;\n    hiddenFolderIds?: string[];\n};\n\nexport const FolderTree: React.FC<Props> = ({\n    type,\n    title,\n    focusedFolderId,\n    hiddenFolderIds,\n    enableActions,\n    enableCreate,\n    onFolderClick,\n    onTitleClick\n}) => {\n    const { folders } = useFolders(type);\n    const [createDialogOpen, setCreateDialogOpen] = useState<boolean>(false);\n\n    // Little CSS trick here: since the folder title has absolute position, user can drag a folder over it and move it to root folder.\n    // While we are moving folders around we disable any title pointer event.\n    const [isDragging, setIsDragging] = useState<boolean>(false);\n\n    const renderList = () => {\n        if (!folders) {\n            return <Loader />;\n        }\n\n        if (folders.length > 0) {\n            return (\n                <>\n                    <List\n                        type={type}\n                        folders={folders}\n                        onFolderClick={onFolderClick}\n                        focusedFolderId={focusedFolderId}\n                        hiddenFolderIds={hiddenFolderIds}\n                        enableActions={enableActions}\n                        onDragStart={() => setIsDragging(true)}\n                        onDragEnd={() => setIsDragging(false)}\n                    />\n                    {enableCreate && <CreateButton onClick={() => setCreateDialogOpen(true)} />}\n                </>\n            );\n        }\n\n        return (\n            <>\n                <Empty />\n                <CreateButton onClick={() => setCreateDialogOpen(true)} />\n            </>\n        );\n    };\n\n    return (\n        <Container>\n            <Title title={title} onClick={onTitleClick} isDragging={isDragging} />\n            {renderList()}\n            {enableCreate && (\n                <FolderDialogCreate\n                    type={type}\n                    open={createDialogOpen}\n                    onClose={() => setCreateDialogOpen(false)}\n                    currentParentId={undefined}\n                />\n            )}\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAeO,IAAMA,UAA2B,GAAG,SAA9BA,UAA2B,OASlC;EAAA,IARFC,IAAI,QAAJA,IAAI;IACJC,KAAK,QAALA,KAAK;IACLC,eAAe,QAAfA,eAAe;IACfC,eAAe,QAAfA,eAAe;IACfC,aAAa,QAAbA,aAAa;IACbC,YAAY,QAAZA,YAAY;IACZC,aAAa,QAAbA,aAAa;IACbC,YAAY,QAAZA,YAAY;EAEZ,kBAAoB,IAAAC,uBAAU,EAACR,IAAI,CAAC;IAA5BS,OAAO,eAAPA,OAAO;EACf,gBAAgD,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAA;IAAjEC,gBAAgB;IAAEC,mBAAmB;;EAE5C;EACA;EACA,iBAAoC,IAAAF,eAAQ,EAAU,KAAK,CAAC;IAAA;IAArDG,UAAU;IAAEC,aAAa;EAEhC,IAAMC,UAAU,GAAG,SAAbA,UAAU,GAAS;IACrB,IAAI,CAACN,OAAO,EAAE;MACV,oBAAO,6BAAC,cAAM,OAAG;IACrB;IAEA,IAAIA,OAAO,CAACO,MAAM,GAAG,CAAC,EAAE;MACpB,oBACI,yEACI,6BAAC,UAAI;QACD,IAAI,EAAEhB,IAAK;QACX,OAAO,EAAES,OAAQ;QACjB,aAAa,EAAEH,aAAc;QAC7B,eAAe,EAAEJ,eAAgB;QACjC,eAAe,EAAEC,eAAgB;QACjC,aAAa,EAAEC,aAAc;QAC7B,WAAW,EAAE;UAAA,OAAMU,aAAa,CAAC,IAAI,CAAC;QAAA,CAAC;QACvC,SAAS,EAAE;UAAA,OAAMA,aAAa,CAAC,KAAK,CAAC;QAAA;MAAC,EACxC,EACDT,YAAY,iBAAI,6BAAC,0BAAY;QAAC,OAAO,EAAE;UAAA,OAAMO,mBAAmB,CAAC,IAAI,CAAC;QAAA;MAAC,EAAG,CAC5E;IAEX;IAEA,oBACI,yEACI,6BAAC,YAAK,OAAG,eACT,6BAAC,0BAAY;MAAC,OAAO,EAAE;QAAA,OAAMA,mBAAmB,CAAC,IAAI,CAAC;MAAA;IAAC,EAAG,CAC3D;EAEX,CAAC;EAED,oBACI,6BAAC,iBAAS,qBACN,6BAAC,YAAK;IAAC,KAAK,EAAEX,KAAM;IAAC,OAAO,EAAEM,YAAa;IAAC,UAAU,EAAEM;EAAW,EAAG,EACrEE,UAAU,EAAE,EACZV,YAAY,iBACT,6BAAC,oBAAkB;IACf,IAAI,EAAEL,IAAK;IACX,IAAI,EAAEW,gBAAiB;IACvB,OAAO,EAAE;MAAA,OAAMC,mBAAmB,CAAC,KAAK,CAAC;IAAA,CAAC;IAC1C,eAAe,EAAEK;EAAU,EAElC,CACO;AAEpB,CAAC;AAAC"}

package/components/Tree/styled.d.ts

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

@@ -1,16 +1,13 @@
 "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: "ee41tcw0"
-})("position:relative;margin:0 0 32px;& .treeRoot{box-sizing:border-box;padding:36px 0 0;min-width:200px;}& .dropTarget{background:var(--mdc-theme-background);}& .draggingSource{opacity:0.5;}& .placeholderContainer{position:relative;}");
+})("position:relative;margin:0;& .treeRoot{box-sizing:border-box;padding:36px 0 0;min-width:200px;}& .dropTarget{background:var(--mdc-theme-on-background);}& .draggingSource{opacity:0.5;}& .placeholderContainer{position:relative;}");
 exports.Container = Container;

package/components/Tree/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["Container","styled"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Container = styled(\"div\")`\n    position: relative;\n    margin: 0 0 32px;\n\n    & .treeRoot {\n        box-sizing: border-box;\n        padding: 36px 0 0;\n        min-width: 200px;\n    }\n\n    & .dropTarget {\n        background: var(--mdc-theme-background);\n    }\n\n    & .draggingSource {\n        opacity: 0.5;\n    }\n\n    & .placeholderContainer {\n        position: relative;\n    }\n`;\n"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,SAAS,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,4OAAf"}
+{"version":3,"names":["Container","styled"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Container = styled(\"div\")`\n    position: relative;\n    margin: 0;\n\n    & .treeRoot {\n        box-sizing: border-box;\n        padding: 36px 0 0;\n        min-width: 200px;\n    }\n\n    & .dropTarget {\n        background: var(--mdc-theme-on-background);\n    }\n\n    & .draggingSource {\n        opacity: 0.5;\n    }\n\n    & .placeholderContainer {\n        position: relative;\n    }\n`;\n"],"mappings":";;;;;;;AAAA;AAEO,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,wOAqBpC;AAAC"}

package/components/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Dialogs = require("./Dialogs");
-
 Object.keys(_Dialogs).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Dialogs[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_Dialogs).forEach(function (key) {
     }
   });
 });
-
 var _Tree = require("./Tree");
-
 Object.keys(_Tree).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Tree[key]) return;

package/components/index.js.map

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