@webiny/app-aco 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.eb196ccd2f

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

@@ -30,54 +30,54 @@ export declare const filterValidationSchema: zod.ZodObject<{
             condition: zod.ZodString;
             value: zod.ZodUnion<[zod.ZodBoolean, zod.ZodNumber, zod.ZodString, zod.ZodArray<zod.ZodUnion<[zod.ZodBoolean, zod.ZodNumber, zod.ZodString]>, "atleastone">]>;
         }, "strip", zod.ZodTypeAny, {
-            value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
             field: string;
             condition: string;
-        }, {
             value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
+        }, {
             field: string;
             condition: string;
+            value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
         }>, "many">;
     }, "strip", zod.ZodTypeAny, {
+        operation: Operation;
         filters: {
-            value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
             field: string;
             condition: string;
+            value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
         }[];
-        operation: Operation;
     }, {
+        operation: Operation;
         filters: {
-            value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
             field: string;
             condition: string;
+            value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
         }[];
-        operation: Operation;
     }>, "many">;
 }, "strip", zod.ZodTypeAny, {
+    name: string;
+    description: string;
+    operation: Operation;
     groups: {
+        operation: Operation;
         filters: {
-            value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
             field: string;
             condition: string;
+            value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
         }[];
-        operation: Operation;
     }[];
+    id?: string | null | undefined;
+}, {
     name: string;
     description: string;
     operation: Operation;
-    id?: string | null | undefined;
-}, {
     groups: {
+        operation: Operation;
         filters: {
-            value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
             field: string;
             condition: string;
+            value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
         }[];
-        operation: Operation;
     }[];
-    name: string;
-    description: string;
-    operation: Operation;
     id?: string | null | undefined;
 }>;
 export declare class Filter {
@@ -91,30 +91,30 @@ export declare class Filter {
     static createEmpty(): Filter;
     static create(data: FilterDTO): Filter;
     static validate(data: FilterDTO): zod.SafeParseReturnType<{
+        name: string;
+        description: string;
+        operation: Operation;
         groups: {
+            operation: Operation;
             filters: {
-                value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
                 field: string;
                 condition: string;
+                value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
             }[];
-            operation: Operation;
         }[];
+        id?: string | null | undefined;
+    }, {
         name: string;
         description: string;
         operation: Operation;
-        id?: string | null | undefined;
-    }, {
         groups: {
+            operation: Operation;
             filters: {
-                value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
                 field: string;
                 condition: string;
+                value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
             }[];
-            operation: Operation;
         }[];
-        name: string;
-        description: string;
-        operation: Operation;
         id?: string | null | undefined;
     }>;
     protected constructor(data: {

package/components/FolderTree/List/List.js

@@ -3,7 +3,7 @@ import { Tree } from "@webiny/admin-ui";
 import { useSnackbar } from "@webiny/app-admin";
 import { Node } from "../Node";
 import { createInitialOpenList, createTreeData } from "./utils";
-import { useGetFolderLevelPermission, useListFoldersByParentIds, useUpdateFolder } from "../../../features";
+import { useGetFolderAncestors, useGetFolderLevelPermission, useListFoldersByParentIds, useUpdateFolder } from "../../../features";
 import { ROOT_FOLDER } from "../../../constants";
 import { FolderProvider } from "../../../contexts/folder";
 export const List = ({
@@ -23,6 +23,9 @@ export const List = ({
   const {
     getFolderLevelPermission: canManageStructure
   } = useGetFolderLevelPermission("canManageStructure");
+  const {
+    getFolderAncestors
+  } = useGetFolderAncestors();
   const {
     showSnackbar
   } = useSnackbar();
@@ -70,6 +73,16 @@ export const List = ({
     });
   }, []);
   const canDrag = useCallback(node => node.id !== ROOT_FOLDER && canManageStructure(node.id), [canManageStructure]);
+  const canDrop = (_, options) => {
+    const {
+      dragSourceId,
+      dropTargetId
+    } = options;
+    const dropTagetAncestorIds = getFolderAncestors(dropTargetId).map(item => item.id);
+
+    // Prevent dropping a folder into itself or its descendants
+    return !(dragSourceId && dropTagetAncestorIds.includes(dragSourceId));
+  };
   const nodeRenderer = node => {
     const folder = folders.find(folder => folder.id === node.id);
     return /*#__PURE__*/React.createElement(FolderProvider, {
@@ -90,6 +103,7 @@ export const List = ({
     onNodeClick: handleNodeClick,
     sort: sort,
     canDrag: canDrag,
+    canDrop: canDrop,
     renderer: nodeRenderer,
     defaultLockedOpenNodeIds: [ROOT_FOLDER],
     loadingNodeIds: loading

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Tree","useSnackbar","Node","createInitialOpenList","createTreeData","useGetFolderLevelPermission","useListFoldersByParentIds","useUpdateFolder","ROOT_FOLDER","FolderProvider","List","folders","onFolderClick","focusedFolderId","hiddenFolderIds","enableActions","listFoldersByParentIds","loading","updateFolder","getFolderLevelPermission","canManageStructure","showSnackbar","treeData","setTreeData","openFolderIds","setOpenFolderIds","prev","expanded","Set","handleChangeOpen","nodes","folderIds","map","node","id","updatedOpenIds","fetchableIds","filter","handleDrop","_","dragSourceId","dropTargetId","item","find","folder","Error","parentId","error","message","sort","a","b","label","localeCompare","undefined","numeric","canDrag","nodeRenderer","createElement","handleNodeClick","rootId","defaultOpenNodeIds","onChangeOpen","onDrop","onNodeClick","renderer","defaultLockedOpenNodeIds","loadingNodeIds"],"sources":["List.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Tree, type NodeDto, type TreeProps, type WithDefaultNodeData } from \"@webiny/admin-ui\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Node } from \"../Node\";\nimport { createInitialOpenList, createTreeData } from \"./utils\";\nimport {\n    useGetFolderLevelPermission,\n    useListFoldersByParentIds,\n    useUpdateFolder\n} from \"~/features\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport type { FolderItem } from \"~/types\";\nimport { FolderProvider } from \"~/contexts/folder\";\n\ninterface ListProps {\n    folders: FolderItem[];\n    focusedFolderId?: string;\n    hiddenFolderIds?: string[];\n    enableActions?: boolean;\n    onFolderClick: (data: FolderItem) => void;\n}\n\nexport const List = ({\n    folders,\n    onFolderClick,\n    focusedFolderId,\n    hiddenFolderIds,\n    enableActions\n}: ListProps) => {\n    const { listFoldersByParentIds, loading } = useListFoldersByParentIds();\n    const { updateFolder } = useUpdateFolder();\n    const { getFolderLevelPermission: canManageStructure } =\n        useGetFolderLevelPermission(\"canManageStructure\");\n    const { showSnackbar } = useSnackbar();\n\n    const [treeData, setTreeData] = useState<NodeDto<FolderItem>[]>([]);\n    const [openFolderIds, setOpenFolderIds] = useState<string[]>([ROOT_FOLDER]);\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 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<FolderItem>[\"canDrag\"] = useCallback(\n        (node: NodeDto<FolderItem>) => node.id !== ROOT_FOLDER && canManageStructure(node.id),\n        [canManageStructure]\n    );\n\n    const nodeRenderer: TreeProps<FolderItem>[\"renderer\"] = node => {\n        const folder = folders.find(folder => folder.id === node.id);\n        return (\n            <FolderProvider folder={folder}>\n                <Node enableActions={enableActions} />\n            </FolderProvider>\n        );\n    };\n\n    const handleNodeClick = useCallback(\n        (node: WithDefaultNodeData<FolderItem>) => {\n            onFolderClick(node);\n        },\n        [onFolderClick]\n    );\n\n    return (\n        <Tree<FolderItem>\n            nodes={treeData}\n            rootId={\"0\"}\n            defaultOpenNodeIds={openFolderIds}\n            onChangeOpen={handleChangeOpen}\n            onDrop={handleDrop}\n            onNodeClick={handleNodeClick}\n            sort={sort}\n            canDrag={canDrag}\n            renderer={nodeRenderer}\n            defaultLockedOpenNodeIds={[ROOT_FOLDER]}\n            loadingNodeIds={loading}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Tree","useSnackbar","Node","createInitialOpenList","createTreeData","useGetFolderAncestors","useGetFolderLevelPermission","useListFoldersByParentIds","useUpdateFolder","ROOT_FOLDER","FolderProvider","List","folders","onFolderClick","focusedFolderId","hiddenFolderIds","enableActions","listFoldersByParentIds","loading","updateFolder","getFolderLevelPermission","canManageStructure","getFolderAncestors","showSnackbar","treeData","setTreeData","openFolderIds","setOpenFolderIds","prev","expanded","Set","handleChangeOpen","nodes","folderIds","map","node","id","updatedOpenIds","fetchableIds","filter","handleDrop","_","dragSourceId","dropTargetId","item","find","folder","Error","parentId","error","message","sort","a","b","label","localeCompare","undefined","numeric","canDrag","canDrop","options","dropTagetAncestorIds","includes","nodeRenderer","createElement","handleNodeClick","rootId","defaultOpenNodeIds","onChangeOpen","onDrop","onNodeClick","renderer","defaultLockedOpenNodeIds","loadingNodeIds"],"sources":["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 { Node } from \"../Node\";\nimport { createInitialOpenList, createTreeData } from \"./utils\";\nimport {\n    useGetFolderAncestors,\n    useGetFolderLevelPermission,\n    useListFoldersByParentIds,\n    useUpdateFolder\n} from \"~/features\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport type { FolderItem } from \"~/types\";\nimport { FolderProvider } from \"~/contexts/folder\";\n\ninterface ListProps {\n    folders: FolderItem[];\n    focusedFolderId?: string;\n    hiddenFolderIds?: string[];\n    enableActions?: boolean;\n    onFolderClick: (data: FolderItem) => void;\n}\n\nexport const List = ({\n    folders,\n    onFolderClick,\n    focusedFolderId,\n    hiddenFolderIds,\n    enableActions\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<FolderItem>[]>([]);\n    const [openFolderIds, setOpenFolderIds] = useState<string[]>([ROOT_FOLDER]);\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 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<FolderItem>[\"canDrag\"] = useCallback(\n        (node: NodeDto<FolderItem>) => node.id !== ROOT_FOLDER && canManageStructure(node.id),\n        [canManageStructure]\n    );\n\n    const canDrop: TreeProps<FolderItem>[\"canDrop\"] = (_, options: DropOptions<FolderItem>) => {\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<FolderItem>[\"renderer\"] = node => {\n        const folder = folders.find(folder => folder.id === node.id);\n        return (\n            <FolderProvider folder={folder}>\n                <Node enableActions={enableActions} />\n            </FolderProvider>\n        );\n    };\n\n    const handleNodeClick = useCallback(\n        (node: WithDefaultNodeData<FolderItem>) => {\n            onFolderClick(node);\n        },\n        [onFolderClick]\n    );\n\n    return (\n        <Tree<FolderItem>\n            nodes={treeData}\n            rootId={\"0\"}\n            defaultOpenNodeIds={openFolderIds}\n            onChangeOpen={handleChangeOpen}\n            onDrop={handleDrop}\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"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,6 @@
 import React from "react";
-import type { DataTableDefaultData, DataTableSorting, OnDataTableSortingChange } from "@webiny/admin-ui";
+import type { DataTableSorting, OnDataTableSortingChange } from "@webiny/admin-ui";
+import type { TableRow } from "../../../../types";
 export interface TableProps<T> {
     data: T[];
     loading?: boolean;
@@ -8,7 +9,7 @@ export interface TableProps<T> {
     onSelectRow?: (rows: T[] | []) => void;
     onSortingChange: OnDataTableSortingChange;
     onToggleRow?: (row: T) => void;
-    selected: DataTableDefaultData[];
+    selected: TableRow[];
     sorting: DataTableSorting;
 }
-export declare const Table: <T extends Record<string, any> & DataTableDefaultData>({ namespace, ...props }: TableProps<T>) => React.JSX.Element;
+export declare const Table: <T extends TableRow<unknown>>({ namespace, ...props }: TableProps<T>) => React.JSX.Element;

package/components/Table/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","Column","ColumnsPresenter","columnsRepositoryFactory","ColumnsVisibilityDecorator","ColumnsVisibilityPresenter","ColumnsVisibilityUpdater","columnsVisibilityRepositoryFactory","ColumnsVisibilityLocalStorageGateway","TablePresenter","TableInner","useAcoConfig","Table","namespace","props","table","columnsRepo","getRepository","columns","map","column","createFromConfig","visibilityRepo","columnsVisibilityLocalStorage","repo","columnsVisibilityUpdater","columnsPresenter","columnsVisibilityPresenter","tablePresenter","init","createElement","Object","assign"],"sources":["Table.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport type {\n    DataTableDefaultData,\n    DataTableSorting,\n    OnDataTableSortingChange\n} from \"@webiny/admin-ui\";\nimport { Column, ColumnsPresenter, columnsRepositoryFactory } from \"./Columns\";\nimport {\n    ColumnsVisibilityDecorator,\n    ColumnsVisibilityPresenter,\n    ColumnsVisibilityUpdater,\n    columnsVisibilityRepositoryFactory\n} from \"./ColumnVisibility\";\nimport { ColumnsVisibilityLocalStorageGateway } from \"./gateways\";\nimport { TablePresenter } from \"./TablePresenter\";\nimport { TableInner } from \"./TableInner\";\nimport { useAcoConfig } from \"~/config\";\n\nexport interface TableProps<T> {\n    data: T[];\n    loading?: boolean;\n    nameColumnId?: string;\n    namespace: string;\n    onSelectRow?: (rows: T[] | []) => void;\n    onSortingChange: OnDataTableSortingChange;\n    onToggleRow?: (row: T) => void;\n    selected: DataTableDefaultData[];\n    sorting: DataTableSorting;\n}\n\nexport const Table = <T extends Record<string, any> & DataTableDefaultData>({\n    namespace,\n    ...props\n}: TableProps<T>) => {\n    const { table } = useAcoConfig();\n\n    const columnsRepo = useMemo(() => {\n        return columnsRepositoryFactory.getRepository(\n            namespace,\n            table.columns.map(column => Column.createFromConfig(column))\n        );\n    }, [namespace, table.columns]);\n\n    const visibilityRepo = useMemo(() => {\n        const columnsVisibilityLocalStorage = new ColumnsVisibilityLocalStorageGateway(namespace);\n\n        return columnsVisibilityRepositoryFactory.getRepository(\n            namespace,\n            columnsVisibilityLocalStorage\n        );\n    }, [namespace]);\n\n    const repo = useMemo(() => {\n        return new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);\n    }, [visibilityRepo, columnsRepo]);\n\n    const columnsVisibilityUpdater = new ColumnsVisibilityUpdater(visibilityRepo);\n\n    const columnsPresenter = useMemo(() => new ColumnsPresenter(repo), [repo]);\n\n    const columnsVisibilityPresenter = useMemo(\n        () => new ColumnsVisibilityPresenter(columnsPresenter),\n        [columnsPresenter]\n    );\n\n    const tablePresenter = useMemo<TablePresenter>(() => {\n        return new TablePresenter();\n    }, []);\n\n    useEffect(() => {\n        columnsPresenter.init();\n    }, [columnsPresenter]);\n\n    return (\n        <TableInner\n            {...props}\n            columnsPresenter={columnsPresenter}\n            columnsVisibilityPresenter={columnsVisibilityPresenter}\n            tablePresenter={tablePresenter}\n            columnsVisibilityUpdater={columnsVisibilityUpdater}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAMjD,SAASC,MAAM,EAAEC,gBAAgB,EAAEC,wBAAwB;AAC3D,SACIC,0BAA0B,EAC1BC,0BAA0B,EAC1BC,wBAAwB,EACxBC,kCAAkC;AAEtC,SAASC,oCAAoC;AAC7C,SAASC,cAAc;AACvB,SAASC,UAAU;AACnB,SAASC,YAAY;AAcrB,OAAO,MAAMC,KAAK,GAAGA,CAAuD;EACxEC,SAAS;EACT,GAAGC;AACQ,CAAC,KAAK;EACjB,MAAM;IAAEC;EAAM,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAEhC,MAAMK,WAAW,GAAGhB,OAAO,CAAC,MAAM;IAC9B,OAAOG,wBAAwB,CAACc,aAAa,CACzCJ,SAAS,EACTE,KAAK,CAACG,OAAO,CAACC,GAAG,CAACC,MAAM,IAAInB,MAAM,CAACoB,gBAAgB,CAACD,MAAM,CAAC,CAC/D,CAAC;EACL,CAAC,EAAE,CAACP,SAAS,EAAEE,KAAK,CAACG,OAAO,CAAC,CAAC;EAE9B,MAAMI,cAAc,GAAGtB,OAAO,CAAC,MAAM;IACjC,MAAMuB,6BAA6B,GAAG,IAAIf,oCAAoC,CAACK,SAAS,CAAC;IAEzF,OAAON,kCAAkC,CAACU,aAAa,CACnDJ,SAAS,EACTU,6BACJ,CAAC;EACL,CAAC,EAAE,CAACV,SAAS,CAAC,CAAC;EAEf,MAAMW,IAAI,GAAGxB,OAAO,CAAC,MAAM;IACvB,OAAO,IAAII,0BAA0B,CAACkB,cAAc,EAAEN,WAAW,CAAC;EACtE,CAAC,EAAE,CAACM,cAAc,EAAEN,WAAW,CAAC,CAAC;EAEjC,MAAMS,wBAAwB,GAAG,IAAInB,wBAAwB,CAACgB,cAAc,CAAC;EAE7E,MAAMI,gBAAgB,GAAG1B,OAAO,CAAC,MAAM,IAAIE,gBAAgB,CAACsB,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAE1E,MAAMG,0BAA0B,GAAG3B,OAAO,CACtC,MAAM,IAAIK,0BAA0B,CAACqB,gBAAgB,CAAC,EACtD,CAACA,gBAAgB,CACrB,CAAC;EAED,MAAME,cAAc,GAAG5B,OAAO,CAAiB,MAAM;IACjD,OAAO,IAAIS,cAAc,CAAC,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAENV,SAAS,CAAC,MAAM;IACZ2B,gBAAgB,CAACG,IAAI,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACH,gBAAgB,CAAC,CAAC;EAEtB,oBACI5B,KAAA,CAAAgC,aAAA,CAACpB,UAAU,EAAAqB,MAAA,CAAAC,MAAA,KACHlB,KAAK;IACTY,gBAAgB,EAAEA,gBAAiB;IACnCC,0BAA0B,EAAEA,0BAA2B;IACvDC,cAAc,EAAEA,cAAe;IAC/BH,wBAAwB,EAAEA;EAAyB,EACtD,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","Column","ColumnsPresenter","columnsRepositoryFactory","ColumnsVisibilityDecorator","ColumnsVisibilityPresenter","ColumnsVisibilityUpdater","columnsVisibilityRepositoryFactory","ColumnsVisibilityLocalStorageGateway","TablePresenter","TableInner","useAcoConfig","Table","namespace","props","table","columnsRepo","getRepository","columns","map","column","createFromConfig","visibilityRepo","columnsVisibilityLocalStorage","repo","columnsVisibilityUpdater","columnsPresenter","columnsVisibilityPresenter","tablePresenter","init","createElement","Object","assign"],"sources":["Table.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport type { DataTableSorting, OnDataTableSortingChange } from \"@webiny/admin-ui\";\nimport { Column, ColumnsPresenter, columnsRepositoryFactory } from \"./Columns\";\nimport {\n    ColumnsVisibilityDecorator,\n    ColumnsVisibilityPresenter,\n    ColumnsVisibilityUpdater,\n    columnsVisibilityRepositoryFactory\n} from \"./ColumnVisibility\";\nimport { ColumnsVisibilityLocalStorageGateway } from \"./gateways\";\nimport { TablePresenter } from \"./TablePresenter\";\nimport { TableInner } from \"./TableInner\";\nimport { useAcoConfig } from \"~/config\";\nimport type { TableRow } from \"~/types\";\n\nexport interface TableProps<T> {\n    data: T[];\n    loading?: boolean;\n    nameColumnId?: string;\n    namespace: string;\n    onSelectRow?: (rows: T[] | []) => void;\n    onSortingChange: OnDataTableSortingChange;\n    onToggleRow?: (row: T) => void;\n    selected: TableRow[];\n    sorting: DataTableSorting;\n}\n\nexport const Table = <T extends TableRow>({ namespace, ...props }: TableProps<T>) => {\n    const { table } = useAcoConfig();\n\n    const columnsRepo = useMemo(() => {\n        return columnsRepositoryFactory.getRepository(\n            namespace,\n            table.columns.map(column => Column.createFromConfig(column))\n        );\n    }, [namespace, table.columns]);\n\n    const visibilityRepo = useMemo(() => {\n        const columnsVisibilityLocalStorage = new ColumnsVisibilityLocalStorageGateway(namespace);\n\n        return columnsVisibilityRepositoryFactory.getRepository(\n            namespace,\n            columnsVisibilityLocalStorage\n        );\n    }, [namespace]);\n\n    const repo = useMemo(() => {\n        return new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);\n    }, [visibilityRepo, columnsRepo]);\n\n    const columnsVisibilityUpdater = new ColumnsVisibilityUpdater(visibilityRepo);\n\n    const columnsPresenter = useMemo(() => new ColumnsPresenter(repo), [repo]);\n\n    const columnsVisibilityPresenter = useMemo(\n        () => new ColumnsVisibilityPresenter(columnsPresenter),\n        [columnsPresenter]\n    );\n\n    const tablePresenter = useMemo<TablePresenter>(() => {\n        return new TablePresenter();\n    }, []);\n\n    useEffect(() => {\n        columnsPresenter.init();\n    }, [columnsPresenter]);\n\n    return (\n        <TableInner\n            {...props}\n            columnsPresenter={columnsPresenter}\n            columnsVisibilityPresenter={columnsVisibilityPresenter}\n            tablePresenter={tablePresenter}\n            columnsVisibilityUpdater={columnsVisibilityUpdater}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAEjD,SAASC,MAAM,EAAEC,gBAAgB,EAAEC,wBAAwB;AAC3D,SACIC,0BAA0B,EAC1BC,0BAA0B,EAC1BC,wBAAwB,EACxBC,kCAAkC;AAEtC,SAASC,oCAAoC;AAC7C,SAASC,cAAc;AACvB,SAASC,UAAU;AACnB,SAASC,YAAY;AAerB,OAAO,MAAMC,KAAK,GAAGA,CAAqB;EAAEC,SAAS;EAAE,GAAGC;AAAqB,CAAC,KAAK;EACjF,MAAM;IAAEC;EAAM,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAEhC,MAAMK,WAAW,GAAGhB,OAAO,CAAC,MAAM;IAC9B,OAAOG,wBAAwB,CAACc,aAAa,CACzCJ,SAAS,EACTE,KAAK,CAACG,OAAO,CAACC,GAAG,CAACC,MAAM,IAAInB,MAAM,CAACoB,gBAAgB,CAACD,MAAM,CAAC,CAC/D,CAAC;EACL,CAAC,EAAE,CAACP,SAAS,EAAEE,KAAK,CAACG,OAAO,CAAC,CAAC;EAE9B,MAAMI,cAAc,GAAGtB,OAAO,CAAC,MAAM;IACjC,MAAMuB,6BAA6B,GAAG,IAAIf,oCAAoC,CAACK,SAAS,CAAC;IAEzF,OAAON,kCAAkC,CAACU,aAAa,CACnDJ,SAAS,EACTU,6BACJ,CAAC;EACL,CAAC,EAAE,CAACV,SAAS,CAAC,CAAC;EAEf,MAAMW,IAAI,GAAGxB,OAAO,CAAC,MAAM;IACvB,OAAO,IAAII,0BAA0B,CAACkB,cAAc,EAAEN,WAAW,CAAC;EACtE,CAAC,EAAE,CAACM,cAAc,EAAEN,WAAW,CAAC,CAAC;EAEjC,MAAMS,wBAAwB,GAAG,IAAInB,wBAAwB,CAACgB,cAAc,CAAC;EAE7E,MAAMI,gBAAgB,GAAG1B,OAAO,CAAC,MAAM,IAAIE,gBAAgB,CAACsB,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAE1E,MAAMG,0BAA0B,GAAG3B,OAAO,CACtC,MAAM,IAAIK,0BAA0B,CAACqB,gBAAgB,CAAC,EACtD,CAACA,gBAAgB,CACrB,CAAC;EAED,MAAME,cAAc,GAAG5B,OAAO,CAAiB,MAAM;IACjD,OAAO,IAAIS,cAAc,CAAC,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAENV,SAAS,CAAC,MAAM;IACZ2B,gBAAgB,CAACG,IAAI,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACH,gBAAgB,CAAC,CAAC;EAEtB,oBACI5B,KAAA,CAAAgC,aAAA,CAACpB,UAAU,EAAAqB,MAAA,CAAAC,MAAA,KACHlB,KAAK;IACTY,gBAAgB,EAAEA,gBAAiB;IACnCC,0BAA0B,EAAEA,0BAA2B;IACvDC,cAAc,EAAEA,cAAe;IAC/BH,wBAAwB,EAAEA;EAAyB,EACtD,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -4,7 +4,8 @@ import { type DataTableDefaultData, type DataTableSorting } from "@webiny/admin-
 import type { ColumnsPresenter } from "./Columns";
 import type { ColumnsVisibilityPresenter, ColumnsVisibilityUpdater } from "./ColumnVisibility";
 import type { TablePresenter } from "./TablePresenter";
-export interface TableInnerProps<T> {
+import type { TableRow } from "../../../../types";
+export interface TableInnerProps<T extends TableRow> {
     columnsPresenter: ColumnsPresenter;
     columnsVisibilityPresenter: ColumnsVisibilityPresenter;
     columnsVisibilityUpdater: ColumnsVisibilityUpdater;
@@ -18,6 +19,6 @@ export interface TableInnerProps<T> {
     sorting: DataTableSorting;
     tablePresenter: TablePresenter;
 }
-export declare const TableInner: (<T extends Record<string, any> & DataTableDefaultData>(props: TableInnerProps<T>) => React.JSX.Element) & {
+export declare const TableInner: (<T extends TableRow<unknown>>(props: TableInnerProps<T>) => React.JSX.Element) & {
     displayName: string;
 };

package/components/Table/components/Table/TableInner.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","observer","DataTable","ColumnMapper","TableRowProvider","TableInner","props","cellRenderer","row","cell","createElement","columns","columnsPresenter","vm","reduce","result","column","nameColumnId","name","defaultName","toDataTable","columnVisibility","columnsVisibilityPresenter","columnsVisibility","onColumnVisibilityChange","columnsVisibilityUpdater","update","data","initialSorting","tablePresenter","isRowSelectable","original","$selectable","loading","onSelectRow","onSortingChange","onToggleRow","selectedRows","filter","selected","find","item","id","sorting","stickyHeader"],"sources":["TableInner.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport type { OnDataTableSortingChange } from \"@webiny/admin-ui\";\nimport {\n    DataTable,\n    type DataTableColumns,\n    type DataTableDefaultData,\n    type DataTableSorting\n} from \"@webiny/admin-ui\";\nimport type { ColumnsPresenter } from \"./Columns\";\nimport { ColumnMapper } from \"./Columns\";\nimport type { ColumnsVisibilityPresenter, ColumnsVisibilityUpdater } from \"./ColumnVisibility\";\nimport type { TablePresenter } from \"./TablePresenter\";\nimport { TableRowProvider } from \"~/components\";\n\nexport interface TableInnerProps<T> {\n    columnsPresenter: ColumnsPresenter;\n    columnsVisibilityPresenter: ColumnsVisibilityPresenter;\n    columnsVisibilityUpdater: ColumnsVisibilityUpdater;\n    data: T[];\n    loading?: boolean;\n    nameColumnId?: string;\n    onSelectRow?: (rows: T[] | []) => void;\n    onSortingChange: OnDataTableSortingChange;\n    onToggleRow?: (row: T) => void;\n    selected: DataTableDefaultData[];\n    sorting: DataTableSorting;\n    tablePresenter: TablePresenter;\n}\n\nexport const TableInner = observer(\n    <T extends Record<string, any> & DataTableDefaultData>(props: TableInnerProps<T>) => {\n        const cellRenderer = useCallback(\n            (row: T, cell: string | React.ReactElement): string | number | JSX.Element | null => {\n                if (typeof cell === \"string\") {\n                    return cell;\n                }\n\n                return <TableRowProvider row={row}>{cell}</TableRowProvider>;\n            },\n            []\n        );\n\n        const columns = useMemo(() => {\n            return props.columnsPresenter.vm.columns.reduce((result, column) => {\n                const { nameColumnId = \"name\" } = props;\n                const { name: defaultName } = column;\n\n                // Determine the column name, using the provided `nameColumnId` if the default is 'name'\n                const name = defaultName === \"name\" ? nameColumnId : defaultName;\n\n                result[name as keyof DataTableColumns<T>] = ColumnMapper.toDataTable(\n                    column,\n                    cellRenderer\n                );\n\n                return result;\n            }, {} as DataTableColumns<T>);\n        }, [props.columnsPresenter.vm.columns]);\n\n        return (\n            <DataTable\n                columns={columns}\n                columnVisibility={props.columnsVisibilityPresenter.vm.columnsVisibility}\n                onColumnVisibilityChange={props.columnsVisibilityUpdater.update}\n                data={props.data}\n                initialSorting={props.tablePresenter.vm.initialSorting}\n                isRowSelectable={row => row.original.$selectable ?? false}\n                loading={props.loading}\n                onSelectRow={props.onSelectRow}\n                onSortingChange={props.onSortingChange}\n                onToggleRow={props.onToggleRow}\n                selectedRows={props.data.filter(row =>\n                    props.selected.find(item => row.id === item.id)\n                )}\n                sorting={props.sorting}\n                stickyHeader={true}\n            />\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,SACIC,SAAS,QAIN,kBAAkB;AAEzB,SAASC,YAAY;AAGrB,SAASC,gBAAgB;AAiBzB,OAAO,MAAMC,UAAU,GAAGJ,QAAQ,CACyBK,KAAyB,IAAK;EACjF,MAAMC,YAAY,GAAGR,WAAW,CAC5B,CAACS,GAAM,EAAEC,IAAiC,KAA2C;IACjF,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;MAC1B,OAAOA,IAAI;IACf;IAEA,oBAAOX,KAAA,CAAAY,aAAA,CAACN,gBAAgB;MAACI,GAAG,EAAEA;IAAI,GAAEC,IAAuB,CAAC;EAChE,CAAC,EACD,EACJ,CAAC;EAED,MAAME,OAAO,GAAGX,OAAO,CAAC,MAAM;IAC1B,OAAOM,KAAK,CAACM,gBAAgB,CAACC,EAAE,CAACF,OAAO,CAACG,MAAM,CAAC,CAACC,MAAM,EAAEC,MAAM,KAAK;MAChE,MAAM;QAAEC,YAAY,GAAG;MAAO,CAAC,GAAGX,KAAK;MACvC,MAAM;QAAEY,IAAI,EAAEC;MAAY,CAAC,GAAGH,MAAM;;MAEpC;MACA,MAAME,IAAI,GAAGC,WAAW,KAAK,MAAM,GAAGF,YAAY,GAAGE,WAAW;MAEhEJ,MAAM,CAACG,IAAI,CAA8B,GAAGf,YAAY,CAACiB,WAAW,CAChEJ,MAAM,EACNT,YACJ,CAAC;MAED,OAAOQ,MAAM;IACjB,CAAC,EAAE,CAAC,CAAwB,CAAC;EACjC,CAAC,EAAE,CAACT,KAAK,CAACM,gBAAgB,CAACC,EAAE,CAACF,OAAO,CAAC,CAAC;EAEvC,oBACIb,KAAA,CAAAY,aAAA,CAACR,SAAS;IACNS,OAAO,EAAEA,OAAQ;IACjBU,gBAAgB,EAAEf,KAAK,CAACgB,0BAA0B,CAACT,EAAE,CAACU,iBAAkB;IACxEC,wBAAwB,EAAElB,KAAK,CAACmB,wBAAwB,CAACC,MAAO;IAChEC,IAAI,EAAErB,KAAK,CAACqB,IAAK;IACjBC,cAAc,EAAEtB,KAAK,CAACuB,cAAc,CAAChB,EAAE,CAACe,cAAe;IACvDE,eAAe,EAAEtB,GAAG,IAAIA,GAAG,CAACuB,QAAQ,CAACC,WAAW,IAAI,KAAM;IAC1DC,OAAO,EAAE3B,KAAK,CAAC2B,OAAQ;IACvBC,WAAW,EAAE5B,KAAK,CAAC4B,WAAY;IAC/BC,eAAe,EAAE7B,KAAK,CAAC6B,eAAgB;IACvCC,WAAW,EAAE9B,KAAK,CAAC8B,WAAY;IAC/BC,YAAY,EAAE/B,KAAK,CAACqB,IAAI,CAACW,MAAM,CAAC9B,GAAG,IAC/BF,KAAK,CAACiC,QAAQ,CAACC,IAAI,CAACC,IAAI,IAAIjC,GAAG,CAACkC,EAAE,KAAKD,IAAI,CAACC,EAAE,CAClD,CAAE;IACFC,OAAO,EAAErC,KAAK,CAACqC,OAAQ;IACvBC,YAAY,EAAE;EAAK,CACtB,CAAC;AAEV,CACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","observer","DataTable","ColumnMapper","TableRowProvider","TableInner","props","cellRenderer","row","cell","createElement","columns","columnsPresenter","vm","reduce","result","column","nameColumnId","name","defaultName","toDataTable","columnVisibility","columnsVisibilityPresenter","columnsVisibility","onColumnVisibilityChange","columnsVisibilityUpdater","update","data","initialSorting","tablePresenter","isRowSelectable","original","$selectable","loading","onSelectRow","onSortingChange","onToggleRow","selectedRows","filter","selected","find","item","id","sorting","stickyHeader"],"sources":["TableInner.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport type { OnDataTableSortingChange } from \"@webiny/admin-ui\";\nimport {\n    DataTable,\n    type DataTableColumns,\n    type DataTableDefaultData,\n    type DataTableSorting\n} from \"@webiny/admin-ui\";\nimport type { ColumnsPresenter } from \"./Columns\";\nimport { ColumnMapper } from \"./Columns\";\nimport type { ColumnsVisibilityPresenter, ColumnsVisibilityUpdater } from \"./ColumnVisibility\";\nimport type { TablePresenter } from \"./TablePresenter\";\nimport { TableRowProvider } from \"~/components\";\nimport type { TableRow } from \"~/types\";\n\nexport interface TableInnerProps<T extends TableRow> {\n    columnsPresenter: ColumnsPresenter;\n    columnsVisibilityPresenter: ColumnsVisibilityPresenter;\n    columnsVisibilityUpdater: ColumnsVisibilityUpdater;\n    data: T[];\n    loading?: boolean;\n    nameColumnId?: string;\n    onSelectRow?: (rows: T[] | []) => void;\n    onSortingChange: OnDataTableSortingChange;\n    onToggleRow?: (row: T) => void;\n    selected: DataTableDefaultData[];\n    sorting: DataTableSorting;\n    tablePresenter: TablePresenter;\n}\n\nexport const TableInner = observer(<T extends TableRow>(props: TableInnerProps<T>) => {\n    const cellRenderer = useCallback(\n        (row: T, cell: string | React.ReactElement): string | number | JSX.Element | null => {\n            if (typeof cell === \"string\") {\n                return cell;\n            }\n\n            return <TableRowProvider row={row}>{cell}</TableRowProvider>;\n        },\n        []\n    );\n\n    const columns = useMemo(() => {\n        return props.columnsPresenter.vm.columns.reduce((result, column) => {\n            const { nameColumnId = \"name\" } = props;\n            const { name: defaultName } = column;\n\n            // Determine the column name, using the provided `nameColumnId` if the default is 'name'\n            const name = defaultName === \"name\" ? nameColumnId : defaultName;\n\n            result[name as keyof DataTableColumns<T>] = ColumnMapper.toDataTable(\n                column,\n                cellRenderer\n            );\n\n            return result;\n        }, {} as DataTableColumns<T>);\n    }, [props.columnsPresenter.vm.columns]);\n\n    return (\n        <DataTable\n            columns={columns}\n            columnVisibility={props.columnsVisibilityPresenter.vm.columnsVisibility}\n            onColumnVisibilityChange={props.columnsVisibilityUpdater.update}\n            data={props.data}\n            initialSorting={props.tablePresenter.vm.initialSorting}\n            isRowSelectable={row => row.original.$selectable ?? false}\n            loading={props.loading}\n            onSelectRow={props.onSelectRow}\n            onSortingChange={props.onSortingChange}\n            onToggleRow={props.onToggleRow}\n            selectedRows={props.data.filter(row => props.selected.find(item => row.id === item.id))}\n            sorting={props.sorting}\n            stickyHeader={true}\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,SACIC,SAAS,QAIN,kBAAkB;AAEzB,SAASC,YAAY;AAGrB,SAASC,gBAAgB;AAkBzB,OAAO,MAAMC,UAAU,GAAGJ,QAAQ,CAAsBK,KAAyB,IAAK;EAClF,MAAMC,YAAY,GAAGR,WAAW,CAC5B,CAACS,GAAM,EAAEC,IAAiC,KAA2C;IACjF,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;MAC1B,OAAOA,IAAI;IACf;IAEA,oBAAOX,KAAA,CAAAY,aAAA,CAACN,gBAAgB;MAACI,GAAG,EAAEA;IAAI,GAAEC,IAAuB,CAAC;EAChE,CAAC,EACD,EACJ,CAAC;EAED,MAAME,OAAO,GAAGX,OAAO,CAAC,MAAM;IAC1B,OAAOM,KAAK,CAACM,gBAAgB,CAACC,EAAE,CAACF,OAAO,CAACG,MAAM,CAAC,CAACC,MAAM,EAAEC,MAAM,KAAK;MAChE,MAAM;QAAEC,YAAY,GAAG;MAAO,CAAC,GAAGX,KAAK;MACvC,MAAM;QAAEY,IAAI,EAAEC;MAAY,CAAC,GAAGH,MAAM;;MAEpC;MACA,MAAME,IAAI,GAAGC,WAAW,KAAK,MAAM,GAAGF,YAAY,GAAGE,WAAW;MAEhEJ,MAAM,CAACG,IAAI,CAA8B,GAAGf,YAAY,CAACiB,WAAW,CAChEJ,MAAM,EACNT,YACJ,CAAC;MAED,OAAOQ,MAAM;IACjB,CAAC,EAAE,CAAC,CAAwB,CAAC;EACjC,CAAC,EAAE,CAACT,KAAK,CAACM,gBAAgB,CAACC,EAAE,CAACF,OAAO,CAAC,CAAC;EAEvC,oBACIb,KAAA,CAAAY,aAAA,CAACR,SAAS;IACNS,OAAO,EAAEA,OAAQ;IACjBU,gBAAgB,EAAEf,KAAK,CAACgB,0BAA0B,CAACT,EAAE,CAACU,iBAAkB;IACxEC,wBAAwB,EAAElB,KAAK,CAACmB,wBAAwB,CAACC,MAAO;IAChEC,IAAI,EAAErB,KAAK,CAACqB,IAAK;IACjBC,cAAc,EAAEtB,KAAK,CAACuB,cAAc,CAAChB,EAAE,CAACe,cAAe;IACvDE,eAAe,EAAEtB,GAAG,IAAIA,GAAG,CAACuB,QAAQ,CAACC,WAAW,IAAI,KAAM;IAC1DC,OAAO,EAAE3B,KAAK,CAAC2B,OAAQ;IACvBC,WAAW,EAAE5B,KAAK,CAAC4B,WAAY;IAC/BC,eAAe,EAAE7B,KAAK,CAAC6B,eAAgB;IACvCC,WAAW,EAAE9B,KAAK,CAAC8B,WAAY;IAC/BC,YAAY,EAAE/B,KAAK,CAACqB,IAAI,CAACW,MAAM,CAAC9B,GAAG,IAAIF,KAAK,CAACiC,QAAQ,CAACC,IAAI,CAACC,IAAI,IAAIjC,GAAG,CAACkC,EAAE,KAAKD,IAAI,CAACC,EAAE,CAAC,CAAE;IACxFC,OAAO,EAAErC,KAAK,CAACqC,OAAQ;IACvBC,YAAY,EAAE;EAAK,CACtB,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/components/Table/createTableData.d.ts

@@ -1,6 +1,6 @@
-import type { FolderTableItem, RecordTableItem } from "../../table.types";
+import type { FolderTableRow, RecordTableRow } from "../../table.types";
 import type { FolderItem } from "../../types";
-type Result<T> = Array<RecordTableItem & T>;
-export declare const createRecordsData: <T>(items: T[]) => Result<T>;
-export declare const createFoldersData: (items: FolderItem[]) => FolderTableItem[];
-export {};
+export declare const createRecordsData: <T extends {
+    id: string;
+}>(items: T[]) => RecordTableRow<T>[];
+export declare const createFoldersData: (items: FolderItem[]) => FolderTableRow[];

package/components/Table/createTableData.js

@@ -1,17 +1,17 @@
 export const createRecordsData = items => {
-  return items.map(item => {
-    return {
-      $type: "RECORD",
-      $selectable: true,
-      ...item
-    };
-  });
+  return items.map(item => ({
+    id: item.id,
+    $type: "RECORD",
+    $selectable: true,
+    data: item
+  }));
 };
 export const createFoldersData = items => {
   return items.map(item => ({
+    id: item.id,
     $type: "FOLDER",
     $selectable: false,
-    ...item
+    data: item
   }));
 };
 

package/components/Table/createTableData.js.map

@@ -1 +1 @@
-{"version":3,"names":["createRecordsData","items","map","item","$type","$selectable","createFoldersData"],"sources":["createTableData.ts"],"sourcesContent":["import type { FolderTableItem, RecordTableItem } from \"~/table.types\";\nimport type { FolderItem } from \"~/types\";\n\ntype Result<T> = Array<RecordTableItem & T>;\n\nexport const createRecordsData = <T>(items: T[]): Result<T> => {\n    return items.map(item => {\n        return {\n            $type: \"RECORD\",\n            $selectable: true,\n            ...item\n        };\n    });\n};\n\nexport const createFoldersData = (items: FolderItem[]): FolderTableItem[] => {\n    return items.map(item => ({\n        $type: \"FOLDER\",\n        $selectable: false,\n        ...item\n    }));\n};\n"],"mappings":"AAKA,OAAO,MAAMA,iBAAiB,GAAOC,KAAU,IAAgB;EAC3D,OAAOA,KAAK,CAACC,GAAG,CAACC,IAAI,IAAI;IACrB,OAAO;MACHC,KAAK,EAAE,QAAQ;MACfC,WAAW,EAAE,IAAI;MACjB,GAAGF;IACP,CAAC;EACL,CAAC,CAAC;AACN,CAAC;AAED,OAAO,MAAMG,iBAAiB,GAAIL,KAAmB,IAAwB;EACzE,OAAOA,KAAK,CAACC,GAAG,CAACC,IAAI,KAAK;IACtBC,KAAK,EAAE,QAAQ;IACfC,WAAW,EAAE,KAAK;IAClB,GAAGF;EACP,CAAC,CAAC,CAAC;AACP,CAAC","ignoreList":[]}
+{"version":3,"names":["createRecordsData","items","map","item","id","$type","$selectable","data","createFoldersData"],"sources":["createTableData.ts"],"sourcesContent":["import type { FolderTableRow, RecordTableRow } from \"~/table.types\";\nimport type { FolderItem } from \"~/types\";\n\nexport const createRecordsData = <T extends { id: string }>(items: T[]): RecordTableRow<T>[] => {\n    return items.map(item => ({\n        id: item.id,\n        $type: \"RECORD\",\n        $selectable: true,\n        data: item\n    }));\n};\n\nexport const createFoldersData = (items: FolderItem[]): FolderTableRow[] => {\n    return items.map(item => ({\n        id: item.id,\n        $type: \"FOLDER\",\n        $selectable: false,\n        data: item\n    }));\n};\n"],"mappings":"AAGA,OAAO,MAAMA,iBAAiB,GAA8BC,KAAU,IAA0B;EAC5F,OAAOA,KAAK,CAACC,GAAG,CAACC,IAAI,KAAK;IACtBC,EAAE,EAAED,IAAI,CAACC,EAAE;IACXC,KAAK,EAAE,QAAQ;IACfC,WAAW,EAAE,IAAI;IACjBC,IAAI,EAAEJ;EACV,CAAC,CAAC,CAAC;AACP,CAAC;AAED,OAAO,MAAMK,iBAAiB,GAAIP,KAAmB,IAAuB;EACxE,OAAOA,KAAK,CAACC,GAAG,CAACC,IAAI,KAAK;IACtBC,EAAE,EAAED,IAAI,CAACC,EAAE;IACXC,KAAK,EAAE,QAAQ;IACfC,WAAW,EAAE,KAAK;IAClBC,IAAI,EAAEJ;EACV,CAAC,CAAC,CAAC;AACP,CAAC","ignoreList":[]}

package/components/Table/useTableRow.d.ts

@@ -1,6 +1,5 @@
 import type { Context, ReactNode } from "react";
 import React from "react";
-import type { DataTableDefaultData } from "@webiny/admin-ui";
 export interface TableRowContextData<T> {
     row: T;
 }
@@ -10,5 +9,10 @@ interface TableRowProviderProps<T> {
     children: ReactNode;
 }
 export declare const TableRowProvider: <T>({ row, children }: TableRowProviderProps<T>) => React.JSX.Element | null;
-export declare const createUseTableRow: <TBaseRow = Record<string, any>>() => <TUserRow = Record<string, any>>() => TableRowContextData<TBaseRow & DataTableDefaultData & TUserRow>;
+export declare const createUseTableRow: <TBaseRow = Record<string, any>>() => {
+    (): TableRowContextData<TBaseRow>;
+    <TUserRow>(): TableRowContextData<TBaseRow & {
+        data: TUserRow;
+    }>;
+};
 export {};

package/components/Table/useTableRow.js

@@ -15,13 +15,20 @@ export const TableRowProvider = ({
   }, children);
 };
 export const createUseTableRow = () => {
-  return () => {
+  // 	function useTableRow(): TableRowContextData<TBaseRow>;
+  //  ➜ Handles calls with no generic.
+
+  // 	function useTableRow<TUserRow>(): TableRowContextData<TBaseRow & { data: TUserRow }>;
+  //  ➜ Handles calls with a generic.
+
+  function useTableRow() {
     const context = useContext(TableRowContext);
     if (!context) {
-      throw Error(`TableRowContext is missing in the component tree. Are you using "useTableRow()" hook in the right place?`);
+      throw new Error(`TableRowContext is missing in the component tree. Are you using "useTableRow()" hook in the right place?`);
     }
     return context;
-  };
+  }
+  return useTableRow;
 };
 
 //# sourceMappingURL=useTableRow.js.map

package/components/Table/useTableRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useContext","TableRowContext","undefined","TableRowProvider","row","children","value","createElement","Provider","createUseTableRow","context","Error"],"sources":["useTableRow.tsx"],"sourcesContent":["import type { Context, ReactNode } from \"react\";\nimport React, { createContext, useContext } from \"react\";\nimport type { DataTableDefaultData } from \"@webiny/admin-ui\";\n\nexport interface TableRowContextData<T> {\n    row: T;\n}\n\nexport const TableRowContext = createContext<TableRowContextData<any> | undefined>(undefined);\n\ninterface TableRowProviderProps<T> {\n    row: T | undefined;\n    children: ReactNode;\n}\n\nexport const TableRowProvider = <T,>({ row, children }: TableRowProviderProps<T>) => {\n    if (!row) {\n        return null;\n    }\n\n    const value: TableRowContextData<T> = { row };\n\n    return <TableRowContext.Provider value={value}>{children}</TableRowContext.Provider>;\n};\n\nexport const createUseTableRow = <TBaseRow = Record<string, any>,>() => {\n    return <TUserRow = Record<string, any>,>() => {\n        const context = useContext<TableRowContextData<TBaseRow & DataTableDefaultData & TUserRow>>(\n            TableRowContext as unknown as Context<\n                TableRowContextData<TBaseRow & DataTableDefaultData & TUserRow>\n            >\n        );\n\n        if (!context) {\n            throw Error(\n                `TableRowContext is missing in the component tree. Are you using \"useTableRow()\" hook in the right place?`\n            );\n        }\n\n        return context;\n    };\n};\n"],"mappings":"AACA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAOxD,OAAO,MAAMC,eAAe,gBAAGF,aAAa,CAAuCG,SAAS,CAAC;AAO7F,OAAO,MAAMC,gBAAgB,GAAGA,CAAK;EAAEC,GAAG;EAAEC;AAAmC,CAAC,KAAK;EACjF,IAAI,CAACD,GAAG,EAAE;IACN,OAAO,IAAI;EACf;EAEA,MAAME,KAA6B,GAAG;IAAEF;EAAI,CAAC;EAE7C,oBAAON,KAAA,CAAAS,aAAA,CAACN,eAAe,CAACO,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAAED,QAAmC,CAAC;AACxF,CAAC;AAED,OAAO,MAAMI,iBAAiB,GAAGA,CAAA,KAAuC;EACpE,OAAO,MAAuC;IAC1C,MAAMC,OAAO,GAAGV,UAAU,CACtBC,eAGJ,CAAC;IAED,IAAI,CAACS,OAAO,EAAE;MACV,MAAMC,KAAK,CACP,0GACJ,CAAC;IACL;IAEA,OAAOD,OAAO;EAClB,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createContext","useContext","TableRowContext","undefined","TableRowProvider","row","children","value","createElement","Provider","createUseTableRow","useTableRow","context","Error"],"sources":["useTableRow.tsx"],"sourcesContent":["import type { Context, ReactNode } from \"react\";\nimport React, { createContext, useContext } from \"react\";\n\nexport interface TableRowContextData<T> {\n    row: T;\n}\n\nexport const TableRowContext = createContext<TableRowContextData<any> | undefined>(undefined);\n\ninterface TableRowProviderProps<T> {\n    row: T | undefined;\n    children: ReactNode;\n}\n\nexport const TableRowProvider = <T,>({ row, children }: TableRowProviderProps<T>) => {\n    if (!row) {\n        return null;\n    }\n\n    const value: TableRowContextData<T> = { row };\n\n    return <TableRowContext.Provider value={value}>{children}</TableRowContext.Provider>;\n};\n\nexport const createUseTableRow = <TBaseRow = Record<string, any>,>() => {\n    function useTableRow(): TableRowContextData<TBaseRow>;\n\n    // \tfunction useTableRow(): TableRowContextData<TBaseRow>;\n    //  ➜ Handles calls with no generic.\n\n    // \tfunction useTableRow<TUserRow>(): TableRowContextData<TBaseRow & { data: TUserRow }>;\n    //  ➜ Handles calls with a generic.\n\n    function useTableRow<TUserRow>(): TableRowContextData<TBaseRow & { data: TUserRow }>;\n\n    function useTableRow<TUserRow = never>(): TableRowContextData<\n        TUserRow extends never ? TBaseRow : TBaseRow & { data: TUserRow }\n    > {\n        type Combined = TUserRow extends never ? TBaseRow : TBaseRow & { data: TUserRow };\n\n        const context = useContext<TableRowContextData<Combined>>(\n            TableRowContext as unknown as Context<TableRowContextData<Combined>>\n        );\n\n        if (!context) {\n            throw new Error(\n                `TableRowContext is missing in the component tree. Are you using \"useTableRow()\" hook in the right place?`\n            );\n        }\n\n        return context;\n    }\n\n    return useTableRow;\n};\n"],"mappings":"AACA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAMxD,OAAO,MAAMC,eAAe,gBAAGF,aAAa,CAAuCG,SAAS,CAAC;AAO7F,OAAO,MAAMC,gBAAgB,GAAGA,CAAK;EAAEC,GAAG;EAAEC;AAAmC,CAAC,KAAK;EACjF,IAAI,CAACD,GAAG,EAAE;IACN,OAAO,IAAI;EACf;EAEA,MAAME,KAA6B,GAAG;IAAEF;EAAI,CAAC;EAE7C,oBAAON,KAAA,CAAAS,aAAA,CAACN,eAAe,CAACO,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAAED,QAAmC,CAAC;AACxF,CAAC;AAED,OAAO,MAAMI,iBAAiB,GAAGA,CAAA,KAAuC;EAGpE;EACA;;EAEA;EACA;;EAIA,SAASC,WAAWA,CAAA,EAElB;IAGE,MAAMC,OAAO,GAAGX,UAAU,CACtBC,eACJ,CAAC;IAED,IAAI,CAACU,OAAO,EAAE;MACV,MAAM,IAAIC,KAAK,CACX,0GACJ,CAAC;IACL;IAEA,OAAOD,OAAO;EAClB;EAEA,OAAOD,WAAW;AACtB,CAAC","ignoreList":[]}

package/config/AcoConfig.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export { FieldRendererConfig as AdvancedSearchFieldRendererConfig } from "./advanced-search/FieldRenderer";
-export { ActionConfig as RecordActionConfig } from "./record/Action";
-export { ActionConfig as FolderActionConfig } from "./folder/Action";
-export { ColumnConfig as TableColumnConfig } from "./table/Column";
-export { SortingConfig as TableSortingConfig } from "./table/Sorting";
+export type { FieldRendererConfig as AdvancedSearchFieldRendererConfig } from "./advanced-search/FieldRenderer";
+export type { ActionConfig as RecordActionConfig } from "./record/Action";
+export type { ActionConfig as FolderActionConfig } from "./folder/Action";
+export type { ColumnConfig as TableColumnConfig } from "./table/Column";
+export type { SortingConfig as TableSortingConfig } from "./table/Sorting";
 export declare const AcoConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => import("react").JSX.Element) & {
     AdvancedSearch: {
         FieldRenderer: (({ name, type, element }: import("./advanced-search/FieldRenderer").FieldRendererProps) => import("react").JSX.Element) & {
@@ -24,8 +24,13 @@ export declare const AcoConfig: (({ priority, children }: import("@webiny/react-
     };
     Table: {
         Column: import("react").FC<import("./table/Column").ColumnProps> & {
-            isFolderRow: (row: import("../table.types").BaseTableItem) => row is import("../table.types").FolderTableItem;
-            createUseTableRow: <TBaseRow = Record<string, any>>() => <TUserRow = Record<string, any>>() => import("..").TableRowContextData<TBaseRow & import("@webiny/admin-ui/DataTable/DataTable").DataTableDefaultData & TUserRow>;
+            isFolderRow: (row: import("..").TableRow<unknown>) => row is import("..").FolderTableRow;
+            createUseTableRow: <TBaseRow = Record<string, any>>() => {
+                (): import("..").TableRowContextData<TBaseRow>;
+                <TUserRow>(): import("..").TableRowContextData<TBaseRow & {
+                    data: TUserRow;
+                }>;
+            };
         };
         Sorting: ({ name, field, order }: import("./table/Sorting").SortingProps) => import("react").JSX.Element;
     };

package/config/AcoConfig.js

@@ -4,11 +4,6 @@ import { AdvancedSearch } from "./advanced-search";
 import { Record } from "./record";
 import { Folder } from "./folder";
 import { Table } from "./table";
-export { FieldRendererConfig as AdvancedSearchFieldRendererConfig } from "./advanced-search/FieldRenderer";
-export { ActionConfig as RecordActionConfig } from "./record/Action";
-export { ActionConfig as FolderActionConfig } from "./folder/Action";
-export { ColumnConfig as TableColumnConfig } from "./table/Column";
-export { SortingConfig as TableSortingConfig } from "./table/Sorting";
 const base = createConfigurableComponent("AcoConfig");
 export const AcoConfig = Object.assign(base.Config, {
   AdvancedSearch,

package/config/AcoConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","createConfigurableComponent","AdvancedSearch","Record","Folder","Table","FieldRendererConfig","AdvancedSearchFieldRendererConfig","ActionConfig","RecordActionConfig","FolderActionConfig","ColumnConfig","TableColumnConfig","SortingConfig","TableSortingConfig","base","AcoConfig","Object","assign","Config","AcoWithConfig","WithConfig","useAcoConfig","config","useConfig","advancedSearch","folder","record","table","fieldRenderers","actions","columns","sorting"],"sources":["AcoConfig.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport type { AdvancedSearchConfig } from \"./advanced-search\";\nimport { AdvancedSearch } from \"./advanced-search\";\nimport type { RecordConfig } from \"./record\";\nimport { Record } from \"./record\";\nimport type { FolderConfig } from \"./folder\";\nimport { Folder } from \"./folder\";\nimport type { TableConfig } from \"~/config/table\";\nimport { Table } from \"~/config/table\";\n\nexport { FieldRendererConfig as AdvancedSearchFieldRendererConfig } from \"./advanced-search/FieldRenderer\";\nexport { ActionConfig as RecordActionConfig } from \"./record/Action\";\nexport { ActionConfig as FolderActionConfig } from \"./folder/Action\";\nexport { ColumnConfig as TableColumnConfig } from \"./table/Column\";\nexport { SortingConfig as TableSortingConfig } from \"./table/Sorting\";\n\nconst base = createConfigurableComponent<AcoConfig>(\"AcoConfig\");\n\nexport const AcoConfig = Object.assign(base.Config, { AdvancedSearch, Folder, Record, Table });\nexport const AcoWithConfig = base.WithConfig;\n\ninterface AcoConfig {\n    advancedSearch: AdvancedSearchConfig;\n    record: RecordConfig;\n    folder: FolderConfig;\n    table: TableConfig;\n}\n\nexport function useAcoConfig() {\n    const config = base.useConfig();\n\n    const advancedSearch = config.advancedSearch || {};\n    const folder = config.folder || {};\n    const record = config.record || {};\n    const table = config.table || {};\n\n    return useMemo(\n        () => ({\n            advancedSearch: {\n                ...advancedSearch,\n                fieldRenderers: [...(advancedSearch.fieldRenderers || [])]\n            },\n            folder: {\n                ...folder,\n                actions: [...(folder.actions || [])]\n            },\n            record: {\n                ...record,\n                actions: [...(record.actions || [])]\n            },\n            table: {\n                ...table,\n                columns: [...(table.columns || [])],\n                sorting: [...(table.sorting || [])]\n            }\n        }),\n        [config]\n    );\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,2BAA2B,QAAQ,0BAA0B;AAEtE,SAASC,cAAc;AAEvB,SAASC,MAAM;AAEf,SAASC,MAAM;AAEf,SAASC,KAAK;AAEd,SAASC,mBAAmB,IAAIC,iCAAiC;AACjE,SAASC,YAAY,IAAIC,kBAAkB;AAC3C,SAASD,YAAY,IAAIE,kBAAkB;AAC3C,SAASC,YAAY,IAAIC,iBAAiB;AAC1C,SAASC,aAAa,IAAIC,kBAAkB;AAE5C,MAAMC,IAAI,GAAGd,2BAA2B,CAAY,WAAW,CAAC;AAEhE,OAAO,MAAMe,SAAS,GAAGC,MAAM,CAACC,MAAM,CAACH,IAAI,CAACI,MAAM,EAAE;EAAEjB,cAAc;EAAEE,MAAM;EAAED,MAAM;EAAEE;AAAM,CAAC,CAAC;AAC9F,OAAO,MAAMe,aAAa,GAAGL,IAAI,CAACM,UAAU;AAS5C,OAAO,SAASC,YAAYA,CAAA,EAAG;EAC3B,MAAMC,MAAM,GAAGR,IAAI,CAACS,SAAS,CAAC,CAAC;EAE/B,MAAMC,cAAc,GAAGF,MAAM,CAACE,cAAc,IAAI,CAAC,CAAC;EAClD,MAAMC,MAAM,GAAGH,MAAM,CAACG,MAAM,IAAI,CAAC,CAAC;EAClC,MAAMC,MAAM,GAAGJ,MAAM,CAACI,MAAM,IAAI,CAAC,CAAC;EAClC,MAAMC,KAAK,GAAGL,MAAM,CAACK,KAAK,IAAI,CAAC,CAAC;EAEhC,OAAO5B,OAAO,CACV,OAAO;IACHyB,cAAc,EAAE;MACZ,GAAGA,cAAc;MACjBI,cAAc,EAAE,CAAC,IAAIJ,cAAc,CAACI,cAAc,IAAI,EAAE,CAAC;IAC7D,CAAC;IACDH,MAAM,EAAE;MACJ,GAAGA,MAAM;MACTI,OAAO,EAAE,CAAC,IAAIJ,MAAM,CAACI,OAAO,IAAI,EAAE,CAAC;IACvC,CAAC;IACDH,MAAM,EAAE;MACJ,GAAGA,MAAM;MACTG,OAAO,EAAE,CAAC,IAAIH,MAAM,CAACG,OAAO,IAAI,EAAE,CAAC;IACvC,CAAC;IACDF,KAAK,EAAE;MACH,GAAGA,KAAK;MACRG,OAAO,EAAE,CAAC,IAAIH,KAAK,CAACG,OAAO,IAAI,EAAE,CAAC,CAAC;MACnCC,OAAO,EAAE,CAAC,IAAIJ,KAAK,CAACI,OAAO,IAAI,EAAE,CAAC;IACtC;EACJ,CAAC,CAAC,EACF,CAACT,MAAM,CACX,CAAC;AACL","ignoreList":[]}
+{"version":3,"names":["useMemo","createConfigurableComponent","AdvancedSearch","Record","Folder","Table","base","AcoConfig","Object","assign","Config","AcoWithConfig","WithConfig","useAcoConfig","config","useConfig","advancedSearch","folder","record","table","fieldRenderers","actions","columns","sorting"],"sources":["AcoConfig.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport type { AdvancedSearchConfig } from \"./advanced-search\";\nimport { AdvancedSearch } from \"./advanced-search\";\nimport type { RecordConfig } from \"./record\";\nimport { Record } from \"./record\";\nimport type { FolderConfig } from \"./folder\";\nimport { Folder } from \"./folder\";\nimport type { TableConfig } from \"~/config/table\";\nimport { Table } from \"~/config/table\";\n\nexport type { FieldRendererConfig as AdvancedSearchFieldRendererConfig } from \"./advanced-search/FieldRenderer\";\nexport type { ActionConfig as RecordActionConfig } from \"./record/Action\";\nexport type { ActionConfig as FolderActionConfig } from \"./folder/Action\";\nexport type { ColumnConfig as TableColumnConfig } from \"./table/Column\";\nexport type { SortingConfig as TableSortingConfig } from \"./table/Sorting\";\n\nconst base = createConfigurableComponent<AcoConfig>(\"AcoConfig\");\n\nexport const AcoConfig = Object.assign(base.Config, { AdvancedSearch, Folder, Record, Table });\nexport const AcoWithConfig = base.WithConfig;\n\ninterface AcoConfig {\n    advancedSearch: AdvancedSearchConfig;\n    record: RecordConfig;\n    folder: FolderConfig;\n    table: TableConfig;\n}\n\nexport function useAcoConfig() {\n    const config = base.useConfig();\n\n    const advancedSearch = config.advancedSearch || {};\n    const folder = config.folder || {};\n    const record = config.record || {};\n    const table = config.table || {};\n\n    return useMemo(\n        () => ({\n            advancedSearch: {\n                ...advancedSearch,\n                fieldRenderers: [...(advancedSearch.fieldRenderers || [])]\n            },\n            folder: {\n                ...folder,\n                actions: [...(folder.actions || [])]\n            },\n            record: {\n                ...record,\n                actions: [...(record.actions || [])]\n            },\n            table: {\n                ...table,\n                columns: [...(table.columns || [])],\n                sorting: [...(table.sorting || [])]\n            }\n        }),\n        [config]\n    );\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,2BAA2B,QAAQ,0BAA0B;AAEtE,SAASC,cAAc;AAEvB,SAASC,MAAM;AAEf,SAASC,MAAM;AAEf,SAASC,KAAK;AAQd,MAAMC,IAAI,GAAGL,2BAA2B,CAAY,WAAW,CAAC;AAEhE,OAAO,MAAMM,SAAS,GAAGC,MAAM,CAACC,MAAM,CAACH,IAAI,CAACI,MAAM,EAAE;EAAER,cAAc;EAAEE,MAAM;EAAED,MAAM;EAAEE;AAAM,CAAC,CAAC;AAC9F,OAAO,MAAMM,aAAa,GAAGL,IAAI,CAACM,UAAU;AAS5C,OAAO,SAASC,YAAYA,CAAA,EAAG;EAC3B,MAAMC,MAAM,GAAGR,IAAI,CAACS,SAAS,CAAC,CAAC;EAE/B,MAAMC,cAAc,GAAGF,MAAM,CAACE,cAAc,IAAI,CAAC,CAAC;EAClD,MAAMC,MAAM,GAAGH,MAAM,CAACG,MAAM,IAAI,CAAC,CAAC;EAClC,MAAMC,MAAM,GAAGJ,MAAM,CAACI,MAAM,IAAI,CAAC,CAAC;EAClC,MAAMC,KAAK,GAAGL,MAAM,CAACK,KAAK,IAAI,CAAC,CAAC;EAEhC,OAAOnB,OAAO,CACV,OAAO;IACHgB,cAAc,EAAE;MACZ,GAAGA,cAAc;MACjBI,cAAc,EAAE,CAAC,IAAIJ,cAAc,CAACI,cAAc,IAAI,EAAE,CAAC;IAC7D,CAAC;IACDH,MAAM,EAAE;MACJ,GAAGA,MAAM;MACTI,OAAO,EAAE,CAAC,IAAIJ,MAAM,CAACI,OAAO,IAAI,EAAE,CAAC;IACvC,CAAC;IACDH,MAAM,EAAE;MACJ,GAAGA,MAAM;MACTG,OAAO,EAAE,CAAC,IAAIH,MAAM,CAACG,OAAO,IAAI,EAAE,CAAC;IACvC,CAAC;IACDF,KAAK,EAAE;MACH,GAAGA,KAAK;MACRG,OAAO,EAAE,CAAC,IAAIH,KAAK,CAACG,OAAO,IAAI,EAAE,CAAC,CAAC;MACnCC,OAAO,EAAE,CAAC,IAAIJ,KAAK,CAACI,OAAO,IAAI,EAAE,CAAC;IACtC;EACJ,CAAC,CAAC,EACF,CAACT,MAAM,CACX,CAAC;AACL","ignoreList":[]}

package/config/table/Column.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement } from "react";
 import React from "react";
-import type { FolderTableItem, BaseTableItem } from "../../types";
+import type { FolderTableRow, TableRow } from "../../table.types";
 export interface ColumnConfig {
     cell: string | ReactElement;
     className: string;
@@ -27,6 +27,11 @@ export interface ColumnProps {
     visible?: boolean;
 }
 export declare const Column: React.FC<ColumnProps> & {
-    isFolderRow: (row: BaseTableItem) => row is FolderTableItem;
-    createUseTableRow: <TBaseRow = Record<string, any>>() => <TUserRow = Record<string, any>>() => import("../../components/Table/useTableRow").TableRowContextData<TBaseRow & import("@webiny/admin-ui/DataTable/DataTable").DataTableDefaultData & TUserRow>;
+    isFolderRow: (row: TableRow) => row is FolderTableRow;
+    createUseTableRow: <TBaseRow = Record<string, any>>() => {
+        (): import("../../components/Table/useTableRow").TableRowContextData<TBaseRow>;
+        <TUserRow>(): import("../../components/Table/useTableRow").TableRowContextData<TBaseRow & {
+            data: TUserRow;
+        }>;
+    };
 };

package/config/table/Column.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Property","useIdGenerator","createUseTableRow","BaseColumn","after","undefined","before","cell","className","header","hideable","name","remove","resizable","size","sortable","visible","getId","placeAfter","placeBefore","createElement","id","array","value","isFolderRow","row","$type","Column","Object","assign"],"sources":["Column.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { createUseTableRow } from \"~/components/Table/useTableRow\";\nimport type { FolderTableItem, BaseTableItem } from \"~/types\";\n\nexport interface ColumnConfig {\n    cell: string | ReactElement;\n    className: string;\n    header: string | ReactElement;\n    hideable: boolean;\n    name: string;\n    resizable: boolean;\n    size: number;\n    sortable: boolean;\n    visible: boolean;\n}\n\nexport interface ColumnProps {\n    after?: string;\n    before?: string;\n    cell?: string | ReactElement;\n    className?: string;\n    header?: string | ReactElement;\n    hideable?: boolean;\n    name: string;\n    remove?: boolean;\n    resizable?: boolean;\n    size?: number;\n    sortable?: boolean;\n    visible?: boolean;\n}\n\nconst BaseColumn: React.FC<ColumnProps> = ({\n    after = undefined,\n    before = undefined,\n    cell,\n    className = undefined,\n    header = undefined,\n    hideable = true,\n    name,\n    remove = false,\n    resizable = true,\n    size = 100,\n    sortable = false,\n    visible = true\n}) => {\n    const getId = useIdGenerator(\"tableColumn\");\n\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n\n    return (\n        <Property id=\"table\" name={\"table\"}>\n            <Property\n                id={getId(name)}\n                name={\"columns\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property id={getId(name, \"sortable\")} name={\"sortable\"} value={sortable} />\n                <Property id={getId(name, \"resizable\")} name={\"resizable\"} value={resizable} />\n                <Property id={getId(name, \"hideable\")} name={\"hideable\"} value={hideable} />\n                <Property id={getId(name, \"size\")} name={\"size\"} value={size} />\n                <Property id={getId(name, \"visible\")} name={\"visible\"} value={visible} />\n                {header ? (\n                    <Property id={getId(name, \"header\")} name={\"header\"} value={header} />\n                ) : null}\n                {cell ? <Property id={getId(name, \"cell\")} name={\"cell\"} value={cell} /> : null}\n                {className ? (\n                    <Property id={getId(name, \"className\")} name={\"className\"} value={className} />\n                ) : null}\n            </Property>\n        </Property>\n    );\n};\n\nconst isFolderRow = (row: BaseTableItem): row is FolderTableItem => {\n    return row.$type === \"FOLDER\";\n};\n\nexport const Column = Object.assign(BaseColumn, { isFolderRow, createUseTableRow });\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Property","useIdGenerator","createUseTableRow","BaseColumn","after","undefined","before","cell","className","header","hideable","name","remove","resizable","size","sortable","visible","getId","placeAfter","placeBefore","createElement","id","array","value","isFolderRow","row","$type","Column","Object","assign"],"sources":["Column.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { createUseTableRow } from \"~/components/Table/useTableRow\";\nimport type { FolderTableRow, TableRow } from \"~/table.types\";\n\nexport interface ColumnConfig {\n    cell: string | ReactElement;\n    className: string;\n    header: string | ReactElement;\n    hideable: boolean;\n    name: string;\n    resizable: boolean;\n    size: number;\n    sortable: boolean;\n    visible: boolean;\n}\n\nexport interface ColumnProps {\n    after?: string;\n    before?: string;\n    cell?: string | ReactElement;\n    className?: string;\n    header?: string | ReactElement;\n    hideable?: boolean;\n    name: string;\n    remove?: boolean;\n    resizable?: boolean;\n    size?: number;\n    sortable?: boolean;\n    visible?: boolean;\n}\n\nconst BaseColumn: React.FC<ColumnProps> = ({\n    after = undefined,\n    before = undefined,\n    cell,\n    className = undefined,\n    header = undefined,\n    hideable = true,\n    name,\n    remove = false,\n    resizable = true,\n    size = 100,\n    sortable = false,\n    visible = true\n}) => {\n    const getId = useIdGenerator(\"tableColumn\");\n\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n\n    return (\n        <Property id=\"table\" name={\"table\"}>\n            <Property\n                id={getId(name)}\n                name={\"columns\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property id={getId(name, \"sortable\")} name={\"sortable\"} value={sortable} />\n                <Property id={getId(name, \"resizable\")} name={\"resizable\"} value={resizable} />\n                <Property id={getId(name, \"hideable\")} name={\"hideable\"} value={hideable} />\n                <Property id={getId(name, \"size\")} name={\"size\"} value={size} />\n                <Property id={getId(name, \"visible\")} name={\"visible\"} value={visible} />\n                {header ? (\n                    <Property id={getId(name, \"header\")} name={\"header\"} value={header} />\n                ) : null}\n                {cell ? <Property id={getId(name, \"cell\")} name={\"cell\"} value={cell} /> : null}\n                {className ? (\n                    <Property id={getId(name, \"className\")} name={\"className\"} value={className} />\n                ) : null}\n            </Property>\n        </Property>\n    );\n};\n\nconst isFolderRow = (row: TableRow): row is FolderTableRow => {\n    return row.$type === \"FOLDER\";\n};\n\nexport const Column = Object.assign(BaseColumn, { isFolderRow, createUseTableRow });\n"],"mappings":"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","ignoreList":[]}

package/config/table/index.d.ts

@@ -7,8 +7,13 @@ export interface TableConfig {
 }
 export declare const Table: {
     Column: import("react").FC<import("./Column").ColumnProps> & {
-        isFolderRow: (row: import("../../table.types").BaseTableItem) => row is import("../../table.types").FolderTableItem;
-        createUseTableRow: <TBaseRow = Record<string, any>>() => <TUserRow = Record<string, any>>() => import("../..").TableRowContextData<TBaseRow & import("@webiny/admin-ui/DataTable/DataTable").DataTableDefaultData & TUserRow>;
+        isFolderRow: (row: import("../..").TableRow<unknown>) => row is import("../..").FolderTableRow;
+        createUseTableRow: <TBaseRow = Record<string, any>>() => {
+            (): import("../..").TableRowContextData<TBaseRow>;
+            <TUserRow>(): import("../..").TableRowContextData<TBaseRow & {
+                data: TUserRow;
+            }>;
+        };
     };
     Sorting: ({ name, field, order }: import("./Sorting").SortingProps) => import("react").JSX.Element;
 };

package/contexts/index.d.ts

@@ -1,2 +1,2 @@
-export { AcoAppProvider as AcoProvider, AcoAppProviderProps } from "./app";
+export { AcoAppProvider as AcoProvider, type AcoAppProviderProps } from "./app";
 export * from "./folder";

package/contexts/index.js

@@ -1,4 +1,4 @@
-export { AcoAppProvider as AcoProvider, AcoAppProviderProps } from "./app";
+export { AcoAppProvider as AcoProvider } from "./app";
 export * from "./folder";
 
 //# sourceMappingURL=index.js.map

package/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["AcoAppProvider","AcoProvider","AcoAppProviderProps"],"sources":["index.tsx"],"sourcesContent":["export { AcoAppProvider as AcoProvider, AcoAppProviderProps } from \"~/contexts/app\";\nexport * from \"./folder\";\n"],"mappings":"AAAA,SAASA,cAAc,IAAIC,WAAW,EAAEC,mBAAmB;AAC3D","ignoreList":[]}
+{"version":3,"names":["AcoAppProvider","AcoProvider"],"sources":["index.tsx"],"sourcesContent":["export { AcoAppProvider as AcoProvider, type AcoAppProviderProps } from \"~/contexts/app\";\nexport * from \"./folder\";\n"],"mappings":"AAAA,SAASA,cAAc,IAAIC,WAAW;AACtC","ignoreList":[]}

package/features/folders/getFolderAncestors/FolderDto.d.ts

@@ -0,0 +1,9 @@
+import type { FolderPermission } from "@webiny/shared-aco/flp/flp.types.js";
+export interface FolderDto {
+    id: string;
+    title: string;
+    slug: string;
+    permissions: FolderPermission[];
+    type: string;
+    parentId: string | null;
+}

package/features/folders/getFolderAncestors/FolderDto.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=FolderDto.js.map

package/features/folders/getFolderAncestors/FolderDto.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["FolderDto.ts"],"sourcesContent":["import type { FolderPermission } from \"@webiny/shared-aco/flp/flp.types.js\";\n\nexport interface FolderDto {\n    id: string;\n    title: string;\n    slug: string;\n    permissions: FolderPermission[];\n    type: string;\n    parentId: string | null;\n}\n"],"mappings":"","ignoreList":[]}

package/features/folders/getFolderAncestors/GetFolderAncestors.d.ts

@@ -0,0 +1,4 @@
+import type { IGetFolderAncestorsUseCase } from "./IGetFolderAncestorsUseCase";
+export declare class GetFolderAncestors {
+    static getInstance(type: string): IGetFolderAncestorsUseCase;
+}