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

package/components/Dialogs/DialogCreate.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { DialogOnClose } from "@webiny/ui/Dialog";
-declare type Props = {
+declare type FolderDialogCreateProps = {
     type: string;
     open: boolean;
     onClose: DialogOnClose;
     currentParentId?: string | null;
 };
-export declare const FolderDialogCreate: React.FC<Props>;
+export declare const FolderDialogCreate: React.VFC<FolderDialogCreateProps>;
 export {};

package/components/Dialogs/DialogCreate.js

@@ -27,7 +27,7 @@ var _ = require("./..");
 var _useFolders2 = require("../../hooks/useFolders");
 var _styled = require("./styled");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-var t = _i18n.i18n.ns("app-aco/components/tree/dialog-create");
+var t = _i18n.i18n.ns("app-aco/dialogs/dialog-create");
 var FolderDialogCreate = function FolderDialogCreate(_ref) {
   var type = _ref.type,
     onClose = _ref.onClose,

package/components/Dialogs/DialogCreate.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","FolderDialogCreate","type","onClose","open","currentParentId","useFolders","loading","createFolder","useState","dialogOpen","setDialogOpen","parentId","setParentId","useSnackbar","showSnackbar","onSubmit","data","message","generateSlug","form","slug","title","setValue","slugify","replacement","lower","remove","trim","useEffect","Bind","submit","CREATE","validation","create","undefined","id"],"sources":["DialogCreate.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Form, FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { DialogTitle, DialogActions, 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 { Typography } from \"@webiny/ui/Typography\";\nimport { validation } from \"@webiny/validation\";\nimport slugify from \"slugify\";\n\nimport { FolderTree } from \"~/components\";\nimport { useFolders } from \"~/hooks/useFolders\";\n\nimport { DialogContainer, DialogFoldersContainer } from \"./styled\";\n\nimport { FolderItem } from \"~/types\";\n\ntype Props = {\n    type: string;\n    open: boolean;\n    onClose: DialogOnClose;\n    currentParentId?: string | null;\n};\n\nconst t = i18n.ns(\"app-aco/components/tree/dialog-create\");\n\ntype SubmitData = Omit<FolderItem, \"id\">;\n\nexport const FolderDialogCreate: React.FC<Props> = ({ type, onClose, open, currentParentId }) => {\n    const { loading, createFolder } = useFolders(type);\n    const [dialogOpen, setDialogOpen] = useState(false);\n    const [parentId, setParentId] = useState<string | null>();\n    const { showSnackbar } = useSnackbar();\n\n    const onSubmit: FormOnSubmit<SubmitData> = async data => {\n        try {\n            await createFolder({\n                ...data,\n                type,\n                parentId: parentId || null\n            });\n            setDialogOpen(false);\n            showSnackbar(t`Folder created successfully!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    const generateSlug = (form: FormAPI) => () => {\n        if (form.data.slug) {\n            return;\n        }\n\n        if (!form.data.title) {\n            return;\n        }\n\n        // We want to update slug only when the folder is first being created.\n        form.setValue(\n            \"slug\",\n            slugify(form.data.title, {\n                replacement: \"-\",\n                lower: true,\n                remove: /[*#\\?<>_\\{\\}\\[\\]+~.()'\"!:;@]/g,\n                trim: false\n            })\n        );\n    };\n\n    useEffect(() => {\n        setParentId(currentParentId);\n    }, [currentParentId]);\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {dialogOpen && (\n                <Form<SubmitData> onSubmit={onSubmit}>\n                    {({ form, Bind, submit }) => (\n                        <>\n                            {loading.CREATE && <CircularProgress label={t`Creating folder...`} />}\n                            <DialogTitle>{t`Create a new folder`}</DialogTitle>\n                            <DialogContent>\n                                <Grid>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"title\"}\n                                            validators={[validation.create(\"required,minLength:3\")]}\n                                        >\n                                            <Input label={t`Title`} onBlur={generateSlug(form)} />\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`} />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Typography use=\"body1\">{t`Parent folder`}</Typography>\n                                        <DialogFoldersContainer>\n                                            <FolderTree\n                                                title={t`Root folder`}\n                                                type={type}\n                                                focusedFolderId={parentId || undefined}\n                                                onFolderClick={data =>\n                                                    setParentId(data?.id || null)\n                                                }\n                                                onTitleClick={() => setParentId(null)}\n                                            />\n                                        </DialogFoldersContainer>\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}>{t`Create Folder`}</ButtonPrimary>\n                            </DialogActions>\n                        </>\n                    )}\n                </Form>\n            )}\n        </DialogContainer>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","FolderDialogCreate","type","onClose","open","currentParentId","useFolders","loading","createFolder","useState","dialogOpen","setDialogOpen","parentId","setParentId","useSnackbar","showSnackbar","onSubmit","data","message","generateSlug","form","slug","title","setValue","slugify","replacement","lower","remove","trim","useEffect","Bind","submit","CREATE","validation","create","undefined","id"],"sources":["DialogCreate.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Form, FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { DialogTitle, DialogActions, 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 { Typography } from \"@webiny/ui/Typography\";\nimport { validation } from \"@webiny/validation\";\nimport slugify from \"slugify\";\n\nimport { FolderTree } from \"~/components\";\nimport { useFolders } from \"~/hooks/useFolders\";\n\nimport { DialogContainer, DialogFoldersContainer } from \"./styled\";\n\nimport { FolderItem } from \"~/types\";\n\ntype FolderDialogCreateProps = {\n    type: string;\n    open: boolean;\n    onClose: DialogOnClose;\n    currentParentId?: string | null;\n};\n\nconst t = i18n.ns(\"app-aco/dialogs/dialog-create\");\n\ntype SubmitData = Omit<FolderItem, \"id\">;\n\nexport const FolderDialogCreate: React.VFC<FolderDialogCreateProps> = ({\n    type,\n    onClose,\n    open,\n    currentParentId\n}) => {\n    const { loading, createFolder } = useFolders(type);\n    const [dialogOpen, setDialogOpen] = useState(false);\n    const [parentId, setParentId] = useState<string | null>();\n    const { showSnackbar } = useSnackbar();\n\n    const onSubmit: FormOnSubmit<SubmitData> = async data => {\n        try {\n            await createFolder({\n                ...data,\n                type,\n                parentId: parentId || null\n            });\n            setDialogOpen(false);\n            showSnackbar(t`Folder created successfully!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    const generateSlug = (form: FormAPI) => () => {\n        if (form.data.slug) {\n            return;\n        }\n\n        if (!form.data.title) {\n            return;\n        }\n\n        // We want to update slug only when the folder is first being created.\n        form.setValue(\n            \"slug\",\n            slugify(form.data.title, {\n                replacement: \"-\",\n                lower: true,\n                remove: /[*#\\?<>_\\{\\}\\[\\]+~.()'\"!:;@]/g,\n                trim: false\n            })\n        );\n    };\n\n    useEffect(() => {\n        setParentId(currentParentId);\n    }, [currentParentId]);\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {dialogOpen && (\n                <Form<SubmitData> onSubmit={onSubmit}>\n                    {({ form, Bind, submit }) => (\n                        <>\n                            {loading.CREATE && <CircularProgress label={t`Creating folder...`} />}\n                            <DialogTitle>{t`Create a new folder`}</DialogTitle>\n                            <DialogContent>\n                                <Grid>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"title\"}\n                                            validators={[validation.create(\"required,minLength:3\")]}\n                                        >\n                                            <Input label={t`Title`} onBlur={generateSlug(form)} />\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`} />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Typography use=\"body1\">{t`Parent folder`}</Typography>\n                                        <DialogFoldersContainer>\n                                            <FolderTree\n                                                title={t`Root folder`}\n                                                type={type}\n                                                focusedFolderId={parentId || undefined}\n                                                onFolderClick={data =>\n                                                    setParentId(data?.id || null)\n                                                }\n                                                onTitleClick={() => setParentId(null)}\n                                            />\n                                        </DialogFoldersContainer>\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}>{t`Create Folder`}</ButtonPrimary>\n                            </DialogActions>\n                        </>\n                    )}\n                </Form>\n            )}\n        </DialogContainer>\n    );\n};\n"],"mappings":"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"}

package/components/Dialogs/DialogDelete.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from "react";
 import { DialogOnClose } from "@webiny/ui/Dialog";
 import { FolderItem } from "../../types";
-declare type Props = {
+declare type FolderDialogDeleteProps = {
     folder: FolderItem;
     open: boolean;
     onClose: DialogOnClose;
 };
-export declare const FolderDialogDelete: ({ folder, open, onClose }: Props) => JSX.Element;
+export declare const FolderDialogDelete: React.VFC<FolderDialogDeleteProps>;
 export {};

package/components/Dialogs/DialogDelete.js

@@ -19,7 +19,7 @@ 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 t = _i18n.i18n.ns("app-aco/dialogs/dialog-delete");
 var FolderDialogDelete = function FolderDialogDelete(_ref) {
   var folder = _ref.folder,
     open = _ref.open,

package/components/Dialogs/DialogDelete.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","FolderDialogDelete","folder","open","onClose","useFolders","type","deleteFolder","loading","useSnackbar","showSnackbar","useState","dialogOpen","setDialogOpen","useEffect","folderDisplayName","useMemo","title","length","slice","concat","onSubmit","result","name","Error","message","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 { ButtonPrimary } from \"@webiny/ui/Button\";\nimport {\n    DialogActions,\n    DialogCancel,\n    DialogContent,\n    DialogOnClose,\n    DialogTitle\n} from \"@webiny/ui/Dialog\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nimport { useFolders } from \"~/hooks\";\n\nimport { DialogContainer } 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.title.length > 20 ? folder.title.slice(0, 20).concat(\"...\") : folder.title),\n        [folder.title]\n    );\n\n    const onSubmit = async () => {\n        try {\n            const result = await deleteFolder(folder);\n\n            if (result) {\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.message);\n        } finally {\n            setDialogOpen(false);\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 folder \"{name}\"! Are you sure you want to continue?`(\n                    {\n                        name: folderDisplayName\n                    }\n                )}\n            </DialogContent>\n            <DialogActions>\n                <DialogCancel\n                    onClick={() => {\n                        setDialogOpen(false);\n                    }}\n                >\n                    {t`Cancel`}\n                </DialogCancel>\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;AAOA;AAEA;AAEA;AAA2C;AAE3C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mEAAmE,CAAC;AAU/E,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAyC;EAAA,IAAnCC,MAAM,QAANA,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAEC,OAAO,QAAPA,OAAO;EACtD,kBAAkC,IAAAC,iBAAU,EAACH,MAAM,CAACI,IAAI,CAAC;IAAjDC,YAAY,eAAZA,YAAY;IAAEC,OAAO,eAAPA,OAAO;EAC7B,mBAAyB,IAAAC,qBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EACpB,gBAAoC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA5CC,UAAU;IAAEC,aAAa;EAEhC,IAAAC,gBAAS,EAAC,YAAM;IACZD,aAAa,CAACV,IAAI,CAAC;EACvB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,IAAMY,iBAAiB,GAAG,IAAAC,cAAO,EAC7B;IAAA,OAAOd,MAAM,CAACe,KAAK,CAACC,MAAM,GAAG,EAAE,GAAGhB,MAAM,CAACe,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAACC,MAAM,CAAC,KAAK,CAAC,GAAGlB,MAAM,CAACe,KAAK;EAAA,CAAC,EACzF,CAACf,MAAM,CAACe,KAAK,CAAC,CACjB;EAED,IAAMI,QAAQ;IAAA,mGAAG;MAAA;MAAA;QAAA;UAAA;YAAA;YAAA;YAAA,OAEYd,YAAY,CAACL,MAAM,CAAC;UAAA;YAAnCoB,MAAM;YAAA,KAERA,MAAM;cAAA;cAAA;YAAA;YACNZ,YAAY,CACRZ,CAAC,mIAAgD;cAC7CyB,IAAI,EAAER;YACV,CAAC,CAAC,CACL;YAAC;YAAA;UAAA;YAAA,MAEI,IAAIS,KAAK,CACX1B,CAAC,2HAAsC;cACnCyB,IAAI,EAAER;YACV,CAAC,CAAC,CACL;UAAA;YAAA;YAAA;UAAA;YAAA;YAAA;YAGLL,YAAY,CAAC,YAAMe,OAAO,CAAC;UAAC;YAAA;YAE5BZ,aAAa,CAAC,KAAK,CAAC;YAAC;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA,CAE5B;IAAA,gBAtBKQ,QAAQ;MAAA;IAAA;EAAA,GAsBb;EAED,oBACI,6BAAC,uBAAe;IAAC,IAAI,EAAET,UAAW;IAAC,OAAO,EAAER;EAAQ,GAC/CI,OAAO,CAACkB,MAAM,iBAAI,6BAAC,0BAAgB;IAAC,KAAK,EAAE5B,CAAC;EAAqB,EAAG,eACrE,6BAAC,mBAAW,QAAEA,CAAC,mGAA8B,eAC7C,6BAAC,qBAAa,QACTA,CAAC,uKACE;IACIyB,IAAI,EAAER;EACV,CAAC,CACJ,CACW,eAChB,6BAAC,qBAAa,qBACV,6BAAC,oBAAY;IACT,OAAO,EAAE,mBAAM;MACXF,aAAa,CAAC,KAAK,CAAC;IACxB;EAAE,GAEDf,CAAC,4FACS,eACf,6BAAC,qBAAa;IACV,OAAO,EAAE,mBAAM;MACXuB,QAAQ,EAAE;IACd;EAAE,GAEDvB,CAAC,mGACU,CACJ,CACF;AAE1B,CAAC;AAAC"}
+{"version":3,"names":["t","i18n","ns","FolderDialogDelete","folder","open","onClose","useFolders","type","deleteFolder","loading","useSnackbar","showSnackbar","useState","dialogOpen","setDialogOpen","useEffect","folderDisplayName","useMemo","title","length","slice","concat","onSubmit","result","name","Error","message","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 { ButtonPrimary } from \"@webiny/ui/Button\";\nimport {\n    DialogActions,\n    DialogCancel,\n    DialogContent,\n    DialogOnClose,\n    DialogTitle\n} from \"@webiny/ui/Dialog\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nimport { useFolders } from \"~/hooks\";\n\nimport { DialogContainer } from \"./styled\";\n\nconst t = i18n.ns(\"app-aco/dialogs/dialog-delete\");\n\nimport { FolderItem } from \"~/types\";\n\ntype FolderDialogDeleteProps = {\n    folder: FolderItem;\n    open: boolean;\n    onClose: DialogOnClose;\n};\n\nexport const FolderDialogDelete: React.VFC<FolderDialogDeleteProps> = ({\n    folder,\n    open,\n    onClose\n}) => {\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.title.length > 20 ? folder.title.slice(0, 20).concat(\"...\") : folder.title),\n        [folder.title]\n    );\n\n    const onSubmit = async () => {\n        try {\n            const result = await deleteFolder(folder);\n\n            if (result) {\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.message);\n        } finally {\n            setDialogOpen(false);\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 folder \"{name}\"! Are you sure you want to continue?`(\n                    {\n                        name: folderDisplayName\n                    }\n                )}\n            </DialogContent>\n            <DialogActions>\n                <DialogCancel\n                    onClick={() => {\n                        setDialogOpen(false);\n                    }}\n                >\n                    {t`Cancel`}\n                </DialogCancel>\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;AAOA;AAEA;AAEA;AAA2C;AAE3C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAU3C,IAAMC,kBAAsD,GAAG,SAAzDA,kBAAsD,OAI7D;EAAA,IAHFC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;EAEP,kBAAkC,IAAAC,iBAAU,EAACH,MAAM,CAACI,IAAI,CAAC;IAAjDC,YAAY,eAAZA,YAAY;IAAEC,OAAO,eAAPA,OAAO;EAC7B,mBAAyB,IAAAC,qBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EACpB,gBAAoC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA5CC,UAAU;IAAEC,aAAa;EAEhC,IAAAC,gBAAS,EAAC,YAAM;IACZD,aAAa,CAACV,IAAI,CAAC;EACvB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,IAAMY,iBAAiB,GAAG,IAAAC,cAAO,EAC7B;IAAA,OAAOd,MAAM,CAACe,KAAK,CAACC,MAAM,GAAG,EAAE,GAAGhB,MAAM,CAACe,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAACC,MAAM,CAAC,KAAK,CAAC,GAAGlB,MAAM,CAACe,KAAK;EAAA,CAAC,EACzF,CAACf,MAAM,CAACe,KAAK,CAAC,CACjB;EAED,IAAMI,QAAQ;IAAA,mGAAG;MAAA;MAAA;QAAA;UAAA;YAAA;YAAA;YAAA,OAEYd,YAAY,CAACL,MAAM,CAAC;UAAA;YAAnCoB,MAAM;YAAA,KAERA,MAAM;cAAA;cAAA;YAAA;YACNZ,YAAY,CACRZ,CAAC,mIAAgD;cAC7CyB,IAAI,EAAER;YACV,CAAC,CAAC,CACL;YAAC;YAAA;UAAA;YAAA,MAEI,IAAIS,KAAK,CACX1B,CAAC,2HAAsC;cACnCyB,IAAI,EAAER;YACV,CAAC,CAAC,CACL;UAAA;YAAA;YAAA;UAAA;YAAA;YAAA;YAGLL,YAAY,CAAC,YAAMe,OAAO,CAAC;UAAC;YAAA;YAE5BZ,aAAa,CAAC,KAAK,CAAC;YAAC;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA,CAE5B;IAAA,gBAtBKQ,QAAQ;MAAA;IAAA;EAAA,GAsBb;EAED,oBACI,6BAAC,uBAAe;IAAC,IAAI,EAAET,UAAW;IAAC,OAAO,EAAER;EAAQ,GAC/CI,OAAO,CAACkB,MAAM,iBAAI,6BAAC,0BAAgB;IAAC,KAAK,EAAE5B,CAAC;EAAqB,EAAG,eACrE,6BAAC,mBAAW,QAAEA,CAAC,mGAA8B,eAC7C,6BAAC,qBAAa,QACTA,CAAC,uKACE;IACIyB,IAAI,EAAER;EACV,CAAC,CACJ,CACW,eAChB,6BAAC,qBAAa,qBACV,6BAAC,oBAAY;IACT,OAAO,EAAE,mBAAM;MACXF,aAAa,CAAC,KAAK,CAAC;IACxB;EAAE,GAEDf,CAAC,4FACS,eACf,6BAAC,qBAAa;IACV,OAAO,EAAE,mBAAM;MACXuB,QAAQ,EAAE;IACd;EAAE,GAEDvB,CAAC,mGACU,CACJ,CACF;AAE1B,CAAC;AAAC"}

package/components/Dialogs/DialogMove.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
 import { DialogOnClose } from "@webiny/ui/Dialog";
 import { SearchRecordItem } from "../../types";
-declare type Props = {
+declare type EntryDialogMoveProps = {
     type: string;
     searchRecord: SearchRecordItem;
     open: boolean;
     onClose: DialogOnClose;
 };
-export declare const EntryDialogMove: React.FC<Props>;
+export declare const EntryDialogMove: React.VFC<EntryDialogMoveProps>;
 export {};

package/components/Dialogs/DialogMove.js

@@ -21,7 +21,7 @@ var _ = require("./..");
 var _hooks = require("../../hooks");
 var _styled = require("./styled");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-var t = _i18n.i18n.ns("app-aco/components/tree/dialog-move");
+var t = _i18n.i18n.ns("app-aco/dialogs/dialog-move");
 var EntryDialogMove = function EntryDialogMove(_ref) {
   var type = _ref.type,
     searchRecord = _ref.searchRecord,
@@ -42,7 +42,7 @@ var EntryDialogMove = function EntryDialogMove(_ref) {
     showSnackbar = _useSnackbar.showSnackbar;
   var onSubmit = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-      var id, title, _type, content, data;
+      var id, title, _type, content, data, tags;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -51,7 +51,7 @@ var EntryDialogMove = function EntryDialogMove(_ref) {
               _context.next = 6;
               break;
             }
-            id = searchRecord.id, title = searchRecord.title, _type = searchRecord.type, content = searchRecord.content, data = searchRecord.data;
+            id = searchRecord.id, title = searchRecord.title, _type = searchRecord.type, content = searchRecord.content, data = searchRecord.data, tags = searchRecord.tags;
             _context.next = 5;
             return updateRecord({
               id: id,
@@ -59,6 +59,7 @@ var EntryDialogMove = function EntryDialogMove(_ref) {
               type: _type,
               content: content,
               data: data,
+              tags: tags,
               location: {
                 folderId: folderId
               }

package/components/Dialogs/DialogMove.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","EntryDialogMove","type","searchRecord","onClose","open","useRecords","location","folderId","updateRecord","loading","useState","dialogOpen","setDialogOpen","setFolderId","useSnackbar","showSnackbar","onSubmit","id","title","content","data","message","useEffect","UPDATE"],"sources":["DialogMove.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport {\n    DialogTitle,\n    DialogActions,\n    DialogContent,\n    DialogOnClose,\n    DialogCancel\n} from \"@webiny/ui/Dialog\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { FolderTree } from \"~/components\";\nimport { useRecords } from \"~/hooks\";\n\nimport { DialogContainer, DialogFoldersContainer } from \"./styled\";\n\nimport { SearchRecordItem } from \"~/types\";\n\ntype Props = {\n    type: string;\n    searchRecord: SearchRecordItem;\n    open: boolean;\n    onClose: DialogOnClose;\n};\n\nconst t = i18n.ns(\"app-aco/components/tree/dialog-move\");\n\nexport const EntryDialogMove: React.FC<Props> = ({ type, searchRecord, onClose, open }) => {\n    const { updateRecord, loading } = useRecords(type, searchRecord.location.folderId || \"ROOT\");\n    const [dialogOpen, setDialogOpen] = useState(false);\n    const [folderId, setFolderId] = useState<string>();\n    const { showSnackbar } = useSnackbar();\n\n    const onSubmit = async () => {\n        try {\n            if (folderId) {\n                const { id, title, type, content, data } = searchRecord;\n                await updateRecord({\n                    id,\n                    title,\n                    type,\n                    content,\n                    data,\n                    location: {\n                        folderId\n                    }\n                });\n\n                showSnackbar(t`Item moved successfully!`);\n            }\n            setDialogOpen(false);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {dialogOpen && (\n                <>\n                    <DialogTitle>{t`Move item`}</DialogTitle>\n                    {loading.UPDATE && <CircularProgress label={t`Moving item...`} />}\n                    <DialogContent>\n                        <Typography use=\"body1\">{t`Choose the folder where you want to move the item. You can always create a new one if you prefer.`}</Typography>\n                        <DialogFoldersContainer>\n                            <FolderTree\n                                title={t`Root folder`}\n                                type={type}\n                                focusedFolderId={folderId || searchRecord.location.folderId}\n                                onFolderClick={data => setFolderId(data?.id)}\n                                onTitleClick={() => setFolderId(\"ROOT\")}\n                                enableCreate={true}\n                            />\n                        </DialogFoldersContainer>\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel\n                            onClick={() => {\n                                setDialogOpen(false);\n                            }}\n                        >\n                            {t`Cancel`}\n                        </DialogCancel>\n                        <ButtonPrimary onClick={onSubmit}>{t`Move item`}</ButtonPrimary>\n                    </DialogActions>\n                </>\n            )}\n        </DialogContainer>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","EntryDialogMove","type","searchRecord","onClose","open","useRecords","location","folderId","updateRecord","loading","useState","dialogOpen","setDialogOpen","setFolderId","useSnackbar","showSnackbar","onSubmit","id","title","content","data","tags","message","useEffect","UPDATE"],"sources":["DialogMove.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport {\n    DialogTitle,\n    DialogActions,\n    DialogContent,\n    DialogOnClose,\n    DialogCancel\n} from \"@webiny/ui/Dialog\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { FolderTree } from \"~/components\";\nimport { useRecords } from \"~/hooks\";\n\nimport { DialogContainer, DialogFoldersContainer } from \"./styled\";\n\nimport { SearchRecordItem } from \"~/types\";\n\ntype EntryDialogMoveProps = {\n    type: string;\n    searchRecord: SearchRecordItem;\n    open: boolean;\n    onClose: DialogOnClose;\n};\n\nconst t = i18n.ns(\"app-aco/dialogs/dialog-move\");\n\nexport const EntryDialogMove: React.VFC<EntryDialogMoveProps> = ({\n    type,\n    searchRecord,\n    onClose,\n    open\n}) => {\n    const { updateRecord, loading } = useRecords(type, searchRecord.location.folderId || \"ROOT\");\n    const [dialogOpen, setDialogOpen] = useState(false);\n    const [folderId, setFolderId] = useState<string>();\n    const { showSnackbar } = useSnackbar();\n\n    const onSubmit = async () => {\n        try {\n            if (folderId) {\n                const { id, title, type, content, data, tags } = searchRecord;\n                await updateRecord({\n                    id,\n                    title,\n                    type,\n                    content,\n                    data,\n                    tags,\n                    location: {\n                        folderId\n                    }\n                });\n\n                showSnackbar(t`Item moved successfully!`);\n            }\n            setDialogOpen(false);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {dialogOpen && (\n                <>\n                    <DialogTitle>{t`Move item`}</DialogTitle>\n                    {loading.UPDATE && <CircularProgress label={t`Moving item...`} />}\n                    <DialogContent>\n                        <Typography use=\"body1\">{t`Choose the folder where you want to move the item. You can always create a new one if you prefer.`}</Typography>\n                        <DialogFoldersContainer>\n                            <FolderTree\n                                title={t`Root folder`}\n                                type={type}\n                                focusedFolderId={folderId || searchRecord.location.folderId}\n                                onFolderClick={data => setFolderId(data?.id)}\n                                onTitleClick={() => setFolderId(\"ROOT\")}\n                                enableCreate={true}\n                            />\n                        </DialogFoldersContainer>\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel\n                            onClick={() => {\n                                setDialogOpen(false);\n                            }}\n                        >\n                            {t`Cancel`}\n                        </DialogCancel>\n                        <ButtonPrimary onClick={onSubmit}>{t`Move item`}</ButtonPrimary>\n                    </DialogActions>\n                </>\n            )}\n        </DialogContainer>\n    );\n};\n"],"mappings":"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"}

package/components/Dialogs/DialogUpdate.d.ts

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

package/components/Dialogs/DialogUpdate.js

@@ -26,7 +26,7 @@ var _ = require("./..");
 var _useFolders2 = require("../../hooks/useFolders");
 var _styled = require("./styled");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-var t = _i18n.i18n.ns("app-aco/components/tree/dialog-update");
+var t = _i18n.i18n.ns("app-aco/dialogs/dialog-update");
 var FolderDialogUpdate = function FolderDialogUpdate(_ref) {
   var folder = _ref.folder,
     onClose = _ref.onClose,

package/components/Dialogs/DialogUpdate.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","FolderDialogUpdate","folder","onClose","open","useFolders","type","loading","updateFolder","useState","dialogOpen","setDialogOpen","parentId","setParentId","useSnackbar","showSnackbar","onSubmit","data","message","useEffect","title","slug","Bind","submit","UPDATE","validation","create","undefined","id"],"sources":["DialogUpdate.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Form, FormOnSubmit } from \"@webiny/form\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport {\n    DialogTitle,\n    DialogActions,\n    DialogContent,\n    DialogOnClose,\n    DialogCancel\n} from \"@webiny/ui/Dialog\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { validation } from \"@webiny/validation\";\n\nimport { FolderTree } from \"~/components\";\nimport { useFolders } from \"~/hooks/useFolders\";\n\nimport { DialogContainer, DialogFoldersContainer } from \"./styled\";\n\nimport { FolderItem } from \"~/types\";\n\ntype Props = {\n    folder: FolderItem;\n    open: boolean;\n    onClose: DialogOnClose;\n};\n\ntype SubmitData = Pick<FolderItem, \"title\" | \"slug\">;\n\nconst t = i18n.ns(\"app-aco/components/tree/dialog-update\");\n\nexport const FolderDialogUpdate: React.FC<Props> = ({ folder, onClose, open }) => {\n    const { loading, updateFolder } = useFolders(folder.type);\n    const [dialogOpen, setDialogOpen] = useState(false);\n    const [parentId, setParentId] = useState<string | null>();\n    const { showSnackbar } = useSnackbar();\n\n    const onSubmit: FormOnSubmit<SubmitData> = async data => {\n        try {\n            await updateFolder({\n                ...folder,\n                ...data,\n                parentId: parentId || null\n            });\n            setDialogOpen(false);\n            showSnackbar(t`Folder updated successfully!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    useEffect(() => {\n        setParentId(folder.parentId);\n    }, [folder.parentId]);\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {dialogOpen && (\n                <>\n                    <Form<SubmitData>\n                        onSubmit={onSubmit}\n                        data={{\n                            title: folder.title,\n                            slug: folder.slug\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={\"title\"}\n                                                validators={[\n                                                    validation.create(\"required,minLength:3\")\n                                                ]}\n                                            >\n                                                <Input label={t`Title`} />\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                                            <Typography use=\"body1\">{t`Parent folder`}</Typography>\n                                            <DialogFoldersContainer>\n                                                <FolderTree\n                                                    title={t`Root folder`}\n                                                    type={folder.type}\n                                                    focusedFolderId={parentId || undefined}\n                                                    hiddenFolderIds={[folder.id]}\n                                                    onFolderClick={data =>\n                                                        setParentId(data?.id || null)\n                                                    }\n                                                    onTitleClick={() => setParentId(null)}\n                                                />\n                                            </DialogFoldersContainer>\n                                        </Cell>\n                                    </Grid>\n                                </DialogContent>\n                                <DialogActions>\n                                    <DialogCancel\n                                        onClick={() => {\n                                            setDialogOpen(false);\n                                        }}\n                                    >\n                                        {t`Cancel`}\n                                    </DialogCancel>\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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"}
+{"version":3,"names":["t","i18n","ns","FolderDialogUpdate","folder","onClose","open","useFolders","type","loading","updateFolder","useState","dialogOpen","setDialogOpen","parentId","setParentId","useSnackbar","showSnackbar","onSubmit","data","message","useEffect","title","slug","Bind","submit","UPDATE","validation","create","undefined","id"],"sources":["DialogUpdate.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Form, FormOnSubmit } from \"@webiny/form\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport {\n    DialogTitle,\n    DialogActions,\n    DialogContent,\n    DialogOnClose,\n    DialogCancel\n} from \"@webiny/ui/Dialog\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { validation } from \"@webiny/validation\";\n\nimport { FolderTree } from \"~/components\";\nimport { useFolders } from \"~/hooks/useFolders\";\n\nimport { DialogContainer, DialogFoldersContainer } from \"./styled\";\n\nimport { FolderItem } from \"~/types\";\n\ntype FolderDialogUpdateProps = {\n    folder: FolderItem;\n    open: boolean;\n    onClose: DialogOnClose;\n};\n\ntype SubmitData = Pick<FolderItem, \"title\" | \"slug\">;\n\nconst t = i18n.ns(\"app-aco/dialogs/dialog-update\");\n\nexport const FolderDialogUpdate: React.VFC<FolderDialogUpdateProps> = ({\n    folder,\n    onClose,\n    open\n}) => {\n    const { loading, updateFolder } = useFolders(folder.type);\n    const [dialogOpen, setDialogOpen] = useState(false);\n    const [parentId, setParentId] = useState<string | null>();\n    const { showSnackbar } = useSnackbar();\n\n    const onSubmit: FormOnSubmit<SubmitData> = async data => {\n        try {\n            await updateFolder({\n                ...folder,\n                ...data,\n                parentId: parentId || null\n            });\n            setDialogOpen(false);\n            showSnackbar(t`Folder updated successfully!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    useEffect(() => {\n        setParentId(folder.parentId);\n    }, [folder.parentId]);\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {dialogOpen && (\n                <>\n                    <Form<SubmitData>\n                        onSubmit={onSubmit}\n                        data={{\n                            title: folder.title,\n                            slug: folder.slug\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={\"title\"}\n                                                validators={[\n                                                    validation.create(\"required,minLength:3\")\n                                                ]}\n                                            >\n                                                <Input label={t`Title`} />\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                                            <Typography use=\"body1\">{t`Parent folder`}</Typography>\n                                            <DialogFoldersContainer>\n                                                <FolderTree\n                                                    title={t`Root folder`}\n                                                    type={folder.type}\n                                                    focusedFolderId={parentId || undefined}\n                                                    hiddenFolderIds={[folder.id]}\n                                                    onFolderClick={data =>\n                                                        setParentId(data?.id || null)\n                                                    }\n                                                    onTitleClick={() => setParentId(null)}\n                                                />\n                                            </DialogFoldersContainer>\n                                        </Cell>\n                                    </Grid>\n                                </DialogContent>\n                                <DialogActions>\n                                    <DialogCancel\n                                        onClick={() => {\n                                            setDialogOpen(false);\n                                        }}\n                                    >\n                                        {t`Cancel`}\n                                    </DialogCancel>\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

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

package/components/Dialogs/index.js

@@ -25,6 +25,17 @@ Object.keys(_DialogDelete).forEach(function (key) {
     }
   });
 });
+var _DialogMove = require("./DialogMove");
+Object.keys(_DialogMove).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DialogMove[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DialogMove[key];
+    }
+  });
+});
 var _DialogUpdate = require("./DialogUpdate");
 Object.keys(_DialogUpdate).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/components/Dialogs/index.js.map

@@ -1 +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"}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./DialogCreate\";\nexport * from \"./DialogDelete\";\nexport * from \"./DialogMove\";\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;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/components/Dialogs/styled.js

@@ -10,7 +10,7 @@ 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;}");
+})("z-index:22;.mdc-dialog__surface{width:600px;min-width:600px;}");
 exports.DialogContainer = DialogContainer;
 var DialogActions = /*#__PURE__*/(0, _styled.default)(_Dialog.DialogActions, {
   label: "DialogActions",

package/components/Dialogs/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["DialogContainer","styled","Dialog","DialogActions","DefaultDialogActions","DialogFoldersContainer"],"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    }\n`;\n\nexport const DialogActions = styled(DefaultDialogActions)`\n    justify-content: space-between;\n`;\n\nexport const DialogFoldersContainer = styled(\"div\")`\n    max-height: 30vh;\n    overflow-y: scroll;\n    margin-top: 8px;\n    padding: 8px;\n    background: var(--mdc-theme-background);\n`;\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,eAAe,oBAAGC,eAAM,EAACC,cAAM;EAAA;EAAA;AAAA,wDAK3C;AAAC;AAEK,IAAMC,aAAa,oBAAGF,eAAM,EAACG,qBAAoB;EAAA;EAAA;AAAA,oCAEvD;AAAC;AAEK,IAAMC,sBAAsB,oBAAGJ,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,0GAMjD;AAAC"}
+{"version":3,"names":["DialogContainer","styled","Dialog","DialogActions","DefaultDialogActions","DialogFoldersContainer"],"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    z-index: 22;\n    .mdc-dialog__surface {\n        width: 600px;\n        min-width: 600px;\n    }\n`;\n\nexport const DialogActions = styled(DefaultDialogActions)`\n    justify-content: space-between;\n`;\n\nexport const DialogFoldersContainer = styled(\"div\")`\n    max-height: 30vh;\n    overflow-y: scroll;\n    margin-top: 8px;\n    padding: 8px;\n    background: var(--mdc-theme-background);\n`;\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,eAAe,oBAAGC,eAAM,EAACC,cAAM;EAAA;EAAA;AAAA,mEAM3C;AAAC;AAEK,IAAMC,aAAa,oBAAGF,eAAM,EAACG,qBAAoB;EAAA;EAAA;AAAA,oCAEvD;AAAC;AAEK,IAAMC,sBAAsB,oBAAGJ,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,0GAMjD;AAAC"}

package/components/FolderGrid/ActionDelete.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ActionDeleteProps {
+    onClick: () => void;
+}
+export declare const ActionDelete: React.VFC<ActionDeleteProps>;
+export {};

package/components/FolderGrid/ActionDelete.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionDelete = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _delete = require("@material-design-icons/svg/outlined/delete.svg");
+var _i18n = require("@webiny/app/i18n");
+var _Icon = require("@webiny/ui/Icon");
+var _Menu = require("@webiny/ui/Menu");
+var _styled = require("./styled");
+var _templateObject;
+var t = _i18n.i18n.ns("app-aco/folder-grid/action-delete");
+var ActionDelete = function ActionDelete(_ref) {
+  var onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_styled.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null)
+  })), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Delete"]))));
+};
+exports.ActionDelete = ActionDelete;

