@webiny/app-aco 6.4.11 → 6.6.0-alpha.1

package/config/AcoConfig.d.ts

@@ -15,28 +15,24 @@ export declare const AcoConfig: (({ priority, children }: import("@webiny/react-
         };
     };
     Folder: {
-        Action: (({ name, after, before, remove, element }: import("./folder/Action.js").ActionProps) => import("react").JSX.Element) & {
+        Action: typeof import("./folder/Action.js").BaseAction & {
             OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
         };
-        DropConfirmation: ({ value }: import("./folder/DropConfirmation.js").DropConfirmationProps) => import("react").JSX.Element;
+        DropConfirmation: typeof import("./folder/DropConfirmation.js").DropConfirmation;
     };
     Record: {
-        Action: (({ name, after, before, remove, element }: import("./record/Action.js").ActionProps) => import("react").JSX.Element) & {
+        Action: typeof import("./record/Action.js").BaseAction & {
             OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
             OptionsMenuLink: (props: import("@webiny/app-admin/index.js").OptionsMenuLinkProps) => React.JSX.Element;
         };
     };
     Table: {
-        Column: import("react").FC<import("./table/Column.js").ColumnProps> & {
-            isFolderRow: (row: import("../table.types.js").TableRow) => row is import("../table.types.js").FolderTableRow;
-            createUseTableRow: <TBaseRow = Record<string, any>>() => {
-                (): import("../index.js").TableRowContextData<TBaseRow>;
-                <TUserRow>(): import("../index.js").TableRowContextData<TBaseRow & {
-                    data: TUserRow;
-                }>;
-            };
+        Column: import("react").FC<import("@webiny/app-admin/config/table/Column.js").ColumnProps> & {
+            createUseTableRow: typeof import("@webiny/app-admin/index.js").createUseTableRow;
+        } & {
+            isFolderRow: (row: import("@webiny/app-admin/index.js").TableRow) => row is import("../table.types.js").FolderTableRow;
         };
-        Sorting: ({ name, field, order }: import("./table/Sorting.js").SortingProps) => import("react").JSX.Element;
+        Sorting: ({ name, field, order }: import("@webiny/app-admin/config/table/Sorting.js").SortingProps) => React.JSX.Element;
     };
 };
 export interface AcoConfig {

package/config/advanced-search/FieldRenderer.d.ts

@@ -10,7 +10,9 @@ export interface FieldRendererProps {
     element: React.ReactElement;
     type: FieldType;
 }
-export declare const FieldRenderer: (({ name, type, element }: FieldRendererProps) => React.JSX.Element) & {
+declare const BaseFieldRenderer: ({ name, type, element }: FieldRendererProps) => React.JSX.Element;
+export declare const FieldRenderer: typeof BaseFieldRenderer & {
     useInputField: () => import("~/components/AdvancedSearch/useInputField.js").InputFieldContext;
     FieldType: typeof FieldType;
 };
+export {};

package/config/folder/Action.d.ts

@@ -11,6 +11,6 @@ export interface ActionProps {
     after?: string;
 }
 export declare const BaseAction: ({ name, after, before, remove, element }: ActionProps) => React.JSX.Element;
-export declare const Action: (({ name, after, before, remove, element }: ActionProps) => React.JSX.Element) & {
+export declare const Action: typeof BaseAction & {
     OptionsMenuItem: (props: import("@webiny/app-admin").OptionsMenuItemProps) => React.JSX.Element;
 };

package/config/folder/index.d.ts

@@ -1,11 +1,12 @@
 import type { ActionConfig } from "./Action.js";
+import { DropConfirmation } from "./DropConfirmation.js";
 export interface FolderConfig {
     actions: ActionConfig[];
     dropConfirmation: boolean;
 }
 export declare const Folder: {
-    Action: (({ name, after, before, remove, element }: import("./Action.js").ActionProps) => import("react").JSX.Element) & {
+    Action: typeof import("./Action.js").BaseAction & {
         OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
     };
-    DropConfirmation: ({ value }: import("./DropConfirmation.js").DropConfirmationProps) => import("react").JSX.Element;
+    DropConfirmation: typeof DropConfirmation;
 };

package/config/index.d.ts

@@ -1,2 +1 @@
 export * from "./AcoConfig.js";
-export * from "./folder/createFolderFieldDecoratorFactory.js";

package/config/index.js

@@ -1,2 +1 @@
 export * from "./AcoConfig.js";
-export * from "./folder/createFolderFieldDecoratorFactory.js";

package/config/record/Action.d.ts

@@ -11,7 +11,7 @@ export interface ActionProps {
     after?: string;
 }
 export declare const BaseAction: ({ name, after, before, remove, element }: ActionProps) => React.JSX.Element;
-export declare const Action: (({ name, after, before, remove, element }: ActionProps) => React.JSX.Element) & {
+export declare const Action: typeof BaseAction & {
     OptionsMenuItem: (props: import("@webiny/app-admin").OptionsMenuItemProps) => React.JSX.Element;
     OptionsMenuLink: (props: import("@webiny/app-admin").OptionsMenuLinkProps) => React.JSX.Element;
 };

package/config/record/index.d.ts

@@ -3,7 +3,7 @@ export interface RecordConfig {
     actions: ActionConfig[];
 }
 export declare const Record: {
-    Action: (({ name, after, before, remove, element }: import("./Action.js").ActionProps) => import("react").JSX.Element) & {
+    Action: typeof import("./Action.js").BaseAction & {
         OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
         OptionsMenuLink: (props: import("@webiny/app-admin/index.js").OptionsMenuLinkProps) => React.JSX.Element;
     };

package/config/table/Column.d.ts

@@ -1,40 +1,9 @@
-import type { ReactElement } from "react";
-import React from "react";
-import type { FolderTableRow, TableRow } from "../../table.types.js";
-export interface ColumnConfig {
-    cell: string | ReactElement;
-    className: string;
-    header: string | ReactElement;
-    hideable: boolean;
-    name: string;
-    resizable: boolean;
-    size: number;
-    sortable: boolean;
-    truncate: boolean;
-    visible: boolean;
-}
-export interface ColumnProps {
-    after?: string;
-    before?: string;
-    cell?: string | ReactElement;
-    className?: string;
-    truncate?: boolean;
-    header?: string | ReactElement;
-    hideable?: boolean;
-    name: string;
-    path?: string;
-    remove?: boolean;
-    resizable?: boolean;
-    size?: number;
-    sortable?: boolean;
-    visible?: boolean;
-}
-export declare const Column: React.FC<ColumnProps> & {
-    isFolderRow: (row: TableRow) => row is FolderTableRow;
-    createUseTableRow: <TBaseRow = Record<string, any>>() => {
-        (): import("~/components/Table/useTableRow.js").TableRowContextData<TBaseRow>;
-        <TUserRow>(): import("~/components/Table/useTableRow.js").TableRowContextData<TBaseRow & {
-            data: TUserRow;
-        }>;
-    };
+import type { TableRow } from "../../table.types.js";
+import type { FolderTableRow } from "../../table.types.js";
+export type { ColumnConfig, ColumnProps } from "@webiny/app-admin/config/table/Column.js";
+declare const isFolderRow: (row: TableRow) => row is FolderTableRow;
+export declare const Column: import("react").FC<import("@webiny/app-admin/config/table/Column.js").ColumnProps> & {
+    createUseTableRow: typeof import("@webiny/app-admin/components").createUseTableRow;
+} & {
+    isFolderRow: typeof isFolderRow;
 };

package/config/table/Column.js

@@ -1,71 +1,8 @@
-import react from "react";
-import { Property, useIdGenerator } from "@webiny/react-properties";
-import { createUseTableRow } from "../../components/Table/useTableRow.js";
-const BaseColumn = ({ after, before, cell, className, header, hideable = true, truncate = true, name, path = "", remove = false, resizable = true, size = 100, sortable = false, visible = true })=>{
-    const getId = useIdGenerator("tableColumn");
-    const placeAfter = void 0 !== after ? getId(after) : void 0;
-    const placeBefore = void 0 !== before ? getId(before) : void 0;
-    return /*#__PURE__*/ react.createElement(Property, {
-        id: "table",
-        name: "table"
-    }, /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name),
-        name: "columns",
-        remove: remove,
-        array: true,
-        before: placeBefore,
-        after: placeAfter
-    }, /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name, "name"),
-        name: "name",
-        value: name
-    }), /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name, "path"),
-        name: "path",
-        value: path
-    }), /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name, "sortable"),
-        name: "sortable",
-        value: sortable
-    }), /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name, "resizable"),
-        name: "resizable",
-        value: resizable
-    }), /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name, "truncate"),
-        name: "truncate",
-        value: truncate
-    }), /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name, "hideable"),
-        name: "hideable",
-        value: hideable
-    }), /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name, "size"),
-        name: "size",
-        value: size
-    }), /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name, "visible"),
-        name: "visible",
-        value: visible
-    }), header ? /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name, "header"),
-        name: "header",
-        value: header
-    }) : null, cell ? /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name, "cell"),
-        name: "cell",
-        value: cell
-    }) : null, className ? /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name, "className"),
-        name: "className",
-        value: className
-    }) : null));
-};
+import { Column } from "@webiny/app-admin/config/table/Column.js";
 const isFolderRow = (row)=>"FOLDER" === row.$type;
