@webiny/app-aco 5.43.2-beta.0 → 6.0.0-alpha.0

package/dialogs/useEditDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_form","_validation","_Grid","_Input","_Typography","_components","_constants","_styled","_features","FormComponent","_ref","folder","_useState","useState","parentId","_useState2","_slicedToArray2","default","setParentId","createElement","Fragment","Grid","Cell","span","Bind","name","defaultValue","title","validators","validation","create","Input","label","slug","Typography","use","DialogFoldersContainer","_ref2","onChange","FolderTree","focusedFolderId","ROOT_FOLDER","hiddenFolderIds","id","onFolderClick","enableCreate","Extensions","useEditDialog","exports","dialog","useDialogs","_useUpdateFolder","useUpdateFolder","updateFolder","_useSnackbar","useSnackbar","showSnackbar","onAccept","useCallback","data","_objectSpread2","concat","error","message","showDialog","_ref3","content","formData","acceptLabel","cancelLabel","loadingLabel"],"sources":["useEditDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Bind, GenericFormData } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { Extensions, FolderTree } from \"~/components\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { DialogFoldersContainer } from \"~/dialogs/styled\";\nimport { useUpdateFolder } from \"~/features\";\nimport { FolderItem } from \"~/types\";\n\ninterface ShowDialogParams {\n    folder: FolderItem;\n}\n\ninterface UseEditDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    folder: FolderItem;\n}\n\nconst FormComponent = ({ folder }: FormComponentProps) => {\n    const [parentId, setParentId] = useState<string | null>(folder.parentId);\n\n    return (\n        <>\n            <Grid>\n                <Cell span={12}>\n                    <Bind\n                        name={\"title\"}\n                        defaultValue={folder.title}\n                        validators={[validation.create(\"required\")]}\n                    >\n                        <Input label={\"Title\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind\n                        name={\"slug\"}\n                        defaultValue={folder.slug}\n                        validators={[validation.create(\"required,slug\")]}\n                    >\n                        <Input label={\"Slug\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Typography use=\"body1\">{\"Parent folder\"}</Typography>\n                    <DialogFoldersContainer>\n                        <Bind name={\"parentId\"} defaultValue={parentId}>\n                            {({ onChange }) => (\n                                <FolderTree\n                                    focusedFolderId={parentId || ROOT_FOLDER}\n                                    hiddenFolderIds={[folder.id]}\n                                    onFolderClick={folder => {\n                                        setParentId(folder.id);\n                                        onChange(folder.id === ROOT_FOLDER ? null : folder.id);\n                                    }}\n                                    enableCreate={true}\n                                />\n                            )}\n                        </Bind>\n                    </DialogFoldersContainer>\n                </Cell>\n            </Grid>\n            <Extensions />\n        </>\n    );\n};\n\nexport const useEditDialog = (): UseEditDialogResponse => {\n    const dialog = useDialogs();\n    const { updateFolder } = useUpdateFolder();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderItem, data: GenericFormData) => {\n        try {\n            await updateFolder({\n                ...folder,\n                ...data\n            });\n            showSnackbar(`The folder \"${data.title}\" was updated successfully!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = ({ folder }: ShowDialogParams) => {\n        dialog.showDialog({\n            title: \"Edit folder\",\n            content: <FormComponent folder={folder} />,\n            formData: folder,\n            acceptLabel: \"Edit folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Editing folder...\",\n            onAccept: (data: GenericFormData) => onAccept(folder, data)\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useState","Grid","Input","useSnackbar","useDialogs","Bind","validation","Extensions","FolderTree","ROOT_FOLDER","useUpdateFolder","ParentFolderField","FormComponent","folder","parentId","setParentId","createElement","Fragment","Column","span","name","defaultValue","title","validators","create","label","size","required","autoFocus","slug","onChange","focusedFolderId","hiddenFolderIds","id","onFolderClick","enableCreate","useEditDialog","dialog","updateFolder","showSnackbar","onAccept","data","error","message","showDialog","content","formData","acceptLabel","cancelLabel","loadingLabel"],"sources":["useEditDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport { useSnackbar, useDialogs } from \"@webiny/app-admin\";\nimport { Bind, GenericFormData } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { Extensions, FolderTree } from \"~/components\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { useUpdateFolder } from \"~/features\";\nimport { FolderItem } from \"~/types\";\nimport { ParentFolderField } from \"./ParentFolderField\";\n\ninterface ShowDialogParams {\n    folder: FolderItem;\n}\n\ninterface UseEditDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    folder: FolderItem;\n}\n\nconst FormComponent = ({ folder }: FormComponentProps) => {\n    const [parentId, setParentId] = useState<string | null>(folder.parentId);\n\n    return (\n        <>\n            <Grid>\n                <Grid.Column span={12}>\n                    <Bind\n                        name={\"title\"}\n                        defaultValue={folder.title}\n                        validators={[validation.create(\"required\")]}\n                    >\n                        <Input label={\"Title\"} size={\"lg\"} required autoFocus />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind\n                        name={\"slug\"}\n                        defaultValue={folder.slug}\n                        validators={[validation.create(\"required,slug\")]}\n                    >\n                        <Input label={\"Slug\"} size={\"lg\"} required />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <ParentFolderField>\n                        <Bind name={\"parentId\"} defaultValue={parentId}>\n                            {({ onChange }) => (\n                                <FolderTree\n                                    focusedFolderId={parentId || ROOT_FOLDER}\n                                    hiddenFolderIds={[folder.id]}\n                                    onFolderClick={folder => {\n                                        setParentId(folder.id);\n                                        onChange(folder.id === ROOT_FOLDER ? null : folder.id);\n                                    }}\n                                    enableCreate={true}\n                                />\n                            )}\n                        </Bind>\n                    </ParentFolderField>\n                </Grid.Column>\n            </Grid>\n            <Extensions />\n        </>\n    );\n};\n\nexport const useEditDialog = (): UseEditDialogResponse => {\n    const dialog = useDialogs();\n    const { updateFolder } = useUpdateFolder();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderItem, data: GenericFormData) => {\n        try {\n            await updateFolder({\n                ...folder,\n                ...data\n            });\n            showSnackbar(`The folder \"${data.title}\" was updated successfully!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = ({ folder }: ShowDialogParams) => {\n        dialog.showDialog({\n            title: \"Edit folder\",\n            content: <FormComponent folder={folder} />,\n            formData: folder,\n            acceptLabel: \"Edit folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Editing folder...\",\n            onAccept: (data: GenericFormData) => onAccept(folder, data)\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/dialogs/useMoveToFolderDialog.js

@@ -1,73 +1,57 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMoveToFolderDialog = exports.Message = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _form = require("@webiny/form");
-var _Typography = require("@webiny/ui/Typography");
-var _appAdmin = require("@webiny/app-admin");
-var _components = require("../components");
-var _styled = require("./styled");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var t = _i18n.i18n.ns("app-aco/dialogs/use-move-to-folder-dialog");
-var Message = exports.Message = function Message(_ref) {
-  var helpText = _ref.helpText,
-    focusedFolderId = _ref.focusedFolderId;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "body1"
-  }, helpText), /*#__PURE__*/_react.default.createElement(_styled.DialogFoldersContainer, null, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+import React from "react";
+import { i18n } from "@webiny/app/i18n";
+import { Bind } from "@webiny/form";
+import { useDialogs } from "@webiny/app-admin";
+import { FolderTree } from "../components";
+import { ParentFolderField } from "./ParentFolderField";
+const t = i18n.ns("app-aco/dialogs/use-move-to-folder-dialog");
+export const Message = ({
+  helpText,
+  focusedFolderId
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ParentFolderField, {
+    label: helpText
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "folder",
     defaultValue: {
       id: focusedFolderId
     }
-  }, function (_ref2) {
-    var value = _ref2.value,
-      onChange = _ref2.onChange;
-    return /*#__PURE__*/_react.default.createElement(_components.FolderTree, {
-      focusedFolderId: value.id,
-      onFolderClick: onChange,
-      enableCreate: true
-    });
-  })));
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(FolderTree, {
+    focusedFolderId: value.id,
+    onFolderClick: onChange,
+    enableCreate: true
+  }))));
 };
