@webiny/app-aco 5.37.0-beta.0 → 5.37.0-beta.1

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 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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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_i18n","_appAdmin","_form","_Button","_Dialog","_Grid","_Input","_Progress","_Typography","_validation","_","_useFolders2","_styled","_constants","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","t","i18n","ns","FolderDialogUpdate","_ref","folder","onClose","open","_useFolders","useFolders","loading","updateFolder","_useState","useState","_useState2","_slicedToArray2","default","dialogOpen","setDialogOpen","_useState3","_useState4","parentId","setParentId","_useSnackbar","useSnackbar","showSnackbar","onSubmit","_ref2","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","data","wrap","_callee$","_context","prev","next","_objectSpread2","_taggedTemplateLiteral2","t0","message","stop","_x","apply","arguments","useEffect","createElement","DialogContainer","Fragment","Form","title","slug","_ref3","Bind","submit","UPDATE","CircularProgress","label","DialogTitle","DialogContent","Grid","Cell","span","name","validators","validation","create","Input","value","Typography","use","DialogFoldersContainer","FolderTree","focusedFolderId","ROOT_FOLDER","hiddenFolderIds","id","onFolderClick","DialogActions","DialogCancel","onClick","ButtonPrimary","exports"],"sources":["DialogUpdate.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\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\";\nimport { FolderTree } from \"~/components\";\nimport { useFolders } from \"~/hooks/useFolders\";\nimport { DialogContainer, DialogFoldersContainer } from \"./styled\";\nimport { FolderItem } from \"~/types\";\nimport { ROOT_FOLDER } from \"~/constants\";\n\ninterface 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();\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={[validation.create(\"required\")]}\n                                            >\n                                                <Input label={t`Title`} />\n                                            </Bind>\n                                        </Cell>\n                                        <Cell span={12}>\n                                            <Bind\n                                                name={\"slug\"}\n                                                validators={[validation.create(\"required,slug\")]}\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                                                    focusedFolderId={parentId || ROOT_FOLDER}\n                                                    hiddenFolderIds={[folder.id]}\n                                                    onFolderClick={data =>\n                                                        setParentId(\n                                                            data.id === ROOT_FOLDER ? null : data.id\n                                                        )\n                                                    }\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.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_DialogCreate","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_DialogDelete","_DialogMove","_DialogUpdate"],"sources":["index.tsx"],"sourcesContent":["export * from \"./DialogCreate\";\nexport * from \"./DialogDelete\";\nexport * from \"./DialogMove\";\nexport * from \"./DialogUpdate\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,aAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,aAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,aAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,aAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,WAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,WAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,WAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,WAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,aAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,aAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,aAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,aAAA,CAAAP,GAAA;IAAA;EAAA;AAAA"}

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    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"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_Dialog","DialogContainer","styled","Dialog","label","target","exports","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,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEO,IAAME,eAAe,oBAAGC,eAAM,EAACC,cAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,mEAM3C;AAACC,OAAA,CAAAL,eAAA,GAAAA,eAAA;AAEK,IAAMM,aAAa,oBAAGL,eAAM,EAACM,qBAAoB;EAAAJ,KAAA;EAAAC,MAAA;AAAA,oCAEvD;AAACC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEK,IAAME,sBAAsB,oBAAGP,eAAM,EAAC,KAAK;EAAAE,KAAA;EAAAC,MAAA;AAAA,0GAMjD;AAACC,OAAA,CAAAG,sBAAA,GAAAA,sBAAA"}

package/components/FolderGrid/ActionDelete.js.map

@@ -1 +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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_delete","_i18n","_Icon","_Menu","_styled","_templateObject","t","i18n","ns","ActionDelete","_ref","onClick","default","createElement","MenuItem","ListItemGraphic","Icon","icon","ReactComponent","_taggedTemplateLiteral2","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AAA2C,IAAAM,eAAA;AAE3C,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAK/C,IAAMC,YAA0C,GAAG,SAA7CA,YAA0CA,CAAAC,IAAA,EAAoB;EAAA,IAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAChE,oBACId,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAW,QAAQ;IAACH,OAAO,EAAEA;EAAQ,gBACvBd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAW,eAAe,qBACZlB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAc,IAAI;IAACC,IAAI,eAAEpB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,OAAA,CAAAkB,cAAM,MAAE;EAAE,CAAE,CACZ,CAAC,EACjBZ,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAc,uBAAA,CAAAP,OAAA,eACI,CAAC;AAEnB,CAAC;AAACQ,OAAA,CAAAX,YAAA,GAAAA,YAAA"}

package/components/FolderGrid/ActionEdit.js.map

@@ -1 +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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_edit","_i18n","_Icon","_Menu","_styled","_templateObject","t","i18n","ns","ActionEdit","_ref","onClick","default","createElement","MenuItem","ListItemGraphic","Icon","icon","ReactComponent","_taggedTemplateLiteral2","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AAA2C,IAAAM,eAAA;AAE3C,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,iCAAiC,CAAC;AAK7C,IAAMC,UAAsC,GAAG,SAAzCA,UAAsCA,CAAAC,IAAA,EAAoB;EAAA,IAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAC5D,oBACId,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAW,QAAQ;IAACH,OAAO,EAAEA;EAAQ,gBACvBd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAW,eAAe,qBACZlB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAc,IAAI;IAACC,IAAI,eAAEpB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,KAAA,CAAAkB,cAAI,MAAE;EAAE,CAAE,CACV,CAAC,EACjBZ,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAc,uBAAA,CAAAP,OAAA,aACI,CAAC;AAEnB,CAAC;AAACQ,OAAA,CAAAX,UAAA,GAAAA,UAAA"}

package/components/FolderGrid/Folder.js.map

@@ -1 +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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_folder","_more_vert","_Button","_ActionEdit","_ActionDelete","_styled","Folder","_ref","folder","onFolderClick","onMenuEditClick","onMenuDeleteClick","id","title","default","createElement","FolderContainer","FolderContent","onClick","ReactComponent","Text","use","Actions","handle","IconButton","icon","ActionEdit","ActionDelete","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA;AAWO,IAAMO,MAA8B,GAAG,SAAjCA,MAA8BA,CAAAC,IAAA,EAKrC;EAAA,IAJFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;EAEjB,IAAQC,EAAE,GAAYJ,MAAM,CAApBI,EAAE;IAAEC,KAAK,GAAKL,MAAM,CAAhBK,KAAK;EACjB,oBACIhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAW,eAAe,qBACZnB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAY,aAAa;IAACC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMT,aAAa,CAACG,EAAE,CAAC;IAAA;EAAC,gBAC5Cf,MAAA,CAAAiB,OAAA,CAAAC,aAAA,2BACIlB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,OAAA,CAAAmB,cAAU,MAAE,CACZ,CAAC,eACNtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAe,IAAI;IAACC,GAAG,EAAE;EAAY,GAAER,KAAY,CAC1B,CAAC,eAChBhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAiB,OAAO;IAACC,MAAM,eAAE1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,OAAA,CAAAsB,UAAU;MAACC,IAAI,eAAE5B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,UAAA,CAAAkB,cAAQ,MAAE;IAAE,CAAE;EAAE,gBAChDtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,WAAA,CAAAuB,UAAU;IAACR,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMR,eAAe,CAACF,MAAM,CAAC;IAAA;EAAC,CAAE,CAAC,eACtDX,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAuB,YAAY;IAACT,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMP,iBAAiB,CAACH,MAAM,CAAC;IAAA;EAAC,CAAE,CACpD,CACI,CAAC;AAE1B,CAAC;AAACoB,OAAA,CAAAtB,MAAA,GAAAA,MAAA"}