package/components/FolderGrid/ActionDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","ActionDelete","onClick"],"sources":["ActionDelete.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as Delete } from \"@material-design-icons/svg/outlined/delete.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { MenuItem } from \"@webiny/ui/Menu\";\n\nimport { ListItemGraphic } from \"./styled\";\n\nconst t = i18n.ns(\"app-aco/folder-grid/action-delete\");\n\ninterface ActionDeleteProps {\n    onClick: () => void;\n}\nexport const ActionDelete: React.VFC<ActionDeleteProps> = ({ onClick }) => {\n    return (\n        <MenuItem onClick={onClick}>\n            <ListItemGraphic>\n                <Icon icon={<Delete />} />\n            </ListItemGraphic>\n            {t`Delete`}\n        </MenuItem>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAA2C;AAE3C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAK/C,IAAMC,YAA0C,GAAG,SAA7CA,YAA0C,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EAChE,oBACI,6BAAC,cAAQ;IAAC,OAAO,EAAEA;EAAQ,gBACvB,6BAAC,uBAAe,qBACZ,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,sBAAM;EAAI,EAAG,CACZ,EACjBJ,CAAC,0FACK;AAEnB,CAAC;AAAC"}

package/components/FolderGrid/ActionEdit.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ActionEditProps {
+    onClick: () => void;
+}
+export declare const ActionEdit: React.VFC<ActionEditProps>;
+export {};

