@webiny/app-aco 6.4.5 → 6.6.0-alpha.0

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/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/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/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;
 };