package/components/FolderGrid/FolderGrid.js.map

@@ -1 +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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_","_Folder","_styled","FolderGrid","_ref","folders","onFolderClick","_useState","useState","_useState2","_slicedToArray2","default","selectedFolder","setSelectedFolder","_useState3","_useState4","updateDialogOpen","setUpdateDialogOpen","_useState5","_useState6","deleteDialogOpen","setDeleteDialogOpen","length","createElement","Fragment","Grid","map","folder","Folder","key","id","onMenuEditClick","onMenuDeleteClick","FolderDialogUpdate","open","onClose","FolderDialogDelete","exports"],"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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,CAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AASO,IAAMI,UAAsC,GAAG,SAAzCA,UAAsCA,CAAAC,IAAA,EAAmC;EAAA,IAA7BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;EAC3E,IAAAC,SAAA,GAA4C,IAAAC,eAAQ,EAAa,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA3DK,cAAc,GAAAH,UAAA;IAAEI,iBAAiB,GAAAJ,UAAA;EACxC,IAAAK,UAAA,GAAgD,IAAAN,eAAQ,EAAU,KAAK,CAAC;IAAAO,UAAA,OAAAL,eAAA,CAAAC,OAAA,EAAAG,UAAA;IAAjEE,gBAAgB,GAAAD,UAAA;IAAEE,mBAAmB,GAAAF,UAAA;EAC5C,IAAAG,UAAA,GAAgD,IAAAV,eAAQ,EAAU,KAAK,CAAC;IAAAW,UAAA,OAAAT,eAAA,CAAAC,OAAA,EAAAO,UAAA;IAAjEE,gBAAgB,GAAAD,UAAA;IAAEE,mBAAmB,GAAAF,UAAA;EAE5C,IAAId,OAAO,CAACiB,MAAM,KAAK,CAAC,EAAE;IACtB,OAAO,IAAI;EACf;EAEA,oBACIzB,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAAA1B,MAAA,CAAAc,OAAA,CAAAa,QAAA,qBACI3B,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAACrB,OAAA,CAAAuB,IAAI,QACApB,OAAO,CAACqB,GAAG,CAAC,UAAAC,MAAM;IAAA,oBACf9B,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAACtB,OAAA,CAAA2B,MAAM;MACHC,GAAG,EAAEF,MAAM,CAACG,EAAG;MACfH,MAAM,EAAEA,MAAO;MACfrB,aAAa,EAAEA,aAAc;MAC7ByB,eAAe,EAAE,SAAAA,gBAAA,EAAM;QACnBd,mBAAmB,CAAC,IAAI,CAAC;QACzBJ,iBAAiB,CAACc,MAAM,CAAC;MAC7B,CAAE;MACFK,iBAAiB,EAAE,SAAAA,kBAAA,EAAM;QACrBX,mBAAmB,CAAC,IAAI,CAAC;QACzBR,iBAAiB,CAACc,MAAM,CAAC;MAC7B;IAAE,CACL,CAAC;EAAA,CACL,CACC,CAAC,EACNf,cAAc,iBACXf,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAAA1B,MAAA,CAAAc,OAAA,CAAAa,QAAA,qBACI3B,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAACvB,CAAA,CAAAiC,kBAAkB;IACfN,MAAM,EAAEf,cAAe;IACvBsB,IAAI,EAAElB,gBAAiB;IACvBmB,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMlB,mBAAmB,CAAC,KAAK,CAAC;IAAA;EAAC,CAC7C,CAAC,eACFpB,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAACvB,CAAA,CAAAoC,kBAAkB;IACfT,MAAM,EAAEf,cAAe;IACvBsB,IAAI,EAAEd,gBAAiB;IACvBe,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMd,mBAAmB,CAAC,KAAK,CAAC;IAAA;EAAC,CAC7C,CACH,CAER,CAAC;AAEX,CAAC;AAACgB,OAAA,CAAAlC,UAAA,GAAAA,UAAA"}