package/components/FolderGrid/ActionEdit.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionEdit = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _edit = require("@material-design-icons/svg/outlined/edit.svg");
+var _i18n = require("@webiny/app/i18n");
+var _Icon = require("@webiny/ui/Icon");
+var _Menu = require("@webiny/ui/Menu");
+var _styled = require("./styled");
+var _templateObject;
+var t = _i18n.i18n.ns("app-aco/folder-grid/action-edit");
+var ActionEdit = function ActionEdit(_ref) {
+  var onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_styled.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_edit.ReactComponent, null)
+  })), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Edit"]))));
+};
+exports.ActionEdit = ActionEdit;

package/components/FolderGrid/ActionEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","ActionEdit","onClick"],"sources":["ActionEdit.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as Edit } from \"@material-design-icons/svg/outlined/edit.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { MenuItem } from \"@webiny/ui/Menu\";\n\nimport { ListItemGraphic } from \"./styled\";\n\nconst t = i18n.ns(\"app-aco/folder-grid/action-edit\");\n\ninterface ActionEditProps {\n    onClick: () => void;\n}\nexport const ActionEdit: React.VFC<ActionEditProps> = ({ onClick }) => {\n    return (\n        <MenuItem onClick={onClick}>\n            <ListItemGraphic>\n                <Icon icon={<Edit />} />\n            </ListItemGraphic>\n            {t`Edit`}\n        </MenuItem>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAA2C;AAE3C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,iCAAiC,CAAC;AAK7C,IAAMC,UAAsC,GAAG,SAAzCA,UAAsC,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EAC5D,oBACI,6BAAC,cAAQ;IAAC,OAAO,EAAEA;EAAQ,gBACvB,6BAAC,uBAAe,qBACZ,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,oBAAI;EAAI,EAAG,CACV,EACjBJ,CAAC,wFACK;AAEnB,CAAC;AAAC"}

