@webiny/app-aco 5.40.0-beta.2 → 5.40.0-beta.3

package/dialogs/DialogSetPermissions/UsersTeamsSelection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_List","_ListItemGraphic","_ListItemText","_ListItemMeta","_styled","_Typography","StyledListItem","styled","ListItem","label","target","UsersTeamsSelection","_ref","_ref$permissions","permissions","targetsList","onRemoveAccess","onUpdatePermission","selection","map","permission","find","u","filter","Boolean","default","createElement","Fragment","Typography","use","ScrollList","twoLine","avatarList","style","height","nonInteractive","item","key","ListItemGraphic","ListItemText","ListItemMeta","Object","assign","exports"],"sources":["UsersTeamsSelection.tsx"],"sourcesContent":["import React from \"react\";\nimport { ScrollList, ListItem } from \"@webiny/ui/List\";\nimport { ListItemGraphic } from \"./UsersTeamsSelection/ListItemGraphic\";\nimport { ListItemText } from \"./UsersTeamsSelection/ListItemText\";\nimport { ListItemMeta } from \"./UsersTeamsSelection/ListItemMeta\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { FolderLevelPermissionsTarget, FolderPermission } from \"~/types\";\n\ninterface UsersTeamsSelectionProps {\n    targetsList: FolderLevelPermissionsTarget[];\n    permissions: FolderPermission[];\n    onRemoveAccess: (params: { permission: FolderPermission }) => void;\n    onUpdatePermission: (params: { permission: FolderPermission }) => void;\n}\n\n// We've set scroll list to be non-interactive, but we still need to override the hover color.\nconst StyledListItem = styled(ListItem)`\n    :hover {\n        background-color: var(--mdc-theme-background) !important;\n    }\n`;\n\ntype Selection = Array<{ permission: FolderPermission; target: FolderLevelPermissionsTarget }>;\n\nexport const UsersTeamsSelection = ({\n    permissions = [],\n    targetsList,\n    onRemoveAccess,\n    onUpdatePermission\n}: UsersTeamsSelectionProps) => {\n    const selection = permissions\n        .map(permission => {\n            const target = targetsList.find(u => u.target === permission.target);\n            if (target) {\n                return { permission, target };\n            }\n\n            return null;\n        })\n        .filter(Boolean) as Selection;\n\n    return (\n        <>\n            <Typography use={\"subtitle1\"}>People and teams with access</Typography>\n            <ScrollList twoLine avatarList style={{ height: 300 }} nonInteractive>\n                {selection?.map(item => (\n                    <StyledListItem key={item!.permission.target}>\n                        <ListItemGraphic {...item} />\n                        <ListItemText {...item} />\n                        <ListItemMeta\n                            {...item!}\n                            targetsList={targetsList}\n                            onRemoveAccess={onRemoveAccess}\n                            onUpdatePermission={onUpdatePermission}\n                        />\n                    </StyledListItem>\n                ))}\n            </ScrollList>\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAUA;AACA,IAAMO,cAAc,oBAAGC,eAAM,EAACC,cAAQ;EAAAC,KAAA;EAAAC,MAAA;AAAA,sEAIrC;AAIM,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAKA;EAAA,IAAAC,gBAAA,GAAAD,IAAA,CAJ5BE,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,EAAE,GAAAA,gBAAA;IAChBE,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;EAElB,IAAMC,SAAS,GAAGJ,WAAW,CACxBK,GAAG,CAAC,UAAAC,UAAU,EAAI;IACf,IAAMV,MAAM,GAAGK,WAAW,CAACM,IAAI,CAAC,UAAAC,CAAC;MAAA,OAAIA,CAAC,CAACZ,MAAM,KAAKU,UAAU,CAACV,MAAM;IAAA,EAAC;IACpE,IAAIA,MAAM,EAAE;MACR,OAAO;QAAEU,UAAU,EAAVA,UAAU;QAAEV,MAAM,EAANA;MAAO,CAAC;IACjC;IAEA,OAAO,IAAI;EACf,CAAC,CAAC,CACDa,MAAM,CAACC,OAAO,CAAc;EAEjC,oBACI3B,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAA7B,MAAA,CAAA4B,OAAA,CAAAE,QAAA,qBACI9B,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACrB,WAAA,CAAAuB,UAAU;IAACC,GAAG,EAAE;EAAY,GAAC,8BAAwC,CAAC,eACvEhC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC1B,KAAA,CAAA8B,UAAU;IAACC,OAAO;IAACC,UAAU;IAACC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAI,CAAE;IAACC,cAAc;EAAA,GAChEjB,SAAS,EAAEC,GAAG,CAAC,UAAAiB,IAAI;IAAA,oBAChBvC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACpB,cAAc;MAAC+B,GAAG,EAAED,IAAI,CAAEhB,UAAU,CAACV;IAAO,gBACzCb,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACzB,gBAAA,CAAAqC,eAAe,EAAKF,IAAO,CAAC,eAC7BvC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACxB,aAAA,CAAAqC,YAAY,EAAKH,IAAO,CAAC,eAC1BvC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAqC,YAAY,EAAAC,MAAA,CAAAC,MAAA,KACLN,IAAI;MACRrB,WAAW,EAAEA,WAAY;MACzBC,cAAc,EAAEA,cAAe;MAC/BC,kBAAkB,EAAEA;IAAmB,EAC1C,CACW,CAAC;EAAA,CACpB,CACO,CACd,CAAC;AAEX,CAAC;AAAC0B,OAAA,CAAAhC,mBAAA,GAAAA,mBAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_List","_ListItemGraphic","_ListItemText","_ListItemMeta","_Typography","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledListItem","_base","default","ListItem","process","env","NODE_ENV","target","label","name","styles","map","toString","UsersTeamsSelection","exports","_ref","_ref$permissions","permissions","targetsList","onRemoveAccess","onUpdatePermission","selection","permission","find","u","filter","Boolean","createElement","Fragment","Typography","use","ScrollList","twoLine","avatarList","style","height","nonInteractive","item","key","ListItemGraphic","ListItemText","ListItemMeta","Object","assign"],"sources":["UsersTeamsSelection.tsx"],"sourcesContent":["import React from \"react\";\nimport { ScrollList, ListItem } from \"@webiny/ui/List\";\nimport { ListItemGraphic } from \"./UsersTeamsSelection/ListItemGraphic\";\nimport { ListItemText } from \"./UsersTeamsSelection/ListItemText\";\nimport { ListItemMeta } from \"./UsersTeamsSelection/ListItemMeta\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { FolderLevelPermissionsTarget, FolderPermission } from \"~/types\";\n\ninterface UsersTeamsSelectionProps {\n    targetsList: FolderLevelPermissionsTarget[];\n    permissions: FolderPermission[];\n    onRemoveAccess: (params: { permission: FolderPermission }) => void;\n    onUpdatePermission: (params: { permission: FolderPermission }) => void;\n}\n\n// We've set scroll list to be non-interactive, but we still need to override the hover color.\nconst StyledListItem = styled(ListItem)`\n    :hover {\n        background-color: var(--mdc-theme-background) !important;\n    }\n`;\n\ntype Selection = Array<{ permission: FolderPermission; target: FolderLevelPermissionsTarget }>;\n\nexport const UsersTeamsSelection = ({\n    permissions = [],\n    targetsList,\n    onRemoveAccess,\n    onUpdatePermission\n}: UsersTeamsSelectionProps) => {\n    const selection = permissions\n        .map(permission => {\n            const target = targetsList.find(u => u.target === permission.target);\n            if (target) {\n                return { permission, target };\n            }\n\n            return null;\n        })\n        .filter(Boolean) as Selection;\n\n    return (\n        <>\n            <Typography use={\"subtitle1\"}>People and teams with access</Typography>\n            <ScrollList twoLine avatarList style={{ height: 300 }} nonInteractive>\n                {selection?.map(item => (\n                    <StyledListItem key={item!.permission.target}>\n                        <ListItemGraphic {...item} />\n                        <ListItemText {...item} />\n                        <ListItemMeta\n                            {...item!}\n                            targetsList={targetsList}\n                            onRemoveAccess={onRemoveAccess}\n                            onUpdatePermission={onUpdatePermission}\n                        />\n                    </StyledListItem>\n                ))}\n            </ScrollList>\n        </>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAL,OAAA;AAAmD,SAAAM,iCAAA;AAUnD;AACA,IAAMC,cAAc,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAOC,cAAQ,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAb;AAAA,EAItC;AAIM,IAAMc,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAAE,IAAA,EAKA;EAAA,IAAAC,gBAAA,GAAAD,IAAA,CAJ5BE,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,EAAE,GAAAA,gBAAA;IAChBE,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;EAElB,IAAMC,SAAS,GAAGJ,WAAW,CACxBN,GAAG,CAAC,UAAAW,UAAU,EAAI;IACf,IAAMf,MAAM,GAAGW,WAAW,CAACK,IAAI,CAAC,UAAAC,CAAC;MAAA,OAAIA,CAAC,CAACjB,MAAM,KAAKe,UAAU,CAACf,MAAM;IAAA,EAAC;IACpE,IAAIA,MAAM,EAAE;MACR,OAAO;QAAEe,UAAU,EAAVA,UAAU;QAAEf,MAAM,EAANA;MAAO,CAAC;IACjC;IAEA,OAAO,IAAI;EACf,CAAC,CAAC,CACDkB,MAAM,CAACC,OAAO,CAAc;EAEjC,oBACInC,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAApC,MAAA,CAAAW,OAAA,CAAA0B,QAAA,qBACIrC,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAC7B,WAAA,CAAA+B,UAAU;IAACC,GAAG,EAAE;EAAY,GAAC,8BAAwC,CAAC,eACvEvC,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAACjC,KAAA,CAAAqC,UAAU;IAACC,OAAO;IAACC,UAAU;IAACC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAI,CAAE;IAACC,cAAc;EAAA,GAChEf,SAAS,EAAEV,GAAG,CAAC,UAAA0B,IAAI;IAAA,oBAChB9C,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAC3B,cAAc;MAACsC,GAAG,EAAED,IAAI,CAAEf,UAAU,CAACf;IAAO,gBACzChB,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAChC,gBAAA,CAAA4C,eAAe,EAAKF,IAAO,CAAC,eAC7B9C,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAC/B,aAAA,CAAA4C,YAAY,EAAKH,IAAO,CAAC,eAC1B9C,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAC9B,aAAA,CAAA4C,YAAY,EAAAC,MAAA,CAAAC,MAAA,KACLN,IAAI;MACRnB,WAAW,EAAEA,WAAY;MACzBC,cAAc,EAAEA,cAAe;MAC/BC,kBAAkB,EAAEA;IAAmB,EAC1C,CACW,CAAC;EAAA,CACpB,CACO,CACd,CAAC;AAEX,CAAC","ignoreList":[]}

