@webiny/app-aco 0.0.0-unstable.7be00a75a9 → 0.0.0-unstable.7c2def32a7

package/components/Table/createTableData.d.ts

@@ -1,7 +1,9 @@
+export { createRecordsData } from "@webiny/app-admin/components/Table/createTableData.js";
 import type { FolderDto } from "../../domain/folder/FolderDto.js";
-import type { FolderTableRow, RecordTableRow } from "../../table.types.js";
-export declare const createRecordsData: <T extends {
-    id: string;
-    $selectable?: boolean;
-}>(items: T[]) => RecordTableRow<T>[];
+import type { FolderTableRow } from "../../table.types.js";
 export declare const createFoldersData: (items: FolderDto[]) => FolderTableRow[];
+export interface FolderSortConfig {
+    field: string;
+    direction: "ASC" | "DESC";
+}
+export declare function sortFolders(folders: FolderDto[], sort: FolderSortConfig | undefined): FolderDto[];

package/components/Table/createTableData.js

@@ -1,15 +1,30 @@
-const createRecordsData = (items)=>items.map((item)=>({
-            id: item.id,
-            $type: "RECORD",
-            $selectable: void 0 !== item.$selectable ? item.$selectable : true,
-            data: item
-        }));
 const createFoldersData = (items)=>items.map((item)=>({
             id: item.id,
             $type: "FOLDER",
             $selectable: false,
             data: item
         }));
-export { createFoldersData, createRecordsData };
+const FOLDER_SORT_FIELDS = {
+    name: (f)=>f.title,
+    title: (f)=>f.title,
+    createdOn: (f)=>f.createdOn,
+    savedOn: (f)=>f.savedOn,
+    modifiedOn: (f)=>f.modifiedOn ?? f.savedOn,
+    createdBy: (f)=>f.createdBy.displayName,
+    savedBy: (f)=>f.savedBy.displayName,
+    modifiedBy: (f)=>f.modifiedBy ? f.modifiedBy.displayName : f.savedBy.displayName
+};
+function sortFolders(folders, sort) {
+    if (!sort || 0 === folders.length) return folders;
+    const accessor = FOLDER_SORT_FIELDS[sort.field];
+    if (!accessor) return folders;
+    const desc = "DESC" === sort.direction;
+    return folders.slice().sort((a, b)=>{
+        const cmp = accessor(a).localeCompare(accessor(b));
+        return desc ? -cmp : cmp;
+    });
+}
+export { createRecordsData } from "@webiny/app-admin/components/Table/createTableData.js";
+export { createFoldersData, sortFolders };
 
 //# sourceMappingURL=createTableData.js.map