package/components/FolderGrid/Folder.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FolderItem } from "../../types";
+export interface FolderProps {
+    folder: FolderItem;
+    onFolderClick: (id: string) => void;
+    onMenuEditClick: (folder: FolderItem) => void;
+    onMenuDeleteClick: (folder: FolderItem) => void;
+}
+export declare const Folder: React.VFC<FolderProps>;

package/components/FolderGrid/Folder.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Folder = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _folder = require("@material-design-icons/svg/outlined/folder.svg");
+var _more_vert = require("@material-design-icons/svg/filled/more_vert.svg");
+var _Button = require("@webiny/ui/Button");
+var _ActionEdit = require("./ActionEdit");
+var _ActionDelete = require("./ActionDelete");
+var _styled = require("./styled");
+var Folder = function Folder(_ref) {
+  var folder = _ref.folder,
+    onFolderClick = _ref.onFolderClick,
+    onMenuEditClick = _ref.onMenuEditClick,
+    onMenuDeleteClick = _ref.onMenuDeleteClick;
+  var id = folder.id,
+    title = folder.title;
+  return /*#__PURE__*/_react.default.createElement(_styled.FolderContainer, null, /*#__PURE__*/_react.default.createElement(_styled.FolderContent, {
+    onClick: function onClick() {
+      return onFolderClick(id);
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_folder.ReactComponent, null)), /*#__PURE__*/_react.default.createElement(_styled.Text, {
+    use: "subtitle2"
+  }, title)), /*#__PURE__*/_react.default.createElement(_styled.Actions, {
+    handle: /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+      icon: /*#__PURE__*/_react.default.createElement(_more_vert.ReactComponent, null)
+    })
+  }, /*#__PURE__*/_react.default.createElement(_ActionEdit.ActionEdit, {
+    onClick: function onClick() {
+      return onMenuEditClick(folder);
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ActionDelete.ActionDelete, {
+    onClick: function onClick() {
+      return onMenuDeleteClick(folder);
+    }
+  })));
+};
+exports.Folder = Folder;