package/dialogs/DialogSetPermissions/graphql.js

@@ -8,7 +8,6 @@ exports.LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
 var _templateObject;
-var LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query ListFolderLevelPermissionsTargets {\n        aco {\n            listFolderLevelPermissionsTargets {\n                data {\n                    id\n                    type\n                    target\n                    name\n                    meta\n                }\n                error {\n                    code\n                    data\n                    message\n                }\n            }\n        }\n    }\n"])));
-exports.LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS;
+var LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = exports.LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query ListFolderLevelPermissionsTargets {\n        aco {\n            listFolderLevelPermissionsTargets {\n                data {\n                    id\n                    type\n                    target\n                    name\n                    meta\n                }\n                error {\n                    code\n                    data\n                    message\n                }\n            }\n        }\n    }\n"])));
 
 //# sourceMappingURL=graphql.js.map

package/dialogs/DialogSetPermissions/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["_graphqlTag","_interopRequireDefault","require","_templateObject","LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS","gql","_taggedTemplateLiteral2","default","exports"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = gql`\n    query ListFolderLevelPermissionsTargets {\n        aco {\n            listFolderLevelPermissionsTargets {\n                data {\n                    id\n                    type\n                    target\n                    name\n                    meta\n                }\n                error {\n                    code\n                    data\n                    message\n                }\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8B,IAAAC,eAAA;AAEvB,IAAMC,qCAAqC,OAAGC,mBAAG,EAAAF,eAAA,KAAAA,eAAA,OAAAG,uBAAA,CAAAC,OAAA,qcAmBvD;AAACC,OAAA,CAAAJ,qCAAA,GAAAA,qCAAA"}
+{"version":3,"names":["_graphqlTag","_interopRequireDefault","require","_templateObject","LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS","exports","gql","_taggedTemplateLiteral2","default"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = gql`\n    query ListFolderLevelPermissionsTargets {\n        aco {\n            listFolderLevelPermissionsTargets {\n                data {\n                    id\n                    type\n                    target\n                    name\n                    meta\n                }\n                error {\n                    code\n                    data\n                    message\n                }\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8B,IAAAC,eAAA;AAEvB,IAAMC,qCAAqC,GAAAC,OAAA,CAAAD,qCAAA,OAAGE,mBAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,CAAAC,OAAA,qcAmBvD","ignoreList":[]}

package/dialogs/index.d.ts

@@ -1,8 +1,5 @@
-export * from "./Dialog";
-export * from "./dialogs";
 export * from "./useCreateDialog";
 export * from "./useDeleteDialog";
-export * from "./useDialogs";
 export * from "./useEditDialog";
 export * from "./useMoveToFolderDialog";
 export * from "./useSetPermissionsDialog";

package/dialogs/index.js

@@ -3,28 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _Dialog = require("./Dialog");
-Object.keys(_Dialog).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Dialog[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Dialog[key];
-    }
-  });
-});
-var _dialogs = require("./dialogs");
-Object.keys(_dialogs).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _dialogs[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _dialogs[key];
-    }
-  });
-});
 var _useCreateDialog = require("./useCreateDialog");
 Object.keys(_useCreateDialog).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -47,17 +25,6 @@ Object.keys(_useDeleteDialog).forEach(function (key) {
     }
   });
 });
