@webiny/app-aco 5.36.0-beta.0 → 5.36.0-beta.2

package/components/Tree/index.js.map

@@ -1 +0,0 @@
-{"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,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/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: "ee41tcw0"
-})("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 +0,0 @@
-{"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"}