package/components/Table/createTableData.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/Table/createTableData.js","sources":["../../../src/components/Table/createTableData.ts"],"sourcesContent":["import type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport type { FolderTableRow, RecordTableRow } from \"~/table.types.js\";\n\nexport const createRecordsData = <T extends { id: string; $selectable?: boolean }>(\n    items: T[]\n): RecordTableRow<T>[] => {\n    return items.map(item => ({\n        id: item.id,\n        $type: \"RECORD\",\n        $selectable: item.$selectable !== undefined ? item.$selectable : true,\n        data: item\n    }));\n};\n\nexport const createFoldersData = (items: FolderDto[]): FolderTableRow[] => {\n    return items.map(item => ({\n        id: item.id,\n        $type: \"FOLDER\",\n        $selectable: false,\n        data: item\n    }));\n};\n"],"names":["createRecordsData","items","item","undefined","createFoldersData"],"mappings":"AAGO,MAAMA,oBAAoB,CAC7BC,QAEOA,MAAM,GAAG,CAACC,CAAAA,OAAS;YACtB,IAAIA,KAAK,EAAE;YACX,OAAO;YACP,aAAaA,AAAqBC,WAArBD,KAAK,WAAW,GAAiBA,KAAK,WAAW,GAAG;YACjE,MAAMA;QACV;AAGG,MAAME,oBAAoB,CAACH,QACvBA,MAAM,GAAG,CAACC,CAAAA,OAAS;YACtB,IAAIA,KAAK,EAAE;YACX,OAAO;YACP,aAAa;YACb,MAAMA;QACV"}
+{"version":3,"file":"components/Table/createTableData.js","sources":["../../../src/components/Table/createTableData.ts"],"sourcesContent":["export { createRecordsData } from \"@webiny/app-admin/components/Table/createTableData.js\";\n\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport type { FolderTableRow } from \"~/table.types.js\";\n\nexport const createFoldersData = (items: FolderDto[]): FolderTableRow[] => {\n    return items.map(item => ({\n        id: item.id,\n        $type: \"FOLDER\",\n        $selectable: false,\n        data: item\n    }));\n};\n\nexport interface FolderSortConfig {\n    field: string;\n    direction: \"ASC\" | \"DESC\";\n}\n\nconst FOLDER_SORT_FIELDS: Record<string, (folder: FolderDto) => string> = {\n    name: f => f.title,\n    title: f => f.title,\n    createdOn: f => f.createdOn,\n    savedOn: f => f.savedOn,\n    modifiedOn: f => f.modifiedOn ?? f.savedOn,\n    createdBy: f => f.createdBy.displayName,\n    savedBy: f => f.savedBy.displayName,\n    modifiedBy: f => (f.modifiedBy ? f.modifiedBy.displayName : f.savedBy.displayName)\n};\n\nexport function sortFolders(folders: FolderDto[], sort: FolderSortConfig | undefined): FolderDto[] {\n    if (!sort || folders.length === 0) {\n        return folders;\n    }\n\n    const accessor = FOLDER_SORT_FIELDS[sort.field];\n    if (!accessor) {\n        return folders;\n    }\n\n    const desc = sort.direction === \"DESC\";\n\n    return folders.slice().sort((a, b) => {\n        const cmp = accessor(a).localeCompare(accessor(b));\n        return desc ? -cmp : cmp;\n    });\n}\n"],"names":["createFoldersData","items","item","FOLDER_SORT_FIELDS","f","sortFolders","folders","sort","accessor","desc","a","b","cmp"],"mappings":"AAKO,MAAMA,oBAAoB,CAACC,QACvBA,MAAM,GAAG,CAACC,CAAAA,OAAS;YACtB,IAAIA,KAAK,EAAE;YACX,OAAO;YACP,aAAa;YACb,MAAMA;QACV;AAQJ,MAAMC,qBAAoE;IACtE,MAAMC,CAAAA,IAAKA,EAAE,KAAK;IAClB,OAAOA,CAAAA,IAAKA,EAAE,KAAK;IACnB,WAAWA,CAAAA,IAAKA,EAAE,SAAS;IAC3B,SAASA,CAAAA,IAAKA,EAAE,OAAO;IACvB,YAAYA,CAAAA,IAAKA,EAAE,UAAU,IAAIA,EAAE,OAAO;IAC1C,WAAWA,CAAAA,IAAKA,EAAE,SAAS,CAAC,WAAW;IACvC,SAASA,CAAAA,IAAKA,EAAE,OAAO,CAAC,WAAW;IACnC,YAAYA,CAAAA,IAAMA,EAAE,UAAU,GAAGA,EAAE,UAAU,CAAC,WAAW,GAAGA,EAAE,OAAO,CAAC,WAAW;AACrF;AAEO,SAASC,YAAYC,OAAoB,EAAEC,IAAkC;IAChF,IAAI,CAACA,QAAQD,AAAmB,MAAnBA,QAAQ,MAAM,EACvB,OAAOA;IAGX,MAAME,WAAWL,kBAAkB,CAACI,KAAK,KAAK,CAAC;IAC/C,IAAI,CAACC,UACD,OAAOF;IAGX,MAAMG,OAAOF,AAAmB,WAAnBA,KAAK,SAAS;IAE3B,OAAOD,QAAQ,KAAK,GAAG,IAAI,CAAC,CAACI,GAAGC;QAC5B,MAAMC,MAAMJ,SAASE,GAAG,aAAa,CAACF,SAASG;QAC/C,OAAOF,OAAO,CAACG,MAAMA;IACzB;AACJ"}