-var _useDialogs = require("./useDialogs");
-Object.keys(_useDialogs).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useDialogs[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useDialogs[key];
-    }
-  });
-});
 var _useEditDialog = require("./useEditDialog");
 Object.keys(_useEditDialog).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dialogs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Dialog","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_dialogs","_useCreateDialog","_useDeleteDialog","_useDialogs","_useEditDialog","_useMoveToFolderDialog","_useSetPermissionsDialog"],"sources":["index.tsx"],"sourcesContent":["export * from \"./Dialog\";\nexport * from \"./dialogs\";\nexport * from \"./useCreateDialog\";\nexport * from \"./useDeleteDialog\";\nexport * from \"./useDialogs\";\nexport * from \"./useEditDialog\";\nexport * from \"./useMoveToFolderDialog\";\nexport * from \"./useSetPermissionsDialog\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,QAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,QAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,QAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,QAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,gBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,gBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,gBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,gBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,gBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,gBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,gBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,gBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,WAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,WAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,WAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,WAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,cAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,cAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,cAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAK,cAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,sBAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,sBAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAU,sBAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAM,sBAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,wBAAA,GAAAf,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAa,wBAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAW,wBAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAO,wBAAA,CAAAX,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_useCreateDialog","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useDeleteDialog","_useEditDialog","_useMoveToFolderDialog","_useSetPermissionsDialog"],"sources":["index.tsx"],"sourcesContent":["export * from \"./useCreateDialog\";\nexport * from \"./useDeleteDialog\";\nexport * from \"./useEditDialog\";\nexport * from \"./useMoveToFolderDialog\";\nexport * from \"./useSetPermissionsDialog\";\n"],"mappings":";;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,gBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,gBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,gBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,gBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,gBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,cAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,cAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,cAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,cAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,sBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,sBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,sBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,sBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,wBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,wBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,wBAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,wBAAA,CAAAR,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dialogs/styled.d.ts

@@ -1,14 +1,5 @@
 /// <reference types="react" />
-import { Dialog } from "@webiny/ui/Dialog";
-export declare const DialogContainer: import("@emotion/styled").StyledComponent<import("@webiny/ui/Dialog").DialogProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {
-    ref?: import("react").Ref<Dialog> | undefined;
-}>;
-export declare const DialogActions: import("@emotion/styled").StyledComponent<import("@webiny/ui/Dialog").DialogActionsProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
 export declare const DialogFoldersContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dialogs/styled.js