package/components/FolderGrid/Folder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Folder","folder","onFolderClick","onMenuEditClick","onMenuDeleteClick","id","title"],"sources":["Folder.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as FolderIcon } from \"@material-design-icons/svg/outlined/folder.svg\";\nimport { ReactComponent as MoreIcon } from \"@material-design-icons/svg/filled/more_vert.svg\";\nimport { IconButton } from \"@webiny/ui/Button\";\n\nimport { ActionEdit } from \"./ActionEdit\";\nimport { ActionDelete } from \"./ActionDelete\";\n\nimport { Actions, FolderContainer, FolderContent, Text } from \"./styled\";\n\nimport { FolderItem } from \"~/types\";\n\nexport interface FolderProps {\n    folder: FolderItem;\n    onFolderClick: (id: string) => void;\n    onMenuEditClick: (folder: FolderItem) => void;\n    onMenuDeleteClick: (folder: FolderItem) => void;\n}\n\nexport const Folder: React.VFC<FolderProps> = ({\n    folder,\n    onFolderClick,\n    onMenuEditClick,\n    onMenuDeleteClick\n}) => {\n    const { id, title } = folder;\n    return (\n        <FolderContainer>\n            <FolderContent onClick={() => onFolderClick(id)}>\n                <div>\n                    <FolderIcon />\n                </div>\n                <Text use={\"subtitle2\"}>{title}</Text>\n            </FolderContent>\n            <Actions handle={<IconButton icon={<MoreIcon />} />}>\n                <ActionEdit onClick={() => onMenuEditClick(folder)} />\n                <ActionDelete onClick={() => onMenuDeleteClick(folder)} />\n            </Actions>\n        </FolderContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AAWO,IAAMA,MAA8B,GAAG,SAAjCA,MAA8B,OAKrC;EAAA,IAJFC,MAAM,QAANA,MAAM;IACNC,aAAa,QAAbA,aAAa;IACbC,eAAe,QAAfA,eAAe;IACfC,iBAAiB,QAAjBA,iBAAiB;EAEjB,IAAQC,EAAE,GAAYJ,MAAM,CAApBI,EAAE;IAAEC,KAAK,GAAKL,MAAM,CAAhBK,KAAK;EACjB,oBACI,6BAAC,uBAAe,qBACZ,6BAAC,qBAAa;IAAC,OAAO,EAAE;MAAA,OAAMJ,aAAa,CAACG,EAAE,CAAC;IAAA;EAAC,gBAC5C,uDACI,6BAAC,sBAAU,OAAG,CACZ,eACN,6BAAC,YAAI;IAAC,GAAG,EAAE;EAAY,GAAEC,KAAK,CAAQ,CAC1B,eAChB,6BAAC,eAAO;IAAC,MAAM,eAAE,6BAAC,kBAAU;MAAC,IAAI,eAAE,6BAAC,yBAAQ;IAAI;EAAI,gBAChD,6BAAC,sBAAU;IAAC,OAAO,EAAE;MAAA,OAAMH,eAAe,CAACF,MAAM,CAAC;IAAA;EAAC,EAAG,eACtD,6BAAC,0BAAY;IAAC,OAAO,EAAE;MAAA,OAAMG,iBAAiB,CAACH,MAAM,CAAC;IAAA;EAAC,EAAG,CACpD,CACI;AAE1B,CAAC;AAAC"}