-const Column = Object.assign(BaseColumn, {
-    isFolderRow: isFolderRow,
-    createUseTableRow: createUseTableRow
+const Column_Column = Object.assign(Column, {
+    isFolderRow: isFolderRow
 });
-export { Column };
+export { Column_Column as Column };
 
 //# sourceMappingURL=Column.js.map

package/config/table/Column.js.map

@@ -1 +1 @@
-{"version":3,"file":"config/table/Column.js","sources":["../../../src/config/table/Column.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { createUseTableRow } from \"~/components/Table/useTableRow.js\";\nimport type { FolderTableRow, TableRow } from \"~/table.types.js\";\n\nexport interface ColumnConfig {\n    cell: string | ReactElement;\n    className: string;\n    header: string | ReactElement;\n    hideable: boolean;\n    name: string;\n    resizable: boolean;\n    size: number;\n    sortable: boolean;\n    truncate: boolean;\n    visible: boolean;\n}\n\nexport interface ColumnProps {\n    after?: string;\n    before?: string;\n    cell?: string | ReactElement;\n    className?: string;\n    truncate?: boolean;\n    header?: string | ReactElement;\n    hideable?: boolean;\n    name: string;\n    path?: string;\n    remove?: boolean;\n    resizable?: boolean;\n    size?: number;\n    sortable?: boolean;\n    visible?: boolean;\n}\n\nconst BaseColumn: React.FC<ColumnProps> = ({\n    after = undefined,\n    before = undefined,\n    cell,\n    className = undefined,\n    header = undefined,\n    hideable = true,\n    truncate = true,\n    name,\n    path = \"\",\n    remove = false,\n    resizable = true,\n    size = 100,\n    sortable = false,\n    visible = true\n}) => {\n    const getId = useIdGenerator(\"tableColumn\");\n\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n\n    return (\n        <Property id=\"table\" name={\"table\"}>\n            <Property\n                id={getId(name)}\n                name={\"columns\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property id={getId(name, \"path\")} name={\"path\"} value={path} />\n                <Property id={getId(name, \"sortable\")} name={\"sortable\"} value={sortable} />\n                <Property id={getId(name, \"resizable\")} name={\"resizable\"} value={resizable} />\n                <Property id={getId(name, \"truncate\")} name={\"truncate\"} value={truncate} />\n                <Property id={getId(name, \"hideable\")} name={\"hideable\"} value={hideable} />\n                <Property id={getId(name, \"size\")} name={\"size\"} value={size} />\n                <Property id={getId(name, \"visible\")} name={\"visible\"} value={visible} />\n                {header ? (\n                    <Property id={getId(name, \"header\")} name={\"header\"} value={header} />\n                ) : null}\n                {cell ? <Property id={getId(name, \"cell\")} name={\"cell\"} value={cell} /> : null}\n                {className ? (\n                    <Property id={getId(name, \"className\")} name={\"className\"} value={className} />\n                ) : null}\n            </Property>\n        </Property>\n    );\n};\n\nconst isFolderRow = (row: TableRow): row is FolderTableRow => {\n    return row.$type === \"FOLDER\";\n};\n\nexport const Column = Object.assign(BaseColumn, { isFolderRow, createUseTableRow });\n"],"names":["BaseColumn","after","before","cell","className","header","hideable","truncate","name","path","remove","resizable","size","sortable","visible","getId","useIdGenerator","placeAfter","undefined","placeBefore","Property","isFolderRow","row","Column","Object","createUseTableRow"],"mappings":";;;AAoCA,MAAMA,aAAoC,CAAC,EACvCC,KAAiB,EACjBC,MAAkB,EAClBC,IAAI,EACJC,SAAqB,EACrBC,MAAkB,EAClBC,WAAW,IAAI,EACfC,WAAW,IAAI,EACfC,IAAI,EACJC,OAAO,EAAE,EACTC,SAAS,KAAK,EACdC,YAAY,IAAI,EAChBC,OAAO,GAAG,EACVC,WAAW,KAAK,EAChBC,UAAU,IAAI,EACjB;IACG,MAAMC,QAAQC,eAAe;IAE7B,MAAMC,aAAahB,AAAUiB,WAAVjB,QAAsBc,MAAMd,SAASiB;IACxD,MAAMC,cAAcjB,AAAWgB,WAAXhB,SAAuBa,MAAMb,UAAUgB;IAE3D,OAAO,WAAP,GACI,oBAACE,UAAQA;QAAC,IAAG;QAAQ,MAAM;qBACvB,oBAACA,UAAQA;QACL,IAAIL,MAAMP;QACV,MAAM;QACN,QAAQE;QACR,OAAO;QACP,QAAQS;QACR,OAAOF;qBAEP,oBAACG,UAAQA;QAAC,IAAIL,MAAMP,MAAM;QAAS,MAAM;QAAQ,OAAOA;sBACxD,oBAACY,UAAQA;QAAC,IAAIL,MAAMP,MAAM;QAAS,MAAM;QAAQ,OAAOC;sBACxD,oBAACW,UAAQA;QAAC,IAAIL,MAAMP,MAAM;QAAa,MAAM;QAAY,OAAOK;sBAChE,oBAACO,UAAQA;QAAC,IAAIL,MAAMP,MAAM;QAAc,MAAM;QAAa,OAAOG;sBAClE,oBAACS,UAAQA;QAAC,IAAIL,MAAMP,MAAM;QAAa,MAAM;QAAY,OAAOD;sBAChE,oBAACa,UAAQA;QAAC,IAAIL,MAAMP,MAAM;QAAa,MAAM;QAAY,OAAOF;sBAChE,oBAACc,UAAQA;QAAC,IAAIL,MAAMP,MAAM;QAAS,MAAM;QAAQ,OAAOI;sBACxD,oBAACQ,UAAQA;QAAC,IAAIL,MAAMP,MAAM;QAAY,MAAM;QAAW,OAAOM;QAC7DT,SAAS,WAATA,GACG,oBAACe,UAAQA;QAAC,IAAIL,MAAMP,MAAM;QAAW,MAAM;QAAU,OAAOH;SAC5D,MACHF,OAAO,WAAPA,GAAO,oBAACiB,UAAQA;QAAC,IAAIL,MAAMP,MAAM;QAAS,MAAM;QAAQ,OAAOL;SAAW,MAC1EC,YAAY,WAAZA,GACG,oBAACgB,UAAQA;QAAC,IAAIL,MAAMP,MAAM;QAAc,MAAM;QAAa,OAAOJ;SAClE;AAIpB;AAEA,MAAMiB,cAAc,CAACC,MACVA,AAAc,aAAdA,IAAI,KAAK;AAGb,MAAMC,SAASC,OAAO,MAAM,CAACxB,YAAY;IAAEqB,aAAAA;IAAaI,mBAAiBA;AAAC"}
+{"version":3,"file":"config/table/Column.js","sources":["../../../src/config/table/Column.tsx"],"sourcesContent":["import { Column as BaseColumn } from \"@webiny/app-admin/config/table/Column.js\";\nimport type { TableRow } from \"~/table.types.js\";\nimport type { FolderTableRow } from \"~/table.types.js\";\n\nexport type { ColumnConfig, ColumnProps } from \"@webiny/app-admin/config/table/Column.js\";\n\nconst isFolderRow = (row: TableRow): row is FolderTableRow => {\n    return row.$type === \"FOLDER\";\n};\n\nexport const Column = Object.assign(BaseColumn, { isFolderRow });\n"],"names":["isFolderRow","row","Column","Object","BaseColumn"],"mappings":";AAMA,MAAMA,cAAc,CAACC,MACVA,AAAc,aAAdA,IAAI,KAAK;AAGb,MAAMC,gBAASC,OAAO,MAAM,CAACC,QAAY;IAAEJ,aAAAA;AAAY"}

package/config/table/Sorting.d.ts

@@ -1,11 +1,2 @@
-import React from "react";
-export interface SortingConfig {
-    field: string;
-    order: "asc" | "desc";
-}
-export interface SortingProps {
-    name: string;
-    field: string;
-    order?: "asc" | "desc";
-}
-export declare const Sorting: ({ name, field, order }: SortingProps) => React.JSX.Element;
+export { Sorting } from "@webiny/app-admin/config/table/Sorting.js";
+export type { SortingConfig, SortingProps } from "@webiny/app-admin/config/table/Sorting.js";

package/config/table/Sorting.js

@@ -1,28 +1 @@
-import react from "react";
-import { Property, useIdGenerator } from "@webiny/react-properties";
-const Sorting = ({ name, field, order = "desc" })=>{
-    const getId = useIdGenerator("tableSorting");
-    return /*#__PURE__*/ react.createElement(Property, {
-        id: "table",
-        name: "table"
-    }, /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name),
-        name: "sorting",
-        array: true
-    }, /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name, "name"),
-        name: "name",
-        value: name
-    }), /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name, "field"),
-        name: "field",
-        value: field
-    }), /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name, "order"),
-        name: "order",
-        value: order
-    })));
-};
-export { Sorting };
-
-//# sourceMappingURL=Sorting.js.map
+export { Sorting } from "@webiny/app-admin/config/table/Sorting.js";