@@ -4,23 +4,22 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DialogFoldersContainer = exports.DialogContainer = exports.DialogActions = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _Dialog = require("@webiny/ui/Dialog");
-var DialogContainer = /*#__PURE__*/(0, _styled.default)(_Dialog.Dialog, {
-  label: "DialogContainer",
+exports.DialogFoldersContainer = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var DialogFoldersContainer = exports.DialogFoldersContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e14dtyv70"
-})("z-index:100;.mdc-dialog__surface{width:600px;min-width:600px;}");
-exports.DialogContainer = DialogContainer;
-var DialogActions = /*#__PURE__*/(0, _styled.default)(_Dialog.DialogActions, {
-  label: "DialogActions",
-  target: "e14dtyv71"
-})("justify-content:space-between;");
-exports.DialogActions = DialogActions;
-var DialogFoldersContainer = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "DialogFoldersContainer",
-  target: "e14dtyv72"
-})("max-height:30vh;overflow-y:scroll;margin-top:8px;padding:8px;background:var(--mdc-theme-background);");
-exports.DialogFoldersContainer = DialogFoldersContainer;
+} : {
+  target: "e14dtyv70",
+  label: "DialogFoldersContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "13a1cvr",
+  styles: "max-height:30vh;overflow-y:scroll;margin-top:8px;padding:8px;background:var(--mdc-theme-background)"
+} : {
+  name: "13a1cvr",
+  styles: "max-height:30vh;overflow-y:scroll;margin-top:8px;padding:8px;background:var(--mdc-theme-background)",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW1EIiwiZmlsZSI6InN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IGNvbnN0IERpYWxvZ0ZvbGRlcnNDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgbWF4LWhlaWdodDogMzB2aDtcbiAgICBvdmVyZmxvdy15OiBzY3JvbGw7XG4gICAgbWFyZ2luLXRvcDogOHB4O1xuICAgIHBhZGRpbmc6IDhweDtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 
 //# sourceMappingURL=styled.js.map

package/dialogs/styled.js.map

@@ -1 +1 @@
-{"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: 100;\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,oEAM3C;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"}
+{"version":3,"names":["DialogFoldersContainer","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\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":";;;;;;;;;AAEO,IAAMA,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,gBAAG,IAAAE,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAMlD","ignoreList":[]}

package/dialogs/useCreateDialog.js

@@ -1,13 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCreateDialog = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _slugify = _interopRequireDefault(require("slugify"));
@@ -18,11 +17,9 @@ var _Input = require("@webiny/ui/Input");
 var _Typography = require("@webiny/ui/Typography");
 var _validation = require("@webiny/validation");
 var _components = require("../components");
-var _useDialogs = require("./useDialogs");
 var _styled = require("./styled");
 var _hooks = require("../hooks");
 var _constants = require("../constants");
-var _excluded = ["form"];
 var FormComponent = function FormComponent(_ref) {
   var _ref$currentParentId = _ref.currentParentId,
     currentParentId = _ref$currentParentId === void 0 ? null : _ref$currentParentId;
@@ -30,38 +27,35 @@ var FormComponent = function FormComponent(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     parentId = _useState2[0],
     setParentId = _useState2[1];
-  var generateSlug = function generateSlug(form) {
-    return function () {
-      if (form.data.slug || !form.data.title) {
-        return;
-      }
+  var form = (0, _form.useForm)();
+  var generateSlug = function generateSlug() {
+    if (form.data.slug || !form.data.title) {
+      return;
+    }
 
-      // We want to update slug only when the folder is first being created.
-      form.setValue("slug", (0, _slugify.default)(form.data.title, {
-        replacement: "-",
-        lower: true,
-        remove: /[*#\?<>_\{\}\[\]+~.()'"!:;@]/g,
-        trim: false
-      }));
-    };
+    // We want to update slug only when the folder is first being created.
+    form.setValue("slug", (0, _slugify.default)(form.data.title, {
+      replacement: "-",
+      lower: true,
+      remove: /[*#\?<>_\{\}\[\]+~.()'"!:;@]/g,
+      trim: false
+    }));
   };
   return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
   }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
     name: "title",
-    validators: [_validation.validation.create("required")]
-  }, function (_ref2) {
-    var form = _ref2.form,
-      bind = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    validators: _validation.validation.create("required")
+  }, function (bind) {
     return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind, {
       label: "Title",
-      onBlur: generateSlug(form)
+      onBlur: generateSlug
     }));
   })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
   }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
     name: "slug",
-    validators: [_validation.validation.create("required,slug")]
+    validators: _validation.validation.create("required,slug")
   }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
     label: "Slug"
   }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
@@ -71,8 +65,8 @@ var FormComponent = function FormComponent(_ref) {
   }, "Parent folder"), /*#__PURE__*/_react.default.createElement(_styled.DialogFoldersContainer, null, /*#__PURE__*/_react.default.createElement(_form.Bind, {
     name: "parentId",
     defaultValue: parentId
-  }, function (_ref3) {
-    var onChange = _ref3.onChange;
+  }, function (_ref2) {
+    var onChange = _ref2.onChange;
     return /*#__PURE__*/_react.default.createElement(_components.FolderTree, {
       focusedFolderId: parentId || _constants.ROOT_FOLDER,
       onFolderClick: function onFolderClick(folder) {
@@ -82,8 +76,8 @@ var FormComponent = function FormComponent(_ref) {
     });
   }))));
 };