package/components/Table/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./components/index.js";
+export { Table, createUseTableRow, TableRowProvider, TableRowContext } from "@webiny/app-admin/components/Table/index.js";
+export { CellAuthor, CellCreated, CellModified } from "@webiny/app-admin/components/Table/cells/index.js";
 export * from "./createTableData.js";
-export * from "./useTableRow.js";

package/components/Table/index.js

@@ -1,3 +1,3 @@
-export * from "./components/index.js";
 export * from "./createTableData.js";
-export * from "./useTableRow.js";
+export { Table, TableRowContext, TableRowProvider, createUseTableRow } from "@webiny/app-admin/components/Table/index.js";
+export { CellAuthor, CellCreated, CellModified } from "@webiny/app-admin/components/Table/cells/index.js";

package/components/index.d.ts

@@ -1,6 +1,5 @@
 export * from "./Actions/index.js";
 export * from "./AdvancedSearch/index.js";
-export * from "./Extensions/index.js";
 export * from "./FolderGrid/index.js";
 export * from "./FolderIcons/index.js";
 export * from "./FolderTree/index.js";

package/components/index.js

@@ -1,6 +1,5 @@
 export * from "./Actions/index.js";
 export * from "./AdvancedSearch/index.js";
-export * from "./Extensions/index.js";
 export * from "./FolderGrid/index.js";
 export * from "./FolderIcons/index.js";
 export * from "./FolderTree/index.js";

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/UsersTeamsSelection/ListItemMeta.js