package/config/table/index.d.ts

@@ -5,14 +5,10 @@ export interface TableConfig {
     sorting: SortingConfig[];
 }
 export declare const Table: {
-    Column: import("react").FC<import("./Column.js").ColumnProps> & {
-        isFolderRow: (row: import("../../table.types.js").TableRow) => row is import("../../table.types.js").FolderTableRow;
-        createUseTableRow: <TBaseRow = Record<string, any>>() => {
-            (): import("../../index.js").TableRowContextData<TBaseRow>;
-            <TUserRow>(): import("../../index.js").TableRowContextData<TBaseRow & {
-                data: TUserRow;
-            }>;
-        };
+    Column: import("react").FC<import("@webiny/app-admin/config/table/Column.js").ColumnProps> & {
+        createUseTableRow: typeof import("@webiny/app-admin/index.js").createUseTableRow;
+    } & {
+        isFolderRow: (row: import("@webiny/app-admin/index.js").TableRow) => row is import("../../table.types.js").FolderTableRow;
     };
-    Sorting: ({ name, field, order }: import("./Sorting.js").SortingProps) => import("react").JSX.Element;
+    Sorting: ({ name, field, order }: import("@webiny/app-admin/config/table/Sorting.js").SortingProps) => React.JSX.Element;
 };

package/contexts/index.d.ts

@@ -1,4 +1 @@
-export { AcoAppProvider as AcoProvider, type AcoAppProviderProps } from "../contexts/app.js";
 export { FolderProvider, type FolderContext } from "./folder.js";
-export { NavigateFolderProvider, type NavigateFolderContext, type NavigateFolderProviderProps } from "./navigateFolder.js";
-export { SearchRecordsProvider, type SearchRecordsContext, type ListRecordsParams } from "./records.js";

package/contexts/index.js

@@ -1,4 +1 @@
-export { AcoAppProvider as AcoProvider } from "./app.js";
 export { FolderProvider } from "./folder.js";
-export { NavigateFolderProvider } from "./navigateFolder.js";
-export { SearchRecordsProvider } from "./records.js";

package/dialogs/DialogSetPermissions/graphql.d.ts

@@ -1 +1 @@
-export declare const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS: import("graphql").DocumentNode;
+export declare const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = "\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";

package/dialogs/DialogSetPermissions/graphql.js

@@ -1,5 +1,4 @@
-import graphql_tag from "graphql-tag";
-const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = graphql_tag`
+const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = `
     query ListFolderLevelPermissionsTargets {
         aco {
             listFolderLevelPermissionsTargets {

package/dialogs/DialogSetPermissions/graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogs/DialogSetPermissions/graphql.js","sources":["../../../src/dialogs/DialogSetPermissions/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"],"names":["LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS","gql"],"mappings":";AAEO,MAAMA,wCAAwCC,WAAG,CAAC;;;;;;;;;;;;;;;;;;;AAmBzD,CAAC"}
+{"version":3,"file":"dialogs/DialogSetPermissions/graphql.js","sources":["../../../src/dialogs/DialogSetPermissions/graphql.ts"],"sourcesContent":["export const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = /* GraphQL */ `\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"],"names":["LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS"],"mappings":"AAAO,MAAMA,wCAAsD,CAAC;;;;;;;;;;;;;;;;;;;AAmBpE,CAAC"}

package/dialogs/useConfirmMoveFolderDialog.d.ts

@@ -3,7 +3,6 @@ interface ShowDialogParams {
     folder: FolderDto;
     targetFolder: FolderDto;
     onAccept: (folder: FolderDto, targetFolder: FolderDto) => Promise<void>;
-    onClose?: () => void;
 }
 interface UseConfirmMoveFolderDialogResponse {
     showDialog: (params: ShowDialogParams) => void;

package/dialogs/useConfirmMoveFolderDialog.js

@@ -1,15 +1,14 @@
 import { useDialogs } from "@webiny/app-admin";
 const useConfirmMoveFolderDialog = ()=>{
     const dialogs = useDialogs();
-    const showDialog = ({ folder, targetFolder, onAccept, onClose })=>{
+    const showDialog = ({ folder, targetFolder, onAccept })=>{
         dialogs.showDialog({
             title: "Move folder",
             content: `You are about to move the folder "${folder.title}" into "${targetFolder.title}"! Are you sure you want to continue?`,
             acceptLabel: "Move folder",
             cancelLabel: "Cancel",
             loadingLabel: "Moving folder...",
-            onAccept: ()=>onAccept(folder, targetFolder),
-            onClose
+            onAccept: ()=>onAccept(folder, targetFolder)
         });
     };
     return {

package/dialogs/useConfirmMoveFolderDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogs/useConfirmMoveFolderDialog.js","sources":["../../src/dialogs/useConfirmMoveFolderDialog.tsx"],"sourcesContent":["import { useDialogs } from \"@webiny/app-admin\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\n\ninterface ShowDialogParams {\n    folder: FolderDto;\n    targetFolder: FolderDto;\n    onAccept: (folder: FolderDto, targetFolder: FolderDto) => Promise<void>;\n    onClose?: () => void;\n}\n\ninterface UseConfirmMoveFolderDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\nexport const useConfirmMoveFolderDialog = (): UseConfirmMoveFolderDialogResponse => {\n    const dialogs = useDialogs();\n\n    const showDialog = ({ folder, targetFolder, onAccept, onClose }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title: \"Move folder\",\n            content: `You are about to move the folder \"${folder.title}\" into \"${targetFolder.title}\"! Are you sure you want to continue?`,\n            acceptLabel: \"Move folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Moving folder...\",\n            onAccept: () => onAccept(folder, targetFolder),\n            onClose\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"names":["useConfirmMoveFolderDialog","dialogs","useDialogs","showDialog","folder","targetFolder","onAccept","onClose"],"mappings":";AAcO,MAAMA,6BAA6B;IACtC,MAAMC,UAAUC;IAEhB,MAAMC,aAAa,CAAC,EAAEC,MAAM,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,OAAO,EAAoB;QAC7EN,QAAQ,UAAU,CAAC;YACf,OAAO;YACP,SAAS,CAAC,kCAAkC,EAAEG,OAAO,KAAK,CAAC,QAAQ,EAAEC,aAAa,KAAK,CAAC,qCAAqC,CAAC;YAC9H,aAAa;YACb,aAAa;YACb,cAAc;YACd,UAAU,IAAMC,SAASF,QAAQC;YACjCE;QACJ;IACJ;IAEA,OAAO;QACHJ;IACJ;AACJ"}
+{"version":3,"file":"dialogs/useConfirmMoveFolderDialog.js","sources":["../../src/dialogs/useConfirmMoveFolderDialog.tsx"],"sourcesContent":["import { useDialogs } from \"@webiny/app-admin\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\n\ninterface ShowDialogParams {\n    folder: FolderDto;\n    targetFolder: FolderDto;\n    onAccept: (folder: FolderDto, targetFolder: FolderDto) => Promise<void>;\n}\n\ninterface UseConfirmMoveFolderDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\nexport const useConfirmMoveFolderDialog = (): UseConfirmMoveFolderDialogResponse => {\n    const dialogs = useDialogs();\n\n    const showDialog = ({ folder, targetFolder, onAccept }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title: \"Move folder\",\n            content: `You are about to move the folder \"${folder.title}\" into \"${targetFolder.title}\"! Are you sure you want to continue?`,\n            acceptLabel: \"Move folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Moving folder...\",\n            onAccept: () => onAccept(folder, targetFolder)\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"names":["useConfirmMoveFolderDialog","dialogs","useDialogs","showDialog","folder","targetFolder","onAccept"],"mappings":";AAaO,MAAMA,6BAA6B;IACtC,MAAMC,UAAUC;IAEhB,MAAMC,aAAa,CAAC,EAAEC,MAAM,EAAEC,YAAY,EAAEC,QAAQ,EAAoB;QACpEL,QAAQ,UAAU,CAAC;YACf,OAAO;YACP,SAAS,CAAC,kCAAkC,EAAEG,OAAO,KAAK,CAAC,QAAQ,EAAEC,aAAa,KAAK,CAAC,qCAAqC,CAAC;YAC9H,aAAa;YACb,aAAa;YACb,cAAc;YACd,UAAU,IAAMC,SAASF,QAAQC;QACrC;IACJ;IAEA,OAAO;QACHF;IACJ;AACJ"}

package/dialogs/useCreateDialog.js

@@ -1,24 +1,20 @@
 import react, { useCallback, useState } from "react";
-import slugify from "slugify";
+import { useStringFormatter } from "@webiny/app-admin/features/stringFormatter/useStringFormatter.js";
 import { Grid, Input } from "@webiny/admin-ui";
 import { useDialogs, useSnackbar } from "@webiny/app-admin";
 import { Bind, useForm } from "@webiny/form";
 import { validation } from "@webiny/validation";
-import { Extensions, FolderTree } from "../components/index.js";
+import { FolderTree } from "../components/index.js";
 import { ROOT_FOLDER } from "../constants.js";
 import { useCreateFolder } from "../features/folders/createFolder/index.js";
 import { ParentFolderField } from "./ParentFolderField.js";
 const FormComponent = ({ currentParentId = null })=>{
     const [parentId, setParentId] = useState(currentParentId);
     const form = useForm();
+    const stringFormatter = useStringFormatter();
     const generateSlug = ()=>{
         if (form.data.slug || !form.data.title) return;
-        form.setValue("slug", slugify(form.data.title, {
-            replacement: "-",
-            lower: true,
-            remove: /[*#?<>_{}[\]+~.()'"!:;@]/g,
-            trim: false
-        }));
+        form.setValue("slug", stringFormatter.slugify(form.data.title));
     };
     return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 12
@@ -52,7 +48,7 @@ const FormComponent = ({ currentParentId = null })=>{
                 setParentId(folder.id);
                 onChange(folder.id === ROOT_FOLDER ? null : folder.id);
             }
-        }))))), /*#__PURE__*/ react.createElement(Extensions, null));
+        }))))));
 };
 const useCreateDialog = ()=>{
     const dialogs = useDialogs();

package/dialogs/useCreateDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogs/useCreateDialog.js","sources":["../../src/dialogs/useCreateDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport slugify from \"slugify\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport { useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { Bind, useForm } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { Extensions, FolderTree } from \"~/components/index.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useCreateFolder } from \"~/features/folders/createFolder/index.js\";\nimport { ParentFolderField } from \"./ParentFolderField.js\";\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        <>\n            <Grid>\n                <Grid.Column span={12}>\n                    <Bind name={\"title\"} validators={validation.create(\"required\")}>\n                        {bind => (\n                            <Input\n                                {...bind}\n                                label={\"Title\"}\n                                onBlur={generateSlug}\n                                size={\"lg\"}\n                                required\n                                autoFocus={true}\n                            />\n                        )}\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"slug\"} validators={validation.create(\"required,slug\")}>\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                                    onFolderClick={folder => {\n                                        setParentId(folder.id);\n                                        onChange(folder.id === ROOT_FOLDER ? null : folder.id);\n                                    }}\n                                />\n                            )}\n                        </Bind>\n                    </ParentFolderField>\n                </Grid.Column>\n            </Grid>\n            <Extensions />\n        </>\n    );\n};\n\nexport const useCreateDialog = (): UseCreateDialogResponse => {\n    const dialogs = useDialogs();\n    const { createFolder } = useCreateFolder();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (data: FolderDto) => {\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"],"names":["FormComponent","currentParentId","parentId","setParentId","useState","form","useForm","generateSlug","slugify","Grid","Bind","validation","bind","Input","ParentFolderField","onChange","FolderTree","ROOT_FOLDER","folder","Extensions","useCreateDialog","dialogs","useDialogs","createFolder","useCreateFolder","showSnackbar","useSnackbar","onAccept","useCallback","data","error","showDialog","params"],"mappings":";;;;;;;;;;AAyBA,MAAMA,gBAAgB,CAAC,EAAEC,kBAAkB,IAAI,EAAsB;IACjE,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAAwBH;IACxD,MAAMI,OAAOC;IAEb,MAAMC,eAAe;QACjB,IAAIF,KAAK,IAAI,CAAC,IAAI,IAAI,CAACA,KAAK,IAAI,CAAC,KAAK,EAClC;QAIJA,KAAK,QAAQ,CACT,QACAG,QAAQH,KAAK,IAAI,CAAC,KAAK,EAAE;YACrB,aAAa;YACb,OAAO;YACP,QAAQ;YACR,MAAM;QACV;IAER;IAEA,OAAO,WAAP,GACI,wDACI,oBAACI,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAAS,YAAYC,WAAW,MAAM,CAAC;OAC9CC,CAAAA,OAAAA,WAAAA,GACG,oBAACC,OAAKA;YACD,GAAGD,IAAI;YACR,OAAO;YACP,QAAQL;YACR,MAAM;YACN;YACA,WAAW;4BAK3B,oBAACE,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAAQ,YAAYC,WAAW,MAAM,CAAC;qBAC9C,oBAACE,OAAKA;QAAC,OAAO;QAAQ,MAAM;QAAM;wBAG1C,oBAACJ,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACK,mBAAiBA,MAAAA,WAAAA,GACd,oBAACJ,MAAIA;QAAC,MAAM;QAAY,cAAcR;OACjC,CAAC,EAAEa,QAAQ,EAAE,iBACV,oBAACC,YAAUA;YACP,iBAAiBd,YAAYe;YAC7B,eAAeC,CAAAA;gBACXf,YAAYe,OAAO,EAAE;gBACrBH,SAASG,OAAO,EAAE,KAAKD,cAAc,OAAOC,OAAO,EAAE;YACzD;8BAOxB,oBAACC,YAAUA;AAGvB;AAEO,MAAMC,kBAAkB;IAC3B,MAAMC,UAAUC;IAChB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAMC,WAAWC,YAAY,OAAOC;QAChC,IAAI;YACA,MAAMN,aAAa;gBACf,GAAGM,IAAI;gBACP,UAAUA,KAAK,QAAQ,KAAKZ,cAAc,OAAOY,KAAK,QAAQ;YAClE;YACAJ,aAAa;QACjB,EAAE,OAAOK,OAAO;YACZL,aAAaK,MAAM,OAAO;QAC9B;IACJ,GAAG,EAAE;IAEL,MAAMC,aAAa,CAACC;QAChB,MAAM,EAAE/B,kBAAkB,IAAI,EAAE,GAAG+B,UAAU,CAAC;QAE9CX,QAAQ,UAAU,CAAC;YACf,OAAO;YACP,SAAS,WAAT,GAAS,oBAACrB,eAAaA;gBAAC,iBAAiBC;;YACzC,aAAa;YACb,aAAa;YACb,cAAc;YAId,UAAU0B;QACd;IACJ;IAEA,OAAO;QACHI;IACJ;AACJ"}
+{"version":3,"file":"dialogs/useCreateDialog.js","sources":["../../src/dialogs/useCreateDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { useStringFormatter } from \"@webiny/app-admin/features/stringFormatter/useStringFormatter.js\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport { useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { Bind, useForm } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { FolderTree } from \"~/components/index.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useCreateFolder } from \"~/features/folders/createFolder/index.js\";\nimport { ParentFolderField } from \"./ParentFolderField.js\";\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    const stringFormatter = useStringFormatter();\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(\"slug\", stringFormatter.slugify(form.data.title));\n    };\n\n    return (\n        <>\n            <Grid>\n                <Grid.Column span={12}>\n                    <Bind name={\"title\"} validators={validation.create(\"required\")}>\n                        {bind => (\n                            <Input\n                                {...bind}\n                                label={\"Title\"}\n                                onBlur={generateSlug}\n                                size={\"lg\"}\n                                required\n                                autoFocus={true}\n                            />\n                        )}\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"slug\"} validators={validation.create(\"required,slug\")}>\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                                    onFolderClick={folder => {\n                                        setParentId(folder.id);\n                                        onChange(folder.id === ROOT_FOLDER ? null : folder.id);\n                                    }}\n                                />\n                            )}\n                        </Bind>\n                    </ParentFolderField>\n                </Grid.Column>\n            </Grid>\n        </>\n    );\n};\n\nexport const useCreateDialog = (): UseCreateDialogResponse => {\n    const dialogs = useDialogs();\n    const { createFolder } = useCreateFolder();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (data: FolderDto) => {\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"],"names":["FormComponent","currentParentId","parentId","setParentId","useState","form","useForm","stringFormatter","useStringFormatter","generateSlug","Grid","Bind","validation","bind","Input","ParentFolderField","onChange","FolderTree","ROOT_FOLDER","folder","useCreateDialog","dialogs","useDialogs","createFolder","useCreateFolder","showSnackbar","useSnackbar","onAccept","useCallback","data","error","showDialog","params"],"mappings":";;;;;;;;;;AAyBA,MAAMA,gBAAgB,CAAC,EAAEC,kBAAkB,IAAI,EAAsB;IACjE,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAAwBH;IACxD,MAAMI,OAAOC;IACb,MAAMC,kBAAkBC;IAExB,MAAMC,eAAe;QACjB,IAAIJ,KAAK,IAAI,CAAC,IAAI,IAAI,CAACA,KAAK,IAAI,CAAC,KAAK,EAClC;QAIJA,KAAK,QAAQ,CAAC,QAAQE,gBAAgB,OAAO,CAACF,KAAK,IAAI,CAAC,KAAK;IACjE;IAEA,OAAO,WAAP,GACI,wDACI,oBAACK,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAAS,YAAYC,WAAW,MAAM,CAAC;OAC9CC,CAAAA,OAAAA,WAAAA,GACG,oBAACC,OAAKA;YACD,GAAGD,IAAI;YACR,OAAO;YACP,QAAQJ;YACR,MAAM;YACN;YACA,WAAW;4BAK3B,oBAACC,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAAQ,YAAYC,WAAW,MAAM,CAAC;qBAC9C,oBAACE,OAAKA;QAAC,OAAO;QAAQ,MAAM;QAAM;wBAG1C,oBAACJ,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACK,mBAAiBA,MAAAA,WAAAA,GACd,oBAACJ,MAAIA;QAAC,MAAM;QAAY,cAAcT;OACjC,CAAC,EAAEc,QAAQ,EAAE,iBACV,oBAACC,YAAUA;YACP,iBAAiBf,YAAYgB;YAC7B,eAAeC,CAAAA;gBACXhB,YAAYgB,OAAO,EAAE;gBACrBH,SAASG,OAAO,EAAE,KAAKD,cAAc,OAAOC,OAAO,EAAE;YACzD;;AASpC;AAEO,MAAMC,kBAAkB;IAC3B,MAAMC,UAAUC;IAChB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAMC,WAAWC,YAAY,OAAOC;QAChC,IAAI;YACA,MAAMN,aAAa;gBACf,GAAGM,IAAI;gBACP,UAAUA,KAAK,QAAQ,KAAKX,cAAc,OAAOW,KAAK,QAAQ;YAClE;YACAJ,aAAa;QACjB,EAAE,OAAOK,OAAO;YACZL,aAAaK,MAAM,OAAO;QAC9B;IACJ,GAAG,EAAE;IAEL,MAAMC,aAAa,CAACC;QAChB,MAAM,EAAE/B,kBAAkB,IAAI,EAAE,GAAG+B,UAAU,CAAC;QAE9CX,QAAQ,UAAU,CAAC;YACf,OAAO;YACP,SAAS,WAAT,GAAS,oBAACrB,eAAaA;gBAAC,iBAAiBC;;YACzC,aAAa;YACb,aAAa;YACb,cAAc;YAId,UAAU0B;QACd;IACJ;IAEA,OAAO;QACHI;IACJ;AACJ"}