package/components/FolderGrid/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./FolderGrid\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_FolderGrid","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./FolderGrid\";\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/components/FolderGrid/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["FolderContainer","styled","FolderContent","Text","Typography","Actions","Menu","ListItemGraphic","ListItemGraphicBase","Grid"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { ListItemGraphic as ListItemGraphicBase } from \"@webiny/ui/List\";\nimport { Menu } from \"@webiny/ui/Menu\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const FolderContainer = styled(\"div\")`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--mdc-theme-surface);\n    padding: 4px 4px 4px 16px;\n    border: 1px solid var(--mdc-theme-on-background);\n    border-radius: 2px;\n    cursor: pointer;\n`;\n\nexport const FolderContent = styled(\"div\")`\n    display: flex;\n    align-items: center;\n    white-space: nowrap;\n    overflow: hidden;\n    width: 100%;\n`;\n\nexport const Text = styled(Typography)`\n    margin-left: 4px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n`;\n\nexport const Actions = styled(Menu)`\n    width: 200px;\n`;\n\nexport const ListItemGraphic = styled(ListItemGraphicBase)`\n    margin-right: 24px;\n`;\n\nexport const Grid = styled(\"div\")`\n    width: 100%;\n    display: grid;\n    /* define the number of grid columns */\n    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n    column-gap: 16px;\n    row-gap: 16px;\n`;\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AAEO,IAAMA,eAAe,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,kNAS1C;AAAC;AAEK,IAAMC,aAAa,oBAAGD,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,oFAMxC;AAAC;AAEK,IAAME,IAAI,oBAAGF,eAAM,EAACG,sBAAU;EAAA;EAAA;AAAA,gFAKpC;AAAC;AAEK,IAAMC,OAAO,oBAAGJ,eAAM,EAACK,UAAI;EAAA;EAAA;AAAA,kBAEjC;AAAC;AAEK,IAAMC,eAAe,oBAAGN,eAAM,EAACO,qBAAmB;EAAA;EAAA;AAAA,wBAExD;AAAC;AAEK,IAAMC,IAAI,oBAAGR,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,qHAO/B;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_List","_Menu","_Typography","FolderContainer","styled","label","target","exports","FolderContent","Text","Typography","Actions","Menu","ListItemGraphic","ListItemGraphicBase","Grid"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { ListItemGraphic as ListItemGraphicBase } from \"@webiny/ui/List\";\nimport { Menu } from \"@webiny/ui/Menu\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const FolderContainer = styled(\"div\")`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--mdc-theme-surface);\n    padding: 4px 4px 4px 16px;\n    border: 1px solid var(--mdc-theme-on-background);\n    border-radius: 2px;\n    cursor: pointer;\n`;\n\nexport const FolderContent = styled(\"div\")`\n    display: flex;\n    align-items: center;\n    white-space: nowrap;\n    overflow: hidden;\n    width: 100%;\n`;\n\nexport const Text = styled(Typography)`\n    margin-left: 4px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n`;\n\nexport const Actions = styled(Menu)`\n    width: 200px;\n`;\n\nexport const ListItemGraphic = styled(ListItemGraphicBase)`\n    margin-right: 24px;\n`;\n\nexport const Grid = styled(\"div\")`\n    width: 100%;\n    display: grid;\n    /* define the number of grid columns */\n    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n    column-gap: 16px;\n    row-gap: 16px;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEO,IAAMI,eAAe,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,kNAS1C;AAACC,OAAA,CAAAJ,eAAA,GAAAA,eAAA;AAEK,IAAMK,aAAa,oBAAGJ,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,oFAMxC;AAACC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEK,IAAMC,IAAI,oBAAGL,eAAM,EAACM,sBAAU;EAAAL,KAAA;EAAAC,MAAA;AAAA,gFAKpC;AAACC,OAAA,CAAAE,IAAA,GAAAA,IAAA;AAEK,IAAME,OAAO,oBAAGP,eAAM,EAACQ,UAAI;EAAAP,KAAA;EAAAC,MAAA;AAAA,kBAEjC;AAACC,OAAA,CAAAI,OAAA,GAAAA,OAAA;AAEK,IAAME,eAAe,oBAAGT,eAAM,EAACU,qBAAmB;EAAAT,KAAA;EAAAC,MAAA;AAAA,wBAExD;AAACC,OAAA,CAAAM,eAAA,GAAAA,eAAA;AAEK,IAAME,IAAI,oBAAGX,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,qHAO/B;AAACC,OAAA,CAAAQ,IAAA,GAAAA,IAAA"}

package/components/FolderTree/ButtonCreate/index.js

@@ -18,6 +18,6 @@ var CreateButton = function CreateButton(_ref) {
     onClick: onClick
   }, /*#__PURE__*/_react.default.createElement(_styled.IconContainer, null, /*#__PURE__*/_react.default.createElement(_styled.Icon, null)), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle2"
-  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Create new folder"])))));
+  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Create a new folder"])))));
 };
 exports.CreateButton = CreateButton;

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","CreateButton","onClick"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { Button, Icon, IconContainer } from \"./styled\";\n\ntype CreateButtonProps = {\n    onClick: () => void;\n};\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/button-create\");\n\nexport const CreateButton: React.VFC<CreateButtonProps> = ({ onClick }) => {\n    return (\n        <Button onClick={onClick}>\n            <IconContainer>\n                <Icon />\n            </IconContainer>\n            <Typography use={\"subtitle2\"}>{t`Create new folder`}</Typography>\n        </Button>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AAEA;AAAuD;AAMvD,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,8CAA8C,CAAC;AAE1D,IAAMC,YAA0C,GAAG,SAA7CA,YAA0C,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EAChE,oBACI,6BAAC,cAAM;IAAC,OAAO,EAAEA;EAAQ,gBACrB,6BAAC,qBAAa,qBACV,6BAAC,YAAI,OAAG,CACI,eAChB,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAY,GAAEJ,CAAC,qGAAiC,CAC5D;AAEjB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Typography","_styled","_templateObject","t","i18n","ns","CreateButton","_ref","onClick","default","createElement","Button","IconContainer","Icon","Typography","use","_taggedTemplateLiteral2","exports"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { Button, Icon, IconContainer } from \"./styled\";\n\ntype CreateButtonProps = {\n    onClick: () => void;\n};\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/button-create\");\n\nexport const CreateButton: React.VFC<CreateButtonProps> = ({ onClick }) => {\n    return (\n        <Button onClick={onClick}>\n            <IconContainer>\n                <Icon />\n            </IconContainer>\n            <Typography use={\"subtitle2\"}>{t`Create a new folder`}</Typography>\n        </Button>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAuD,IAAAI,eAAA;AAMvD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,8CAA8C,CAAC;AAE1D,IAAMC,YAA0C,GAAG,SAA7CA,YAA0CA,CAAAC,IAAA,EAAoB;EAAA,IAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAChE,oBACIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAU,MAAM;IAACH,OAAO,EAAEA;EAAQ,gBACrBZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAW,aAAa,qBACVhB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAY,IAAI,MAAE,CACI,CAAC,eAChBjB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,WAAA,CAAAc,UAAU;IAACC,GAAG,EAAE;EAAY,GAAEZ,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAc,uBAAA,CAAAP,OAAA,4BAAkC,CAC9D,CAAC;AAEjB,CAAC;AAACQ,OAAA,CAAAX,YAAA,GAAAA,YAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["Button","styled","IconContainer","Icon","Plus"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ReactComponent as Plus } from \"@material-design-icons/svg/outlined/add_circle_outline.svg\";\n\nexport const Button = styled(\"button\")`\n    background: none;\n    border: none;\n    cursor: pointer;\n    outline: none;\n    font-family: var(--mdc-typography-font-family);\n    color: var(--webiny-theme-color-text-secondary);\n    fill: currentColor;\n    display: flex;\n    align-items: center;\n    font-size: 1em;\n    padding: 8px;\n`;\n\nexport const IconContainer = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport const Icon = styled(Plus)`\n    padding: 0 4px;\n    height: 16px;\n    width: 16px;\n`;\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,MAAM,oBAAGC,eAAM,EAAC,QAAQ;EAAA;EAAA;AAAA,uOAYpC;AAAC;AAEK,IAAMC,aAAa,oBAAGD,eAAM;EAAA;EAAA;AAAA,6DAIlC;AAAC;AAEK,IAAME,IAAI,oBAAGF,eAAM,EAACG,kCAAI;EAAA;EAAA;AAAA,2CAI9B;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_add_circle_outline","Button","styled","label","target","exports","IconContainer","Icon","Plus"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ReactComponent as Plus } from \"@material-design-icons/svg/outlined/add_circle_outline.svg\";\n\nexport const Button = styled(\"button\")`\n    background: none;\n    border: none;\n    cursor: pointer;\n    outline: none;\n    font-family: var(--mdc-typography-font-family);\n    color: var(--webiny-theme-color-text-secondary);\n    fill: currentColor;\n    display: flex;\n    align-items: center;\n    font-size: 1em;\n    padding: 8px;\n`;\n\nexport const IconContainer = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport const Icon = styled(Plus)`\n    padding: 0 4px;\n    height: 16px;\n    width: 16px;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAEO,IAAME,MAAM,oBAAGC,eAAM,EAAC,QAAQ;EAAAC,KAAA;EAAAC,MAAA;AAAA,uOAYpC;AAACC,OAAA,CAAAJ,MAAA,GAAAA,MAAA;AAEK,IAAMK,aAAa,oBAAGJ,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,6DAIlC;AAACC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEK,IAAMC,IAAI,oBAAGL,eAAM,EAACM,kCAAI;EAAAL,KAAA;EAAAC,MAAA;AAAA,2CAI9B;AAACC,OAAA,CAAAE,IAAA,GAAAA,IAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","Empty"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { Container } from \"./styled\";\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/empty\");\n\nexport const Empty: React.VFC = () => {\n    return (\n        <Container>\n            <Typography use={\"body2\"}>{t`No folders found...`}</Typography>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AAEA;AAAqC;AAErC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,sCAAsC,CAAC;AAElD,IAAMC,KAAgB,GAAG,SAAnBA,KAAgB,GAAS;EAClC,oBACI,6BAAC,iBAAS,qBACN,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAQ,GAAEH,CAAC,uGAAmC,CACvD;AAEpB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Typography","_styled","_templateObject","t","i18n","ns","Empty","default","createElement","Container","Typography","use","_taggedTemplateLiteral2","exports"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { Container } from \"./styled\";\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/empty\");\n\nexport const Empty: React.VFC = () => {\n    return (\n        <Container>\n            <Typography use={\"body2\"}>{t`No folders found...`}</Typography>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAqC,IAAAI,eAAA;AAErC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,sCAAsC,CAAC;AAElD,IAAMC,KAAgB,GAAG,SAAnBA,KAAgBA,CAAA,EAAS;EAClC,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAQ,SAAS,qBACNb,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,WAAA,CAAAU,UAAU;IAACC,GAAG,EAAE;EAAQ,GAAER,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAL,OAAA,4BAAkC,CACvD,CAAC;AAEpB,CAAC;AAACM,OAAA,CAAAP,KAAA,GAAAA,KAAA"}