-var useMoveToFolderDialog = exports.useMoveToFolderDialog = function useMoveToFolderDialog() {
-  var dialogs = (0, _appAdmin.useDialogs)();
-  var showDialog = function showDialog(_ref3) {
-    var _ref3$title = _ref3.title,
-      title = _ref3$title === void 0 ? t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Move item"]))) : _ref3$title,
-      _ref3$message = _ref3.message,
-      message = _ref3$message === void 0 ? t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Are you sure you want to continue?"]))) : _ref3$message,
-      _ref3$acceptLabel = _ref3.acceptLabel,
-      acceptLabel = _ref3$acceptLabel === void 0 ? t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Move item"]))) : _ref3$acceptLabel,
-      _ref3$cancelLabel = _ref3.cancelLabel,
-      cancelLabel = _ref3$cancelLabel === void 0 ? t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Cancel"]))) : _ref3$cancelLabel,
-      _ref3$loadingLabel = _ref3.loadingLabel,
-      loadingLabel = _ref3$loadingLabel === void 0 ? t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Moving item"]))) : _ref3$loadingLabel,
-      _onAccept = _ref3.onAccept,
-      onClose = _ref3.onClose,
-      focusedFolderId = _ref3.focusedFolderId;
+export const useMoveToFolderDialog = () => {
+  const dialogs = useDialogs();
+  const showDialog = ({
+    title = t`Move item`,
+    message = t`Are you sure you want to continue?`,
+    acceptLabel = t`Move item`,
+    cancelLabel = t`Cancel`,
+    loadingLabel = t`Moving item`,
+    onAccept,
+    onClose,
+    focusedFolderId
+  }) => {
     dialogs.showDialog({
-      title: title,
-      content: /*#__PURE__*/_react.default.createElement(Message, {
+      title,
+      content: /*#__PURE__*/React.createElement(Message, {
         helpText: message,
         focusedFolderId: focusedFolderId
       }),
-      acceptLabel: acceptLabel,
-      cancelLabel: cancelLabel,
-      loadingLabel: loadingLabel,
-      onAccept: function onAccept(data) {
-        return _onAccept(data);
-      },
-      onClose: onClose
+      acceptLabel,
+      cancelLabel,
+      loadingLabel,
+      onAccept: data => onAccept(data),
+      onClose
     });
   };
   return {
-    showDialog: showDialog
+    showDialog
   };
 };
 

package/dialogs/useMoveToFolderDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_form","_Typography","_appAdmin","_components","_styled","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","t","i18n","ns","Message","exports","_ref","helpText","focusedFolderId","default","createElement","Fragment","Typography","use","DialogFoldersContainer","Bind","name","defaultValue","id","_ref2","value","onChange","FolderTree","onFolderClick","enableCreate","useMoveToFolderDialog","dialogs","useDialogs","showDialog","_ref3","_ref3$title","title","_taggedTemplateLiteral2","_ref3$message","message","_ref3$acceptLabel","acceptLabel","_ref3$cancelLabel","cancelLabel","_ref3$loadingLabel","loadingLabel","onAccept","onClose","content","data"],"sources":["useMoveToFolderDialog.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Bind, GenericFormData } from \"@webiny/form\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { FolderTree } from \"~/components\";\nimport { DialogFoldersContainer } from \"~/dialogs/styled\";\n\nconst t = i18n.ns(\"app-aco/dialogs/use-move-to-folder-dialog\");\n\ninterface ShowDialogParams {\n    title?: ReactNode;\n    message?: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    focusedFolderId: string;\n    onAccept: (data: GenericFormData) => void;\n    onClose?: () => void;\n}\n\ninterface UseMoveToFolderDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface MessageProps {\n    helpText: ReactNode;\n    focusedFolderId: string;\n}\n\nexport const Message = ({ helpText, focusedFolderId }: MessageProps) => {\n    return (\n        <>\n            <Typography use=\"body1\">{helpText}</Typography>\n            <DialogFoldersContainer>\n                <Bind name={\"folder\"} defaultValue={{ id: focusedFolderId }}>\n                    {({ value, onChange }) => (\n                        <FolderTree\n                            focusedFolderId={value.id}\n                            onFolderClick={onChange}\n                            enableCreate={true}\n                        />\n                    )}\n                </Bind>\n            </DialogFoldersContainer>\n        </>\n    );\n};\n\nexport const useMoveToFolderDialog = (): UseMoveToFolderDialogResponse => {\n    const dialogs = useDialogs();\n\n    const showDialog = ({\n        title = t`Move item`,\n        message = t`Are you sure you want to continue?`,\n        acceptLabel = t`Move item`,\n        cancelLabel = t`Cancel`,\n        loadingLabel = t`Moving item`,\n        onAccept,\n        onClose,\n        focusedFolderId\n    }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title,\n            content: <Message helpText={message} focusedFolderId={focusedFolderId} />,\n            acceptLabel,\n            cancelLabel,\n            loadingLabel,\n            onAccept: (data: GenericFormData) => onAccept(data),\n            onClose\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAA0D,IAAAO,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAE1D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,2CAA2C,CAAC;AAsBvD,IAAMC,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAAE,IAAA,EAAoD;EAAA,IAA9CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,eAAe,GAAAF,IAAA,CAAfE,eAAe;EAC/C,oBACIrB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAAvB,MAAA,CAAAsB,OAAA,CAAAE,QAAA,qBACIxB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAClB,WAAA,CAAAoB,UAAU;IAACC,GAAG,EAAC;EAAO,GAAEN,QAAqB,CAAC,eAC/CpB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACf,OAAA,CAAAmB,sBAAsB,qBACnB3B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,KAAA,CAAAwB,IAAI;IAACC,IAAI,EAAE,QAAS;IAACC,YAAY,EAAE;MAAEC,EAAE,EAAEV;IAAgB;EAAE,GACvD,UAAAW,KAAA;IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAA,oBACflC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAChB,WAAA,CAAA4B,UAAU;MACPd,eAAe,EAAEY,KAAK,CAACF,EAAG;MAC1BK,aAAa,EAAEF,QAAS;MACxBG,YAAY,EAAE;IAAK,CACtB,CAAC;EAAA,CAEJ,CACc,CAC1B,CAAC;AAEX,CAAC;AAEM,IAAMC,qBAAqB,GAAApB,OAAA,CAAAoB,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAA,EAAwC;EACtE,IAAMC,OAAO,GAAG,IAAAC,oBAAU,EAAC,CAAC;EAE5B,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,KAAA,EASQ;IAAA,IAAAC,WAAA,GAAAD,KAAA,CARpBE,KAAK;MAALA,KAAK,GAAAD,WAAA,cAAG7B,CAAC,CAAAL,eAAA,KAAAA,eAAA,OAAAoC,uBAAA,CAAAvB,OAAA,qBAAAqB,WAAA;MAAAG,aAAA,GAAAJ,KAAA,CACTK,OAAO;MAAPA,OAAO,GAAAD,aAAA,cAAGhC,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAmC,uBAAA,CAAAvB,OAAA,8CAAAwB,aAAA;MAAAE,iBAAA,GAAAN,KAAA,CACXO,WAAW;MAAXA,WAAW,GAAAD,iBAAA,cAAGlC,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAkC,uBAAA,CAAAvB,OAAA,qBAAA0B,iBAAA;MAAAE,iBAAA,GAAAR,KAAA,CACfS,WAAW;MAAXA,WAAW,GAAAD,iBAAA,cAAGpC,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAiC,uBAAA,CAAAvB,OAAA,kBAAA4B,iBAAA;MAAAE,kBAAA,GAAAV,KAAA,CACfW,YAAY;MAAZA,YAAY,GAAAD,kBAAA,cAAGtC,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAgC,uBAAA,CAAAvB,OAAA,uBAAA8B,kBAAA;MAChBE,SAAQ,GAAAZ,KAAA,CAARY,QAAQ;MACRC,OAAO,GAAAb,KAAA,CAAPa,OAAO;MACPlC,eAAe,GAAAqB,KAAA,CAAfrB,eAAe;IAEfkB,OAAO,CAACE,UAAU,CAAC;MACfG,KAAK,EAALA,KAAK;MACLY,OAAO,eAAExD,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACN,OAAO;QAACG,QAAQ,EAAE2B,OAAQ;QAAC1B,eAAe,EAAEA;MAAgB,CAAE,CAAC;MACzE4B,WAAW,EAAXA,WAAW;MACXE,WAAW,EAAXA,WAAW;MACXE,YAAY,EAAZA,YAAY;MACZC,QAAQ,EAAE,SAAVA,QAAQA,CAAGG,IAAqB;QAAA,OAAKH,SAAQ,CAACG,IAAI,CAAC;MAAA;MACnDF,OAAO,EAAPA;IACJ,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IACHd,UAAU,EAAVA;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","i18n","Bind","useDialogs","FolderTree","ParentFolderField","t","ns","Message","helpText","focusedFolderId","createElement","Fragment","label","name","defaultValue","id","value","onChange","onFolderClick","enableCreate","useMoveToFolderDialog","dialogs","showDialog","title","message","acceptLabel","cancelLabel","loadingLabel","onAccept","onClose","content","data"],"sources":["useMoveToFolderDialog.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Bind, GenericFormData } from \"@webiny/form\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { FolderTree } from \"~/components\";\nimport { ParentFolderField } from \"./ParentFolderField\";\n\nconst t = i18n.ns(\"app-aco/dialogs/use-move-to-folder-dialog\");\n\ninterface ShowDialogParams {\n    title?: ReactNode;\n    message?: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    focusedFolderId: string;\n    onAccept: (data: GenericFormData) => void;\n    onClose?: () => void;\n}\n\ninterface UseMoveToFolderDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface MessageProps {\n    helpText: ReactNode;\n    focusedFolderId: string;\n}\n\nexport const Message = ({ helpText, focusedFolderId }: MessageProps) => {\n    return (\n        <>\n            <ParentFolderField label={helpText}>\n                <Bind name={\"folder\"} defaultValue={{ id: focusedFolderId }}>\n                    {({ value, onChange }) => (\n                        <FolderTree\n                            focusedFolderId={value.id}\n                            onFolderClick={onChange}\n                            enableCreate={true}\n                        />\n                    )}\n                </Bind>\n            </ParentFolderField>\n        </>\n    );\n};\n\nexport const useMoveToFolderDialog = (): UseMoveToFolderDialogResponse => {\n    const dialogs = useDialogs();\n\n    const showDialog = ({\n        title = t`Move item`,\n        message = t`Are you sure you want to continue?`,\n        acceptLabel = t`Move item`,\n        cancelLabel = t`Cancel`,\n        loadingLabel = t`Moving item`,\n        onAccept,\n        onClose,\n        focusedFolderId\n    }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title,\n            content: <Message helpText={message} focusedFolderId={focusedFolderId} />,\n            acceptLabel,\n            cancelLabel,\n            loadingLabel,\n            onAccept: (data: GenericFormData) => onAccept(data),\n            onClose\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,IAAI,QAAyB,cAAc;AACpD,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,UAAU;AACnB,SAASC,iBAAiB;AAE1B,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,2CAA2C,CAAC;AAsB9D,OAAO,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAA8B,CAAC,KAAK;EACpE,oBACIV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACIZ,KAAA,CAAAW,aAAA,CAACN,iBAAiB;IAACQ,KAAK,EAAEJ;EAAS,gBAC/BT,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACY,IAAI,EAAE,QAAS;IAACC,YAAY,EAAE;MAAEC,EAAE,EAAEN;IAAgB;EAAE,GACvD,CAAC;IAAEO,KAAK;IAAEC;EAAS,CAAC,kBACjBlB,KAAA,CAAAW,aAAA,CAACP,UAAU;IACPM,eAAe,EAAEO,KAAK,CAACD,EAAG;IAC1BG,aAAa,EAAED,QAAS;IACxBE,YAAY,EAAE;EAAK,CACtB,CAEH,CACS,CACrB,CAAC;AAEX,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAqC;EACtE,MAAMC,OAAO,GAAGnB,UAAU,CAAC,CAAC;EAE5B,MAAMoB,UAAU,GAAGA,CAAC;IAChBC,KAAK,GAAGlB,CAAC,WAAW;IACpBmB,OAAO,GAAGnB,CAAC,oCAAoC;IAC/CoB,WAAW,GAAGpB,CAAC,WAAW;IAC1BqB,WAAW,GAAGrB,CAAC,QAAQ;IACvBsB,YAAY,GAAGtB,CAAC,aAAa;IAC7BuB,QAAQ;IACRC,OAAO;IACPpB;EACc,CAAC,KAAK;IACpBY,OAAO,CAACC,UAAU,CAAC;MACfC,KAAK;MACLO,OAAO,eAAE/B,KAAA,CAAAW,aAAA,CAACH,OAAO;QAACC,QAAQ,EAAEgB,OAAQ;QAACf,eAAe,EAAEA;MAAgB,CAAE,CAAC;MACzEgB,WAAW;MACXC,WAAW;MACXC,YAAY;MACZC,QAAQ,EAAGG,IAAqB,IAAKH,QAAQ,CAACG,IAAI,CAAC;MACnDF;IACJ,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IACHP;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/dialogs/useSetPermissionsDialog.js

@@ -1,85 +1,76 @@
-"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.useSetPermissionsDialog = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactHooks = require("@apollo/react-hooks");
-var _appAdmin = require("@webiny/app-admin");
-var _form = require("@webiny/form");
-var _Grid = require("@webiny/ui/Grid");
-var _UsersTeamsMultiAutocomplete = require("./DialogSetPermissions/UsersTeamsMultiAutocomplete");
-var _UsersTeamsSelection = require("./DialogSetPermissions/UsersTeamsSelection");
-var _graphql = require("./DialogSetPermissions/graphql");
-var _features = require("../features");
-var FormComponent = function FormComponent(_ref) {
-  var folder = _ref.folder;
-  var _useState = (0, _react.useState)(folder.permissions || []),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    permissions = _useState2[0],
-    setPermissions = _useState2[1]; // Moved useState outside showDialog
-  var listTargetsQuery = (0, _reactHooks.useQuery)(_graphql.LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS);
-  var targetsList = listTargetsQuery.data?.aco.listFolderLevelPermissionsTargets.data || [];
-  var bind = (0, _form.useBind)({
+import React, { useCallback, useEffect, useState } from "react";
+import { useQuery } from "@apollo/react-hooks";
+import { Grid } from "@webiny/admin-ui";
+import { useDialogs, useSnackbar } from "@webiny/app-admin";
+import { useBind } from "@webiny/form";
+import { UsersTeamsMultiAutocomplete } from "./DialogSetPermissions/UsersTeamsMultiAutocomplete";
+import { UsersTeamsSelection } from "./DialogSetPermissions/UsersTeamsSelection";
+import { LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS } from "./DialogSetPermissions/graphql";
+import { useUpdateFolder } from "../features";
+const FormComponent = ({
+  folder
+}) => {
+  const [permissions, setPermissions] = useState(folder.permissions || []); // Moved useState outside showDialog
+  const listTargetsQuery = useQuery(LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS);
+  const targetsList = listTargetsQuery.data?.aco.listFolderLevelPermissionsTargets.data || [];
+  const bind = useBind({
     name: "permissions"
   });
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     bind.onChange(permissions);
   }, [permissions]);
-  var addPermission = (0, _react.useCallback)(function (value) {
-    var selectedUserOrTeam = value[value.length - 1];
-    var newPermission = {
-      target: selectedUserOrTeam.target,
+  const addPermission = useCallback(value => {
+    const selectedUserOrTeam = value[value.length - 1];
+    const newPermission = {
+      target: selectedUserOrTeam,
       level: "viewer"
     };
 
     // We want to add the new permission to the 2nd position in the array.
     // The 1st position is reserved for the "current user" permission.
-    setPermissions([permissions[0], newPermission].concat((0, _toConsumableArray2.default)(permissions.slice(1))));
+    setPermissions([permissions[0], newPermission, ...permissions.slice(1)]);
   }, [permissions]);
-  var updatePermission = (0, _react.useCallback)(function (_ref2) {
-    var updatedPermission = _ref2.permission;
-    setPermissions(permissions.map(function (permission) {
+  const updatePermission = useCallback(({
+    permission: updatedPermission
+  }) => {
+    setPermissions(permissions.map(permission => {
       if (permission.target === updatedPermission.target) {
         return updatedPermission;
       }
       return permission;
     }));
   }, [permissions]);
-  var removeUserTeam = (0, _react.useCallback)(function (item) {
-    setPermissions(permissions.filter(function (permission) {
-      return permission.target !== item.permission.target;
-    }));
+  const removeUserTeam = useCallback(item => {
+    setPermissions(permissions.filter(permission => permission.target !== item.permission.target));
   }, [permissions]);
-  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(_UsersTeamsMultiAutocomplete.UsersTeamsMultiAutocomplete, {
+  }, /*#__PURE__*/React.createElement(UsersTeamsMultiAutocomplete, {
     options: targetsList,
-    value: permissions,
+    value: permissions.map(permission => permission.target),
     onChange: addPermission
-  })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  })), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(_UsersTeamsSelection.UsersTeamsSelection, {
+  }, /*#__PURE__*/React.createElement(UsersTeamsSelection, {
     permissions: permissions,
     targetsList: targetsList,
     onRemoveAccess: removeUserTeam,
     onUpdatePermission: updatePermission
   })));
 };
-var useSetPermissionsDialog = exports.useSetPermissionsDialog = function useSetPermissionsDialog() {
-  var dialogs = (0, _appAdmin.useDialogs)();
-  var _useUpdateFolder = (0, _features.useUpdateFolder)(),
-    updateFolder = _useUpdateFolder.updateFolder;
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _onAccept = (0, _react.useCallback)(async function (folder, data) {
-    var updateData = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, folder), data);
+export const useSetPermissionsDialog = () => {
+  const dialogs = useDialogs();
+  const {
+    updateFolder
+  } = useUpdateFolder();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const onAccept = useCallback(async (folder, data) => {
+    const updateData = {
+      ...folder,
+      ...data
+    };
     try {
       await updateFolder(updateData);
       showSnackbar("Folder permissions updated successfully!");
@@ -87,23 +78,22 @@ var useSetPermissionsDialog = exports.useSetPermissionsDialog = function useSetP
       showSnackbar(error.message);
     }
   }, []);
-  var showDialog = function showDialog(_ref3) {
-    var folder = _ref3.folder;
+  const showDialog = ({
+    folder
+  }) => {
     dialogs.showDialog({
-      title: "Manage permissions - ".concat(folder.title),
-      content: /*#__PURE__*/_react.default.createElement(FormComponent, {
+      title: `Manage permissions - ${folder.title}`,
+      content: /*#__PURE__*/React.createElement(FormComponent, {
         folder: folder
       }),
       acceptLabel: "Save",
       cancelLabel: "Cancel",
       loadingLabel: "Updating permissions...",
-      onAccept: function onAccept(data) {
-        return _onAccept(folder, data);
-      }
+      onAccept: data => onAccept(folder, data)
     });
   };
   return {
-    showDialog: showDialog
+    showDialog
   };
 };
 

package/dialogs/useSetPermissionsDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactHooks","_appAdmin","_form","_Grid","_UsersTeamsMultiAutocomplete","_UsersTeamsSelection","_graphql","_features","FormComponent","_ref","folder","_useState","useState","permissions","_useState2","_slicedToArray2","default","setPermissions","listTargetsQuery","useQuery","LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS","targetsList","data","aco","listFolderLevelPermissionsTargets","bind","useBind","name","useEffect","onChange","addPermission","useCallback","value","selectedUserOrTeam","length","newPermission","target","level","concat","_toConsumableArray2","slice","updatePermission","_ref2","updatedPermission","permission","map","removeUserTeam","item","filter","createElement","Grid","Cell","span","UsersTeamsMultiAutocomplete","options","UsersTeamsSelection","onRemoveAccess","onUpdatePermission","useSetPermissionsDialog","exports","dialogs","useDialogs","_useUpdateFolder","useUpdateFolder","updateFolder","_useSnackbar","useSnackbar","showSnackbar","onAccept","updateData","_objectSpread2","error","message","showDialog","_ref3","title","content","acceptLabel","cancelLabel","loadingLabel"],"sources":["useSetPermissionsDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { GenericFormData, useBind } from \"@webiny/form\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\n\nimport { UsersTeamsMultiAutocomplete } from \"./DialogSetPermissions/UsersTeamsMultiAutocomplete\";\nimport { UsersTeamsSelection } from \"./DialogSetPermissions/UsersTeamsSelection\";\nimport { LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS } from \"./DialogSetPermissions/graphql\";\n\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { useUpdateFolder } from \"~/features\";\nimport { FolderItem, FolderLevelPermissionsTarget, FolderPermission } from \"~/types\";\n\ninterface ShowDialogParams {\n    folder: FolderItem;\n}\n\ninterface UseSetPermissionsDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    folder: FolderItem;\n}\n\ninterface UpdatePermissionCallableParams {\n    permission: FolderPermission;\n}\n\ninterface UpdatePermissionCallable {\n    (params: UpdatePermissionCallableParams): void;\n}\n\ninterface RemoveUserTeamCallableParams {\n    permission: FolderPermission;\n}\n\ninterface RemoveUserTeamCallable {\n    (params: RemoveUserTeamCallableParams): void;\n}\n\nconst FormComponent = ({ folder }: FormComponentProps) => {\n    const [permissions, setPermissions] = useState<FolderPermission[]>(folder.permissions || []); // Moved useState outside showDialog\n    const listTargetsQuery = useQuery(LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS);\n    const targetsList: FolderLevelPermissionsTarget[] =\n        listTargetsQuery.data?.aco.listFolderLevelPermissionsTargets.data || [];\n\n    const bind = useBind({\n        name: \"permissions\"\n    });\n\n    useEffect(() => {\n        bind.onChange(permissions);\n    }, [permissions]);\n\n    const addPermission = useCallback(\n        (value: FolderPermission[]) => {\n            const selectedUserOrTeam = value[value.length - 1];\n            const newPermission: FolderPermission = {\n                target: selectedUserOrTeam.target,\n                level: \"viewer\"\n            };\n\n            // We want to add the new permission to the 2nd position in the array.\n            // The 1st position is reserved for the \"current user\" permission.\n            setPermissions([permissions[0], newPermission, ...permissions.slice(1)]);\n        },\n        [permissions]\n    );\n\n    const updatePermission = useCallback<UpdatePermissionCallable>(\n        ({ permission: updatedPermission }) => {\n            setPermissions(\n                permissions.map(permission => {\n                    if (permission.target === updatedPermission.target) {\n                        return updatedPermission;\n                    }\n                    return permission;\n                })\n            );\n        },\n        [permissions]\n    );\n\n    const removeUserTeam = useCallback<RemoveUserTeamCallable>(\n        item => {\n            setPermissions(\n                permissions.filter(permission => permission.target !== item.permission.target)\n            );\n        },\n        [permissions]\n    );\n\n    return (\n        <Grid>\n            <Cell span={12}>\n                <UsersTeamsMultiAutocomplete\n                    options={targetsList}\n                    value={permissions}\n                    onChange={addPermission}\n                />\n            </Cell>\n            <Cell span={12}>\n                <UsersTeamsSelection\n                    permissions={permissions}\n                    targetsList={targetsList}\n                    onRemoveAccess={removeUserTeam}\n                    onUpdatePermission={updatePermission}\n                />\n            </Cell>\n        </Grid>\n    );\n};\n\nexport const useSetPermissionsDialog = (): UseSetPermissionsDialogResponse => {\n    const dialogs = useDialogs();\n    const { updateFolder } = useUpdateFolder();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderItem, data: Partial<FolderItem>) => {\n        const updateData = { ...folder, ...data };\n\n        try {\n            await updateFolder(updateData);\n            showSnackbar(\"Folder permissions updated successfully!\");\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = ({ folder }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title: `Manage permissions - ${folder.title}`,\n            content: <FormComponent folder={folder} />,\n            acceptLabel: \"Save\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Updating permissions...\",\n            onAccept: (data: GenericFormData) => onAccept(folder, data)\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useState","useQuery","Grid","useDialogs","useSnackbar","useBind","UsersTeamsMultiAutocomplete","UsersTeamsSelection","LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS","useUpdateFolder","FormComponent","folder","permissions","setPermissions","listTargetsQuery","targetsList","data","aco","listFolderLevelPermissionsTargets","bind","name","onChange","addPermission","value","selectedUserOrTeam","length","newPermission","target","level","slice","updatePermission","permission","updatedPermission","map","removeUserTeam","item","filter","createElement","Column","span","options","onRemoveAccess","onUpdatePermission","useSetPermissionsDialog","dialogs","updateFolder","showSnackbar","onAccept","updateData","error","message","showDialog","title","content","acceptLabel","cancelLabel","loadingLabel"],"sources":["useSetPermissionsDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport { GenericFormData, useBind } from \"@webiny/form\";\nimport { UsersTeamsMultiAutocomplete } from \"./DialogSetPermissions/UsersTeamsMultiAutocomplete\";\nimport { UsersTeamsSelection } from \"./DialogSetPermissions/UsersTeamsSelection\";\nimport { LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS } from \"./DialogSetPermissions/graphql\";\nimport { useUpdateFolder } from \"~/features\";\nimport { FolderItem, FolderLevelPermissionsTarget, FolderPermission } from \"~/types\";\n\ninterface ShowDialogParams {\n    folder: FolderItem;\n}\n\ninterface UseSetPermissionsDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    folder: FolderItem;\n}\n\ninterface UpdatePermissionCallableParams {\n    permission: FolderPermission;\n}\n\ninterface UpdatePermissionCallable {\n    (params: UpdatePermissionCallableParams): void;\n}\n\ninterface RemoveUserTeamCallableParams {\n    permission: FolderPermission;\n}\n\ninterface RemoveUserTeamCallable {\n    (params: RemoveUserTeamCallableParams): void;\n}\n\nconst FormComponent = ({ folder }: FormComponentProps) => {\n    const [permissions, setPermissions] = useState<FolderPermission[]>(folder.permissions || []); // Moved useState outside showDialog\n    const listTargetsQuery = useQuery(LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS);\n    const targetsList: FolderLevelPermissionsTarget[] =\n        listTargetsQuery.data?.aco.listFolderLevelPermissionsTargets.data || [];\n\n    const bind = useBind({\n        name: \"permissions\"\n    });\n\n    useEffect(() => {\n        bind.onChange(permissions);\n    }, [permissions]);\n\n    const addPermission = useCallback(\n        (value: FolderPermission[\"target\"][]) => {\n            const selectedUserOrTeam = value[value.length - 1];\n            const newPermission: FolderPermission = {\n                target: selectedUserOrTeam,\n                level: \"viewer\"\n            };\n\n            // We want to add the new permission to the 2nd position in the array.\n            // The 1st position is reserved for the \"current user\" permission.\n            setPermissions([permissions[0], newPermission, ...permissions.slice(1)]);\n        },\n        [permissions]\n    );\n\n    const updatePermission = useCallback<UpdatePermissionCallable>(\n        ({ permission: updatedPermission }) => {\n            setPermissions(\n                permissions.map(permission => {\n                    if (permission.target === updatedPermission.target) {\n                        return updatedPermission;\n                    }\n                    return permission;\n                })\n            );\n        },\n        [permissions]\n    );\n\n    const removeUserTeam = useCallback<RemoveUserTeamCallable>(\n        item => {\n            setPermissions(\n                permissions.filter(permission => permission.target !== item.permission.target)\n            );\n        },\n        [permissions]\n    );\n\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <UsersTeamsMultiAutocomplete\n                    options={targetsList}\n                    value={permissions.map(permission => permission.target)}\n                    onChange={addPermission}\n                />\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <UsersTeamsSelection\n                    permissions={permissions}\n                    targetsList={targetsList}\n                    onRemoveAccess={removeUserTeam}\n                    onUpdatePermission={updatePermission}\n                />\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nexport const useSetPermissionsDialog = (): UseSetPermissionsDialogResponse => {\n    const dialogs = useDialogs();\n    const { updateFolder } = useUpdateFolder();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderItem, data: Partial<FolderItem>) => {\n        const updateData = { ...folder, ...data };\n\n        try {\n            await updateFolder(updateData);\n            showSnackbar(\"Folder permissions updated successfully!\");\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = ({ folder }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title: `Manage permissions - ${folder.title}`,\n            content: <FormComponent folder={folder} />,\n            acceptLabel: \"Save\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Updating permissions...\",\n            onAccept: (data: GenericFormData) => onAccept(folder, data)\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/features/folders/Folder.js

@@ -1,22 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Folder = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _constants = require("../../constants");
-var Folder = exports.Folder = /*#__PURE__*/function () {
-  function Folder(folder) {
-    (0, _classCallCheck2.default)(this, Folder);
+import { ROOT_FOLDER } from "../../constants";
+export class Folder {
+  constructor(folder) {
     this.id = folder.id ?? "";
     this.title = folder.title;
     this.slug = folder.slug;
     this.type = folder.type;
     this.parentId = folder.parentId;
-    this.path = folder.path ?? "".concat(_constants.ROOT_FOLDER, "/").concat(folder.slug);
+    this.path = folder.path ?? `${ROOT_FOLDER}/${folder.slug}`;
     this.permissions = folder.permissions;
     this.hasNonInheritedPermissions = folder.hasNonInheritedPermissions;
     this.canManagePermissions = folder.canManagePermissions;
@@ -30,12 +20,9 @@ var Folder = exports.Folder = /*#__PURE__*/function () {
     this.modifiedOn = folder.modifiedOn;
     this.extensions = folder.extensions ?? {};
   }
-  return (0, _createClass2.default)(Folder, null, [{
-    key: "create",
-    value: function create(folder) {
-      return new Folder(folder);
-    }
-  }]);
-}();
+  static create(folder) {
+    return new Folder(folder);
+  }
+}
 
 //# sourceMappingURL=Folder.js.map

package/features/folders/Folder.js.map

@@ -1 +1 @@
-{"version":3,"names":["_constants","require","Folder","exports","folder","_classCallCheck2","default","id","title","slug","type","parentId","path","concat","ROOT_FOLDER","permissions","hasNonInheritedPermissions","canManagePermissions","canManageStructure","canManageContent","createdBy","createdOn","savedBy","savedOn","modifiedBy","modifiedOn","extensions","_createClass2","key","value","create"],"sources":["Folder.ts"],"sourcesContent":["import { CmsIdentity, FolderPermission } from \"~/types\";\nimport { ROOT_FOLDER } from \"~/constants\";\n\nexport interface FolderData {\n    id?: string;\n    title: string;\n    slug: string;\n    type: string;\n    parentId: string | null;\n    path?: string;\n    permissions: FolderPermission[];\n    hasNonInheritedPermissions?: boolean;\n    canManagePermissions?: boolean;\n    canManageStructure?: boolean;\n    canManageContent?: boolean;\n    createdBy?: CmsIdentity;\n    createdOn?: string;\n    savedBy?: CmsIdentity;\n    savedOn?: string;\n    modifiedBy?: CmsIdentity | null;\n    modifiedOn?: string | null;\n    extensions?: Record<string, any>;\n}\n\nexport class Folder {\n    public id: string;\n    public title: string;\n    public slug: string;\n    public type: string;\n    public parentId: string | null;\n    public path: string;\n    public permissions: FolderPermission[];\n    public hasNonInheritedPermissions?: boolean;\n    public canManagePermissions?: boolean;\n    public canManageStructure?: boolean;\n    public canManageContent?: boolean;\n    public createdBy?: CmsIdentity;\n    public createdOn?: string;\n    public savedBy?: CmsIdentity;\n    public savedOn?: string;\n    public modifiedBy?: CmsIdentity | null;\n    public modifiedOn?: string | null;\n    public extensions: Record<string, any>;\n\n    protected constructor(folder: FolderData) {\n        this.id = folder.id ?? \"\";\n        this.title = folder.title;\n        this.slug = folder.slug;\n        this.type = folder.type;\n        this.parentId = folder.parentId;\n        this.path = folder.path ?? `${ROOT_FOLDER}/${folder.slug}`;\n        this.permissions = folder.permissions;\n        this.hasNonInheritedPermissions = folder.hasNonInheritedPermissions;\n        this.canManagePermissions = folder.canManagePermissions;\n        this.canManageStructure = folder.canManageStructure;\n        this.canManageContent = folder.canManageContent;\n        this.createdBy = folder.createdBy;\n        this.createdOn = folder.createdOn;\n        this.savedBy = folder.savedBy;\n        this.savedOn = folder.savedOn;\n        this.modifiedBy = folder.modifiedBy;\n        this.modifiedOn = folder.modifiedOn;\n        this.extensions = folder.extensions ?? {};\n    }\n\n    static create(folder: FolderData) {\n        return new Folder(folder);\n    }\n}\n"],"mappings":";;;;;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAA0C,IAuB7BC,MAAM,GAAAC,OAAA,CAAAD,MAAA;EAoBf,SAAAA,OAAsBE,MAAkB,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAJ,MAAA;IACtC,IAAI,CAACK,EAAE,GAAGH,MAAM,CAACG,EAAE,IAAI,EAAE;IACzB,IAAI,CAACC,KAAK,GAAGJ,MAAM,CAACI,KAAK;IACzB,IAAI,CAACC,IAAI,GAAGL,MAAM,CAACK,IAAI;IACvB,IAAI,CAACC,IAAI,GAAGN,MAAM,CAACM,IAAI;IACvB,IAAI,CAACC,QAAQ,GAAGP,MAAM,CAACO,QAAQ;IAC/B,IAAI,CAACC,IAAI,GAAGR,MAAM,CAACQ,IAAI,OAAAC,MAAA,CAAOC,sBAAW,OAAAD,MAAA,CAAIT,MAAM,CAACK,IAAI,CAAE;IAC1D,IAAI,CAACM,WAAW,GAAGX,MAAM,CAACW,WAAW;IACrC,IAAI,CAACC,0BAA0B,GAAGZ,MAAM,CAACY,0BAA0B;IACnE,IAAI,CAACC,oBAAoB,GAAGb,MAAM,CAACa,oBAAoB;IACvD,IAAI,CAACC,kBAAkB,GAAGd,MAAM,CAACc,kBAAkB;IACnD,IAAI,CAACC,gBAAgB,GAAGf,MAAM,CAACe,gBAAgB;IAC/C,IAAI,CAACC,SAAS,GAAGhB,MAAM,CAACgB,SAAS;IACjC,IAAI,CAACC,SAAS,GAAGjB,MAAM,CAACiB,SAAS;IACjC,IAAI,CAACC,OAAO,GAAGlB,MAAM,CAACkB,OAAO;IAC7B,IAAI,CAACC,OAAO,GAAGnB,MAAM,CAACmB,OAAO;IAC7B,IAAI,CAACC,UAAU,GAAGpB,MAAM,CAACoB,UAAU;IACnC,IAAI,CAACC,UAAU,GAAGrB,MAAM,CAACqB,UAAU;IACnC,IAAI,CAACC,UAAU,GAAGtB,MAAM,CAACsB,UAAU,IAAI,CAAC,CAAC;EAC7C;EAAC,WAAAC,aAAA,CAAArB,OAAA,EAAAJ,MAAA;IAAA0B,GAAA;IAAAC,KAAA,EAED,SAAOC,MAAMA,CAAC1B,MAAkB,EAAE;MAC9B,OAAO,IAAIF,MAAM,CAACE,MAAM,CAAC;IAC7B;EAAC;AAAA","ignoreList":[]}
+{"version":3,"names":["ROOT_FOLDER","Folder","constructor","folder","id","title","slug","type","parentId","path","permissions","hasNonInheritedPermissions","canManagePermissions","canManageStructure","canManageContent","createdBy","createdOn","savedBy","savedOn","modifiedBy","modifiedOn","extensions","create"],"sources":["Folder.ts"],"sourcesContent":["import { CmsIdentity, FolderPermission } from \"~/types\";\nimport { ROOT_FOLDER } from \"~/constants\";\n\nexport interface FolderData {\n    id?: string;\n    title: string;\n    slug: string;\n    type: string;\n    parentId: string | null;\n    path?: string;\n    permissions: FolderPermission[];\n    hasNonInheritedPermissions?: boolean;\n    canManagePermissions?: boolean;\n    canManageStructure?: boolean;\n    canManageContent?: boolean;\n    createdBy?: CmsIdentity;\n    createdOn?: string;\n    savedBy?: CmsIdentity;\n    savedOn?: string;\n    modifiedBy?: CmsIdentity | null;\n    modifiedOn?: string | null;\n    extensions?: Record<string, any>;\n}\n\nexport class Folder {\n    public id: string;\n    public title: string;\n    public slug: string;\n    public type: string;\n    public parentId: string | null;\n    public path: string;\n    public permissions: FolderPermission[];\n    public hasNonInheritedPermissions?: boolean;\n    public canManagePermissions?: boolean;\n    public canManageStructure?: boolean;\n    public canManageContent?: boolean;\n    public createdBy?: CmsIdentity;\n    public createdOn?: string;\n    public savedBy?: CmsIdentity;\n    public savedOn?: string;\n    public modifiedBy?: CmsIdentity | null;\n    public modifiedOn?: string | null;\n    public extensions: Record<string, any>;\n\n    protected constructor(folder: FolderData) {\n        this.id = folder.id ?? \"\";\n        this.title = folder.title;\n        this.slug = folder.slug;\n        this.type = folder.type;\n        this.parentId = folder.parentId;\n        this.path = folder.path ?? `${ROOT_FOLDER}/${folder.slug}`;\n        this.permissions = folder.permissions;\n        this.hasNonInheritedPermissions = folder.hasNonInheritedPermissions;\n        this.canManagePermissions = folder.canManagePermissions;\n        this.canManageStructure = folder.canManageStructure;\n        this.canManageContent = folder.canManageContent;\n        this.createdBy = folder.createdBy;\n        this.createdOn = folder.createdOn;\n        this.savedBy = folder.savedBy;\n        this.savedOn = folder.savedOn;\n        this.modifiedBy = folder.modifiedBy;\n        this.modifiedOn = folder.modifiedOn;\n        this.extensions = folder.extensions ?? {};\n    }\n\n    static create(folder: FolderData) {\n        return new Folder(folder);\n    }\n}\n"],"mappings":"AACA,SAASA,WAAW;AAuBpB,OAAO,MAAMC,MAAM,CAAC;EAoBNC,WAAWA,CAACC,MAAkB,EAAE;IACtC,IAAI,CAACC,EAAE,GAAGD,MAAM,CAACC,EAAE,IAAI,EAAE;IACzB,IAAI,CAACC,KAAK,GAAGF,MAAM,CAACE,KAAK;IACzB,IAAI,CAACC,IAAI,GAAGH,MAAM,CAACG,IAAI;IACvB,IAAI,CAACC,IAAI,GAAGJ,MAAM,CAACI,IAAI;IACvB,IAAI,CAACC,QAAQ,GAAGL,MAAM,CAACK,QAAQ;IAC/B,IAAI,CAACC,IAAI,GAAGN,MAAM,CAACM,IAAI,IAAI,GAAGT,WAAW,IAAIG,MAAM,CAACG,IAAI,EAAE;IAC1D,IAAI,CAACI,WAAW,GAAGP,MAAM,CAACO,WAAW;IACrC,IAAI,CAACC,0BAA0B,GAAGR,MAAM,CAACQ,0BAA0B;IACnE,IAAI,CAACC,oBAAoB,GAAGT,MAAM,CAACS,oBAAoB;IACvD,IAAI,CAACC,kBAAkB,GAAGV,MAAM,CAACU,kBAAkB;IACnD,IAAI,CAACC,gBAAgB,GAAGX,MAAM,CAACW,gBAAgB;IAC/C,IAAI,CAACC,SAAS,GAAGZ,MAAM,CAACY,SAAS;IACjC,IAAI,CAACC,SAAS,GAAGb,MAAM,CAACa,SAAS;IACjC,IAAI,CAACC,OAAO,GAAGd,MAAM,CAACc,OAAO;IAC7B,IAAI,CAACC,OAAO,GAAGf,MAAM,CAACe,OAAO;IAC7B,IAAI,CAACC,UAAU,GAAGhB,MAAM,CAACgB,UAAU;IACnC,IAAI,CAACC,UAAU,GAAGjB,MAAM,CAACiB,UAAU;IACnC,IAAI,CAACC,UAAU,GAAGlB,MAAM,CAACkB,UAAU,IAAI,CAAC,CAAC;EAC7C;EAEA,OAAOC,MAAMA,CAACnB,MAAkB,EAAE;IAC9B,OAAO,IAAIF,MAAM,CAACE,MAAM,CAAC;EAC7B;AACJ","ignoreList":[]}

package/features/folders/cache/FoldersCacheFactory.js

@@ -1,35 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.folderCacheFactory = exports.FoldersCacheFactory = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _ListCache = require("./ListCache");
-var FoldersCacheFactory = exports.FoldersCacheFactory = /*#__PURE__*/function () {
-  function FoldersCacheFactory() {
-    (0, _classCallCheck2.default)(this, FoldersCacheFactory);
-    (0, _defineProperty2.default)(this, "cache", new Map());
-  }
-  return (0, _createClass2.default)(FoldersCacheFactory, [{
-    key: "getCache",
-    value: function getCache(namespace) {
-      var cacheKey = this.getCacheKey(namespace);
-      if (!this.cache.has(cacheKey)) {
-        this.cache.set(cacheKey, new _ListCache.ListCache());
-      }
-      return this.cache.get(cacheKey);
-    }
-  }, {
-    key: "getCacheKey",
-    value: function getCacheKey(namespace) {
-      return namespace;
+import { ListCache } from "./ListCache";
+export class FoldersCacheFactory {
+  cache = new Map();
+  getCache(namespace) {
+    const cacheKey = this.getCacheKey(namespace);
+    if (!this.cache.has(cacheKey)) {
+      this.cache.set(cacheKey, new ListCache());
     }
-  }]);
-}();
-var folderCacheFactory = exports.folderCacheFactory = new FoldersCacheFactory();
+    return this.cache.get(cacheKey);
+  }
+  getCacheKey(namespace) {
+    return namespace;
+  }
+}
+export const folderCacheFactory = new FoldersCacheFactory();
 
 //# sourceMappingURL=FoldersCacheFactory.js.map

package/features/folders/cache/FoldersCacheFactory.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ListCache","require","FoldersCacheFactory","exports","_classCallCheck2","default","_defineProperty2","Map","_createClass2","key","value","getCache","namespace","cacheKey","getCacheKey","cache","has","set","ListCache","get","folderCacheFactory"],"sources":["FoldersCacheFactory.ts"],"sourcesContent":["import { Folder } from \"../Folder\";\nimport { ListCache } from \"~/features/folders/cache/ListCache\";\n\nexport class FoldersCacheFactory {\n    private cache: Map<string, ListCache<Folder>> = new Map();\n\n    getCache(namespace: string) {\n        const cacheKey = this.getCacheKey(namespace);\n\n        if (!this.cache.has(cacheKey)) {\n            this.cache.set(cacheKey, new ListCache<Folder>());\n        }\n\n        return this.cache.get(cacheKey) as ListCache<Folder>;\n    }\n\n    private getCacheKey(namespace: string) {\n        return namespace;\n    }\n}\n\nexport const folderCacheFactory = new FoldersCacheFactory();\n"],"mappings":";;;;;;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAA+D,IAElDC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA;EAAA,SAAAA,oBAAA;IAAA,IAAAE,gBAAA,CAAAC,OAAA,QAAAH,mBAAA;IAAA,IAAAI,gBAAA,CAAAD,OAAA,iBACoB,IAAIE,GAAG,CAAC,CAAC;EAAA;EAAA,WAAAC,aAAA,CAAAH,OAAA,EAAAH,mBAAA;IAAAO,GAAA;IAAAC,KAAA,EAEzD,SAAAC,QAAQA,CAACC,SAAiB,EAAE;MACxB,IAAMC,QAAQ,GAAG,IAAI,CAACC,WAAW,CAACF,SAAS,CAAC;MAE5C,IAAI,CAAC,IAAI,CAACG,KAAK,CAACC,GAAG,CAACH,QAAQ,CAAC,EAAE;QAC3B,IAAI,CAACE,KAAK,CAACE,GAAG,CAACJ,QAAQ,EAAE,IAAIK,oBAAS,CAAS,CAAC,CAAC;MACrD;MAEA,OAAO,IAAI,CAACH,KAAK,CAACI,GAAG,CAACN,QAAQ,CAAC;IACnC;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAQI,WAAWA,CAACF,SAAiB,EAAE;MACnC,OAAOA,SAAS;IACpB;EAAC;AAAA;AAGE,IAAMQ,kBAAkB,GAAAjB,OAAA,CAAAiB,kBAAA,GAAG,IAAIlB,mBAAmB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["ListCache","FoldersCacheFactory","cache","Map","getCache","namespace","cacheKey","getCacheKey","has","set","get","folderCacheFactory"],"sources":["FoldersCacheFactory.ts"],"sourcesContent":["import { Folder } from \"../Folder\";\nimport { type IListCache, ListCache } from \"~/features/folders/cache/ListCache\";\n\nexport class FoldersCacheFactory {\n    private cache: Map<string, IListCache<Folder>> = new Map();\n\n    getCache(namespace: string) {\n        const cacheKey = this.getCacheKey(namespace);\n\n        if (!this.cache.has(cacheKey)) {\n            this.cache.set(cacheKey, new ListCache<Folder>());\n        }\n\n        return this.cache.get(cacheKey) as ListCache<Folder>;\n    }\n\n    private getCacheKey(namespace: string) {\n        return namespace;\n    }\n}\n\nexport const folderCacheFactory = new FoldersCacheFactory();\n"],"mappings":"AACA,SAA0BA,SAAS;AAEnC,OAAO,MAAMC,mBAAmB,CAAC;EACrBC,KAAK,GAAoC,IAAIC,GAAG,CAAC,CAAC;EAE1DC,QAAQA,CAACC,SAAiB,EAAE;IACxB,MAAMC,QAAQ,GAAG,IAAI,CAACC,WAAW,CAACF,SAAS,CAAC;IAE5C,IAAI,CAAC,IAAI,CAACH,KAAK,CAACM,GAAG,CAACF,QAAQ,CAAC,EAAE;MAC3B,IAAI,CAACJ,KAAK,CAACO,GAAG,CAACH,QAAQ,EAAE,IAAIN,SAAS,CAAS,CAAC,CAAC;IACrD;IAEA,OAAO,IAAI,CAACE,KAAK,CAACQ,GAAG,CAACJ,QAAQ,CAAC;EACnC;EAEQC,WAAWA,CAACF,SAAiB,EAAE;IACnC,OAAOA,SAAS;EACpB;AACJ;AAEA,OAAO,MAAMM,kBAAkB,GAAG,IAAIV,mBAAmB,CAAC,CAAC","ignoreList":[]}