package/components/FolderGrid/FolderGrid.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { FolderItem } from "../../types";
+interface FolderGridProps {
+    folders: FolderItem[];
+    onFolderClick: (id: string) => void;
+}
+export declare const FolderGrid: React.VFC<FolderGridProps>;
+export {};

package/components/FolderGrid/FolderGrid.js

@@ -0,0 +1,60 @@
+"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.FolderGrid = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ = require("./..");
+var _Folder = require("./Folder");
+var _styled = require("./styled");
+var FolderGrid = function FolderGrid(_ref) {
+  var folders = _ref.folders,
+    onFolderClick = _ref.onFolderClick;
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    selectedFolder = _useState2[0],
+    setSelectedFolder = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    updateDialogOpen = _useState4[0],
+    setUpdateDialogOpen = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    deleteDialogOpen = _useState6[0],
+    setDeleteDialogOpen = _useState6[1];
+  if (folders.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.Grid, null, folders.map(function (folder) {
+    return /*#__PURE__*/_react.default.createElement(_Folder.Folder, {
+      key: folder.id,
+      folder: folder,
+      onFolderClick: onFolderClick,
+      onMenuEditClick: function onMenuEditClick() {
+        setUpdateDialogOpen(true);
+        setSelectedFolder(folder);
+      },
+      onMenuDeleteClick: function onMenuDeleteClick() {
+        setDeleteDialogOpen(true);
+        setSelectedFolder(folder);
+      }
+    });
+  })), selectedFolder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.FolderDialogUpdate, {
+    folder: selectedFolder,
+    open: updateDialogOpen,
+    onClose: function onClose() {
+      return setUpdateDialogOpen(false);
+    }
+  }), /*#__PURE__*/_react.default.createElement(_.FolderDialogDelete, {
+    folder: selectedFolder,
+    open: deleteDialogOpen,
+    onClose: function onClose() {
+      return setDeleteDialogOpen(false);
+    }
+  })));
+};
+exports.FolderGrid = FolderGrid;