-var useCreateDialog = function useCreateDialog() {
-  var dialogs = (0, _useDialogs.useDialogs)();
+var useCreateDialog = exports.useCreateDialog = function useCreateDialog() {
+  var dialogs = (0, _appAdmin.useDialogs)();
   var _useFolders = (0, _hooks.useFolders)(),
     createFolder = _useFolders.createFolder;
   var _useSnackbar = (0, _appAdmin.useSnackbar)(),
@@ -99,17 +93,20 @@ var useCreateDialog = function useCreateDialog() {
     }
   }, []);
   var showDialog = function showDialog(params) {
-    var _ref4 = params ?? {},
-      _ref4$currentParentId = _ref4.currentParentId,
-      currentParentId = _ref4$currentParentId === void 0 ? null : _ref4$currentParentId;
+    var _ref3 = params ?? {},
+      _ref3$currentParentId = _ref3.currentParentId,
+      currentParentId = _ref3$currentParentId === void 0 ? null : _ref3$currentParentId;
     dialogs.showDialog({
       title: "Create a new folder",
-      message: /*#__PURE__*/_react.default.createElement(FormComponent, {
+      content: /*#__PURE__*/_react.default.createElement(FormComponent, {
         currentParentId: currentParentId
       }),
       acceptLabel: "Create folder",
       cancelLabel: "Cancel",
-      loadingLabel: "Creating folder",
+      loadingLabel: "Creating folder...",
+      /**
+       * We need to cast as there are no generics to pass for the onAccept function.
+       */
       onAccept: onAccept
     });
   };
@@ -117,6 +114,5 @@ var useCreateDialog = function useCreateDialog() {
     showDialog: showDialog
   };
 };
-exports.useCreateDialog = useCreateDialog;
 
 //# sourceMappingURL=useCreateDialog.js.map

package/dialogs/useCreateDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_slugify","_interopRequireDefault","_appAdmin","_form","_Grid","_Input","_Typography","_validation","_components","_useDialogs","_styled","_hooks","_constants","_excluded","FormComponent","_ref","_ref$currentParentId","currentParentId","_useState","useState","_useState2","_slicedToArray2","default","parentId","setParentId","generateSlug","form","data","slug","title","setValue","slugify","replacement","lower","remove","trim","createElement","Grid","Cell","span","Bind","name","validators","validation","create","_ref2","bind","_objectWithoutProperties2","Input","Object","assign","label","onBlur","Typography","use","DialogFoldersContainer","defaultValue","_ref3","onChange","FolderTree","focusedFolderId","ROOT_FOLDER","onFolderClick","folder","id","useCreateDialog","dialogs","useDialogs","_useFolders","useFolders","createFolder","_useSnackbar","useSnackbar","showSnackbar","onAccept","useCallback","_objectSpread2","error","message","showDialog","params","_ref4","_ref4$currentParentId","acceptLabel","cancelLabel","loadingLabel","exports"],"sources":["useCreateDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport slugify from \"slugify\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Bind, FormAPI } from \"@webiny/form\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { validation } from \"@webiny/validation\";\n\nimport { FolderTree } from \"~/components\";\nimport { useDialogs } from \"~/dialogs/useDialogs\";\nimport { DialogFoldersContainer } from \"~/dialogs/styled\";\nimport { useFolders } from \"~/hooks\";\nimport { ROOT_FOLDER } from \"~/constants\";\n\ninterface ShowDialogParams {\n    currentParentId?: string | null;\n}\n\ninterface UseCreateDialogResponse {\n    showDialog: (params?: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    currentParentId?: string | null;\n}\n\nconst FormComponent = ({ currentParentId = null }: FormComponentProps) => {\n    const [parentId, setParentId] = useState<string | null>(currentParentId);\n\n    const generateSlug = (form: FormAPI) => {\n        return () => {\n            if (form.data.slug || !form.data.title) {\n                return;\n            }\n\n            // We want to update slug only when the folder is first being created.\n            form.setValue(\n                \"slug\",\n                slugify(form.data.title, {\n                    replacement: \"-\",\n                    lower: true,\n                    remove: /[*#\\?<>_\\{\\}\\[\\]+~.()'\"!:;@]/g,\n                    trim: false\n                })\n            );\n        };\n    };\n\n    return (\n        <Grid>\n            <Cell span={12}>\n                <Bind name={\"title\"} validators={[validation.create(\"required\")]}>\n                    {({ form, ...bind }) => (\n                        <Input {...bind} label={\"Title\"} onBlur={generateSlug(form)} />\n                    )}\n                </Bind>\n            </Cell>\n            <Cell span={12}>\n                <Bind name={\"slug\"} validators={[validation.create(\"required,slug\")]}>\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                                onFolderClick={folder => {\n                                    setParentId(folder.id);\n                                    onChange(folder.id === ROOT_FOLDER ? null : folder.id);\n                                }}\n                            />\n                        )}\n                    </Bind>\n                </DialogFoldersContainer>\n            </Cell>\n        </Grid>\n    );\n};\n\nexport const useCreateDialog = (): UseCreateDialogResponse => {\n    const dialogs = useDialogs();\n    const { createFolder } = useFolders();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async data => {\n        try {\n            await createFolder({\n                ...data,\n                parentId: data.parentId === ROOT_FOLDER ? null : data.parentId\n            });\n            showSnackbar(\"Folder created successfully!\");\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = (params?: ShowDialogParams) => {\n        const { currentParentId = null } = params ?? {};\n\n        dialogs.showDialog({\n            title: \"Create a new folder\",\n            message: <FormComponent currentParentId={currentParentId} />,\n            acceptLabel: \"Create folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Creating folder\",\n            onAccept\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_slugify","_interopRequireDefault","_appAdmin","_form","_Grid","_Input","_Typography","_validation","_components","_styled","_hooks","_constants","FormComponent","_ref","_ref$currentParentId","currentParentId","_useState","useState","_useState2","_slicedToArray2","default","parentId","setParentId","form","useForm","generateSlug","data","slug","title","setValue","slugify","replacement","lower","remove","trim","createElement","Grid","Cell","span","Bind","name","validators","validation","create","bind","Input","Object","assign","label","onBlur","Typography","use","DialogFoldersContainer","defaultValue","_ref2","onChange","FolderTree","focusedFolderId","ROOT_FOLDER","onFolderClick","folder","id","useCreateDialog","exports","dialogs","useDialogs","_useFolders","useFolders","createFolder","_useSnackbar","useSnackbar","showSnackbar","onAccept","useCallback","_objectSpread2","error","message","showDialog","params","_ref3","_ref3$currentParentId","content","acceptLabel","cancelLabel","loadingLabel"],"sources":["useCreateDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport slugify from \"slugify\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Bind, GenericFormData, useForm } from \"@webiny/form\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { validation } from \"@webiny/validation\";\n\nimport { FolderTree } from \"~/components\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { DialogFoldersContainer } from \"~/dialogs/styled\";\nimport { useFolders } from \"~/hooks\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { FolderItem } from \"~/types\";\n\ninterface ShowDialogParams {\n    currentParentId?: string | null;\n}\n\ninterface UseCreateDialogResponse {\n    showDialog: (params?: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    currentParentId?: string | null;\n}\n\nconst FormComponent = ({ currentParentId = null }: FormComponentProps) => {\n    const [parentId, setParentId] = useState<string | null>(currentParentId);\n    const form = useForm();\n\n    const generateSlug = () => {\n        if (form.data.slug || !form.data.title) {\n            return;\n        }\n\n        // We want to update slug only when the folder is first being created.\n        form.setValue(\n            \"slug\",\n            slugify(form.data.title, {\n                replacement: \"-\",\n                lower: true,\n                remove: /[*#\\?<>_\\{\\}\\[\\]+~.()'\"!:;@]/g,\n                trim: false\n            })\n        );\n    };\n\n    return (\n        <Grid>\n            <Cell span={12}>\n                <Bind name={\"title\"} validators={validation.create(\"required\")}>\n                    {bind => <Input {...bind} label={\"Title\"} onBlur={generateSlug} />}\n                </Bind>\n            </Cell>\n            <Cell span={12}>\n                <Bind name={\"slug\"} validators={validation.create(\"required,slug\")}>\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                                onFolderClick={folder => {\n                                    setParentId(folder.id);\n                                    onChange(folder.id === ROOT_FOLDER ? null : folder.id);\n                                }}\n                            />\n                        )}\n                    </Bind>\n                </DialogFoldersContainer>\n            </Cell>\n        </Grid>\n    );\n};\n\nexport const useCreateDialog = (): UseCreateDialogResponse => {\n    const dialogs = useDialogs();\n    const { createFolder } = useFolders();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (data: FolderItem) => {\n        try {\n            await createFolder({\n                ...data,\n                parentId: data.parentId === ROOT_FOLDER ? null : data.parentId\n            });\n            showSnackbar(\"Folder created successfully!\");\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = (params?: ShowDialogParams) => {\n        const { currentParentId = null } = params ?? {};\n\n        dialogs.showDialog({\n            title: \"Create a new folder\",\n            content: <FormComponent currentParentId={currentParentId} />,\n            acceptLabel: \"Create folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Creating folder...\",\n            /**\n             * We need to cast as there are no generics to pass for the onAccept function.\n             */\n            onAccept: onAccept as (data: GenericFormData) => Promise<void>\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/dialogs/useDeleteDialog.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useDeleteDialog = void 0;
 var _appAdmin = require("@webiny/app-admin");
-var _useDialogs = require("./useDialogs");
 var _hooks = require("../hooks");
 var _react = require("react");
-var useDeleteDialog = function useDeleteDialog() {
-  var dialogs = (0, _useDialogs.useDialogs)();
+var useDeleteDialog = exports.useDeleteDialog = function useDeleteDialog() {
+  var dialogs = (0, _appAdmin.useDialogs)();
   var _useFolders = (0, _hooks.useFolders)(),
     deleteFolder = _useFolders.deleteFolder;
   var _useSnackbar = (0, _appAdmin.useSnackbar)(),
@@ -30,10 +29,10 @@ var useDeleteDialog = function useDeleteDialog() {
     var folder = _ref.folder;
     dialogs.showDialog({
       title: "Delete folder",
-      message: "You are about to delete the folder \"".concat(folder.title, "\"! Are you sure you want to continue?"),
+      content: "You are about to delete the folder \"".concat(folder.title, "\"! Are you sure you want to continue?"),
       acceptLabel: "Delete folder",
       cancelLabel: "Cancel",
-      loadingLabel: "Deleting folder",
+      loadingLabel: "Deleting folder...",
       onAccept: function onAccept() {
         return _onAccept(folder);
       }
@@ -43,6 +42,5 @@ var useDeleteDialog = function useDeleteDialog() {
     showDialog: showDialog
   };
 };
-exports.useDeleteDialog = useDeleteDialog;
 
 //# sourceMappingURL=useDeleteDialog.js.map

package/dialogs/useDeleteDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_appAdmin","require","_useDialogs","_hooks","_react","useDeleteDialog","dialogs","useDialogs","_useFolders","useFolders","deleteFolder","_useSnackbar","useSnackbar","showSnackbar","onAccept","useCallback","folder","result","concat","title","Error","error","message","showDialog","_ref","acceptLabel","cancelLabel","loadingLabel","exports"],"sources":["useDeleteDialog.tsx"],"sourcesContent":["import { useSnackbar } from \"@webiny/app-admin\";\n\nimport { useDialogs } from \"~/dialogs/useDialogs\";\nimport { useFolders } from \"~/hooks\";\nimport { FolderItem } from \"~/types\";\nimport { useCallback } from \"react\";\n\ninterface ShowDialogParams {\n    folder: FolderItem;\n}\n\ninterface UseDeleteDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\nexport const useDeleteDialog = (): UseDeleteDialogResponse => {\n    const dialogs = useDialogs();\n    const { deleteFolder } = useFolders();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderItem) => {\n        try {\n            const result = await deleteFolder(folder);\n\n            if (result) {\n                showSnackbar(`The folder \"${folder.title}\" was deleted successfully.`);\n            } else {\n                throw new Error(`Error while deleting folder \"${folder.title}\"!`);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = ({ folder }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title: \"Delete folder\",\n            message: `You are about to delete the folder \"${folder.title}\"! Are you sure you want to continue?`,\n            acceptLabel: \"Delete folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Deleting folder\",\n            onAccept: () => onAccept(folder)\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAUO,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAkC;EAC1D,IAAMC,OAAO,GAAG,IAAAC,sBAAU,EAAC,CAAC;EAC5B,IAAAC,WAAA,GAAyB,IAAAC,iBAAU,EAAC,CAAC;IAA7BC,YAAY,GAAAF,WAAA,CAAZE,YAAY;EACpB,IAAAC,YAAA,GAAyB,IAAAC,qBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EAEpB,IAAMC,SAAQ,GAAG,IAAAC,kBAAW,EAAC,gBAAOC,MAAkB,EAAK;IACvD,IAAI;MACA,IAAMC,MAAM,GAAG,MAAMP,YAAY,CAACM,MAAM,CAAC;MAEzC,IAAIC,MAAM,EAAE;QACRJ,YAAY,iBAAAK,MAAA,CAAgBF,MAAM,CAACG,KAAK,iCAA6B,CAAC;MAC1E,CAAC,MAAM;QACH,MAAM,IAAIC,KAAK,kCAAAF,MAAA,CAAiCF,MAAM,CAACG,KAAK,QAAI,CAAC;MACrE;IACJ,CAAC,CAAC,OAAOE,KAAK,EAAE;MACZR,YAAY,CAACQ,KAAK,CAACC,OAAO,CAAC;IAC/B;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAqC;IAAA,IAA/BR,MAAM,GAAAQ,IAAA,CAANR,MAAM;IACxBV,OAAO,CAACiB,UAAU,CAAC;MACfJ,KAAK,EAAE,eAAe;MACtBG,OAAO,0CAAAJ,MAAA,CAAyCF,MAAM,CAACG,KAAK,2CAAuC;MACnGM,WAAW,EAAE,eAAe;MAC5BC,WAAW,EAAE,QAAQ;MACrBC,YAAY,EAAE,iBAAiB;MAC/Bb,QAAQ,EAAE,SAAAA,SAAA;QAAA,OAAMA,SAAQ,CAACE,MAAM,CAAC;MAAA;IACpC,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IACHO,UAAU,EAAVA;EACJ,CAAC;AACL,CAAC;AAACK,OAAA,CAAAvB,eAAA,GAAAA,eAAA"}
+{"version":3,"names":["_appAdmin","require","_hooks","_react","useDeleteDialog","exports","dialogs","useDialogs","_useFolders","useFolders","deleteFolder","_useSnackbar","useSnackbar","showSnackbar","onAccept","useCallback","folder","result","concat","title","Error","error","message","showDialog","_ref","content","acceptLabel","cancelLabel","loadingLabel"],"sources":["useDeleteDialog.tsx"],"sourcesContent":["import { useSnackbar } from \"@webiny/app-admin\";\n\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { useFolders } from \"~/hooks\";\nimport { FolderItem } from \"~/types\";\nimport { useCallback } from \"react\";\n\ninterface ShowDialogParams {\n    folder: FolderItem;\n}\n\ninterface UseDeleteDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\nexport const useDeleteDialog = (): UseDeleteDialogResponse => {\n    const dialogs = useDialogs();\n    const { deleteFolder } = useFolders();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderItem) => {\n        try {\n            const result = await deleteFolder(folder);\n\n            if (result) {\n                showSnackbar(`The folder \"${folder.title}\" was deleted successfully.`);\n            } else {\n                throw new Error(`Error while deleting folder \"${folder.title}\"!`);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = ({ folder }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title: \"Delete folder\",\n            content: `You are about to delete the folder \"${folder.title}\"! Are you sure you want to continue?`,\n            acceptLabel: \"Delete folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Deleting folder...\",\n            onAccept: () => onAccept(folder)\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAUO,IAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAA,EAAkC;EAC1D,IAAME,OAAO,GAAG,IAAAC,oBAAU,EAAC,CAAC;EAC5B,IAAAC,WAAA,GAAyB,IAAAC,iBAAU,EAAC,CAAC;IAA7BC,YAAY,GAAAF,WAAA,CAAZE,YAAY;EACpB,IAAAC,YAAA,GAAyB,IAAAC,qBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EAEpB,IAAMC,SAAQ,GAAG,IAAAC,kBAAW,EAAC,gBAAOC,MAAkB,EAAK;IACvD,IAAI;MACA,IAAMC,MAAM,GAAG,MAAMP,YAAY,CAACM,MAAM,CAAC;MAEzC,IAAIC,MAAM,EAAE;QACRJ,YAAY,iBAAAK,MAAA,CAAgBF,MAAM,CAACG,KAAK,iCAA6B,CAAC;MAC1E,CAAC,MAAM;QACH,MAAM,IAAIC,KAAK,kCAAAF,MAAA,CAAiCF,MAAM,CAACG,KAAK,QAAI,CAAC;MACrE;IACJ,CAAC,CAAC,OAAOE,KAAK,EAAE;MACZR,YAAY,CAACQ,KAAK,CAACC,OAAO,CAAC;IAC/B;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAqC;IAAA,IAA/BR,MAAM,GAAAQ,IAAA,CAANR,MAAM;IACxBV,OAAO,CAACiB,UAAU,CAAC;MACfJ,KAAK,EAAE,eAAe;MACtBM,OAAO,0CAAAP,MAAA,CAAyCF,MAAM,CAACG,KAAK,2CAAuC;MACnGO,WAAW,EAAE,eAAe;MAC5BC,WAAW,EAAE,QAAQ;MACrBC,YAAY,EAAE,oBAAoB;MAClCd,QAAQ,EAAE,SAAAA,SAAA;QAAA,OAAMA,SAAQ,CAACE,MAAM,CAAC;MAAA;IACpC,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IACHO,UAAU,EAAVA;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/dialogs/useEditDialog.js

@@ -17,7 +17,6 @@ var _Input = require("@webiny/ui/Input");
 var _Typography = require("@webiny/ui/Typography");
 var _components = require("../components");
 var _constants = require("../constants");
-var _useDialogs = require("./useDialogs");
 var _styled = require("./styled");
 var _hooks = require("../hooks");
 var FormComponent = function FormComponent(_ref) {
@@ -62,8 +61,8 @@ var FormComponent = function FormComponent(_ref) {
     });
   }))));
 };