package/components/FolderTree/Empty/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    padding: 48px 12px 8px;\n    color: var(--webiny-theme-color-text-secondary);\n    fill: currentColor;\n`;\n"],"mappings":";;;;;;;AAAA;AAEO,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,6FAIpC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","Container","styled","label","target","exports"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Container = styled(\"div\")`\n    padding: 48px 12px 8px;\n    color: var(--webiny-theme-color-text-secondary);\n    fill: currentColor;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,6FAIpC;AAACC,OAAA,CAAAJ,SAAA,GAAAA,SAAA"}

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

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

package/components/FolderTree/List/index.js

@@ -6,32 +6,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.List = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactDndTreeview = require("@minoru/react-dnd-treeview");
 var _appAdmin = require("@webiny/app-admin");
 var _reactDnd = require("react-dnd");
-var _useDeepCompareEffect = _interopRequireDefault(require("use-deep-compare-effect"));
 var _ = require("../..");
 var _Node = require("../Node");
 var _NodePreview = require("../NodePreview");
 var _Placeholder = require("../Placeholder");
 var _utils = require("./utils");
 var _hooks = require("../../../hooks");
-var _constants = require("./constants");
+var _constants = require("../../../constants");
 var List = function List(_ref) {
-  var type = _ref.type,
-    folders = _ref.folders,
+  var folders = _ref.folders,
     onFolderClick = _ref.onFolderClick,
     focusedFolderId = _ref.focusedFolderId,
     hiddenFolderIds = _ref.hiddenFolderIds,
-    enableActions = _ref.enableActions,
-    onDragStart = _ref.onDragStart,
-    onDragEnd = _ref.onDragEnd;
-  var _useFolders = (0, _hooks.useFolders)(type),
+    enableActions = _ref.enableActions;
+  var _useFolders = (0, _hooks.useFolders)(),
     updateFolder = _useFolders.updateFolder;
   var _useSnackbar = (0, _appAdmin.useSnackbar)(),
     showSnackbar = _useSnackbar.showSnackbar;
@@ -39,11 +36,11 @@ var List = function List(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     treeData = _useState2[0],
     setTreeData = _useState2[1];
-  var _useState3 = (0, _react.useState)(undefined),
+  var _useState3 = (0, _react.useState)(),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     initialOpenList = _useState4[0],
     setInitialOpenList = _useState4[1];
-  var _useState5 = (0, _react.useState)([]),
+  var _useState5 = (0, _react.useState)([_constants.ROOT_FOLDER]),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     openFolderIds = _useState6[0],
     setOpenFolderIds = _useState6[1];
@@ -59,22 +56,17 @@ var List = function List(_ref) {
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
     selectedFolder = _useState12[0],
     setSelectedFolder = _useState12[1];
-  (0, _useDeepCompareEffect.default)(function () {
+  (0, _react.useEffect)(function () {
     if (folders) {
       setTreeData((0, _utils.createTreeData)(folders, focusedFolderId, hiddenFolderIds));
     }
-
-    /**
-     *  We are spreading the `folders`:
-     *  in case of folder value update (e.g. name) from any component within the UI does not trigger the tree data update.
-     *  TODO: need investigation.
-     */
-  }, [(0, _objectSpread2.default)({}, folders), focusedFolderId]);
+  }, [folders, focusedFolderId]);
   (0, _react.useEffect)(function () {
-    if (folders) {
-      setInitialOpenList((0, _utils.createInitialOpenList)(folders, openFolderIds, focusedFolderId));
+    if (!folders) {
+      return;
     }
-  }, []);
+    setInitialOpenList((0, _utils.createInitialOpenList)(folders, openFolderIds, focusedFolderId));
+  }, [focusedFolderId]);
   var handleDrop = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(newTree, _ref2) {
       var dragSourceId, dropTargetId, item;
@@ -90,12 +82,12 @@ var List = function List(_ref) {
               _context.next = 5;
               break;
             }
-            throw new Error("Folder not found");
+            throw new Error("Folder not found!");
           case 5:
             setTreeData(newTree);
             _context.next = 8;
             return updateFolder((0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-              parentId: dropTargetId !== _constants.ROOT_ID ? dropTargetId : null
+              parentId: dropTargetId !== _constants.ROOT_FOLDER ? dropTargetId : null
             }));
           case 8:
             _context.next = 13;
@@ -116,13 +108,16 @@ var List = function List(_ref) {
   }();
   var sort = (0, _react.useMemo)(function () {
     return function (a, b) {
+      if (a.data.id === _constants.ROOT_FOLDER || b.data.id === _constants.ROOT_FOLDER) {
+        return 1;
+      }
       return a.data.title.localeCompare(b.data.title, undefined, {
         numeric: true
       });
     };
   }, []);
   var handleChangeOpen = function handleChangeOpen(folderIds) {
-    setOpenFolderIds(folderIds);
+    setOpenFolderIds([_constants.ROOT_FOLDER].concat((0, _toConsumableArray2.default)(folderIds)));
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
     backend: _reactDndTreeview.MultiBackend,
@@ -130,12 +125,15 @@ var List = function List(_ref) {
     context: window
   }, /*#__PURE__*/_react.default.createElement(_reactDndTreeview.Tree, {
     tree: treeData,
-    rootId: _constants.ROOT_ID,
+    rootId: "0",
     onDrop: handleDrop,
-    onChangeOpen: handleChangeOpen,
-    onDragStart: onDragStart,
-    onDragEnd: onDragEnd,
+    onChangeOpen: function onChangeOpen(ids) {
+      return handleChangeOpen(ids);
+    },
     sort: sort,
+    canDrag: function canDrag(item) {
+      return item.id !== _constants.ROOT_FOLDER;
+    },
     render: function render(node, _ref4) {
       var depth = _ref4.depth,
         isOpen = _ref4.isOpen,
@@ -165,7 +163,6 @@ var List = function List(_ref) {
       });
     },
     classes: {
-      root: "treeRoot",
       dropTarget: "dropTarget",
       draggingSource: "draggingSource",
       placeholder: "placeholderContainer"

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

@@ -1 +1 @@
-{"version":3,"names":["List","type","folders","onFolderClick","focusedFolderId","hiddenFolderIds","enableActions","onDragStart","onDragEnd","useFolders","updateFolder","useSnackbar","showSnackbar","useState","treeData","setTreeData","undefined","initialOpenList","setInitialOpenList","openFolderIds","setOpenFolderIds","updateDialogOpen","setUpdateDialogOpen","deleteDialogOpen","setDeleteDialogOpen","selectedFolder","setSelectedFolder","useDeepCompareEffect","createTreeData","useEffect","createInitialOpenList","handleDrop","newTree","dragSourceId","dropTargetId","item","find","folder","id","Error","parentId","ROOT_ID","message","sort","useMemo","a","b","data","title","localeCompare","numeric","handleChangeOpen","folderIds","MultiBackend","getBackendOptions","window","node","depth","isOpen","onToggle","monitorProps","root","dropTarget","draggingSource","placeholder"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\n\nimport {\n    DropOptions,\n    getBackendOptions,\n    InitialOpen,\n    MultiBackend,\n    NodeModel,\n    Tree\n} from \"@minoru/react-dnd-treeview\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { DndProvider } from \"react-dnd\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\n\nimport { FolderDialogDelete, FolderDialogUpdate } from \"~/components\";\nimport { Node } from \"../Node\";\nimport { NodePreview } from \"../NodePreview\";\nimport { Placeholder } from \"../Placeholder\";\n\nimport { createTreeData, createInitialOpenList } from \"./utils\";\n\nimport { useFolders } from \"~/hooks\";\n\nimport { ROOT_ID } from \"./constants\";\n\nimport { DndItemData, FolderItem } from \"~/types\";\n\ntype ListProps = {\n    type: string;\n    folders: FolderItem[];\n    focusedFolderId?: string;\n    hiddenFolderIds?: string[];\n    enableActions?: boolean;\n    onFolderClick: (data: NodeModel<DndItemData>[\"data\"]) => void;\n    onDragStart: () => void;\n    onDragEnd: () => void;\n};\n\nexport const List: React.VFC<ListProps> = ({\n    type,\n    folders,\n    onFolderClick,\n    focusedFolderId,\n    hiddenFolderIds,\n    enableActions,\n    onDragStart,\n    onDragEnd\n}) => {\n    const { updateFolder } = useFolders(type);\n    const { showSnackbar } = useSnackbar();\n    const [treeData, setTreeData] = useState<NodeModel<DndItemData>[]>([]);\n    const [initialOpenList, setInitialOpenList] = useState<undefined | InitialOpen>(undefined);\n    const [openFolderIds, setOpenFolderIds] = useState<NodeModel<DndItemData>[\"id\"][]>([]);\n    const [updateDialogOpen, setUpdateDialogOpen] = useState<boolean>(false);\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState<boolean>(false);\n    const [selectedFolder, setSelectedFolder] = useState<FolderItem>();\n\n    useDeepCompareEffect(() => {\n        if (folders) {\n            setTreeData(createTreeData(folders, focusedFolderId, hiddenFolderIds));\n        }\n\n        /**\n         *  We are spreading the `folders`:\n         *  in case of folder value update (e.g. name) from any component within the UI does not trigger the tree data update.\n         *  TODO: need investigation.\n         */\n    }, [{ ...folders }, focusedFolderId]);\n\n    useEffect(() => {\n        if (folders) {\n            setInitialOpenList(createInitialOpenList(folders, openFolderIds, focusedFolderId));\n        }\n    }, []);\n\n    const handleDrop = async (\n        newTree: NodeModel<DndItemData>[],\n        { dragSourceId, dropTargetId }: DropOptions\n    ) => {\n        try {\n            const item = folders.find(folder => folder.id === dragSourceId);\n\n            if (!item) {\n                throw new Error(\"Folder not found\");\n            }\n\n            setTreeData(newTree);\n            await updateFolder({\n                ...item,\n                parentId: dropTargetId !== ROOT_ID ? (dropTargetId as string) : null\n            });\n        } catch (error) {\n            return showSnackbar(error.message);\n        }\n    };\n\n    const sort = useMemo(\n        () => (a: NodeModel<DndItemData>, b: NodeModel<DndItemData>) => {\n            return a.data!.title.localeCompare(b.data!.title, undefined, { numeric: true });\n        },\n        []\n    );\n\n    const handleChangeOpen = (folderIds: NodeModel[\"id\"][]) => {\n        setOpenFolderIds(folderIds);\n    };\n\n    return (\n        <>\n            <DndProvider backend={MultiBackend} options={getBackendOptions()} context={window}>\n                <Tree\n                    tree={treeData}\n                    rootId={ROOT_ID}\n                    onDrop={handleDrop}\n                    onChangeOpen={handleChangeOpen}\n                    onDragStart={onDragStart}\n                    onDragEnd={onDragEnd}\n                    sort={sort}\n                    render={(node, { depth, isOpen, onToggle }) => (\n                        <Node\n                            node={node}\n                            depth={depth}\n                            isOpen={isOpen}\n                            enableActions={enableActions}\n                            onToggle={onToggle}\n                            onClick={data => onFolderClick(data)}\n                            onUpdateFolder={data => {\n                                setSelectedFolder(data);\n                                setUpdateDialogOpen(true);\n                            }}\n                            onDeleteFolder={data => {\n                                setSelectedFolder(data);\n                                setDeleteDialogOpen(true);\n                            }}\n                        />\n                    )}\n                    dragPreviewRender={monitorProps => <NodePreview monitorProps={monitorProps} />}\n                    classes={{\n                        root: \"treeRoot\",\n                        dropTarget: \"dropTarget\",\n                        draggingSource: \"draggingSource\",\n                        placeholder: \"placeholderContainer\"\n                    }}\n                    initialOpen={initialOpenList}\n                    placeholderRender={(node, { depth }) => (\n                        <Placeholder node={node} depth={depth} />\n                    )}\n                />\n            </DndProvider>\n            {selectedFolder && (\n                <>\n                    <FolderDialogUpdate\n                        folder={selectedFolder}\n                        open={updateDialogOpen}\n                        onClose={() => {\n                            setUpdateDialogOpen(false);\n                            setSelectedFolder(undefined);\n                        }}\n                    />\n                    <FolderDialogDelete\n                        folder={selectedFolder}\n                        open={deleteDialogOpen}\n                        onClose={() => {\n                            setDeleteDialogOpen(false);\n                            setSelectedFolder(undefined);\n                        }}\n                    />\n                </>\n            )}\n        </>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactDndTreeview","_appAdmin","_reactDnd","_","_Node","_NodePreview","_Placeholder","_utils","_hooks","_constants","List","_ref","folders","onFolderClick","focusedFolderId","hiddenFolderIds","enableActions","_useFolders","useFolders","updateFolder","_useSnackbar","useSnackbar","showSnackbar","_useState","useState","_useState2","_slicedToArray2","default","treeData","setTreeData","_useState3","_useState4","initialOpenList","setInitialOpenList","_useState5","ROOT_FOLDER","_useState6","openFolderIds","setOpenFolderIds","_useState7","_useState8","updateDialogOpen","setUpdateDialogOpen","_useState9","_useState10","deleteDialogOpen","setDeleteDialogOpen","_useState11","_useState12","selectedFolder","setSelectedFolder","useEffect","createTreeData","createInitialOpenList","handleDrop","_ref3","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","newTree","_ref2","dragSourceId","dropTargetId","item","wrap","_callee$","_context","prev","next","find","folder","id","Error","_objectSpread2","parentId","t0","abrupt","message","stop","_x","_x2","apply","arguments","sort","useMemo","a","b","data","title","localeCompare","undefined","numeric","handleChangeOpen","folderIds","concat","_toConsumableArray2","createElement","Fragment","DndProvider","backend","MultiBackend","options","getBackendOptions","context","window","Tree","tree","rootId","onDrop","onChangeOpen","ids","canDrag","render","node","_ref4","depth","isOpen","onToggle","Node","onClick","onUpdateFolder","onDeleteFolder","dragPreviewRender","monitorProps","NodePreview","classes","dropTarget","draggingSource","placeholder","initialOpen","placeholderRender","_ref5","Placeholder","FolderDialogUpdate","open","onClose","FolderDialogDelete","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport {\n    DropOptions,\n    getBackendOptions,\n    InitialOpen,\n    MultiBackend,\n    NodeModel,\n    Tree\n} from \"@minoru/react-dnd-treeview\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { DndProvider } from \"react-dnd\";\nimport { FolderDialogDelete, FolderDialogUpdate } from \"~/components\";\nimport { Node } from \"../Node\";\nimport { NodePreview } from \"../NodePreview\";\nimport { Placeholder } from \"../Placeholder\";\nimport { createInitialOpenList, createTreeData } from \"./utils\";\nimport { useFolders } from \"~/hooks\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { DndFolderItem, FolderItem } from \"~/types\";\n\ninterface ListProps {\n    folders: FolderItem[];\n    focusedFolderId?: string;\n    hiddenFolderIds?: string[];\n    enableActions?: boolean;\n    onFolderClick: (data: FolderItem) => void;\n}\n\nexport const List: React.VFC<ListProps> = ({\n    folders,\n    onFolderClick,\n    focusedFolderId,\n    hiddenFolderIds,\n    enableActions\n}) => {\n    const { updateFolder } = useFolders();\n    const { showSnackbar } = useSnackbar();\n    const [treeData, setTreeData] = useState<NodeModel<DndFolderItem>[]>([]);\n    const [initialOpenList, setInitialOpenList] = useState<undefined | InitialOpen>();\n    const [openFolderIds, setOpenFolderIds] = useState<string[]>([ROOT_FOLDER]);\n    const [updateDialogOpen, setUpdateDialogOpen] = useState<boolean>(false);\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState<boolean>(false);\n    const [selectedFolder, setSelectedFolder] = useState<FolderItem>();\n\n    useEffect(() => {\n        if (folders) {\n            setTreeData(createTreeData(folders, focusedFolderId, hiddenFolderIds));\n        }\n    }, [folders, focusedFolderId]);\n\n    useEffect(() => {\n        if (!folders) {\n            return;\n        }\n        setInitialOpenList(createInitialOpenList(folders, openFolderIds, focusedFolderId));\n    }, [focusedFolderId]);\n\n    const handleDrop = async (\n        newTree: NodeModel<DndFolderItem>[],\n        { dragSourceId, dropTargetId }: DropOptions\n    ) => {\n        try {\n            const item = folders.find(folder => folder.id === dragSourceId);\n\n            if (!item) {\n                throw new Error(\"Folder not found!\");\n            }\n\n            setTreeData(newTree);\n            await updateFolder({\n                ...item,\n                parentId: dropTargetId !== ROOT_FOLDER ? (dropTargetId as string) : null\n            });\n        } catch (error) {\n            return showSnackbar(error.message);\n        }\n    };\n\n    const sort = useMemo(\n        () => (a: NodeModel<DndFolderItem>, b: NodeModel<DndFolderItem>) => {\n            if (a.data!.id === ROOT_FOLDER || b.data!.id === ROOT_FOLDER) {\n                return 1;\n            }\n            return a.data!.title.localeCompare(b.data!.title, undefined, { numeric: true });\n        },\n        []\n    );\n\n    const handleChangeOpen = (folderIds: string[]) => {\n        setOpenFolderIds([ROOT_FOLDER, ...folderIds]);\n    };\n\n    return (\n        <>\n            <DndProvider backend={MultiBackend} options={getBackendOptions()} context={window}>\n                <Tree\n                    tree={treeData}\n                    rootId={\"0\"}\n                    onDrop={handleDrop}\n                    onChangeOpen={ids => handleChangeOpen(ids as string[])}\n                    sort={sort}\n                    canDrag={item => item!.id !== ROOT_FOLDER}\n                    render={(node, { depth, isOpen, onToggle }) => (\n                        <Node\n                            node={node}\n                            depth={depth}\n                            isOpen={isOpen}\n                            enableActions={enableActions}\n                            onToggle={onToggle}\n                            onClick={data => onFolderClick(data)}\n                            onUpdateFolder={data => {\n                                setSelectedFolder(data);\n                                setUpdateDialogOpen(true);\n                            }}\n                            onDeleteFolder={data => {\n                                setSelectedFolder(data);\n                                setDeleteDialogOpen(true);\n                            }}\n                        />\n                    )}\n                    dragPreviewRender={monitorProps => <NodePreview monitorProps={monitorProps} />}\n                    classes={{\n                        dropTarget: \"dropTarget\",\n                        draggingSource: \"draggingSource\",\n                        placeholder: \"placeholderContainer\"\n                    }}\n                    initialOpen={initialOpenList}\n                    placeholderRender={(node, { depth }) => (\n                        <Placeholder node={node} depth={depth} />\n                    )}\n                />\n            </DndProvider>\n            {selectedFolder && (\n                <>\n                    <FolderDialogUpdate\n                        folder={selectedFolder}\n                        open={updateDialogOpen}\n                        onClose={() => {\n                            setUpdateDialogOpen(false);\n                            setSelectedFolder(undefined);\n                        }}\n                    />\n                    <FolderDialogDelete\n                        folder={selectedFolder}\n                        open={deleteDialogOpen}\n                        onClose={() => {\n                            setDeleteDialogOpen(false);\n                            setSelectedFolder(undefined);\n                        }}\n                    />\n                </>\n            )}\n        </>\n    );\n};\n"],"mappings":"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"}

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

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

package/components/FolderTree/List/utils.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createTreeData = exports.createInitialOpenList = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _constants = require("./constants");
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _constants = require("../../../constants");
 /**
  * Transform an array of folders returned by useFolders hook into an array of elements for the tree component.
  *
@@ -22,29 +23,16 @@ var createTreeData = function createTreeData() {
   return folders.map(function (item) {
     var id = item.id,
       parentId = item.parentId,
-      title = item.title,
-      slug = item.slug,
-      type = item.type,
-      createdOn = item.createdOn,
-      createdBy = item.createdBy,
-      savedOn = item.savedOn;
+      title = item.title;
     return {
       id: id,
-      parent: (parentId === null || parentId === void 0 ? void 0 : parentId.toLowerCase()) || _constants.ROOT_ID,
       // toLowerCase() fixes a bug introduced by 5.36.0: accidentally we stored "ROOT" as parentId, instead of null
+      parent: (parentId === null || parentId === void 0 ? void 0 : parentId.toLowerCase()) || _constants.ROOT_FOLDER,
       text: title,
       droppable: true,
-      data: {
-        id: id,
-        title: title,
-        slug: slug,
-        parentId: parentId,
-        type: type,
-        createdOn: createdOn,
-        createdBy: createdBy,
-        savedOn: savedOn,
+      data: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
         isFocused: focusedNodeId === id
-      }
+      })
     };
   }).filter(function (item) {
     return !hiddenFolderIds.includes(item.id);

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

@@ -1 +1 @@
-{"version":3,"names":["createTreeData","folders","focusedNodeId","hiddenFolderIds","map","item","id","parentId","title","slug","type","createdOn","createdBy","savedOn","parent","toLowerCase","ROOT_ID","text","droppable","data","isFocused","filter","includes","createInitialOpenList","openIds","focusedId","folderMap","Map","forEach","folder","set","findParents","acc","folderId","get","push","focusedFolder","result","Set"],"sources":["utils.ts"],"sourcesContent":["import { InitialOpen, NodeModel } from \"@minoru/react-dnd-treeview\";\nimport { DndItemData, FolderItem } from \"~/types\";\nimport { ROOT_ID } from \"./constants\";\n\n/**\n * Transform an array of folders returned by useFolders hook into an array of elements for the tree component.\n *\n * @param folders list of folders returned by useFolders hook.\n * @param focusedNodeId id of the current folder selected/focused.\n * @param hiddenFolderIds list ids of the folder you don't want to show within the list.\n * @return array of elements to render the tree component.\n */\nexport const createTreeData = (\n    folders: FolderItem[] = [],\n    focusedNodeId?: string,\n    hiddenFolderIds: string[] = []\n): NodeModel<DndItemData>[] => {\n    return folders\n        .map(item => {\n            const { id, parentId, title, slug, type, createdOn, createdBy, savedOn } = item;\n\n            return {\n                id,\n                parent: parentId?.toLowerCase() || ROOT_ID, // toLowerCase() fixes a bug introduced by 5.36.0: accidentally we stored \"ROOT\" as parentId, instead of null\n                text: title,\n                droppable: true,\n                data: {\n                    id,\n                    title,\n                    slug,\n                    parentId,\n                    type,\n                    createdOn,\n                    createdBy,\n                    savedOn,\n                    isFocused: focusedNodeId === id\n                }\n            };\n        })\n        .filter(item => !hiddenFolderIds.includes(item.id));\n};\n\n/**\n * Return an array of ids of open folders, based on the current focused folder id, its parent folders and the folders\n * opened by user interaction.\n *\n * @param folders list of folders returned by useFolders hook.\n * @param openIds list of open folders ids.\n * @param focusedId id of the current folder selected/focused.\n * @return array of ids of open folders.\n */\nexport const createInitialOpenList = (\n    folders: FolderItem[] = [],\n    openIds: NodeModel<DndItemData>[\"id\"][] = [],\n    focusedId?: string\n): InitialOpen | undefined => {\n    // In case of no focused folder, return the current open folders\n    if (!focusedId) {\n        return openIds;\n    }\n\n    // Create a Map with folders, using folderId as key\n    const folderMap = new Map<string, FolderItem>();\n    folders.forEach(folder => folderMap.set(folder.id, folder));\n\n    // Recursive function that drill up the folderMap and includes the folderId above a given folder (identified by folderId)\n    const findParents = (acc: string[], folderId: string): string[] => {\n        const folder = folderMap.get(folderId);\n        if (!folder || !folder.parentId || acc.includes(folder.parentId)) {\n            return acc;\n        }\n\n        acc.push(folder.parentId);\n        return findParents(acc, folder.parentId);\n    };\n\n    // In case there is not focused folder or has no parent, return the current open folders\n    const focusedFolder = folderMap.get(focusedId);\n    if (!focusedFolder || !focusedFolder.parentId) {\n        return openIds;\n    }\n\n    // Remove duplicates and return\n    const result = findParents([focusedId], focusedId);\n    return [...new Set([...result, ...openIds])];\n};\n"],"mappings":"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"}
+{"version":3,"names":["_constants","require","createTreeData","folders","arguments","length","undefined","focusedNodeId","hiddenFolderIds","map","item","id","parentId","title","parent","toLowerCase","ROOT_FOLDER","text","droppable","data","_objectSpread2","default","isFocused","filter","includes","exports","createInitialOpenList","openIds","focusedId","folderMap","Map","forEach","folder","set","findParents","acc","folderId","get","push","focusedFolder","result","_toConsumableArray2","Set","concat"],"sources":["utils.ts"],"sourcesContent":["import { InitialOpen, NodeModel } from \"@minoru/react-dnd-treeview\";\nimport { DndFolderItem, FolderItem } from \"~/types\";\nimport { ROOT_FOLDER } from \"~/constants\";\n\n/**\n * Transform an array of folders returned by useFolders hook into an array of elements for the tree component.\n *\n * @param folders list of folders returned by useFolders hook.\n * @param focusedNodeId id of the current folder selected/focused.\n * @param hiddenFolderIds list ids of the folder you don't want to show within the list.\n * @return array of elements to render the tree component.\n */\nexport const createTreeData = (\n    folders: FolderItem[] = [],\n    focusedNodeId?: string,\n    hiddenFolderIds: string[] = []\n): NodeModel<DndFolderItem>[] => {\n    return folders\n        .map(item => {\n            const { id, parentId, title } = item;\n\n            return {\n                id,\n                // toLowerCase() fixes a bug introduced by 5.36.0: accidentally we stored \"ROOT\" as parentId, instead of null\n                parent: parentId?.toLowerCase() || ROOT_FOLDER,\n                text: title,\n                droppable: true,\n                data: {\n                    ...item,\n                    isFocused: focusedNodeId === id\n                }\n            };\n        })\n        .filter(item => !hiddenFolderIds.includes(item.id));\n};\n\n/**\n * Return an array of ids of open folders, based on the current focused folder id, its parent folders and the folders\n * opened by user interaction.\n *\n * @param folders list of folders returned by useFolders hook.\n * @param openIds list of open folders ids.\n * @param focusedId id of the current folder selected/focused.\n * @return array of ids of open folders.\n */\nexport const createInitialOpenList = (\n    folders: FolderItem[] = [],\n    openIds: string[] = [],\n    focusedId?: string\n): InitialOpen | undefined => {\n    // In case of no focused folder, return the current open folders\n    if (!focusedId) {\n        return openIds;\n    }\n\n    // Create a Map with folders, using folderId as key\n    const folderMap = new Map<string, FolderItem>();\n    folders.forEach(folder => folderMap.set(folder.id, folder));\n\n    // Recursive function that drill up the folderMap and includes the folderId above a given folder (identified by folderId)\n    const findParents = (acc: string[], folderId: string): string[] => {\n        const folder = folderMap.get(folderId);\n        if (!folder || !folder.parentId || acc.includes(folder.parentId)) {\n            return acc;\n        }\n\n        acc.push(folder.parentId);\n        return findParents(acc, folder.parentId);\n    };\n\n    // In case there is not focused folder or has no parent, return the current open folders\n    const focusedFolder = folderMap.get(focusedId);\n    if (!focusedFolder || !focusedFolder.parentId) {\n        return openIds;\n    }\n\n    // Remove duplicates and return\n    const result = findParents([focusedId], focusedId);\n    return [...new Set([...result, ...openIds])];\n};\n"],"mappings":"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"}

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

@@ -1,2 +1,4 @@
-import React from "react";
-export declare const Loader: React.VFC;
+/// <reference types="react" />
+export declare const Loader: ({ count }: {
+    count?: number | undefined;
+}) => JSX.Element;

package/components/FolderTree/Loader/index.js

@@ -8,9 +8,10 @@ exports.Loader = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Skeleton = require("@webiny/ui/Skeleton");
 var _styled = require("./styled");
-var Loader = function Loader() {
+var Loader = function Loader(_ref) {
+  var count = _ref.count;
   return /*#__PURE__*/_react.default.createElement(_styled.Container, null, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
-    count: 4,
+    count: count !== null && count !== void 0 ? count : 4,
     inline: true,
     height: "100%",
     wrapper: _styled.SkeletonWrapper

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

@@ -1 +1 @@
-{"version":3,"names":["Loader","SkeletonWrapper"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Skeleton } from \"@webiny/ui/Skeleton\";\n\nimport { Container, SkeletonWrapper } from \"./styled\";\n\nexport const Loader: React.VFC = () => {\n    return (\n        <Container>\n            <Skeleton count={4} inline={true} height={\"100%\"} wrapper={SkeletonWrapper} />\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AAEA;AAEO,IAAMA,MAAiB,GAAG,SAApBA,MAAiB,GAAS;EACnC,oBACI,6BAAC,iBAAS,qBACN,6BAAC,kBAAQ;IAAC,KAAK,EAAE,CAAE;IAAC,MAAM,EAAE,IAAK;IAAC,MAAM,EAAE,MAAO;IAAC,OAAO,EAAEC;EAAgB,EAAG,CACtE;AAEpB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Skeleton","_styled","Loader","_ref","count","default","createElement","Container","Skeleton","inline","height","wrapper","SkeletonWrapper","exports"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Skeleton } from \"@webiny/ui/Skeleton\";\nimport { Container, SkeletonWrapper } from \"./styled\";\n\nexport const Loader = ({ count }: { count?: number }) => {\n    return (\n        <Container>\n            <Skeleton count={count ?? 4} inline={true} height={\"100%\"} wrapper={SkeletonWrapper} />\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEO,IAAMG,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAsC;EAAA,IAAhCC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAC1B,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,OAAA,CAAAM,SAAS,qBACNV,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,SAAA,CAAAQ,QAAQ;IAACJ,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAE;IAACK,MAAM,EAAE,IAAK;IAACC,MAAM,EAAE,MAAO;IAACC,OAAO,EAAEC;EAAgB,CAAE,CAC/E,CAAC;AAEpB,CAAC;AAACC,OAAA,CAAAX,MAAA,GAAAA,MAAA"}