package/dialogs/useEditDialog.js

@@ -3,7 +3,7 @@ import { Grid, Input } from "@webiny/admin-ui";
 import { useDialogs, useSnackbar } from "@webiny/app-admin";
 import { Bind } from "@webiny/form";
 import { validation } from "@webiny/validation";
-import { Extensions, FolderTree } from "../components/index.js";
+import { FolderTree } from "../components/index.js";
 import { ROOT_FOLDER } from "../constants.js";
 import { useUpdateFolder } from "../features/folders/updateFolder/index.js";
 import { ParentFolderField } from "./ParentFolderField.js";
@@ -49,7 +49,7 @@ const FormComponent = ({ folder })=>{
                 onChange(folder.id === ROOT_FOLDER ? null : folder.id);
             },
             enableCreate: true
-        }))))), /*#__PURE__*/ react.createElement(Extensions, null));
+        }))))));
 };
 const useEditDialog = ()=>{
     const dialog = useDialogs();

package/dialogs/useEditDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogs/useEditDialog.js","sources":["../../src/dialogs/useEditDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport { useSnackbar, useDialogs } from \"@webiny/app-admin\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { Extensions, FolderTree } from \"~/components/index.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useUpdateFolder } from \"~/features/folders/updateFolder/index.js\";\nimport { ParentFolderField } from \"./ParentFolderField.js\";\n\ninterface ShowDialogParams {\n    folder: FolderDto;\n}\n\ninterface UseEditDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    folder: FolderDto;\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: FolderDto, 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"],"names":["FormComponent","folder","parentId","setParentId","useState","Grid","Bind","validation","Input","ParentFolderField","onChange","FolderTree","ROOT_FOLDER","Extensions","useEditDialog","dialog","useDialogs","updateFolder","useUpdateFolder","showSnackbar","useSnackbar","onAccept","useCallback","data","error","showDialog"],"mappings":";;;;;;;;;AAwBA,MAAMA,gBAAgB,CAAC,EAAEC,MAAM,EAAsB;IACjD,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAAwBH,OAAO,QAAQ;IAEvE,OAAO,WAAP,GACI,wDACI,oBAACI,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QACD,MAAM;QACN,cAAcL,OAAO,KAAK;QAC1B,YAAY;YAACM,WAAW,MAAM,CAAC;SAAY;qBAE3C,oBAACC,OAAKA;QAAC,OAAO;QAAS,MAAM;QAAM;QAAS;wBAGpD,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QACD,MAAM;QACN,cAAcL,OAAO,IAAI;QACzB,YAAY;YAACM,WAAW,MAAM,CAAC;SAAiB;qBAEhD,oBAACC,OAAKA;QAAC,OAAO;QAAQ,MAAM;QAAM;wBAG1C,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACI,mBAAiBA,MAAAA,WAAAA,GACd,oBAACH,MAAIA;QAAC,MAAM;QAAY,cAAcJ;OACjC,CAAC,EAAEQ,QAAQ,EAAE,iBACV,oBAACC,YAAUA;YACP,iBAAiBT,YAAYU;YAC7B,iBAAiB;gBAACX,OAAO,EAAE;aAAC;YAC5B,eAAeA,CAAAA;gBACXE,YAAYF,OAAO,EAAE;gBACrBS,SAAST,OAAO,EAAE,KAAKW,cAAc,OAAOX,OAAO,EAAE;YACzD;YACA,cAAc;8BAOtC,oBAACY,YAAUA;AAGvB;AAEO,MAAMC,gBAAgB;IACzB,MAAMC,SAASC;IACf,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAMC,WAAWC,YAAY,OAAOrB,QAAmBsB;QACnD,IAAI;YACA,MAAMN,aAAa;gBACf,GAAGhB,MAAM;gBACT,GAAGsB,IAAI;YACX;YACAJ,aAAa,CAAC,YAAY,EAAEI,KAAK,KAAK,CAAC,2BAA2B,CAAC;QACvE,EAAE,OAAOC,OAAO;YACZL,aAAaK,MAAM,OAAO;QAC9B;IACJ,GAAG,EAAE;IAEL,MAAMC,aAAa,CAAC,EAAExB,MAAM,EAAoB;QAC5Cc,OAAO,UAAU,CAAC;YACd,OAAO;YACP,SAAS,WAAT,GAAS,oBAACf,eAAaA;gBAAC,QAAQC;;YAChC,UAAUA;YACV,aAAa;YACb,aAAa;YACb,cAAc;YACd,UAAU,CAACsB,OAA0BF,SAASpB,QAAQsB;QAC1D;IACJ;IAEA,OAAO;QACHE;IACJ;AACJ"}
+{"version":3,"file":"dialogs/useEditDialog.js","sources":["../../src/dialogs/useEditDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport { useSnackbar, useDialogs } from \"@webiny/app-admin\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { FolderTree } from \"~/components/index.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useUpdateFolder } from \"~/features/folders/updateFolder/index.js\";\nimport { ParentFolderField } from \"./ParentFolderField.js\";\n\ninterface ShowDialogParams {\n    folder: FolderDto;\n}\n\ninterface UseEditDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    folder: FolderDto;\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        </>\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: FolderDto, 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"],"names":["FormComponent","folder","parentId","setParentId","useState","Grid","Bind","validation","Input","ParentFolderField","onChange","FolderTree","ROOT_FOLDER","useEditDialog","dialog","useDialogs","updateFolder","useUpdateFolder","showSnackbar","useSnackbar","onAccept","useCallback","data","error","showDialog"],"mappings":";;;;;;;;;AAwBA,MAAMA,gBAAgB,CAAC,EAAEC,MAAM,EAAsB;IACjD,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAAwBH,OAAO,QAAQ;IAEvE,OAAO,WAAP,GACI,wDACI,oBAACI,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QACD,MAAM;QACN,cAAcL,OAAO,KAAK;QAC1B,YAAY;YAACM,WAAW,MAAM,CAAC;SAAY;qBAE3C,oBAACC,OAAKA;QAAC,OAAO;QAAS,MAAM;QAAM;QAAS;wBAGpD,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QACD,MAAM;QACN,cAAcL,OAAO,IAAI;QACzB,YAAY;YAACM,WAAW,MAAM,CAAC;SAAiB;qBAEhD,oBAACC,OAAKA;QAAC,OAAO;QAAQ,MAAM;QAAM;wBAG1C,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACI,mBAAiBA,MAAAA,WAAAA,GACd,oBAACH,MAAIA;QAAC,MAAM;QAAY,cAAcJ;OACjC,CAAC,EAAEQ,QAAQ,EAAE,iBACV,oBAACC,YAAUA;YACP,iBAAiBT,YAAYU;YAC7B,iBAAiB;gBAACX,OAAO,EAAE;aAAC;YAC5B,eAAeA,CAAAA;gBACXE,YAAYF,OAAO,EAAE;gBACrBS,SAAST,OAAO,EAAE,KAAKW,cAAc,OAAOX,OAAO,EAAE;YACzD;YACA,cAAc;;AASlD;AAEO,MAAMY,gBAAgB;IACzB,MAAMC,SAASC;IACf,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAMC,WAAWC,YAAY,OAAOpB,QAAmBqB;QACnD,IAAI;YACA,MAAMN,aAAa;gBACf,GAAGf,MAAM;gBACT,GAAGqB,IAAI;YACX;YACAJ,aAAa,CAAC,YAAY,EAAEI,KAAK,KAAK,CAAC,2BAA2B,CAAC;QACvE,EAAE,OAAOC,OAAO;YACZL,aAAaK,MAAM,OAAO;QAC9B;IACJ,GAAG,EAAE;IAEL,MAAMC,aAAa,CAAC,EAAEvB,MAAM,EAAoB;QAC5Ca,OAAO,UAAU,CAAC;YACd,OAAO;YACP,SAAS,WAAT,GAAS,oBAACd,eAAaA;gBAAC,QAAQC;;YAChC,UAAUA;YACV,aAAa;YACb,aAAa;YACb,cAAc;YACd,UAAU,CAACqB,OAA0BF,SAASnB,QAAQqB;QAC1D;IACJ;IAEA,OAAO;QACHE;IACJ;AACJ"}