-var useEditDialog = function useEditDialog() {
-  var dialog = (0, _useDialogs.useDialogs)();
+var useEditDialog = exports.useEditDialog = function useEditDialog() {
+  var dialog = (0, _appAdmin.useDialogs)();
   var _useFolders = (0, _hooks.useFolders)(),
     updateFolder = _useFolders.updateFolder;
   var _useSnackbar = (0, _appAdmin.useSnackbar)(),
@@ -84,12 +83,12 @@ var useEditDialog = function useEditDialog() {
     var folder = _ref3.folder;
     dialog.showDialog({
       title: "Edit folder",
-      message: /*#__PURE__*/_react.default.createElement(FormComponent, {
+      content: /*#__PURE__*/_react.default.createElement(FormComponent, {
         folder: folder
       }),
       acceptLabel: "Edit folder",
       cancelLabel: "Cancel",
-      loadingLabel: "Editing folder",
+      loadingLabel: "Editing folder...",
       onAccept: function onAccept(data) {
         return _onAccept(folder, data);
       }
@@ -99,6 +98,5 @@ var useEditDialog = function useEditDialog() {
     showDialog: showDialog
   };
 };
-exports.useEditDialog = useEditDialog;
 
 //# sourceMappingURL=useEditDialog.js.map

package/dialogs/useEditDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_form","_validation","_Grid","_Input","_Typography","_components","_constants","_useDialogs","_styled","_hooks","FormComponent","_ref","folder","_useState","useState","parentId","_useState2","_slicedToArray2","default","setParentId","createElement","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","useEditDialog","dialog","useDialogs","_useFolders","useFolders","updateFolder","_useSnackbar","useSnackbar","showSnackbar","onAccept","useCallback","data","result","_objectSpread2","concat","Error","error","message","showDialog","_ref3","acceptLabel","cancelLabel","loadingLabel","exports"],"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 { FolderTree } from \"~/components\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { useDialogs } from \"~/dialogs/useDialogs\";\nimport { DialogFoldersContainer } from \"~/dialogs/styled\";\nimport { useFolders } from \"~/hooks\";\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        <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    );\n};\n\nexport const useEditDialog = (): UseEditDialogResponse => {\n    const dialog = useDialogs();\n    const { updateFolder } = useFolders();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderItem, data: GenericFormData) => {\n        try {\n            const result = await updateFolder({\n                ...folder,\n                ...data\n            });\n\n            if (result) {\n                showSnackbar(`The folder \"${result.title}\" was updated successfully!`);\n            } else {\n                throw new Error(`Error while updating folder \"${folder.title}\"!`);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = ({ folder }: ShowDialogParams) => {\n        dialog.showDialog({\n            title: \"Edit folder\",\n            message: <FormComponent folder={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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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_form","_validation","_Grid","_Input","_Typography","_components","_constants","_styled","_hooks","FormComponent","_ref","folder","_useState","useState","parentId","_useState2","_slicedToArray2","default","setParentId","createElement","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","useEditDialog","exports","dialog","useDialogs","_useFolders","useFolders","updateFolder","_useSnackbar","useSnackbar","showSnackbar","onAccept","useCallback","data","result","_objectSpread2","concat","Error","error","message","showDialog","_ref3","content","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 { FolderTree } from \"~/components\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { DialogFoldersContainer } from \"~/dialogs/styled\";\nimport { useFolders } from \"~/hooks\";\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        <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    );\n};\n\nexport const useEditDialog = (): UseEditDialogResponse => {\n    const dialog = useDialogs();\n    const { updateFolder } = useFolders();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderItem, data: GenericFormData) => {\n        try {\n            const result = await updateFolder({\n                ...folder,\n                ...data\n            });\n\n            if (result) {\n                showSnackbar(`The folder \"${result.title}\" was updated successfully!`);\n            } else {\n                throw new Error(`Error while updating folder \"${folder.title}\"!`);\n            }\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            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.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import { GenericFormData } from "@webiny/form";
 interface ShowDialogParams {
     title?: ReactNode;
@@ -17,6 +17,6 @@ interface MessageProps {
     helpText: ReactNode;
     focusedFolderId: string;
 }
-export declare const Message: ({ helpText, focusedFolderId }: MessageProps) => JSX.Element;
+export declare const Message: ({ helpText, focusedFolderId }: MessageProps) => React.JSX.Element;
 export declare const useMoveToFolderDialog: () => UseMoveToFolderDialogResponse;
 export {};

package/dialogs/useMoveToFolderDialog.js

@@ -10,12 +10,12 @@ var _react = _interopRequireDefault(require("react"));
 var _i18n = require("@webiny/app/i18n");
 var _form = require("@webiny/form");
 var _Typography = require("@webiny/ui/Typography");
-var _useDialogs = require("./useDialogs");
+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 = function Message(_ref) {
+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, {
@@ -35,9 +35,8 @@ var Message = function Message(_ref) {
     });
   })));
 };
-exports.Message = Message;
-var useMoveToFolderDialog = function useMoveToFolderDialog() {
-  var dialogs = (0, _useDialogs.useDialogs)();
+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,
@@ -54,7 +53,7 @@ var useMoveToFolderDialog = function useMoveToFolderDialog() {
       focusedFolderId = _ref3.focusedFolderId;
     dialogs.showDialog({
       title: title,
-      message: /*#__PURE__*/_react.default.createElement(Message, {
+      content: /*#__PURE__*/_react.default.createElement(Message, {
         helpText: message,
         focusedFolderId: focusedFolderId
       }),
@@ -71,6 +70,5 @@ var useMoveToFolderDialog = function useMoveToFolderDialog() {
     showDialog: showDialog
   };
 };
-exports.useMoveToFolderDialog = useMoveToFolderDialog;
 
 //# sourceMappingURL=useMoveToFolderDialog.js.map