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

package/components/Actions/DeleteFolder/DeleteFolder.js

@@ -20,7 +20,7 @@ const DeleteFolder = ()=>{
         label: "Delete",
         onAction: onAction,
         "data-testid": "aco.actions.folder.delete",
-        className: "text-destructive-primary! [&_svg]:fill-destructive"
+        variant: "destructive"
     });
 };
 export { DeleteFolder };

package/components/Actions/DeleteFolder/DeleteFolder.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/Actions/DeleteFolder/DeleteFolder.js","sources":["../../../../src/components/Actions/DeleteFolder/DeleteFolder.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\n\nimport { AcoConfig } from \"~/config/index.js\";\nimport { useDeleteDialog } from \"~/dialogs/index.js\";\nimport { useFolder } from \"~/hooks/index.js\";\n\nexport const DeleteFolder = () => {\n    const { folder } = useFolder();\n    const { showDialog } = useDeleteDialog();\n    const { OptionsMenuItem } = AcoConfig.Folder.Action;\n\n    const onAction = useCallback(() => {\n        showDialog({\n            folder\n        });\n    }, [folder]);\n\n    if (!folder) {\n        return null;\n    }\n\n    return (\n        <OptionsMenuItem\n            icon={<DeleteIcon />}\n            label={\"Delete\"}\n            onAction={onAction}\n            data-testid={\"aco.actions.folder.delete\"}\n            className={\"text-destructive-primary! [&_svg]:fill-destructive\"}\n        />\n    );\n};\n"],"names":["DeleteFolder","folder","useFolder","showDialog","useDeleteDialog","OptionsMenuItem","AcoConfig","onAction","useCallback","DeleteIcon"],"mappings":";;;;;AAOO,MAAMA,eAAe;IACxB,MAAM,EAAEC,MAAM,EAAE,GAAGC;IACnB,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAEC,eAAe,EAAE,GAAGC,UAAU,MAAM,CAAC,MAAM;IAEnD,MAAMC,WAAWC,YAAY;QACzBL,WAAW;YACPF;QACJ;IACJ,GAAG;QAACA;KAAO;IAEX,IAAI,CAACA,QACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACI,iBAAAA;QACG,oBAAM,oBAACI,gBAAUA;QACjB,OAAO;QACP,UAAUF;QACV,eAAa;QACb,WAAW;;AAGvB"}
+{"version":3,"file":"components/Actions/DeleteFolder/DeleteFolder.js","sources":["../../../../src/components/Actions/DeleteFolder/DeleteFolder.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\n\nimport { AcoConfig } from \"~/config/index.js\";\nimport { useDeleteDialog } from \"~/dialogs/index.js\";\nimport { useFolder } from \"~/hooks/index.js\";\n\nexport const DeleteFolder = () => {\n    const { folder } = useFolder();\n    const { showDialog } = useDeleteDialog();\n    const { OptionsMenuItem } = AcoConfig.Folder.Action;\n\n    const onAction = useCallback(() => {\n        showDialog({\n            folder\n        });\n    }, [folder]);\n\n    if (!folder) {\n        return null;\n    }\n\n    return (\n        <OptionsMenuItem\n            icon={<DeleteIcon />}\n            label={\"Delete\"}\n            onAction={onAction}\n            data-testid={\"aco.actions.folder.delete\"}\n            variant={\"destructive\"}\n        />\n    );\n};\n"],"names":["DeleteFolder","folder","useFolder","showDialog","useDeleteDialog","OptionsMenuItem","AcoConfig","onAction","useCallback","DeleteIcon"],"mappings":";;;;;AAOO,MAAMA,eAAe;IACxB,MAAM,EAAEC,MAAM,EAAE,GAAGC;IACnB,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAEC,eAAe,EAAE,GAAGC,UAAU,MAAM,CAAC,MAAM;IAEnD,MAAMC,WAAWC,YAAY;QACzBL,WAAW;YACPF;QACJ;IACJ,GAAG;QAACA;KAAO;IAEX,IAAI,CAACA,QACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACI,iBAAAA;QACG,oBAAM,oBAACI,gBAAUA;QACjB,OAAO;QACP,UAAUF;QACV,eAAa;QACb,SAAS;;AAGrB"}

package/components/AdvancedSearch/AdvancedSearch.d.ts

@@ -5,6 +5,6 @@ export interface AdvancedSearchProps {
     repository: FilterRepository;
     onApplyFilter: (data: FilterDTO | null) => void;
 }