package/dialogs/useSetPermissionsDialog.js

@@ -1,5 +1,6 @@
-import react, { useCallback, useEffect, useState } from "react";
-import { useQuery } from "@apollo/react-hooks";
+import react, { useCallback, useEffect, useMemo, useState } from "react";
+import { useContainer } from "@webiny/app";
+import { MainGraphQLClient } from "@webiny/app/features/mainGraphQLClient/index.js";
 import { Grid } from "@webiny/admin-ui";
 import { useDialogs, useSnackbar } from "@webiny/app-admin";
 import { useBind } from "@webiny/form";
@@ -9,8 +10,19 @@ import { UsersTeamsSelection } from "./DialogSetPermissions/UsersTeamsSelection.
 import { LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS } from "./DialogSetPermissions/graphql.js";
 const FormComponent = ({ folder })=>{
     const [permissions, setPermissions] = useState(folder.permissions || []);
-    const listTargetsQuery = useQuery(LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS);
-    const targetsList = listTargetsQuery.data?.aco.listFolderLevelPermissionsTargets.data || [];
+    const container = useContainer();
+    const client = useMemo(()=>container.resolve(MainGraphQLClient), [
+        container
+    ]);
+    const [targetsList, setTargetsList] = useState([]);
+    useEffect(()=>{
+        client.execute({
+            query: LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS
+        }).then((response)=>{
+            const data = response.aco.listFolderLevelPermissionsTargets.data;
+            setTargetsList(data || []);
+        }).catch(console.error);
+    }, []);
     const bind = useBind({
         name: "permissions"
     });

package/dialogs/useSetPermissionsDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogs/useSetPermissionsDialog.js","sources":["../../src/dialogs/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 type { GenericFormData } from \"@webiny/form\";\nimport { useBind } from \"@webiny/form\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useUpdateFolder } from \"~/features/folders/updateFolder/index.js\";\nimport { UsersTeamsMultiAutocomplete } from \"./DialogSetPermissions/UsersTeamsMultiAutocomplete.js\";\nimport { UsersTeamsSelection } from \"./DialogSetPermissions/UsersTeamsSelection.js\";\nimport { LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS } from \"./DialogSetPermissions/graphql.js\";\nimport type { FolderLevelPermissionsTarget, FolderPermission } from \"~/types.js\";\n\ninterface ShowDialogParams {\n    folder: FolderDto;\n}\n\ninterface UseSetPermissionsDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    folder: FolderDto;\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: FolderDto, data: Partial<FolderDto>) => {\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"],"names":["FormComponent","folder","permissions","setPermissions","useState","listTargetsQuery","useQuery","LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS","targetsList","bind","useBind","useEffect","addPermission","useCallback","value","selectedUserOrTeam","newPermission","updatePermission","updatedPermission","permission","removeUserTeam","item","Grid","UsersTeamsMultiAutocomplete","UsersTeamsSelection","useSetPermissionsDialog","dialogs","useDialogs","updateFolder","useUpdateFolder","showSnackbar","useSnackbar","onAccept","data","updateData","error","showDialog"],"mappings":";;;;;;;;;AAyCA,MAAMA,gBAAgB,CAAC,EAAEC,MAAM,EAAsB;IACjD,MAAM,CAACC,aAAaC,eAAe,GAAGC,SAA6BH,OAAO,WAAW,IAAI,EAAE;IAC3F,MAAMI,mBAAmBC,SAASC;IAClC,MAAMC,cACFH,iBAAiB,IAAI,EAAE,IAAI,kCAAkC,QAAQ,EAAE;IAE3E,MAAMI,OAAOC,QAAQ;QACjB,MAAM;IACV;IAEAC,UAAU;QACNF,KAAK,QAAQ,CAACP;IAClB,GAAG;QAACA;KAAY;IAEhB,MAAMU,gBAAgBC,YAClB,CAACC;QACG,MAAMC,qBAAqBD,KAAK,CAACA,MAAM,MAAM,GAAG,EAAE;QAClD,MAAME,gBAAkC;YACpC,QAAQD;YACR,OAAO;QACX;QAIAZ,eAAe;YAACD,WAAW,CAAC,EAAE;YAAEc;eAAkBd,YAAY,KAAK,CAAC;SAAG;IAC3E,GACA;QAACA;KAAY;IAGjB,MAAMe,mBAAmBJ,YACrB,CAAC,EAAE,YAAYK,iBAAiB,EAAE;QAC9Bf,eACID,YAAY,GAAG,CAACiB,CAAAA;YACZ,IAAIA,WAAW,MAAM,KAAKD,kBAAkB,MAAM,EAC9C,OAAOA;YAEX,OAAOC;QACX;IAER,GACA;QAACjB;KAAY;IAGjB,MAAMkB,iBAAiBP,YACnBQ,CAAAA;QACIlB,eACID,YAAY,MAAM,CAACiB,CAAAA,aAAcA,WAAW,MAAM,KAAKE,KAAK,UAAU,CAAC,MAAM;IAErF,GACA;QAACnB;KAAY;IAGjB,OAAO,WAAP,GACI,oBAACoB,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,6BAA2BA;QACxB,SAASf;QACT,OAAON,YAAY,GAAG,CAACiB,CAAAA,aAAcA,WAAW,MAAM;QACtD,UAAUP;uBAGlB,oBAACU,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACE,qBAAmBA;QAChB,aAAatB;QACb,aAAaM;QACb,gBAAgBY;QAChB,oBAAoBH;;AAKxC;AAEO,MAAMQ,0BAA0B;IACnC,MAAMC,UAAUC;IAChB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAMC,WAAWnB,YAAY,OAAOZ,QAAmBgC;QACnD,MAAMC,aAAa;YAAE,GAAGjC,MAAM;YAAE,GAAGgC,IAAI;QAAC;QAExC,IAAI;YACA,MAAML,aAAaM;YACnBJ,aAAa;QACjB,EAAE,OAAOK,OAAO;YACZL,aAAaK,MAAM,OAAO;QAC9B;IACJ,GAAG,EAAE;IAEL,MAAMC,aAAa,CAAC,EAAEnC,MAAM,EAAoB;QAC5CyB,QAAQ,UAAU,CAAC;YACf,OAAO,CAAC,qBAAqB,EAAEzB,OAAO,KAAK,EAAE;YAC7C,SAAS,WAAT,GAAS,oBAACD,eAAaA;gBAAC,QAAQC;;YAChC,aAAa;YACb,aAAa;YACb,cAAc;YACd,UAAU,CAACgC,OAA0BD,SAAS/B,QAAQgC;QAC1D;IACJ;IAEA,OAAO;QACHG;IACJ;AACJ"}
+{"version":3,"file":"dialogs/useSetPermissionsDialog.js","sources":["../../src/dialogs/useSetPermissionsDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport { MainGraphQLClient } from \"@webiny/app/features/mainGraphQLClient/index.js\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { useBind } from \"@webiny/form\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useUpdateFolder } from \"~/features/folders/updateFolder/index.js\";\nimport { UsersTeamsMultiAutocomplete } from \"./DialogSetPermissions/UsersTeamsMultiAutocomplete.js\";\nimport { UsersTeamsSelection } from \"./DialogSetPermissions/UsersTeamsSelection.js\";\nimport { LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS } from \"./DialogSetPermissions/graphql.js\";\nimport type { FolderLevelPermissionsTarget, FolderPermission } from \"~/types.js\";\n\ninterface ShowDialogParams {\n    folder: FolderDto;\n}\n\ninterface UseSetPermissionsDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    folder: FolderDto;\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\ninterface ListFolderPermissionsTargetsResponse {\n    aco: {\n        listFolderLevelPermissionsTargets: {\n            data: FolderLevelPermissionsTarget[] | null;\n            error: { code: string; data: unknown; message: string } | null;\n        };\n    };\n}\n\nconst FormComponent = ({ folder }: FormComponentProps) => {\n    const [permissions, setPermissions] = useState<FolderPermission[]>(folder.permissions || []);\n    const container = useContainer();\n    const client = useMemo(() => container.resolve(MainGraphQLClient), [container]);\n    const [targetsList, setTargetsList] = useState<FolderLevelPermissionsTarget[]>([]);\n\n    useEffect(() => {\n        client\n            .execute<ListFolderPermissionsTargetsResponse>({\n                query: LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS\n            })\n            .then(response => {\n                const data = response.aco.listFolderLevelPermissionsTargets.data;\n                setTargetsList(data || []);\n            })\n            .catch(console.error);\n    }, []);\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            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: FolderDto, data: Partial<FolderDto>) => {\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"],"names":["FormComponent","folder","permissions","setPermissions","useState","container","useContainer","client","useMemo","MainGraphQLClient","targetsList","setTargetsList","useEffect","LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS","response","data","console","bind","useBind","addPermission","useCallback","value","selectedUserOrTeam","newPermission","updatePermission","updatedPermission","permission","removeUserTeam","item","Grid","UsersTeamsMultiAutocomplete","UsersTeamsSelection","useSetPermissionsDialog","dialogs","useDialogs","updateFolder","useUpdateFolder","showSnackbar","useSnackbar","onAccept","updateData","error","showDialog"],"mappings":";;;;;;;;;;AAmDA,MAAMA,gBAAgB,CAAC,EAAEC,MAAM,EAAsB;IACjD,MAAM,CAACC,aAAaC,eAAe,GAAGC,SAA6BH,OAAO,WAAW,IAAI,EAAE;IAC3F,MAAMI,YAAYC;IAClB,MAAMC,SAASC,QAAQ,IAAMH,UAAU,OAAO,CAACI,oBAAoB;QAACJ;KAAU;IAC9E,MAAM,CAACK,aAAaC,eAAe,GAAGP,SAAyC,EAAE;IAEjFQ,UAAU;QACNL,OACK,OAAO,CAAuC;YAC3C,OAAOM;QACX,GACC,IAAI,CAACC,CAAAA;YACF,MAAMC,OAAOD,SAAS,GAAG,CAAC,iCAAiC,CAAC,IAAI;YAChEH,eAAeI,QAAQ,EAAE;QAC7B,GACC,KAAK,CAACC,QAAQ,KAAK;IAC5B,GAAG,EAAE;IAEL,MAAMC,OAAOC,QAAQ;QACjB,MAAM;IACV;IAEAN,UAAU;QACNK,KAAK,QAAQ,CAACf;IAClB,GAAG;QAACA;KAAY;IAEhB,MAAMiB,gBAAgBC,YAClB,CAACC;QACG,MAAMC,qBAAqBD,KAAK,CAACA,MAAM,MAAM,GAAG,EAAE;QAClD,MAAME,gBAAkC;YACpC,QAAQD;YACR,OAAO;QACX;QAEAnB,eAAe;YAACD,WAAW,CAAC,EAAE;YAAEqB;eAAkBrB,YAAY,KAAK,CAAC;SAAG;IAC3E,GACA;QAACA;KAAY;IAGjB,MAAMsB,mBAAmBJ,YACrB,CAAC,EAAE,YAAYK,iBAAiB,EAAE;QAC9BtB,eACID,YAAY,GAAG,CAACwB,CAAAA;YACZ,IAAIA,WAAW,MAAM,KAAKD,kBAAkB,MAAM,EAC9C,OAAOA;YAEX,OAAOC;QACX;IAER,GACA;QAACxB;KAAY;IAGjB,MAAMyB,iBAAiBP,YACnBQ,CAAAA;QACIzB,eACID,YAAY,MAAM,CAACwB,CAAAA,aAAcA,WAAW,MAAM,KAAKE,KAAK,UAAU,CAAC,MAAM;IAErF,GACA;QAAC1B;KAAY;IAGjB,OAAO,WAAP,GACI,oBAAC2B,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,6BAA2BA;QACxB,SAASpB;QACT,OAAOR,YAAY,GAAG,CAACwB,CAAAA,aAAcA,WAAW,MAAM;QACtD,UAAUP;uBAGlB,oBAACU,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACE,qBAAmBA;QAChB,aAAa7B;QACb,aAAaQ;QACb,gBAAgBiB;QAChB,oBAAoBH;;AAKxC;AAEO,MAAMQ,0BAA0B;IACnC,MAAMC,UAAUC;IAChB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAMC,WAAWnB,YAAY,OAAOnB,QAAmBc;QACnD,MAAMyB,aAAa;YAAE,GAAGvC,MAAM;YAAE,GAAGc,IAAI;QAAC;QAExC,IAAI;YACA,MAAMoB,aAAaK;YACnBH,aAAa;QACjB,EAAE,OAAOI,OAAO;YACZJ,aAAaI,MAAM,OAAO;QAC9B;IACJ,GAAG,EAAE;IAEL,MAAMC,aAAa,CAAC,EAAEzC,MAAM,EAAoB;QAC5CgC,QAAQ,UAAU,CAAC;YACf,OAAO,CAAC,qBAAqB,EAAEhC,OAAO,KAAK,EAAE;YAC7C,SAAS,WAAT,GAAS,oBAACD,eAAaA;gBAAC,QAAQC;;YAChC,aAAa;YACb,aAAa;YACb,cAAc;YACd,UAAU,CAACc,OAA0BwB,SAAStC,QAAQc;QAC1D;IACJ;IAEA,OAAO;QACH2B;IACJ;AACJ"}

package/domain/folder/Folder.d.ts

@@ -1,4 +1,5 @@
-import type { CmsIdentity, FolderPermission } from "../../types.js";
+import type { FolderPermission } from "../../types.js";
+import type { CmsIdentity } from "../../types.js";
 export interface FolderData {
     id?: string;
     title: string;