@@ -38,6 +38,11 @@ const ListItemMeta = ({ permission, target, targetsList, onRemoveAccess, onUpdat
             disabled = false;
             removePermissionDisabled = true;
         }
+        if (permission.plugin) {
+            message = "Defined in code and cannot be changed here.";
+            disabled = true;
+            removePermissionDisabled = true;
+        }
         if (identity.id === target.id) {
             message = "You can't change your own permissions.";
             if (permission.inheritedFrom?.startsWith("team:")) {

package/dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemMeta.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemMeta.js","sources":["../../../../src/dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemMeta.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as More } from \"@webiny/icons/arrow_drop_down.svg\";\nimport { Button, DropdownMenu, Text, Tooltip } from \"@webiny/admin-ui\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport type { FolderAccessLevel, FolderLevelPermissionsTarget, FolderPermission } from \"~/types.js\";\n\nconst TARGET_LEVELS = [\n    {\n        id: \"no-access\",\n        label: \"No Access\",\n        description: \"Cannot view or modify content\"\n    },\n    {\n        id: \"viewer\",\n        label: \"Viewer\",\n        description: \"Can view content, but not modify it\"\n    },\n    {\n        id: \"editor\",\n        label: \"Editor\",\n        description: \"Can view and modify content\"\n    },\n    {\n        id: \"owner\",\n        label: \"Owner\",\n        description: \"Can edit and manage content permissions\"\n    }\n];\n\ninterface ListItemMetaProps {\n    permission: FolderPermission;\n    target: FolderLevelPermissionsTarget;\n    targetsList: FolderLevelPermissionsTarget[];\n    onRemoveAccess: (params: { permission: FolderPermission }) => void;\n    onUpdatePermission: (params: { permission: FolderPermission }) => void;\n}\n\nexport const ListItemMeta = ({\n    permission,\n    target,\n    targetsList,\n    onRemoveAccess,\n    onUpdatePermission\n}: ListItemMetaProps) => {\n    const { identity } = useSecurity();\n\n    const currentLevel = useMemo(() => {\n        return TARGET_LEVELS.find(level => level.id === permission.level)!;\n    }, [permission.level]);\n\n    const { isListDisabled, isRemovePermissionDisabled, tooltipMessage } = useMemo(() => {\n        let message = null;\n        let disabled = false;\n        let removePermissionDisabled = false;\n\n        if (permission.inheritedFrom?.startsWith(\"parent:\")) {\n            message = \"Inherited from parent folder.\";\n            disabled = false; // Still allow interaction, just inform user\n            removePermissionDisabled = true;\n        }\n\n        if (identity!.id === target.id) {\n            message = \"You can't change your own permissions.\";\n            if (permission.inheritedFrom?.startsWith(\"team:\")) {\n                const team = targetsList.find(t => t.target === permission.inheritedFrom);\n                message += \" Access to this folder is managed by a team\";\n                if (team) {\n                    message += ` (${team.name})`;\n                }\n                message += \".\";\n            }\n            disabled = true;\n            removePermissionDisabled = true;\n        }\n\n        return {\n            isListDisabled: disabled,\n            isRemovePermissionDisabled: removePermissionDisabled,\n            tooltipMessage: message\n        };\n    }, [permission, identity, target, targetsList]);\n\n    const handle = useMemo(() => {\n        let handle = (\n            <Button\n                variant={\"ghost\"}\n                disabled={!!isListDisabled}\n                text={currentLevel.label}\n                icon={<More />}\n                iconPosition={\"end\"}\n            />\n        );\n\n        if (tooltipMessage) {\n            handle = <Tooltip content={tooltipMessage} trigger={handle} />;\n        }\n\n        return handle;\n    }, [tooltipMessage, isListDisabled, currentLevel.label]);\n\n    return (\n        <DropdownMenu trigger={handle}>\n            {TARGET_LEVELS.map(level => (\n                <DropdownMenu.CheckboxItem\n                    key={level.id}\n                    checked={currentLevel.id === level.id}\n                    text={\n                        <div>\n                            <Text as={\"div\"}>{level.label}</Text>\n                            <Text as={\"div\"} size={\"sm\"} className={\"text-neutral-strong\"}>\n                                {level.description}\n                            </Text>\n                        </div>\n                    }\n                    onClick={() => {\n                        // Needed to do this with a short delay because of a visual glitch.\n                        setTimeout(() => {\n                            onUpdatePermission({\n                                permission: {\n                                    ...permission,\n                                    level: level.id as FolderAccessLevel\n                                }\n                            });\n                        }, 75);\n                    }}\n                />\n            ))}\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item\n                onClick={() => onRemoveAccess({ permission })}\n                text={\"Remove permission\"}\n                disabled={isRemovePermissionDisabled}\n            />\n        </DropdownMenu>\n    );\n};\n"],"names":["TARGET_LEVELS","ListItemMeta","permission","target","targetsList","onRemoveAccess","onUpdatePermission","identity","useSecurity","currentLevel","useMemo","level","isListDisabled","isRemovePermissionDisabled","tooltipMessage","message","disabled","removePermissionDisabled","team","t","handle","Button","More","Tooltip","DropdownMenu","Text","setTimeout"],"mappings":";;;;AAMA,MAAMA,gBAAgB;IAClB;QACI,IAAI;QACJ,OAAO;QACP,aAAa;IACjB;IACA;QACI,IAAI;QACJ,OAAO;QACP,aAAa;IACjB;IACA;QACI,IAAI;QACJ,OAAO;QACP,aAAa;IACjB;IACA;QACI,IAAI;QACJ,OAAO;QACP,aAAa;IACjB;CACH;AAUM,MAAMC,eAAe,CAAC,EACzBC,UAAU,EACVC,MAAM,EACNC,WAAW,EACXC,cAAc,EACdC,kBAAkB,EACF;IAChB,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IAErB,MAAMC,eAAeC,QAAQ,IAClBV,cAAc,IAAI,CAACW,CAAAA,QAASA,MAAM,EAAE,KAAKT,WAAW,KAAK,GACjE;QAACA,WAAW,KAAK;KAAC;IAErB,MAAM,EAAEU,cAAc,EAAEC,0BAA0B,EAAEC,cAAc,EAAE,GAAGJ,QAAQ;QAC3E,IAAIK,UAAU;QACd,IAAIC,WAAW;QACf,IAAIC,2BAA2B;QAE/B,IAAIf,WAAW,aAAa,EAAE,WAAW,YAAY;YACjDa,UAAU;YACVC,WAAW;YACXC,2BAA2B;QAC/B;QAEA,IAAIV,SAAU,EAAE,KAAKJ,OAAO,EAAE,EAAE;YAC5BY,UAAU;YACV,IAAIb,WAAW,aAAa,EAAE,WAAW,UAAU;gBAC/C,MAAMgB,OAAOd,YAAY,IAAI,CAACe,CAAAA,IAAKA,EAAE,MAAM,KAAKjB,WAAW,aAAa;gBACxEa,WAAW;gBACX,IAAIG,MACAH,WAAW,CAAC,EAAE,EAAEG,KAAK,IAAI,CAAC,CAAC,CAAC;gBAEhCH,WAAW;YACf;YACAC,WAAW;YACXC,2BAA2B;QAC/B;QAEA,OAAO;YACH,gBAAgBD;YAChB,4BAA4BC;YAC5B,gBAAgBF;QACpB;IACJ,GAAG;QAACb;QAAYK;QAAUJ;QAAQC;KAAY;IAE9C,MAAMgB,SAASV,QAAQ;QACnB,IAAIU,SAAS,WAATA,GACA,oBAACC,QAAMA;YACH,SAAS;YACT,UAAU,CAAC,CAACT;YACZ,MAAMH,aAAa,KAAK;YACxB,oBAAM,oBAACa,gBAAIA;YACX,cAAc;;QAItB,IAAIR,gBACAM,SAAS,WAATA,GAAS,oBAACG,SAAOA;YAAC,SAAST;YAAgB,SAASM;;QAGxD,OAAOA;IACX,GAAG;QAACN;QAAgBF;QAAgBH,aAAa,KAAK;KAAC;IAEvD,OAAO,WAAP,GACI,oBAACe,cAAYA;QAAC,SAASJ;OAClBpB,cAAc,GAAG,CAACW,CAAAA,QAAAA,WAAAA,GACf,oBAACa,aAAa,YAAY;YACtB,KAAKb,MAAM,EAAE;YACb,SAASF,aAAa,EAAE,KAAKE,MAAM,EAAE;YACrC,oBACI,oBAAC,2BACG,oBAACc,MAAIA;gBAAC,IAAI;eAAQd,MAAM,KAAK,iBAC7B,oBAACc,MAAIA;gBAAC,IAAI;gBAAO,MAAM;gBAAM,WAAW;eACnCd,MAAM,WAAW;YAI9B,SAAS;gBAELe,WAAW;oBACPpB,mBAAmB;wBACf,YAAY;4BACR,GAAGJ,UAAU;4BACb,OAAOS,MAAM,EAAE;wBACnB;oBACJ;gBACJ,GAAG;YACP;2BAGR,oBAACa,aAAa,SAAS,uBACvB,oBAACA,aAAa,IAAI;QACd,SAAS,IAAMnB,eAAe;gBAAEH;YAAW;QAC3C,MAAM;QACN,UAAUW;;AAI1B"}
+{"version":3,"file":"dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemMeta.js","sources":["../../../../src/dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemMeta.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as More } from \"@webiny/icons/arrow_drop_down.svg\";\nimport { Button, DropdownMenu, Text, Tooltip } from \"@webiny/admin-ui\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport type { FolderAccessLevel, FolderLevelPermissionsTarget, FolderPermission } from \"~/types.js\";\n\nconst TARGET_LEVELS = [\n    {\n        id: \"no-access\",\n        label: \"No Access\",\n        description: \"Cannot view or modify content\"\n    },\n    {\n        id: \"viewer\",\n        label: \"Viewer\",\n        description: \"Can view content, but not modify it\"\n    },\n    {\n        id: \"editor\",\n        label: \"Editor\",\n        description: \"Can view and modify content\"\n    },\n    {\n        id: \"owner\",\n        label: \"Owner\",\n        description: \"Can edit and manage content permissions\"\n    }\n];\n\ninterface ListItemMetaProps {\n    permission: FolderPermission;\n    target: FolderLevelPermissionsTarget;\n    targetsList: FolderLevelPermissionsTarget[];\n    onRemoveAccess: (params: { permission: FolderPermission }) => void;\n    onUpdatePermission: (params: { permission: FolderPermission }) => void;\n}\n\nexport const ListItemMeta = ({\n    permission,\n    target,\n    targetsList,\n    onRemoveAccess,\n    onUpdatePermission\n}: ListItemMetaProps) => {\n    const { identity } = useSecurity();\n\n    const currentLevel = useMemo(() => {\n        return TARGET_LEVELS.find(level => level.id === permission.level)!;\n    }, [permission.level]);\n\n    const { isListDisabled, isRemovePermissionDisabled, tooltipMessage } = useMemo(() => {\n        let message = null;\n        let disabled = false;\n        let removePermissionDisabled = false;\n\n        if (permission.inheritedFrom?.startsWith(\"parent:\")) {\n            message = \"Inherited from parent folder.\";\n            disabled = false; // Still allow interaction, just inform user\n            removePermissionDisabled = true;\n        }\n\n        if (permission.plugin) {\n            message = \"Defined in code and cannot be changed here.\";\n            disabled = true;\n            removePermissionDisabled = true;\n        }\n\n        if (identity!.id === target.id) {\n            message = \"You can't change your own permissions.\";\n            if (permission.inheritedFrom?.startsWith(\"team:\")) {\n                const team = targetsList.find(t => t.target === permission.inheritedFrom);\n                message += \" Access to this folder is managed by a team\";\n                if (team) {\n                    message += ` (${team.name})`;\n                }\n                message += \".\";\n            }\n            disabled = true;\n            removePermissionDisabled = true;\n        }\n\n        return {\n            isListDisabled: disabled,\n            isRemovePermissionDisabled: removePermissionDisabled,\n            tooltipMessage: message\n        };\n    }, [permission, identity, target, targetsList]);\n\n    const handle = useMemo(() => {\n        let handle = (\n            <Button\n                variant={\"ghost\"}\n                disabled={!!isListDisabled}\n                text={currentLevel.label}\n                icon={<More />}\n                iconPosition={\"end\"}\n            />\n        );\n\n        if (tooltipMessage) {\n            handle = <Tooltip content={tooltipMessage} trigger={handle} />;\n        }\n\n        return handle;\n    }, [tooltipMessage, isListDisabled, currentLevel.label]);\n\n    return (\n        <DropdownMenu trigger={handle}>\n            {TARGET_LEVELS.map(level => (\n                <DropdownMenu.CheckboxItem\n                    key={level.id}\n                    checked={currentLevel.id === level.id}\n                    text={\n                        <div>\n                            <Text as={\"div\"}>{level.label}</Text>\n                            <Text as={\"div\"} size={\"sm\"} className={\"text-neutral-strong\"}>\n                                {level.description}\n                            </Text>\n                        </div>\n                    }\n                    onClick={() => {\n                        // Needed to do this with a short delay because of a visual glitch.\n                        setTimeout(() => {\n                            onUpdatePermission({\n                                permission: {\n                                    ...permission,\n                                    level: level.id as FolderAccessLevel\n                                }\n                            });\n                        }, 75);\n                    }}\n                />\n            ))}\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item\n                onClick={() => onRemoveAccess({ permission })}\n                text={\"Remove permission\"}\n                disabled={isRemovePermissionDisabled}\n            />\n        </DropdownMenu>\n    );\n};\n"],"names":["TARGET_LEVELS","ListItemMeta","permission","target","targetsList","onRemoveAccess","onUpdatePermission","identity","useSecurity","currentLevel","useMemo","level","isListDisabled","isRemovePermissionDisabled","tooltipMessage","message","disabled","removePermissionDisabled","team","t","handle","Button","More","Tooltip","DropdownMenu","Text","setTimeout"],"mappings":";;;;AAMA,MAAMA,gBAAgB;IAClB;QACI,IAAI;QACJ,OAAO;QACP,aAAa;IACjB;IACA;QACI,IAAI;QACJ,OAAO;QACP,aAAa;IACjB;IACA;QACI,IAAI;QACJ,OAAO;QACP,aAAa;IACjB;IACA;QACI,IAAI;QACJ,OAAO;QACP,aAAa;IACjB;CACH;AAUM,MAAMC,eAAe,CAAC,EACzBC,UAAU,EACVC,MAAM,EACNC,WAAW,EACXC,cAAc,EACdC,kBAAkB,EACF;IAChB,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IAErB,MAAMC,eAAeC,QAAQ,IAClBV,cAAc,IAAI,CAACW,CAAAA,QAASA,MAAM,EAAE,KAAKT,WAAW,KAAK,GACjE;QAACA,WAAW,KAAK;KAAC;IAErB,MAAM,EAAEU,cAAc,EAAEC,0BAA0B,EAAEC,cAAc,EAAE,GAAGJ,QAAQ;QAC3E,IAAIK,UAAU;QACd,IAAIC,WAAW;QACf,IAAIC,2BAA2B;QAE/B,IAAIf,WAAW,aAAa,EAAE,WAAW,YAAY;YACjDa,UAAU;YACVC,WAAW;YACXC,2BAA2B;QAC/B;QAEA,IAAIf,WAAW,MAAM,EAAE;YACnBa,UAAU;YACVC,WAAW;YACXC,2BAA2B;QAC/B;QAEA,IAAIV,SAAU,EAAE,KAAKJ,OAAO,EAAE,EAAE;YAC5BY,UAAU;YACV,IAAIb,WAAW,aAAa,EAAE,WAAW,UAAU;gBAC/C,MAAMgB,OAAOd,YAAY,IAAI,CAACe,CAAAA,IAAKA,EAAE,MAAM,KAAKjB,WAAW,aAAa;gBACxEa,WAAW;gBACX,IAAIG,MACAH,WAAW,CAAC,EAAE,EAAEG,KAAK,IAAI,CAAC,CAAC,CAAC;gBAEhCH,WAAW;YACf;YACAC,WAAW;YACXC,2BAA2B;QAC/B;QAEA,OAAO;YACH,gBAAgBD;YAChB,4BAA4BC;YAC5B,gBAAgBF;QACpB;IACJ,GAAG;QAACb;QAAYK;QAAUJ;QAAQC;KAAY;IAE9C,MAAMgB,SAASV,QAAQ;QACnB,IAAIU,SAAS,WAATA,GACA,oBAACC,QAAMA;YACH,SAAS;YACT,UAAU,CAAC,CAACT;YACZ,MAAMH,aAAa,KAAK;YACxB,oBAAM,oBAACa,gBAAIA;YACX,cAAc;;QAItB,IAAIR,gBACAM,SAAS,WAATA,GAAS,oBAACG,SAAOA;YAAC,SAAST;YAAgB,SAASM;;QAGxD,OAAOA;IACX,GAAG;QAACN;QAAgBF;QAAgBH,aAAa,KAAK;KAAC;IAEvD,OAAO,WAAP,GACI,oBAACe,cAAYA;QAAC,SAASJ;OAClBpB,cAAc,GAAG,CAACW,CAAAA,QAAAA,WAAAA,GACf,oBAACa,aAAa,YAAY;YACtB,KAAKb,MAAM,EAAE;YACb,SAASF,aAAa,EAAE,KAAKE,MAAM,EAAE;YACrC,oBACI,oBAAC,2BACG,oBAACc,MAAIA;gBAAC,IAAI;eAAQd,MAAM,KAAK,iBAC7B,oBAACc,MAAIA;gBAAC,IAAI;gBAAO,MAAM;gBAAM,WAAW;eACnCd,MAAM,WAAW;YAI9B,SAAS;gBAELe,WAAW;oBACPpB,mBAAmB;wBACf,YAAY;4BACR,GAAGJ,UAAU;4BACb,OAAOS,MAAM,EAAE;wBACnB;oBACJ;gBACJ,GAAG;YACP;2BAGR,oBAACa,aAAa,SAAS,uBACvB,oBAACA,aAAa,IAAI;QACd,SAAS,IAAMnB,eAAe;gBAAEH;YAAW;QAC3C,MAAM;QACN,UAAUW;;AAI1B"}

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,6 +3,7 @@ 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,14 +1,15 @@
 import { useDialogs } from "@webiny/app-admin";
 const useConfirmMoveFolderDialog = ()=>{
     const dialogs = useDialogs();
-    const showDialog = ({ folder, targetFolder, onAccept })=>{
+    const showDialog = ({ folder, targetFolder, onAccept, onClose })=>{
         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)
+            onAccept: ()=>onAccept(folder, targetFolder),
+            onClose
         });
     };
     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}\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"}
+{"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"}

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();