-export declare const AdvancedSearch: (({ fields, repository, onApplyFilter }: AdvancedSearchProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const AdvancedSearch: (({ fields, repository, onApplyFilter }: AdvancedSearchProps) => React.JSX.Element) & React.NamedExoticComponent<AdvancedSearchProps> & {
+    readonly type: ({ fields, repository, onApplyFilter }: AdvancedSearchProps) => React.JSX.Element;
 };

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilderDrawer.d.ts

@@ -11,7 +11,7 @@ interface QueryBuilderDrawerProps {
         isOpen: boolean;
     };
 }
-export declare const QueryBuilderDrawer: (({ filter, ...props }: QueryBuilderDrawerProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const QueryBuilderDrawer: (({ filter, ...props }: QueryBuilderDrawerProps) => React.JSX.Element) & React.NamedExoticComponent<QueryBuilderDrawerProps> & {
+    readonly type: ({ filter, ...props }: QueryBuilderDrawerProps) => React.JSX.Element;
 };
 export {};

package/components/AdvancedSearch/domain/Filter.d.ts

@@ -49,6 +49,7 @@ export declare class Filter {
     static createEmpty(): Filter;
     static create(data: FilterDTO): Filter;
     static validate(data: FilterDTO): zod.ZodSafeParseResult<{
+        id?: string | null | undefined;
         name: string;
         description: string;
         operation: Operation;
@@ -60,7 +61,6 @@ export declare class Filter {
                 value: string | number | boolean | (string | number | boolean)[];
             }[];
         }[];
-        id?: string | null | undefined;
     }>;
     protected constructor(data: {
         operation: Operation;

package/components/AdvancedSearch/domain/FilterRepositoryFactory.d.ts

@@ -1,9 +1,9 @@
-import type { ApolloClient } from "apollo-client";
+import type { MainGraphQLClient } from "@webiny/app/features/mainGraphQLClient/index.js";
 import { FilterRepository } from "./FilterRepository.js";
 declare class FilterRepositoryFactory {
     private gateway;
     private cache;
-    getRepository(client: ApolloClient<any>, namespace: string): FilterRepository;
+    getRepository(client: MainGraphQLClient.Interface, namespace: string): FilterRepository;
 }
 export declare const filterRepositoryFactory: FilterRepositoryFactory;
 export {};

package/components/AdvancedSearch/domain/FilterRepositoryFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/AdvancedSearch/domain/FilterRepositoryFactory.js","sources":["../../../../src/components/AdvancedSearch/domain/FilterRepositoryFactory.ts"],"sourcesContent":["import type { ApolloClient } from \"apollo-client\";\nimport type { FiltersGatewayInterface } from \"~/components/AdvancedSearch/gateways/index.js\";\nimport { FiltersGraphQLGateway } from \"~/components/AdvancedSearch/gateways/index.js\";\nimport { FilterRepository } from \"./FilterRepository.js\";\n\nclass FilterRepositoryFactory {\n    private gateway: FiltersGatewayInterface | undefined;\n    private cache: Map<string, FilterRepository> = new Map();\n\n    getRepository(client: ApolloClient<any>, namespace: string) {\n        if (!this.gateway) {\n            this.gateway = new FiltersGraphQLGateway(client);\n        }\n\n        if (!this.cache.has(namespace)) {\n            this.cache.set(namespace, new FilterRepository(this.gateway, namespace));\n        }\n\n        return this.cache.get(namespace) as FilterRepository;\n    }\n}\n\nexport const filterRepositoryFactory = new FilterRepositoryFactory();\n"],"names":["FilterRepositoryFactory","client","namespace","FiltersGraphQLGateway","FilterRepository","Map","filterRepositoryFactory"],"mappings":";;AAKA,MAAMA;IAIF,cAAcC,MAAyB,EAAEC,SAAiB,EAAE;QACxD,IAAI,CAAC,IAAI,CAAC,OAAO,EACb,IAAI,CAAC,OAAO,GAAG,IAAIC,sBAAsBF;QAG7C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAACC,YAChB,IAAI,CAAC,KAAK,CAAC,GAAG,CAACA,WAAW,IAAIE,iBAAiB,IAAI,CAAC,OAAO,EAAEF;QAGjE,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAACA;IAC1B;;aAZQ,KAAK,GAAkC,IAAIG;;AAavD;AAEO,MAAMC,0BAA0B,IAAIN"}
+{"version":3,"file":"components/AdvancedSearch/domain/FilterRepositoryFactory.js","sources":["../../../../src/components/AdvancedSearch/domain/FilterRepositoryFactory.ts"],"sourcesContent":["import type { MainGraphQLClient } from \"@webiny/app/features/mainGraphQLClient/index.js\";\nimport type { FiltersGatewayInterface } from \"~/components/AdvancedSearch/gateways/index.js\";\nimport { FiltersGraphQLGateway } from \"~/components/AdvancedSearch/gateways/index.js\";\nimport { FilterRepository } from \"./FilterRepository.js\";\n\nclass FilterRepositoryFactory {\n    private gateway: FiltersGatewayInterface | undefined;\n    private cache: Map<string, FilterRepository> = new Map();\n\n    getRepository(client: MainGraphQLClient.Interface, namespace: string) {\n        if (!this.gateway) {\n            this.gateway = new FiltersGraphQLGateway(client);\n        }\n\n        if (!this.cache.has(namespace)) {\n            this.cache.set(namespace, new FilterRepository(this.gateway, namespace));\n        }\n\n        return this.cache.get(namespace) as FilterRepository;\n    }\n}\n\nexport const filterRepositoryFactory = new FilterRepositoryFactory();\n"],"names":["FilterRepositoryFactory","client","namespace","FiltersGraphQLGateway","FilterRepository","Map","filterRepositoryFactory"],"mappings":";;AAKA,MAAMA;IAIF,cAAcC,MAAmC,EAAEC,SAAiB,EAAE;QAClE,IAAI,CAAC,IAAI,CAAC,OAAO,EACb,IAAI,CAAC,OAAO,GAAG,IAAIC,sBAAsBF;QAG7C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAACC,YAChB,IAAI,CAAC,KAAK,CAAC,GAAG,CAACA,WAAW,IAAIE,iBAAiB,IAAI,CAAC,OAAO,EAAEF;QAGjE,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAACA;IAC1B;;aAZQ,KAAK,GAAkC,IAAIG;;AAavD;AAEO,MAAMC,0BAA0B,IAAIN"}

package/components/AdvancedSearch/gateways/FiltersGraphQLGateway.d.ts

@@ -1,9 +1,9 @@
-import type { ApolloClient } from "apollo-client";
+import type { MainGraphQLClient } from "@webiny/app/features/mainGraphQLClient/index.js";
 import type { CreateFilterPayload, UpdateFilterPayload } from "./filters.types.js";
 import type { FiltersGatewayInterface } from "./FiltersGatewayInterface.js";
 export declare class FiltersGraphQLGateway implements FiltersGatewayInterface {
     private client;
-    constructor(client: ApolloClient<any>);
+    constructor(client: MainGraphQLClient.Interface);
     list(namespace: string): Promise<import("../domain/Filter.js").FilterDTO[]>;
     get(id: string): Promise<import("../domain/Filter.js").FilterDTO>;
     create(filter: CreateFilterPayload): Promise<import("../domain/Filter.js").FilterDTO>;

package/components/AdvancedSearch/gateways/FiltersGraphQLGateway.js

@@ -4,13 +4,12 @@ class FiltersGraphQLGateway {
         this.client = client;
     }
     async list(namespace) {
-        const { data: response } = await this.client.query({
+        const response = await this.client.execute({
             query: LIST_FILTERS,
             variables: {
                 namespace,
                 limit: 10000
-            },
-            fetchPolicy: "network-only"
+            }
         });
         if (!response) throw new Error("Network error while listing filters.");
         const { data, error } = response.aco.listFilters;
@@ -18,7 +17,7 @@ class FiltersGraphQLGateway {
         return data;
     }
     async get(id) {
-        const { data: response } = await this.client.query({
+        const response = await this.client.execute({
             query: GET_FILTER,
             variables: {
                 id
@@ -30,8 +29,8 @@ class FiltersGraphQLGateway {
         return data;
     }
     async create(filter) {
-        const { data: response } = await this.client.mutate({
-            mutation: CREATE_FILTER,
+        const response = await this.client.execute({
+            query: CREATE_FILTER,
             variables: {
                 data: filter
             }
@@ -44,8 +43,8 @@ class FiltersGraphQLGateway {
     async update(filter) {
         const { id, name, description, operation, groups } = filter;
         if (!id) throw new Error("Error while updating filter, missing id.");
-        const { data: response } = await this.client.mutate({
-            mutation: UPDATE_FILTER,
+        const response = await this.client.execute({
+            query: UPDATE_FILTER,
             variables: {
                 id,
                 data: {
@@ -62,8 +61,8 @@ class FiltersGraphQLGateway {
         return data;
     }
     async delete(id) {
-        const { data: response } = await this.client.mutate({
-            mutation: DELETE_FILTER,
+        const response = await this.client.execute({
+            query: DELETE_FILTER,
             variables: {
                 id
             }

package/components/AdvancedSearch/gateways/FiltersGraphQLGateway.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/AdvancedSearch/gateways/FiltersGraphQLGateway.js","sources":["../../../../src/components/AdvancedSearch/gateways/FiltersGraphQLGateway.ts"],"sourcesContent":["import type { ApolloClient } from \"apollo-client\";\n\nimport type {\n    CreateFilterPayload,\n    CreateFilterResponse,\n    CreateFilterVariables,\n    DeleteFilterResponse,\n    DeleteFilterVariables,\n    GetFilterQueryVariables,\n    GetFilterResponse,\n    ListFiltersQueryVariables,\n    ListFiltersResponse,\n    UpdateFilterPayload,\n    UpdateFilterResponse,\n    UpdateFilterVariables\n} from \"./filters.types.js\";\nimport type { FiltersGatewayInterface } from \"./FiltersGatewayInterface.js\";\nimport {\n    CREATE_FILTER,\n    DELETE_FILTER,\n    GET_FILTER,\n    LIST_FILTERS,\n    UPDATE_FILTER\n} from \"./filters.gql.js\";\n\nexport class FiltersGraphQLGateway implements FiltersGatewayInterface {\n    private client: ApolloClient<any>;\n\n    constructor(client: ApolloClient<any>) {\n        this.client = client;\n    }\n\n    async list(namespace: string) {\n        const { data: response } = await this.client.query<\n            ListFiltersResponse,\n            ListFiltersQueryVariables\n        >({\n            query: LIST_FILTERS,\n            variables: {\n                namespace,\n                limit: 10000\n            },\n            fetchPolicy: \"network-only\"\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while listing filters.\");\n        }\n\n        const { data, error } = response.aco.listFilters;\n\n        if (!data) {\n            throw new Error(error?.message || \"Could not fetch filters.\");\n        }\n\n        return data;\n    }\n\n    async get(id: string) {\n        const { data: response } = await this.client.query<\n            GetFilterResponse,\n            GetFilterQueryVariables\n        >({\n            query: GET_FILTER,\n            variables: { id }\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while fetch filter.\");\n        }\n\n        const { data, error } = response.aco.getFilter;\n\n        if (!data) {\n            throw new Error(error?.message || `Could not fetch filter with id: ${id}`);\n        }\n\n        return data;\n    }\n\n    async create(filter: CreateFilterPayload) {\n        const { data: response } = await this.client.mutate<\n            CreateFilterResponse,\n            CreateFilterVariables\n        >({\n            mutation: CREATE_FILTER,\n            variables: {\n                data: filter\n            }\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while creating filter.\");\n        }\n\n        const { data, error } = response.aco.createFilter;\n\n        if (!data) {\n            throw new Error(error?.message || \"Could not create filter.\");\n        }\n\n        return data;\n    }\n\n    async update(filter: UpdateFilterPayload) {\n        const { id, name, description, operation, groups } = filter;\n\n        if (!id) {\n            throw new Error(\"Error while updating filter, missing id.\");\n        }\n\n        const { data: response } = await this.client.mutate<\n            UpdateFilterResponse,\n            UpdateFilterVariables\n        >({\n            mutation: UPDATE_FILTER,\n            variables: {\n                id,\n                data: {\n                    name,\n                    description,\n                    operation,\n                    groups\n                }\n            }\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while updating filter.\");\n        }\n\n        const { data, error } = response.aco.updateFilter;\n\n        if (!data) {\n            throw new Error(error?.message || \"Could not update filter.\");\n        }\n\n        return data;\n    }\n\n    async delete(id: string) {\n        const { data: response } = await this.client.mutate<\n            DeleteFilterResponse,\n            DeleteFilterVariables\n        >({\n            mutation: DELETE_FILTER,\n            variables: {\n                id\n            }\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while deleting filter.\");\n        }\n\n        const { data, error } = response.aco.deleteFilter;\n\n        if (!data) {\n            throw new Error(error?.message || \"Could not delete filter.\");\n        }\n\n        return true;\n    }\n}\n"],"names":["FiltersGraphQLGateway","client","namespace","response","LIST_FILTERS","Error","data","error","id","GET_FILTER","filter","CREATE_FILTER","name","description","operation","groups","UPDATE_FILTER","DELETE_FILTER"],"mappings":";AAyBO,MAAMA;IAGT,YAAYC,MAAyB,CAAE;QACnC,IAAI,CAAC,MAAM,GAAGA;IAClB;IAEA,MAAM,KAAKC,SAAiB,EAAE;QAC1B,MAAM,EAAE,MAAMC,QAAQ,EAAE,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAGhD;YACE,OAAOC;YACP,WAAW;gBACPF;gBACA,OAAO;YACX;YACA,aAAa;QACjB;QAEA,IAAI,CAACC,UACD,MAAM,IAAIE,MAAM;QAGpB,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGJ,SAAS,GAAG,CAAC,WAAW;QAEhD,IAAI,CAACG,MACD,MAAM,IAAID,MAAME,OAAO,WAAW;QAGtC,OAAOD;IACX;IAEA,MAAM,IAAIE,EAAU,EAAE;QAClB,MAAM,EAAE,MAAML,QAAQ,EAAE,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAGhD;YACE,OAAOM;YACP,WAAW;gBAAED;YAAG;QACpB;QAEA,IAAI,CAACL,UACD,MAAM,IAAIE,MAAM;QAGpB,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGJ,SAAS,GAAG,CAAC,SAAS;QAE9C,IAAI,CAACG,MACD,MAAM,IAAID,MAAME,OAAO,WAAW,CAAC,gCAAgC,EAAEC,IAAI;QAG7E,OAAOF;IACX;IAEA,MAAM,OAAOI,MAA2B,EAAE;QACtC,MAAM,EAAE,MAAMP,QAAQ,EAAE,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,CAGjD;YACE,UAAUQ;YACV,WAAW;gBACP,MAAMD;YACV;QACJ;QAEA,IAAI,CAACP,UACD,MAAM,IAAIE,MAAM;QAGpB,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGJ,SAAS,GAAG,CAAC,YAAY;QAEjD,IAAI,CAACG,MACD,MAAM,IAAID,MAAME,OAAO,WAAW;QAGtC,OAAOD;IACX;IAEA,MAAM,OAAOI,MAA2B,EAAE;QACtC,MAAM,EAAEF,EAAE,EAAEI,IAAI,EAAEC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAE,GAAGL;QAErD,IAAI,CAACF,IACD,MAAM,IAAIH,MAAM;QAGpB,MAAM,EAAE,MAAMF,QAAQ,EAAE,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,CAGjD;YACE,UAAUa;YACV,WAAW;gBACPR;gBACA,MAAM;oBACFI;oBACAC;oBACAC;oBACAC;gBACJ;YACJ;QACJ;QAEA,IAAI,CAACZ,UACD,MAAM,IAAIE,MAAM;QAGpB,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGJ,SAAS,GAAG,CAAC,YAAY;QAEjD,IAAI,CAACG,MACD,MAAM,IAAID,MAAME,OAAO,WAAW;QAGtC,OAAOD;IACX;IAEA,MAAM,OAAOE,EAAU,EAAE;QACrB,MAAM,EAAE,MAAML,QAAQ,EAAE,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,CAGjD;YACE,UAAUc;YACV,WAAW;gBACPT;YACJ;QACJ;QAEA,IAAI,CAACL,UACD,MAAM,IAAIE,MAAM;QAGpB,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGJ,SAAS,GAAG,CAAC,YAAY;QAEjD,IAAI,CAACG,MACD,MAAM,IAAID,MAAME,OAAO,WAAW;QAGtC,OAAO;IACX;AACJ"}
+{"version":3,"file":"components/AdvancedSearch/gateways/FiltersGraphQLGateway.js","sources":["../../../../src/components/AdvancedSearch/gateways/FiltersGraphQLGateway.ts"],"sourcesContent":["import type { MainGraphQLClient } from \"@webiny/app/features/mainGraphQLClient/index.js\";\n\nimport type {\n    CreateFilterPayload,\n    CreateFilterResponse,\n    DeleteFilterResponse,\n    GetFilterResponse,\n    GetFilterQueryVariables,\n    CreateFilterVariables,\n    UpdateFilterVariables,\n    DeleteFilterVariables,\n    ListFiltersResponse,\n    ListFiltersQueryVariables,\n    UpdateFilterPayload,\n    UpdateFilterResponse\n} from \"./filters.types.js\";\nimport type { FiltersGatewayInterface } from \"./FiltersGatewayInterface.js\";\nimport {\n    CREATE_FILTER,\n    DELETE_FILTER,\n    GET_FILTER,\n    LIST_FILTERS,\n    UPDATE_FILTER\n} from \"./filters.gql.js\";\n\nexport class FiltersGraphQLGateway implements FiltersGatewayInterface {\n    private client: MainGraphQLClient.Interface;\n\n    constructor(client: MainGraphQLClient.Interface) {\n        this.client = client;\n    }\n\n    async list(namespace: string) {\n        const response = await this.client.execute<ListFiltersResponse, ListFiltersQueryVariables>({\n            query: LIST_FILTERS,\n            variables: {\n                namespace,\n                limit: 10000\n            }\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while listing filters.\");\n        }\n\n        const { data, error } = response.aco.listFilters;\n\n        if (!data) {\n            throw new Error(error?.message || \"Could not fetch filters.\");\n        }\n\n        return data;\n    }\n\n    async get(id: string) {\n        const response = await this.client.execute<GetFilterResponse, GetFilterQueryVariables>({\n            query: GET_FILTER,\n            variables: { id }\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while fetch filter.\");\n        }\n\n        const { data, error } = response.aco.getFilter;\n\n        if (!data) {\n            throw new Error(error?.message || `Could not fetch filter with id: ${id}`);\n        }\n\n        return data;\n    }\n\n    async create(filter: CreateFilterPayload) {\n        const response = await this.client.execute<CreateFilterResponse, CreateFilterVariables>({\n            query: CREATE_FILTER,\n            variables: {\n                data: filter\n            }\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while creating filter.\");\n        }\n\n        const { data, error } = response.aco.createFilter;\n\n        if (!data) {\n            throw new Error(error?.message || \"Could not create filter.\");\n        }\n\n        return data;\n    }\n\n    async update(filter: UpdateFilterPayload) {\n        const { id, name, description, operation, groups } = filter;\n\n        if (!id) {\n            throw new Error(\"Error while updating filter, missing id.\");\n        }\n\n        const response = await this.client.execute<UpdateFilterResponse, UpdateFilterVariables>({\n            query: UPDATE_FILTER,\n            variables: {\n                id,\n                data: {\n                    name,\n                    description,\n                    operation,\n                    groups\n                }\n            }\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while updating filter.\");\n        }\n\n        const { data, error } = response.aco.updateFilter;\n\n        if (!data) {\n            throw new Error(error?.message || \"Could not update filter.\");\n        }\n\n        return data;\n    }\n\n    async delete(id: string) {\n        const response = await this.client.execute<DeleteFilterResponse, DeleteFilterVariables>({\n            query: DELETE_FILTER,\n            variables: {\n                id\n            }\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while deleting filter.\");\n        }\n\n        const { data, error } = response.aco.deleteFilter;\n\n        if (!data) {\n            throw new Error(error?.message || \"Could not delete filter.\");\n        }\n\n        return true;\n    }\n}\n"],"names":["FiltersGraphQLGateway","client","namespace","response","LIST_FILTERS","Error","data","error","id","GET_FILTER","filter","CREATE_FILTER","name","description","operation","groups","UPDATE_FILTER","DELETE_FILTER"],"mappings":";AAyBO,MAAMA;IAGT,YAAYC,MAAmC,CAAE;QAC7C,IAAI,CAAC,MAAM,GAAGA;IAClB;IAEA,MAAM,KAAKC,SAAiB,EAAE;QAC1B,MAAMC,WAAW,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAiD;YACvF,OAAOC;YACP,WAAW;gBACPF;gBACA,OAAO;YACX;QACJ;QAEA,IAAI,CAACC,UACD,MAAM,IAAIE,MAAM;QAGpB,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGJ,SAAS,GAAG,CAAC,WAAW;QAEhD,IAAI,CAACG,MACD,MAAM,IAAID,MAAME,OAAO,WAAW;QAGtC,OAAOD;IACX;IAEA,MAAM,IAAIE,EAAU,EAAE;QAClB,MAAML,WAAW,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAA6C;YACnF,OAAOM;YACP,WAAW;gBAAED;YAAG;QACpB;QAEA,IAAI,CAACL,UACD,MAAM,IAAIE,MAAM;QAGpB,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGJ,SAAS,GAAG,CAAC,SAAS;QAE9C,IAAI,CAACG,MACD,MAAM,IAAID,MAAME,OAAO,WAAW,CAAC,gCAAgC,EAAEC,IAAI;QAG7E,OAAOF;IACX;IAEA,MAAM,OAAOI,MAA2B,EAAE;QACtC,MAAMP,WAAW,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAA8C;YACpF,OAAOQ;YACP,WAAW;gBACP,MAAMD;YACV;QACJ;QAEA,IAAI,CAACP,UACD,MAAM,IAAIE,MAAM;QAGpB,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGJ,SAAS,GAAG,CAAC,YAAY;QAEjD,IAAI,CAACG,MACD,MAAM,IAAID,MAAME,OAAO,WAAW;QAGtC,OAAOD;IACX;IAEA,MAAM,OAAOI,MAA2B,EAAE;QACtC,MAAM,EAAEF,EAAE,EAAEI,IAAI,EAAEC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAE,GAAGL;QAErD,IAAI,CAACF,IACD,MAAM,IAAIH,MAAM;QAGpB,MAAMF,WAAW,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAA8C;YACpF,OAAOa;YACP,WAAW;gBACPR;gBACA,MAAM;oBACFI;oBACAC;oBACAC;oBACAC;gBACJ;YACJ;QACJ;QAEA,IAAI,CAACZ,UACD,MAAM,IAAIE,MAAM;QAGpB,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGJ,SAAS,GAAG,CAAC,YAAY;QAEjD,IAAI,CAACG,MACD,MAAM,IAAID,MAAME,OAAO,WAAW;QAGtC,OAAOD;IACX;IAEA,MAAM,OAAOE,EAAU,EAAE;QACrB,MAAML,WAAW,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAA8C;YACpF,OAAOc;YACP,WAAW;gBACPT;YACJ;QACJ;QAEA,IAAI,CAACL,UACD,MAAM,IAAIE,MAAM;QAGpB,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGJ,SAAS,GAAG,CAAC,YAAY;QAEjD,IAAI,CAACG,MACD,MAAM,IAAID,MAAME,OAAO,WAAW;QAGtC,OAAO;IACX;AACJ"}

package/components/AdvancedSearch/gateways/filters.gql.d.ts

@@ -1,5 +1,5 @@
-export declare const CREATE_FILTER: import("graphql").DocumentNode;
-export declare const LIST_FILTERS: import("graphql").DocumentNode;
-export declare const GET_FILTER: import("graphql").DocumentNode;
-export declare const UPDATE_FILTER: import("graphql").DocumentNode;
-export declare const DELETE_FILTER: import("graphql").DocumentNode;
+export declare const CREATE_FILTER = "\n    mutation CreateFilter($data: FilterCreateInput!) {\n        aco {\n            createFilter(data: $data) {\n                data \n    {\n        id\n        name\n        description\n        operation\n        groups {\n            operation\n            filters {\n                field\n                condition\n                value\n            }\n        }\n        createdOn\n    }\n\n                error \n    {\n        code\n        data\n        message\n    }\n\n            }\n        }\n    }\n";
+export declare const LIST_FILTERS = "\n    query ListFilters($namespace: String!, $limit: Int!) {\n        aco {\n            listFilters(where: { namespace: $namespace }, limit: $limit) {\n                data \n    {\n        id\n        name\n        description\n        operation\n        groups {\n            operation\n            filters {\n                field\n                condition\n                value\n            }\n        }\n        createdOn\n    }\n\n                error \n    {\n        code\n        data\n        message\n    }\n\n            }\n        }\n    }\n";
+export declare const GET_FILTER = "\n    query GetFilters($id: ID!) {\n        aco {\n            getFilter(id: $id) {\n                data \n    {\n        id\n        name\n        description\n        operation\n        groups {\n            operation\n            filters {\n                field\n                condition\n                value\n            }\n        }\n        createdOn\n    }\n\n                error \n    {\n        code\n        data\n        message\n    }\n\n            }\n        }\n    }\n";
+export declare const UPDATE_FILTER = "\n    mutation UpdateFilter($id: ID!, $data: FilterUpdateInput!) {\n        aco {\n            updateFilter(id: $id, data: $data) {\n                data \n    {\n        id\n        name\n        description\n        operation\n        groups {\n            operation\n            filters {\n                field\n                condition\n                value\n            }\n        }\n        createdOn\n    }\n\n                error \n    {\n        code\n        data\n        message\n    }\n\n            }\n        }\n    }\n";
+export declare const DELETE_FILTER = "\n    mutation DeleteFilter($id: ID!) {\n        aco {\n            deleteFilter(id: $id) {\n                data\n                error \n    {\n        code\n        data\n        message\n    }\n\n            }\n        }\n    }\n";

package/components/AdvancedSearch/gateways/filters.gql.js

@@ -1,4 +1,3 @@
-import graphql_tag from "graphql-tag";
 const ERROR_FIELD = `
     {
         code
@@ -23,7 +22,7 @@ const DATA_FIELD = `
         createdOn
     }
 `;
-const CREATE_FILTER = graphql_tag`
+const CREATE_FILTER = `
     mutation CreateFilter($data: FilterCreateInput!) {
         aco {
             createFilter(data: $data) {
@@ -33,7 +32,7 @@ const CREATE_FILTER = graphql_tag`
         }
     }
 `;
-const LIST_FILTERS = graphql_tag`
+const LIST_FILTERS = `
     query ListFilters($namespace: String!, $limit: Int!) {
         aco {
             listFilters(where: { namespace: $namespace }, limit: $limit) {
@@ -43,7 +42,7 @@ const LIST_FILTERS = graphql_tag`
         }
     }
 `;
-const GET_FILTER = graphql_tag`
+const GET_FILTER = `
     query GetFilters($id: ID!) {
         aco {
             getFilter(id: $id) {
@@ -53,7 +52,7 @@ const GET_FILTER = graphql_tag`
         }
     }
 `;
-const UPDATE_FILTER = graphql_tag`
+const UPDATE_FILTER = `
     mutation UpdateFilter($id: ID!, $data: FilterUpdateInput!) {
         aco {
             updateFilter(id: $id, data: $data) {
@@ -63,7 +62,7 @@ const UPDATE_FILTER = graphql_tag`
         }
     }
 `;
-const DELETE_FILTER = graphql_tag`
+const DELETE_FILTER = `
     mutation DeleteFilter($id: ID!) {
         aco {
             deleteFilter(id: $id) {

package/components/AdvancedSearch/gateways/filters.gql.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/AdvancedSearch/gateways/filters.gql.js","sources":["../../../../src/components/AdvancedSearch/gateways/filters.gql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nconst ERROR_FIELD = /* GraphQL */ `\n    {\n        code\n        data\n        message\n    }\n`;\n\nconst DATA_FIELD = /* GraphQL */ `\n    {\n        id\n        name\n        description\n        operation\n        groups {\n            operation\n            filters {\n                field\n                condition\n                value\n            }\n        }\n        createdOn\n    }\n`;\n\nexport const CREATE_FILTER = gql`\n    mutation CreateFilter($data: FilterCreateInput!) {\n        aco {\n            createFilter(data: $data) {\n                data ${DATA_FIELD}\n                error ${ERROR_FIELD}\n            }\n        }\n    }\n`;\n\nexport const LIST_FILTERS = gql`\n    query ListFilters($namespace: String!, $limit: Int!) {\n        aco {\n            listFilters(where: { namespace: $namespace }, limit: $limit) {\n                data ${DATA_FIELD}\n                error ${ERROR_FIELD}\n            }\n        }\n    }\n`;\n\nexport const GET_FILTER = gql`\n    query GetFilters($id: ID!) {\n        aco {\n            getFilter(id: $id) {\n                data ${DATA_FIELD}\n                error ${ERROR_FIELD}\n            }\n        }\n    }\n`;\n\nexport const UPDATE_FILTER = gql`\n    mutation UpdateFilter($id: ID!, $data: FilterUpdateInput!) {\n        aco {\n            updateFilter(id: $id, data: $data) {\n                data ${DATA_FIELD}\n                error ${ERROR_FIELD}\n            }\n        }\n    }\n`;\n\nexport const DELETE_FILTER = gql`\n    mutation DeleteFilter($id: ID!) {\n        aco {\n            deleteFilter(id: $id) {\n                data\n                error ${ERROR_FIELD}\n            }\n        }\n    }\n`;\n"],"names":["ERROR_FIELD","DATA_FIELD","CREATE_FILTER","gql","LIST_FILTERS","GET_FILTER","UPDATE_FILTER","DELETE_FILTER"],"mappings":";AAEA,MAAMA,cAA4B,CAAC;;;;;;AAMnC,CAAC;AAED,MAAMC,aAA2B,CAAC;;;;;;;;;;;;;;;;AAgBlC,CAAC;AAEM,MAAMC,gBAAgBC,WAAG,CAAC;;;;qBAIZ,EAAEF,WAAW;sBACZ,EAAED,YAAY;;;;AAIpC,CAAC;AAEM,MAAMI,eAAeD,WAAG,CAAC;;;;qBAIX,EAAEF,WAAW;sBACZ,EAAED,YAAY;;;;AAIpC,CAAC;AAEM,MAAMK,aAAaF,WAAG,CAAC;;;;qBAIT,EAAEF,WAAW;sBACZ,EAAED,YAAY;;;;AAIpC,CAAC;AAEM,MAAMM,gBAAgBH,WAAG,CAAC;;;;qBAIZ,EAAEF,WAAW;sBACZ,EAAED,YAAY;;;;AAIpC,CAAC;AAEM,MAAMO,gBAAgBJ,WAAG,CAAC;;;;;sBAKX,EAAEH,YAAY;;;;AAIpC,CAAC"}
+{"version":3,"file":"components/AdvancedSearch/gateways/filters.gql.js","sources":["../../../../src/components/AdvancedSearch/gateways/filters.gql.ts"],"sourcesContent":["const ERROR_FIELD = /* GraphQL */ `\n    {\n        code\n        data\n        message\n    }\n`;\n\nconst DATA_FIELD = /* GraphQL */ `\n    {\n        id\n        name\n        description\n        operation\n        groups {\n            operation\n            filters {\n                field\n                condition\n                value\n            }\n        }\n        createdOn\n    }\n`;\n\nexport const CREATE_FILTER = /* GraphQL */ `\n    mutation CreateFilter($data: FilterCreateInput!) {\n        aco {\n            createFilter(data: $data) {\n                data ${DATA_FIELD}\n                error ${ERROR_FIELD}\n            }\n        }\n    }\n`;\n\nexport const LIST_FILTERS = /* GraphQL */ `\n    query ListFilters($namespace: String!, $limit: Int!) {\n        aco {\n            listFilters(where: { namespace: $namespace }, limit: $limit) {\n                data ${DATA_FIELD}\n                error ${ERROR_FIELD}\n            }\n        }\n    }\n`;\n\nexport const GET_FILTER = /* GraphQL */ `\n    query GetFilters($id: ID!) {\n        aco {\n            getFilter(id: $id) {\n                data ${DATA_FIELD}\n                error ${ERROR_FIELD}\n            }\n        }\n    }\n`;\n\nexport const UPDATE_FILTER = /* GraphQL */ `\n    mutation UpdateFilter($id: ID!, $data: FilterUpdateInput!) {\n        aco {\n            updateFilter(id: $id, data: $data) {\n                data ${DATA_FIELD}\n                error ${ERROR_FIELD}\n            }\n        }\n    }\n`;\n\nexport const DELETE_FILTER = /* GraphQL */ `\n    mutation DeleteFilter($id: ID!) {\n        aco {\n            deleteFilter(id: $id) {\n                data\n                error ${ERROR_FIELD}\n            }\n        }\n    }\n`;\n"],"names":["ERROR_FIELD","DATA_FIELD","CREATE_FILTER","LIST_FILTERS","GET_FILTER","UPDATE_FILTER","DELETE_FILTER"],"mappings":"AAAA,MAAMA,cAA4B,CAAC;;;;;;AAMnC,CAAC;AAED,MAAMC,aAA2B,CAAC;;;;;;;;;;;;;;;;AAgBlC,CAAC;AAEM,MAAMC,gBAA8B,CAAC;;;;qBAIvB,EAAED,WAAW;sBACZ,EAAED,YAAY;;;;AAIpC,CAAC;AAEM,MAAMG,eAA6B,CAAC;;;;qBAItB,EAAEF,WAAW;sBACZ,EAAED,YAAY;;;;AAIpC,CAAC;AAEM,MAAMI,aAA2B,CAAC;;;;qBAIpB,EAAEH,WAAW;sBACZ,EAAED,YAAY;;;;AAIpC,CAAC;AAEM,MAAMK,gBAA8B,CAAC;;;;qBAIvB,EAAEJ,WAAW;sBACZ,EAAED,YAAY;;;;AAIpC,CAAC;AAEM,MAAMM,gBAA8B,CAAC;;;;;sBAKtB,EAAEN,YAAY;;;;AAIpC,CAAC"}

package/components/AdvancedSearch/useFilterRepository.js

@@ -1,7 +1,12 @@
-import { useApolloClient } from "@apollo/react-hooks";
+import { useMemo } from "react";
+import { useContainer } from "@webiny/app";
+import { MainGraphQLClient } from "@webiny/app/features/mainGraphQLClient/index.js";
 import { filterRepositoryFactory } from "./domain/index.js";
 const useFilterRepository = (namespace)=>{
-    const client = useApolloClient();
+    const container = useContainer();
+    const client = useMemo(()=>container.resolve(MainGraphQLClient), [
+        container
+    ]);
     return filterRepositoryFactory.getRepository(client, namespace);
 };
 export { useFilterRepository };

package/components/AdvancedSearch/useFilterRepository.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/AdvancedSearch/useFilterRepository.js","sources":["../../../src/components/AdvancedSearch/useFilterRepository.tsx"],"sourcesContent":["import { useApolloClient } from \"@apollo/react-hooks\";\nimport { filterRepositoryFactory } from \"~/components/AdvancedSearch/domain/index.js\";\n\nexport const useFilterRepository = (namespace: string) => {\n    const client = useApolloClient();\n\n    return filterRepositoryFactory.getRepository(client, namespace);\n};\n"],"names":["useFilterRepository","namespace","client","useApolloClient","filterRepositoryFactory"],"mappings":";;AAGO,MAAMA,sBAAsB,CAACC;IAChC,MAAMC,SAASC;IAEf,OAAOC,wBAAwB,aAAa,CAACF,QAAQD;AACzD"}
+{"version":3,"file":"components/AdvancedSearch/useFilterRepository.js","sources":["../../../src/components/AdvancedSearch/useFilterRepository.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport { MainGraphQLClient } from \"@webiny/app/features/mainGraphQLClient/index.js\";\nimport { filterRepositoryFactory } from \"~/components/AdvancedSearch/domain/index.js\";\n\nexport const useFilterRepository = (namespace: string) => {\n    const container = useContainer();\n    const client = useMemo(() => container.resolve(MainGraphQLClient), [container]);\n\n    return filterRepositoryFactory.getRepository(client, namespace);\n};\n"],"names":["useFilterRepository","namespace","container","useContainer","client","useMemo","MainGraphQLClient","filterRepositoryFactory"],"mappings":";;;;AAKO,MAAMA,sBAAsB,CAACC;IAChC,MAAMC,YAAYC;IAClB,MAAMC,SAASC,QAAQ,IAAMH,UAAU,OAAO,CAACI,oBAAoB;QAACJ;KAAU;IAE9E,OAAOK,wBAAwB,aAAa,CAACH,QAAQH;AACzD"}

package/components/FolderTree/List/List.js

@@ -73,21 +73,13 @@ const List = ({ folders, folderActions, onFolderClick, focusedFolderId, hiddenFo
             const { dragSourceId, dropTargetId } = options;
             const folder = folders.find((f)=>f.id === dragSourceId);
             const targetFolder = folders.find((f)=>f.id === dropTargetId);
-            if (!folder || !targetFolder) throw new Error("Folder not found");
-            await new Promise((resolve, reject)=>{
-                showConfirmMoveFolderDialog({
-                    folder,
-                    targetFolder,
-                    onAccept: async ()=>{
-                        await runDrop();
-                        resolve();
-                    },
-                    onClose: ()=>{
-                        reject(new Error("cancelled"));
-                    }
-                });
+            if (!folder || !targetFolder) return;
+            showConfirmMoveFolderDialog({
+                folder,
+                targetFolder,
+                onAccept: runDrop
             });
-        } else runDrop();
+        } else await runDrop();
     }, [
         folders,
         dropConfirmation,

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

@@ -1 +1 @@
-{"version":3,"file":"components/FolderTree/List/List.js","sources":["../../../../src/components/FolderTree/List/List.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n    Tree,\n    type NodeDto,\n    type TreeProps,\n    type WithDefaultNodeData,\n    type DropOptions\n} from \"@webiny/admin-ui\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useGetFolderLevelPermission } from \"~/features/folders/getFolderLevelPermission/index.js\";\nimport { useListFoldersByParentIds } from \"~/features/folders/listFoldersByParentIds/index.js\";\nimport { useGetFolderAncestors } from \"~/features/folders/getFolderAncestors/index.js\";\nimport { useUpdateFolder } from \"~/features/folders/updateFolder/index.js\";\nimport { Node } from \"../Node/index.js\";\nimport { createInitialOpenList, createTreeData } from \"./utils.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport { FolderProvider } from \"~/contexts/folder.js\";\nimport { useConfirmMoveFolderDialog } from \"~/dialogs/index.js\";\nimport type { FolderActionConfig } from \"~/config/AcoConfig.js\";\n\ninterface ListProps {\n    folders: FolderDto[];\n    folderActions: FolderActionConfig[];\n    dropConfirmation?: boolean;\n    focusedFolderId?: string;\n    hiddenFolderIds?: string[];\n    enableActions?: boolean;\n    onFolderClick: (data: FolderDto) => void;\n}\n\nexport const List = ({\n    folders,\n    folderActions,\n    onFolderClick,\n    focusedFolderId,\n    hiddenFolderIds,\n    enableActions,\n    dropConfirmation = false\n}: ListProps) => {\n    const { listFoldersByParentIds, loading } = useListFoldersByParentIds();\n    const { updateFolder } = useUpdateFolder();\n    const { getFolderLevelPermission: canManageStructure } =\n        useGetFolderLevelPermission(\"canManageStructure\");\n    const { getFolderAncestors } = useGetFolderAncestors();\n    const { showSnackbar } = useSnackbar();\n\n    const [treeData, setTreeData] = useState<NodeDto<FolderDto>[]>([]);\n    const [openFolderIds, setOpenFolderIds] = useState<string[]>([ROOT_FOLDER]);\n    const { showDialog: showConfirmMoveFolderDialog } = useConfirmMoveFolderDialog();\n\n    useEffect(() => {\n        setTreeData(createTreeData(folders, focusedFolderId, hiddenFolderIds));\n    }, [folders, focusedFolderId, hiddenFolderIds]);\n\n    useEffect(() => {\n        setOpenFolderIds(prev => {\n            const expanded = createInitialOpenList(folders, prev, focusedFolderId);\n            return [...new Set([ROOT_FOLDER, ...expanded])];\n        });\n    }, [focusedFolderId, folders, setOpenFolderIds]);\n\n    const handleChangeOpen: TreeProps[\"onChangeOpen\"] = async nodes => {\n        const folderIds = nodes.map(node => node.id);\n        const updatedOpenIds = [...new Set([ROOT_FOLDER, ...folderIds])];\n        setOpenFolderIds(updatedOpenIds);\n\n        const fetchableIds = folderIds.filter(id => id !== ROOT_FOLDER && id !== \"0\");\n        await listFoldersByParentIds(fetchableIds);\n    };\n\n    const handleDrop: TreeProps[\"onDrop\"] = async (_, { dragSourceId, dropTargetId }) => {\n        try {\n            const item = folders.find(folder => folder.id === dragSourceId);\n            if (!item) {\n                throw new Error(\"Folder not found!\");\n            }\n\n            await updateFolder({\n                ...item,\n                parentId: dropTargetId !== ROOT_FOLDER ? (dropTargetId as string) : null\n            });\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    const onDrop = useCallback<NonNullable<TreeProps[\"onDrop\"]>>(\n        async (newTree, options: DropOptions) => {\n            // Function to execute the drop logic\n            const runDrop = async () => handleDrop(newTree, options);\n\n            // If drop confirmation is enabled, show dialog before proceeding\n            if (dropConfirmation) {\n                const { dragSourceId, dropTargetId } = options;\n                const folder = folders.find(f => f.id === dragSourceId);\n                const targetFolder = folders.find(f => f.id === dropTargetId);\n\n                // Abort if either folder is not found\n                if (!folder || !targetFolder) {\n                    throw new Error(\"Folder not found\");\n                }\n\n                await new Promise<void>((resolve, reject) => {\n                    showConfirmMoveFolderDialog({\n                        folder,\n                        targetFolder,\n                        onAccept: async () => {\n                            await runDrop();\n                            resolve();\n                        },\n                        onClose: () => {\n                            reject(new Error(\"cancelled\"));\n                        }\n                    });\n                });\n            } else {\n                // Fire API call without awaiting — optimistic UI\n                runDrop();\n            }\n        },\n        [folders, dropConfirmation, showConfirmMoveFolderDialog]\n    );\n\n    const sort = useMemo(\n        () => (a: NodeDto<any>, b: NodeDto<any>) => {\n            if (a.id === ROOT_FOLDER || b.id === ROOT_FOLDER) {\n                return 1;\n            }\n            return a.label.localeCompare(b.label, undefined, { numeric: true });\n        },\n        []\n    );\n\n    const canDrag: TreeProps<FolderDto>[\"canDrag\"] = useCallback(\n        (node: NodeDto<FolderDto>) => node.id !== ROOT_FOLDER && canManageStructure(node.id),\n        [canManageStructure]\n    );\n\n    const canDrop: TreeProps<FolderDto>[\"canDrop\"] = (_, options: DropOptions<FolderDto>) => {\n        const { dragSourceId, dropTargetId } = options;\n        const dropTagetAncestorIds = getFolderAncestors(dropTargetId).map(item => item.id);\n\n        // Prevent dropping a folder into itself or its descendants\n        return !(dragSourceId && dropTagetAncestorIds.includes(dragSourceId));\n    };\n\n    const nodeRenderer: TreeProps<FolderDto>[\"renderer\"] = node => {\n        const folder = folders.find(folder => folder.id === node.id);\n        return (\n            <FolderProvider folder={folder}>\n                <Node enableActions={enableActions} folderActions={folderActions} />\n            </FolderProvider>\n        );\n    };\n\n    const handleNodeClick = useCallback(\n        (node: WithDefaultNodeData<FolderDto>) => {\n            onFolderClick(node);\n        },\n        [onFolderClick]\n    );\n\n    return (\n        <Tree<FolderDto>\n            nodes={treeData}\n            rootId={\"0\"}\n            defaultOpenNodeIds={openFolderIds}\n            onChangeOpen={handleChangeOpen}\n            onDrop={onDrop}\n            onNodeClick={handleNodeClick}\n            sort={sort}\n            canDrag={canDrag}\n            canDrop={canDrop}\n            renderer={nodeRenderer}\n            defaultLockedOpenNodeIds={[ROOT_FOLDER]}\n            loadingNodeIds={loading}\n        />\n    );\n};\n"],"names":["List","folders","folderActions","onFolderClick","focusedFolderId","hiddenFolderIds","enableActions","dropConfirmation","listFoldersByParentIds","loading","useListFoldersByParentIds","updateFolder","useUpdateFolder","canManageStructure","useGetFolderLevelPermission","getFolderAncestors","useGetFolderAncestors","showSnackbar","useSnackbar","treeData","setTreeData","useState","openFolderIds","setOpenFolderIds","ROOT_FOLDER","showConfirmMoveFolderDialog","useConfirmMoveFolderDialog","useEffect","createTreeData","prev","expanded","createInitialOpenList","Set","handleChangeOpen","nodes","folderIds","node","updatedOpenIds","fetchableIds","id","handleDrop","_","dragSourceId","dropTargetId","item","folder","Error","error","onDrop","useCallback","newTree","options","runDrop","f","targetFolder","Promise","resolve","reject","sort","useMemo","a","b","undefined","canDrag","canDrop","dropTagetAncestorIds","nodeRenderer","FolderProvider","Node","handleNodeClick","Tree"],"mappings":"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"}
+{"version":3,"file":"components/FolderTree/List/List.js","sources":["../../../../src/components/FolderTree/List/List.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n    Tree,\n    type NodeDto,\n    type TreeProps,\n    type WithDefaultNodeData,\n    type DropOptions\n} from \"@webiny/admin-ui\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useGetFolderLevelPermission } from \"~/features/folders/getFolderLevelPermission/index.js\";\nimport { useListFoldersByParentIds } from \"~/features/folders/listFoldersByParentIds/index.js\";\nimport { useGetFolderAncestors } from \"~/features/folders/getFolderAncestors/index.js\";\nimport { useUpdateFolder } from \"~/features/folders/updateFolder/index.js\";\nimport { Node } from \"../Node/index.js\";\nimport { createInitialOpenList, createTreeData } from \"./utils.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport { FolderProvider } from \"~/contexts/folder.js\";\nimport { useConfirmMoveFolderDialog } from \"~/dialogs/index.js\";\nimport type { FolderActionConfig } from \"~/config/AcoConfig.js\";\n\ninterface ListProps {\n    folders: FolderDto[];\n    folderActions: FolderActionConfig[];\n    dropConfirmation?: boolean;\n    focusedFolderId?: string;\n    hiddenFolderIds?: string[];\n    enableActions?: boolean;\n    onFolderClick: (data: FolderDto) => void;\n}\n\nexport const List = ({\n    folders,\n    folderActions,\n    onFolderClick,\n    focusedFolderId,\n    hiddenFolderIds,\n    enableActions,\n    dropConfirmation = false\n}: ListProps) => {\n    const { listFoldersByParentIds, loading } = useListFoldersByParentIds();\n    const { updateFolder } = useUpdateFolder();\n    const { getFolderLevelPermission: canManageStructure } =\n        useGetFolderLevelPermission(\"canManageStructure\");\n    const { getFolderAncestors } = useGetFolderAncestors();\n    const { showSnackbar } = useSnackbar();\n\n    const [treeData, setTreeData] = useState<NodeDto<FolderDto>[]>([]);\n    const [openFolderIds, setOpenFolderIds] = useState<string[]>([ROOT_FOLDER]);\n    const { showDialog: showConfirmMoveFolderDialog } = useConfirmMoveFolderDialog();\n\n    useEffect(() => {\n        setTreeData(createTreeData(folders, focusedFolderId, hiddenFolderIds));\n    }, [folders, focusedFolderId, hiddenFolderIds]);\n\n    useEffect(() => {\n        setOpenFolderIds(prev => {\n            const expanded = createInitialOpenList(folders, prev, focusedFolderId);\n            return [...new Set([ROOT_FOLDER, ...expanded])];\n        });\n    }, [focusedFolderId, folders, setOpenFolderIds]);\n\n    const handleChangeOpen: TreeProps[\"onChangeOpen\"] = async nodes => {\n        const folderIds = nodes.map(node => node.id);\n        const updatedOpenIds = [...new Set([ROOT_FOLDER, ...folderIds])];\n        setOpenFolderIds(updatedOpenIds);\n\n        const fetchableIds = folderIds.filter(id => id !== ROOT_FOLDER && id !== \"0\");\n        await listFoldersByParentIds(fetchableIds);\n    };\n\n    const handleDrop: TreeProps[\"onDrop\"] = async (_, { dragSourceId, dropTargetId }) => {\n        try {\n            const item = folders.find(folder => folder.id === dragSourceId);\n            if (!item) {\n                throw new Error(\"Folder not found!\");\n            }\n\n            await updateFolder({\n                ...item,\n                parentId: dropTargetId !== ROOT_FOLDER ? (dropTargetId as string) : null\n            });\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    const onDrop = useCallback<NonNullable<TreeProps[\"onDrop\"]>>(\n        async (newTree, options: DropOptions) => {\n            // Function to execute the drop logic\n            const runDrop = async () => handleDrop(newTree, options);\n\n            // If drop confirmation is enabled, show dialog before proceeding\n            if (dropConfirmation) {\n                const { dragSourceId, dropTargetId } = options;\n                const folder = folders.find(f => f.id === dragSourceId);\n                const targetFolder = folders.find(f => f.id === dropTargetId);\n\n                // Abort if either folder is not found\n                if (!folder || !targetFolder) {\n                    return;\n                }\n\n                showConfirmMoveFolderDialog({\n                    folder,\n                    targetFolder,\n                    onAccept: runDrop\n                });\n            } else {\n                // Otherwise, perform the drop immediately\n                await runDrop();\n            }\n        },\n        [folders, dropConfirmation, showConfirmMoveFolderDialog]\n    );\n\n    const sort = useMemo(\n        () => (a: NodeDto<any>, b: NodeDto<any>) => {\n            if (a.id === ROOT_FOLDER || b.id === ROOT_FOLDER) {\n                return 1;\n            }\n            return a.label.localeCompare(b.label, undefined, { numeric: true });\n        },\n        []\n    );\n\n    const canDrag: TreeProps<FolderDto>[\"canDrag\"] = useCallback(\n        (node: NodeDto<FolderDto>) => node.id !== ROOT_FOLDER && canManageStructure(node.id),\n        [canManageStructure]\n    );\n\n    const canDrop: TreeProps<FolderDto>[\"canDrop\"] = (_, options: DropOptions<FolderDto>) => {\n        const { dragSourceId, dropTargetId } = options;\n        const dropTagetAncestorIds = getFolderAncestors(dropTargetId).map(item => item.id);\n\n        // Prevent dropping a folder into itself or its descendants\n        return !(dragSourceId && dropTagetAncestorIds.includes(dragSourceId));\n    };\n\n    const nodeRenderer: TreeProps<FolderDto>[\"renderer\"] = node => {\n        const folder = folders.find(folder => folder.id === node.id);\n        return (\n            <FolderProvider folder={folder}>\n                <Node enableActions={enableActions} folderActions={folderActions} />\n            </FolderProvider>\n        );\n    };\n\n    const handleNodeClick = useCallback(\n        (node: WithDefaultNodeData<FolderDto>) => {\n            onFolderClick(node);\n        },\n        [onFolderClick]\n    );\n\n    return (\n        <Tree<FolderDto>\n            nodes={treeData}\n            rootId={\"0\"}\n            defaultOpenNodeIds={openFolderIds}\n            onChangeOpen={handleChangeOpen}\n            onDrop={onDrop}\n            onNodeClick={handleNodeClick}\n            sort={sort}\n            canDrag={canDrag}\n            canDrop={canDrop}\n            renderer={nodeRenderer}\n            defaultLockedOpenNodeIds={[ROOT_FOLDER]}\n            loadingNodeIds={loading}\n        />\n    );\n};\n"],"names":["List","folders","folderActions","onFolderClick","focusedFolderId","hiddenFolderIds","enableActions","dropConfirmation","listFoldersByParentIds","loading","useListFoldersByParentIds","updateFolder","useUpdateFolder","canManageStructure","useGetFolderLevelPermission","getFolderAncestors","useGetFolderAncestors","showSnackbar","useSnackbar","treeData","setTreeData","useState","openFolderIds","setOpenFolderIds","ROOT_FOLDER","showConfirmMoveFolderDialog","useConfirmMoveFolderDialog","useEffect","createTreeData","prev","expanded","createInitialOpenList","Set","handleChangeOpen","nodes","folderIds","node","updatedOpenIds","fetchableIds","id","handleDrop","_","dragSourceId","dropTargetId","item","folder","Error","error","onDrop","useCallback","newTree","options","runDrop","f","targetFolder","sort","useMemo","a","b","undefined","canDrag","canDrop","dropTagetAncestorIds","nodeRenderer","FolderProvider","Node","handleNodeClick","Tree"],"mappings":"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"}

package/components/Table/cells/CellAuthor.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CellAuthor: () => React.JSX.Element | null;

package/components/Table/cells/CellAuthor.js

@@ -0,0 +1,10 @@
+import react, { useContext } from "react";
+import { TableRowContext } from "../useTableRow.js";
+const CellAuthor = ()=>{
+    const context = useContext(TableRowContext);
+    if (!context) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, context.row.data.createdBy.displayName);
+};
+export { CellAuthor };
+
+//# sourceMappingURL=CellAuthor.js.map

package/components/Table/cells/CellAuthor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/cells/CellAuthor.js","sources":["../../../../src/components/Table/cells/CellAuthor.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { TableRowContext } from \"../useTableRow.js\";\n\nexport const CellAuthor = () => {\n    const context = useContext(TableRowContext);\n    if (!context) {\n        return null;\n    }\n    return <>{context.row.data.createdBy.displayName}</>;\n};\n"],"names":["CellAuthor","context","useContext","TableRowContext"],"mappings":";;AAGO,MAAMA,aAAa;IACtB,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,OAAO;IAEX,OAAO,WAAP,GAAO,0CAAGA,QAAQ,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW;AACpD"}

package/components/Table/cells/CellCreated.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CellCreated: () => React.JSX.Element | null;

package/components/Table/cells/CellCreated.js

@@ -0,0 +1,13 @@
+import react, { useContext } from "react";
+import { TimeAgo } from "@webiny/admin-ui";
+import { TableRowContext } from "../useTableRow.js";
+const CellCreated = ()=>{
+    const context = useContext(TableRowContext);
+    if (!context) return null;
+    return /*#__PURE__*/ react.createElement(TimeAgo, {
+        datetime: context.row.data.createdOn
+    });
+};
+export { CellCreated };
+
+//# sourceMappingURL=CellCreated.js.map

package/components/Table/cells/CellCreated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/cells/CellCreated.js","sources":["../../../../src/components/Table/cells/CellCreated.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\nimport { TableRowContext } from \"../useTableRow.js\";\n\nexport const CellCreated = () => {\n    const context = useContext(TableRowContext);\n    if (!context) {\n        return null;\n    }\n    return <TimeAgo datetime={context.row.data.createdOn} />;\n};\n"],"names":["CellCreated","context","useContext","TableRowContext","TimeAgo"],"mappings":";;;AAIO,MAAMA,cAAc;IACvB,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,OAAO;IAEX,OAAO,WAAP,GAAO,oBAACG,SAAOA;QAAC,UAAUH,QAAQ,GAAG,CAAC,IAAI,CAAC,SAAS;;AACxD"}

package/components/Table/cells/CellModified.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CellModified: () => React.JSX.Element | null;

package/components/Table/cells/CellModified.js

@@ -0,0 +1,13 @@
+import react, { useContext } from "react";
+import { TimeAgo } from "@webiny/admin-ui";
+import { TableRowContext } from "../useTableRow.js";
+const CellModified = ()=>{
+    const context = useContext(TableRowContext);
+    if (!context) return null;
+    return /*#__PURE__*/ react.createElement(TimeAgo, {
+        datetime: context.row.data.savedOn
+    });
+};
+export { CellModified };
+
+//# sourceMappingURL=CellModified.js.map

package/components/Table/cells/CellModified.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/cells/CellModified.js","sources":["../../../../src/components/Table/cells/CellModified.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\nimport { TableRowContext } from \"../useTableRow.js\";\n\nexport const CellModified = () => {\n    const context = useContext(TableRowContext);\n    if (!context) {\n        return null;\n    }\n    return <TimeAgo datetime={context.row.data.savedOn} />;\n};\n"],"names":["CellModified","context","useContext","TableRowContext","TimeAgo"],"mappings":";;;AAIO,MAAMA,eAAe;IACxB,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,OAAO;IAEX,OAAO,WAAP,GAAO,oBAACG,SAAOA;QAAC,UAAUH,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO;;AACtD"}

package/components/Table/cells/index.d.ts

@@ -0,0 +1,3 @@
+export { CellAuthor } from "./CellAuthor.js";
+export { CellCreated } from "./CellCreated.js";
+export { CellModified } from "./CellModified.js";

package/components/Table/cells/index.js

@@ -0,0 +1,3 @@
+export { CellAuthor } from "./CellAuthor.js";
+export { CellCreated } from "./CellCreated.js";
+export { CellModified } from "./CellModified.js";

package/components/Table/components/Table/TableInner.d.ts

@@ -19,6 +19,6 @@ export interface TableInnerProps<T extends TableRow> {
     sorting: DataTableSorting;
     tablePresenter: TablePresenter;
 }
-export declare const TableInner: (<T extends TableRow>(props: TableInnerProps<T>) => React.JSX.Element) & {
-    displayName: string;
+export declare const TableInner: (<T extends TableRow>(props: TableInnerProps<T>) => React.JSX.Element) & React.NamedExoticComponent<TableInnerProps<TableRow<unknown>>> & {
+    readonly type: <T extends TableRow>(props: TableInnerProps<T>) => React.JSX.Element;
 };

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";