package/components/FolderGrid/FolderGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FolderGrid","folders","onFolderClick","useState","selectedFolder","setSelectedFolder","updateDialogOpen","setUpdateDialogOpen","deleteDialogOpen","setDeleteDialogOpen","length","map","folder","id"],"sources":["FolderGrid.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { FolderDialogDelete, FolderDialogUpdate } from \"~/components\";\n\nimport { Folder } from \"~/components/FolderGrid/Folder\";\nimport { Grid } from \"~/components/FolderGrid/styled\";\n\nimport { FolderItem } from \"~/types\";\n\ninterface FolderGridProps {\n    folders: FolderItem[];\n    onFolderClick: (id: string) => void;\n}\n\nexport const FolderGrid: React.VFC<FolderGridProps> = ({ folders, onFolderClick }) => {\n    const [selectedFolder, setSelectedFolder] = useState<FolderItem>();\n    const [updateDialogOpen, setUpdateDialogOpen] = useState<boolean>(false);\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState<boolean>(false);\n\n    if (folders.length === 0) {\n        return null;\n    }\n\n    return (\n        <>\n            <Grid>\n                {folders.map(folder => (\n                    <Folder\n                        key={folder.id}\n                        folder={folder}\n                        onFolderClick={onFolderClick}\n                        onMenuEditClick={() => {\n                            setUpdateDialogOpen(true);\n                            setSelectedFolder(folder);\n                        }}\n                        onMenuDeleteClick={() => {\n                            setDeleteDialogOpen(true);\n                            setSelectedFolder(folder);\n                        }}\n                    />\n                ))}\n            </Grid>\n            {selectedFolder && (\n                <>\n                    <FolderDialogUpdate\n                        folder={selectedFolder}\n                        open={updateDialogOpen}\n                        onClose={() => setUpdateDialogOpen(false)}\n                    />\n                    <FolderDialogDelete\n                        folder={selectedFolder}\n                        open={deleteDialogOpen}\n                        onClose={() => setDeleteDialogOpen(false)}\n                    />\n                </>\n            )}\n        </>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AAEA;AAEA;AACA;AASO,IAAMA,UAAsC,GAAG,SAAzCA,UAAsC,OAAmC;EAAA,IAA7BC,OAAO,QAAPA,OAAO;IAAEC,aAAa,QAAbA,aAAa;EAC3E,gBAA4C,IAAAC,eAAQ,GAAc;IAAA;IAA3DC,cAAc;IAAEC,iBAAiB;EACxC,iBAAgD,IAAAF,eAAQ,EAAU,KAAK,CAAC;IAAA;IAAjEG,gBAAgB;IAAEC,mBAAmB;EAC5C,iBAAgD,IAAAJ,eAAQ,EAAU,KAAK,CAAC;IAAA;IAAjEK,gBAAgB;IAAEC,mBAAmB;EAE5C,IAAIR,OAAO,CAACS,MAAM,KAAK,CAAC,EAAE;IACtB,OAAO,IAAI;EACf;EAEA,oBACI,yEACI,6BAAC,YAAI,QACAT,OAAO,CAACU,GAAG,CAAC,UAAAC,MAAM;IAAA,oBACf,6BAAC,cAAM;MACH,GAAG,EAAEA,MAAM,CAACC,EAAG;MACf,MAAM,EAAED,MAAO;MACf,aAAa,EAAEV,aAAc;MAC7B,eAAe,EAAE,2BAAM;QACnBK,mBAAmB,CAAC,IAAI,CAAC;QACzBF,iBAAiB,CAACO,MAAM,CAAC;MAC7B,CAAE;MACF,iBAAiB,EAAE,6BAAM;QACrBH,mBAAmB,CAAC,IAAI,CAAC;QACzBJ,iBAAiB,CAACO,MAAM,CAAC;MAC7B;IAAE,EACJ;EAAA,CACL,CAAC,CACC,EACNR,cAAc,iBACX,yEACI,6BAAC,oBAAkB;IACf,MAAM,EAAEA,cAAe;IACvB,IAAI,EAAEE,gBAAiB;IACvB,OAAO,EAAE;MAAA,OAAMC,mBAAmB,CAAC,KAAK,CAAC;IAAA;EAAC,EAC5C,eACF,6BAAC,oBAAkB;IACf,MAAM,EAAEH,cAAe;IACvB,IAAI,EAAEI,gBAAiB;IACvB,OAAO,EAAE;MAAA,OAAMC,mBAAmB,CAAC,KAAK,CAAC;IAAA;EAAC,EAC5C,CAET,CACF;AAEX,CAAC;AAAC"}

package/components/FolderGrid/index.d.ts

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

package/components/FolderGrid/index.js

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

package/components/FolderGrid/index.js.map

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