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

package/components/Table/components/Table/Columns/index.js

@@ -1,8 +1,5 @@
-export * from "./IColumnsRepository";
-export * from "./Column";
-export * from "./ColumnMapper";
-export * from "./ColumnsPresenter";
-export * from "./ColumnsRepository";
-export * from "./ColumnsRepositoryFactory";
-
-//# sourceMappingURL=index.js.map
+export * from "./Column.js";
+export * from "./ColumnMapper.js";
+export * from "./ColumnsPresenter.js";
+export * from "./ColumnsRepository.js";
+export * from "./ColumnsRepositoryFactory.js";

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

@@ -1,7 +1,9 @@
 import React from "react";
 import type { DataTableSorting, OnDataTableSortingChange } from "@webiny/admin-ui";
-import type { TableRow } from "../../../../types";
+import type { TableRow } from "../../../../types.js";
+import { ColumnConfig } from "../../../../config/table/Column.js";
 export interface TableProps<T> {
+    columns: ColumnConfig[];
     data: T[];
     loading?: boolean;
     nameColumnId?: string;
@@ -12,4 +14,4 @@ export interface TableProps<T> {
     selected: TableRow[];
     sorting: DataTableSorting;
 }
-export declare const Table: <T extends TableRow<unknown>>({ namespace, ...props }: TableProps<T>) => React.JSX.Element;
+export declare const Table: <T extends TableRow>({ columns, namespace, ...props }: TableProps<T>) => React.JSX.Element;

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

@@ -1,42 +1,47 @@
-import React, { useEffect, useMemo } from "react";
-import { Column, ColumnsPresenter, columnsRepositoryFactory } from "./Columns";
-import { ColumnsVisibilityDecorator, ColumnsVisibilityPresenter, ColumnsVisibilityUpdater, columnsVisibilityRepositoryFactory } from "./ColumnVisibility";
-import { ColumnsVisibilityLocalStorageGateway } from "./gateways";
-import { TablePresenter } from "./TablePresenter";
-import { TableInner } from "./TableInner";
-import { useAcoConfig } from "../../../../config";
-export const Table = ({
-  namespace,
-  ...props
-}) => {
-  const {
-    table
-  } = useAcoConfig();
-  const columnsRepo = useMemo(() => {
-    return columnsRepositoryFactory.getRepository(namespace, table.columns.map(column => Column.createFromConfig(column)));
-  }, [namespace, table.columns]);
-  const visibilityRepo = useMemo(() => {
-    const columnsVisibilityLocalStorage = new ColumnsVisibilityLocalStorageGateway(namespace);
-    return columnsVisibilityRepositoryFactory.getRepository(namespace, columnsVisibilityLocalStorage);
-  }, [namespace]);
-  const repo = useMemo(() => {
-    return new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);
-  }, [visibilityRepo, columnsRepo]);
-  const columnsVisibilityUpdater = new ColumnsVisibilityUpdater(visibilityRepo);
-  const columnsPresenter = useMemo(() => new ColumnsPresenter(repo), [repo]);
-  const columnsVisibilityPresenter = useMemo(() => new ColumnsVisibilityPresenter(columnsPresenter), [columnsPresenter]);
-  const tablePresenter = useMemo(() => {
-    return new TablePresenter();
-  }, []);
-  useEffect(() => {
-    columnsPresenter.init();
-  }, [columnsPresenter]);
-  return /*#__PURE__*/React.createElement(TableInner, Object.assign({}, props, {
-    columnsPresenter: columnsPresenter,
-    columnsVisibilityPresenter: columnsVisibilityPresenter,
-    tablePresenter: tablePresenter,
-    columnsVisibilityUpdater: columnsVisibilityUpdater
-  }));
+import react, { useEffect, useMemo } from "react";
+import { Column, ColumnsPresenter, columnsRepositoryFactory } from "./Columns/index.js";
+import { ColumnsVisibilityDecorator, ColumnsVisibilityPresenter, ColumnsVisibilityUpdater, columnsVisibilityRepositoryFactory } from "./ColumnVisibility/index.js";
+import { ColumnsVisibilityLocalStorageGateway } from "./gateways/index.js";
+import { TablePresenter } from "./TablePresenter.js";
+import { TableInner } from "./TableInner.js";
+import { useLocalStorage } from "@webiny/app";
+const Table = ({ columns, namespace, ...props })=>{
+    const localStorage = useLocalStorage();
+    const columnsRepo = useMemo(()=>columnsRepositoryFactory.getRepository(namespace, columns.map((column)=>Column.createFromConfig(column))), [
+        namespace,
+        columns
+    ]);
+    const visibilityRepo = useMemo(()=>{
+        const columnsVisibilityLocalStorage = new ColumnsVisibilityLocalStorageGateway(localStorage, namespace);
+        return columnsVisibilityRepositoryFactory.getRepository(namespace, columnsVisibilityLocalStorage);
+    }, [
+        namespace
+    ]);
+    const repo = useMemo(()=>new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo), [
+        visibilityRepo,
+        columnsRepo
+    ]);
+    const columnsVisibilityUpdater = new ColumnsVisibilityUpdater(visibilityRepo);
+    const columnsPresenter = useMemo(()=>new ColumnsPresenter(repo), [
+        repo
+    ]);
+    const columnsVisibilityPresenter = useMemo(()=>new ColumnsVisibilityPresenter(columnsPresenter), [
+        columnsPresenter
+    ]);
+    const tablePresenter = useMemo(()=>new TablePresenter(), []);
+    useEffect(()=>{
+        columnsPresenter.init();
+    }, [
+        columnsPresenter
+    ]);
+    return /*#__PURE__*/ react.createElement(TableInner, {
+        ...props,
+        columnsPresenter: columnsPresenter,
+        columnsVisibilityPresenter: columnsVisibilityPresenter,
+        tablePresenter: tablePresenter,
+        columnsVisibilityUpdater: columnsVisibilityUpdater
+    });
 };
+export { Table };
 
 //# sourceMappingURL=Table.js.map

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 { 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":[]}
+{"version":3,"file":"components/Table/components/Table/Table.js","sources":["../../../../../src/components/Table/components/Table/Table.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport type { DataTableSorting, OnDataTableSortingChange } from \"@webiny/admin-ui\";\nimport { Column, ColumnsPresenter, columnsRepositoryFactory } from \"./Columns/index.js\";\nimport {\n    ColumnsVisibilityDecorator,\n    ColumnsVisibilityPresenter,\n    ColumnsVisibilityUpdater,\n    columnsVisibilityRepositoryFactory\n} from \"./ColumnVisibility/index.js\";\nimport { ColumnsVisibilityLocalStorageGateway } from \"./gateways/index.js\";\nimport { TablePresenter } from \"./TablePresenter.js\";\nimport { TableInner } from \"./TableInner.js\";\nimport type { TableRow } from \"~/types.js\";\nimport { ColumnConfig } from \"~/config/table/Column.js\";\nimport { useLocalStorage } from \"@webiny/app\";\n\nexport interface TableProps<T> {\n    columns: ColumnConfig[];\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>({ columns, namespace, ...props }: TableProps<T>) => {\n    const localStorage = useLocalStorage();\n\n    const columnsRepo = useMemo(() => {\n        return columnsRepositoryFactory.getRepository(\n            namespace,\n            columns.map(column => Column.createFromConfig(column))\n        );\n    }, [namespace, columns]);\n\n    const visibilityRepo = useMemo(() => {\n        const columnsVisibilityLocalStorage = new ColumnsVisibilityLocalStorageGateway(\n            localStorage,\n            namespace\n        );\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"],"names":["Table","columns","namespace","props","localStorage","useLocalStorage","columnsRepo","useMemo","columnsRepositoryFactory","column","Column","visibilityRepo","columnsVisibilityLocalStorage","ColumnsVisibilityLocalStorageGateway","columnsVisibilityRepositoryFactory","repo","ColumnsVisibilityDecorator","columnsVisibilityUpdater","ColumnsVisibilityUpdater","columnsPresenter","ColumnsPresenter","columnsVisibilityPresenter","ColumnsVisibilityPresenter","tablePresenter","TablePresenter","useEffect","TableInner"],"mappings":";;;;;;;AA6BO,MAAMA,QAAQ,CAAqB,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC,OAAsB;IACrF,MAAMC,eAAeC;IAErB,MAAMC,cAAcC,QAAQ,IACjBC,yBAAyB,aAAa,CACzCN,WACAD,QAAQ,GAAG,CAACQ,CAAAA,SAAUC,OAAO,gBAAgB,CAACD,WAEnD;QAACP;QAAWD;KAAQ;IAEvB,MAAMU,iBAAiBJ,QAAQ;QAC3B,MAAMK,gCAAgC,IAAIC,qCACtCT,cACAF;QAGJ,OAAOY,mCAAmC,aAAa,CACnDZ,WACAU;IAER,GAAG;QAACV;KAAU;IAEd,MAAMa,OAAOR,QAAQ,IACV,IAAIS,2BAA2BL,gBAAgBL,cACvD;QAACK;QAAgBL;KAAY;IAEhC,MAAMW,2BAA2B,IAAIC,yBAAyBP;IAE9D,MAAMQ,mBAAmBZ,QAAQ,IAAM,IAAIa,iBAAiBL,OAAO;QAACA;KAAK;IAEzE,MAAMM,6BAA6Bd,QAC/B,IAAM,IAAIe,2BAA2BH,mBACrC;QAACA;KAAiB;IAGtB,MAAMI,iBAAiBhB,QAAwB,IACpC,IAAIiB,kBACZ,EAAE;IAELC,UAAU;QACNN,iBAAiB,IAAI;IACzB,GAAG;QAACA;KAAiB;IAErB,OAAO,WAAP,GACI,oBAACO,YAAUA;QACN,GAAGvB,KAAK;QACT,kBAAkBgB;QAClB,4BAA4BE;QAC5B,gBAAgBE;QAChB,0BAA0BN;;AAGtC"}

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

@@ -1,10 +1,10 @@
 import React from "react";
 import type { OnDataTableSortingChange } from "@webiny/admin-ui";
 import { type DataTableDefaultData, type DataTableSorting } from "@webiny/admin-ui";
-import type { ColumnsPresenter } from "./Columns";
-import type { ColumnsVisibilityPresenter, ColumnsVisibilityUpdater } from "./ColumnVisibility";
-import type { TablePresenter } from "./TablePresenter";
-import type { TableRow } from "../../../../types";
+import type { ColumnsPresenter } from "./Columns/index.js";
+import type { ColumnsVisibilityPresenter, ColumnsVisibilityUpdater } from "./ColumnVisibility/index.js";
+import type { TablePresenter } from "./TablePresenter.js";
+import type { TableRow } from "../../../../types.js";
 export interface TableInnerProps<T extends TableRow> {
     columnsPresenter: ColumnsPresenter;
     columnsVisibilityPresenter: ColumnsVisibilityPresenter;
@@ -19,6 +19,6 @@ export interface TableInnerProps<T extends TableRow> {
     sorting: DataTableSorting;
     tablePresenter: TablePresenter;
 }
-export declare const TableInner: (<T extends TableRow<unknown>>(props: TableInnerProps<T>) => React.JSX.Element) & {
-    displayName: string;
+export declare const TableInner: (<T extends TableRow>(props: TableInnerProps<T>) => React.JSX.Element) & React.NamedExoticComponent<TableInnerProps<TableRow<unknown>>> & {
+    readonly type: <T extends TableRow>(props: TableInnerProps<T>) => React.JSX.Element;
 };

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

@@ -1,47 +1,40 @@
-import React, { useCallback, useMemo } from "react";
+import react, { useCallback, useMemo } from "react";
 import { observer } from "mobx-react-lite";
 import { DataTable } from "@webiny/admin-ui";
-import { ColumnMapper } from "./Columns";
-import { TableRowProvider } from "../../..";
-export const TableInner = observer(props => {
-  const cellRenderer = useCallback((row, cell) => {
-    if (typeof cell === "string") {
-      return cell;
-    }
-    return /*#__PURE__*/React.createElement(TableRowProvider, {
-      row: row
-    }, cell);
-  }, []);
-  const columns = useMemo(() => {
-    return props.columnsPresenter.vm.columns.reduce((result, column) => {
-      const {
-        nameColumnId = "name"
-      } = props;
-      const {
-        name: defaultName
-      } = column;
-
-      // Determine the column name, using the provided `nameColumnId` if the default is 'name'
-      const name = defaultName === "name" ? nameColumnId : defaultName;
-      result[name] = ColumnMapper.toDataTable(column, cellRenderer);
-      return result;
-    }, {});
-  }, [props.columnsPresenter.vm.columns]);
-  return /*#__PURE__*/React.createElement(DataTable, {
-    columns: columns,
-    columnVisibility: props.columnsVisibilityPresenter.vm.columnsVisibility,
-    onColumnVisibilityChange: props.columnsVisibilityUpdater.update,
-    data: props.data,
-    initialSorting: props.tablePresenter.vm.initialSorting,
-    isRowSelectable: row => row.original.$selectable ?? false,
-    loading: props.loading,
-    onSelectRow: props.onSelectRow,
-    onSortingChange: props.onSortingChange,
-    onToggleRow: props.onToggleRow,
-    selectedRows: props.data.filter(row => props.selected.find(item => row.id === item.id)),
-    sorting: props.sorting,
-    stickyHeader: true
-  });
+import { ColumnMapper } from "./Columns/index.js";
+import { TableRowProvider } from "../../../index.js";
+const TableInner = observer((props)=>{
+    const cellRenderer = useCallback((row, cell)=>{
+        if ("string" == typeof cell) return cell;
+        return /*#__PURE__*/ react.createElement(TableRowProvider, {
+            row: row
+        }, cell);
+    }, []);
+    const columns = useMemo(()=>props.columnsPresenter.vm.columns.reduce((result, column)=>{
+            const { nameColumnId = "name" } = props;
+            const { name: defaultName } = column;
+            const name = "name" === defaultName ? nameColumnId : defaultName;
+            result[name] = ColumnMapper.toDataTable(column, cellRenderer);
+            return result;
+        }, {}), [
+        props.columnsPresenter.vm.columns
+    ]);
+    return /*#__PURE__*/ react.createElement(DataTable, {
+        columns: columns,
+        columnVisibility: props.columnsVisibilityPresenter.vm.columnsVisibility,
+        onColumnVisibilityChange: props.columnsVisibilityUpdater.update,
+        data: props.data,
+        initialSorting: props.tablePresenter.vm.initialSorting,
+        isRowSelectable: (row)=>row.original.$selectable ?? false,
+        loading: props.loading,
+        onSelectRow: props.onSelectRow,
+        onSortingChange: props.onSortingChange,
+        onToggleRow: props.onToggleRow,
+        selectedRows: props.data.filter((row)=>props.selected.find((item)=>row.id === item.id)),
+        sorting: props.sorting,
+        stickyHeader: true
+    });
 });
+export { TableInner };
 
 //# sourceMappingURL=TableInner.js.map

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\";\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":[]}
+{"version":3,"file":"components/Table/components/Table/TableInner.js","sources":["../../../../../src/components/Table/components/Table/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/index.js\";\nimport { ColumnMapper } from \"./Columns/index.js\";\nimport type {\n    ColumnsVisibilityPresenter,\n    ColumnsVisibilityUpdater\n} from \"./ColumnVisibility/index.js\";\nimport type { TablePresenter } from \"./TablePresenter.js\";\nimport { TableRowProvider } from \"~/components/index.js\";\nimport type { TableRow } from \"~/types.js\";\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 | React.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"],"names":["TableInner","observer","props","cellRenderer","useCallback","row","cell","TableRowProvider","columns","useMemo","result","column","nameColumnId","defaultName","name","ColumnMapper","DataTable","item"],"mappings":";;;;;AAkCO,MAAMA,aAAaC,SAAS,CAAqBC;IACpD,MAAMC,eAAeC,YACjB,CAACC,KAAQC;QACL,IAAI,AAAgB,YAAhB,OAAOA,MACP,OAAOA;QAGX,OAAO,WAAP,GAAO,oBAACC,kBAAgBA;YAAC,KAAKF;WAAMC;IACxC,GACA,EAAE;IAGN,MAAME,UAAUC,QAAQ,IACbP,MAAM,gBAAgB,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAACQ,QAAQC;YACrD,MAAM,EAAEC,eAAe,MAAM,EAAE,GAAGV;YAClC,MAAM,EAAE,MAAMW,WAAW,EAAE,GAAGF;YAG9B,MAAMG,OAAOD,AAAgB,WAAhBA,cAAyBD,eAAeC;YAErDH,MAAM,CAACI,KAAkC,GAAGC,aAAa,WAAW,CAChEJ,QACAR;YAGJ,OAAOO;QACX,GAAG,CAAC,IACL;QAACR,MAAM,gBAAgB,CAAC,EAAE,CAAC,OAAO;KAAC;IAEtC,OAAO,WAAP,GACI,oBAACc,WAASA;QACN,SAASR;QACT,kBAAkBN,MAAM,0BAA0B,CAAC,EAAE,CAAC,iBAAiB;QACvE,0BAA0BA,MAAM,wBAAwB,CAAC,MAAM;QAC/D,MAAMA,MAAM,IAAI;QAChB,gBAAgBA,MAAM,cAAc,CAAC,EAAE,CAAC,cAAc;QACtD,iBAAiBG,CAAAA,MAAOA,IAAI,QAAQ,CAAC,WAAW,IAAI;QACpD,SAASH,MAAM,OAAO;QACtB,aAAaA,MAAM,WAAW;QAC9B,iBAAiBA,MAAM,eAAe;QACtC,aAAaA,MAAM,WAAW;QAC9B,cAAcA,MAAM,IAAI,CAAC,MAAM,CAACG,CAAAA,MAAOH,MAAM,QAAQ,CAAC,IAAI,CAACe,CAAAA,OAAQZ,IAAI,EAAE,KAAKY,KAAK,EAAE;QACrF,SAASf,MAAM,OAAO;QACtB,cAAc;;AAG1B"}

package/components/Table/components/Table/TablePresenter.js

@@ -1,12 +1,15 @@
-export class TablePresenter {
-  get vm() {
-    return {
-      initialSorting: [{
-        id: "savedOn",
-        desc: true
-      }]
-    };
-  }
+class TablePresenter {
+    get vm() {
+        return {
+            initialSorting: [
+                {
+                    id: "savedOn",
+                    desc: true
+                }
+            ]
+        };
+    }
 }
+export { TablePresenter };
 
 //# sourceMappingURL=TablePresenter.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["TablePresenter","vm","initialSorting","id","desc"],"sources":["TablePresenter.ts"],"sourcesContent":["import type { DataTableSorting } from \"@webiny/admin-ui\";\n\nexport interface TablePresenterViewModel {\n    initialSorting: DataTableSorting;\n}\n\nexport interface ITablePresenter {\n    get vm(): TablePresenterViewModel;\n}\n\nexport class TablePresenter implements ITablePresenter {\n    get vm() {\n        return {\n            initialSorting: [\n                {\n                    id: \"savedOn\",\n                    desc: true\n                }\n            ]\n        };\n    }\n}\n"],"mappings":"AAUA,OAAO,MAAMA,cAAc,CAA4B;EACnD,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,cAAc,EAAE,CACZ;QACIC,EAAE,EAAE,SAAS;QACbC,IAAI,EAAE;MACV,CAAC;IAET,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"file":"components/Table/components/Table/TablePresenter.js","sources":["../../../../../src/components/Table/components/Table/TablePresenter.ts"],"sourcesContent":["import type { DataTableSorting } from \"@webiny/admin-ui\";\n\nexport interface TablePresenterViewModel {\n    initialSorting: DataTableSorting;\n}\n\nexport interface ITablePresenter {\n    get vm(): TablePresenterViewModel;\n}\n\nexport class TablePresenter implements ITablePresenter {\n    get vm() {\n        return {\n            initialSorting: [\n                {\n                    id: \"savedOn\",\n                    desc: true\n                }\n            ]\n        };\n    }\n}\n"],"names":["TablePresenter"],"mappings":"AAUO,MAAMA;IACT,IAAI,KAAK;QACL,OAAO;YACH,gBAAgB;gBACZ;oBACI,IAAI;oBACJ,MAAM;gBACV;aACH;QACL;IACJ;AACJ"}

package/components/Table/components/Table/gateways/ColumnsVisibilityLocalStorageGateway.d.ts

@@ -1,7 +1,9 @@
-import type { IColumnsVisibilityGateway } from "./IColumnsVisibilityGateway";
+import type { IColumnsVisibilityGateway } from "./IColumnsVisibilityGateway.js";
+import { LocalStorage } from "@webiny/app/exports/admin/local-storage.js";
 export declare class ColumnsVisibilityLocalStorageGateway implements IColumnsVisibilityGateway {
     private localStorage;
-    constructor(namespace: string);
-    get(): Promise<Record<string, boolean>>;
+    private readonly key;
+    constructor(localStorage: LocalStorage.Interface, namespace: string);
+    get(): Promise<{}>;
     set(value: Record<string, boolean>): Promise<void>;
 }

package/components/Table/components/Table/gateways/ColumnsVisibilityLocalStorageGateway.js

@@ -1,14 +1,15 @@
-import { LocalStorage } from "./LocalStorage";
-export class ColumnsVisibilityLocalStorageGateway {
-  constructor(namespace) {
-    this.localStorage = new LocalStorage(`webiny_column_visibility_${namespace}`);
-  }
-  get() {
-    return Promise.resolve(this.localStorage.getFromStorage());
-  }
-  async set(value) {
-    return this.localStorage.setToStorage(value);
-  }
+class ColumnsVisibilityLocalStorageGateway {
+    constructor(localStorage, namespace){
+        this.localStorage = localStorage;
+        this.key = `${namespace}/column-visibility`;
+    }
+    get() {
+        return Promise.resolve(this.localStorage.get(this.key) ?? {});
+    }
+    async set(value) {
+        return this.localStorage.set(this.key, value);
+    }
 }
+export { ColumnsVisibilityLocalStorageGateway };
 
 //# sourceMappingURL=ColumnsVisibilityLocalStorageGateway.js.map

package/components/Table/components/Table/gateways/ColumnsVisibilityLocalStorageGateway.js.map

@@ -1 +1 @@
-{"version":3,"names":["LocalStorage","ColumnsVisibilityLocalStorageGateway","constructor","namespace","localStorage","get","Promise","resolve","getFromStorage","set","value","setToStorage"],"sources":["ColumnsVisibilityLocalStorageGateway.ts"],"sourcesContent":["import { LocalStorage } from \"./LocalStorage\";\nimport type { IColumnsVisibilityGateway } from \"./IColumnsVisibilityGateway\";\n\nexport class ColumnsVisibilityLocalStorageGateway implements IColumnsVisibilityGateway {\n    private localStorage: LocalStorage<Record<string, boolean>>;\n\n    constructor(namespace: string) {\n        this.localStorage = new LocalStorage<Record<string, boolean>>(\n            `webiny_column_visibility_${namespace}`\n        );\n    }\n\n    get() {\n        return Promise.resolve(this.localStorage.getFromStorage());\n    }\n\n    async set(value: Record<string, boolean>) {\n        return this.localStorage.setToStorage(value);\n    }\n}\n"],"mappings":"AAAA,SAASA,YAAY;AAGrB,OAAO,MAAMC,oCAAoC,CAAsC;EAGnFC,WAAWA,CAACC,SAAiB,EAAE;IAC3B,IAAI,CAACC,YAAY,GAAG,IAAIJ,YAAY,CAChC,4BAA4BG,SAAS,EACzC,CAAC;EACL;EAEAE,GAAGA,CAAA,EAAG;IACF,OAAOC,OAAO,CAACC,OAAO,CAAC,IAAI,CAACH,YAAY,CAACI,cAAc,CAAC,CAAC,CAAC;EAC9D;EAEA,MAAMC,GAAGA,CAACC,KAA8B,EAAE;IACtC,OAAO,IAAI,CAACN,YAAY,CAACO,YAAY,CAACD,KAAK,CAAC;EAChD;AACJ","ignoreList":[]}
+{"version":3,"file":"components/Table/components/Table/gateways/ColumnsVisibilityLocalStorageGateway.js","sources":["../../../../../../src/components/Table/components/Table/gateways/ColumnsVisibilityLocalStorageGateway.ts"],"sourcesContent":["import type { IColumnsVisibilityGateway } from \"./IColumnsVisibilityGateway.js\";\nimport { LocalStorage } from \"@webiny/app/exports/admin/local-storage.js\";\n\nexport class ColumnsVisibilityLocalStorageGateway implements IColumnsVisibilityGateway {\n    private readonly key: string;\n\n    constructor(\n        private localStorage: LocalStorage.Interface,\n        namespace: string\n    ) {\n        this.key = `${namespace}/column-visibility`;\n    }\n\n    get() {\n        return Promise.resolve(this.localStorage.get(this.key) ?? {});\n    }\n\n    async set(value: Record<string, boolean>) {\n        return this.localStorage.set(this.key, value);\n    }\n}\n"],"names":["ColumnsVisibilityLocalStorageGateway","localStorage","namespace","Promise","value"],"mappings":"AAGO,MAAMA;IAGT,YACYC,YAAoC,EAC5CC,SAAiB,CACnB;aAFUD,YAAY,GAAZA;QAGR,IAAI,CAAC,GAAG,GAAG,GAAGC,UAAU,kBAAkB,CAAC;IAC/C;IAEA,MAAM;QACF,OAAOC,QAAQ,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;IAC/D;IAEA,MAAM,IAAIC,KAA8B,EAAE;QACtC,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAEA;IAC3C;AACJ"}

package/components/Table/components/Table/gateways/IColumnsVisibilityGateway.js

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

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

@@ -1,2 +1,2 @@
-export * from "./IColumnsVisibilityGateway";
-export * from "./ColumnsVisibilityLocalStorageGateway";
+export type * from "./IColumnsVisibilityGateway.js";
+export * from "./ColumnsVisibilityLocalStorageGateway.js";

package/components/Table/components/Table/gateways/index.js

@@ -1,4 +1 @@
-export * from "./IColumnsVisibilityGateway";
-export * from "./ColumnsVisibilityLocalStorageGateway";
-
-//# sourceMappingURL=index.js.map
+export * from "./ColumnsVisibilityLocalStorageGateway.js";

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

@@ -1 +1 @@
-export { Table } from "./Table";
+export { Table } from "./Table.js";

package/components/Table/components/Table/index.js

@@ -1,3 +1 @@
-export { Table } from "./Table";
-
-//# sourceMappingURL=index.js.map
+export { Table } from "./Table.js";

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

@@ -1 +1 @@
-export * from "./Table";
+export * from "./Table/index.js";

package/components/Table/components/index.js

@@ -1,3 +1 @@
-export * from "./Table";
-
-//# sourceMappingURL=index.js.map
+export * from "./Table/index.js";

package/components/Table/createTableData.d.ts

@@ -1,6 +1,9 @@
-import type { FolderTableRow, RecordTableRow } from "../../table.types";
-import type { FolderItem } from "../../types";
-export declare const createRecordsData: <T extends {
-    id: string;
-}>(items: T[]) => RecordTableRow<T>[];
-export declare const createFoldersData: (items: FolderItem[]) => FolderTableRow[];
+export { createRecordsData } from "@webiny/app-admin/components/Table/createTableData.js";
+import type { FolderDto } from "../../domain/folder/FolderDto.js";
+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,18 +1,30 @@
-export const createRecordsData = items => {
-  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,
-    data: item
-  }));
+const createFoldersData = (items)=>items.map((item)=>({
+            id: item.id,
+            $type: "FOLDER",
+            $selectable: false,
+            data: item
+        }));
+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,"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":[]}
+{"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";
-export * from "./createTableData";
-export * from "./useTableRow";
+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";

package/components/Table/index.js

@@ -1,5 +1,3 @@
-export * from "./components";
-export * from "./createTableData";
-export * from "./useTableRow";
-
-//# sourceMappingURL=index.js.map
+export * from "./createTableData.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/Table/useTableRow.js

@@ -1,34 +1,22 @@
-import React, { createContext, useContext } from "react";
-export const TableRowContext = /*#__PURE__*/createContext(undefined);
-export const TableRowProvider = ({
-  row,
-  children
-}) => {
-  if (!row) {
-    return null;
-  }
-  const value = {
-    row
-  };
-  return /*#__PURE__*/React.createElement(TableRowContext.Provider, {
-    value: value
-  }, children);
+import react, { createContext, useContext } from "react";
+const TableRowContext = /*#__PURE__*/ createContext(void 0);
+const TableRowProvider = ({ row, children })=>{
+    if (!row) return null;
+    const value = {
+        row
+    };
+    return /*#__PURE__*/ react.createElement(TableRowContext.Provider, {
+        value: value
+    }, children);
 };
-export const createUseTableRow = () => {
-  // 	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 new Error(`TableRowContext is missing in the component tree. Are you using "useTableRow()" hook in the right place?`);
+const createUseTableRow = ()=>{
+    function useTableRow() {
+        const context = useContext(TableRowContext);
+        if (!context) throw new Error('TableRowContext is missing in the component tree. Are you using "useTableRow()" hook in the right place?');
+        return context;
     }
-    return context;
-  }
-  return useTableRow;
+    return useTableRow;
 };
+export { TableRowContext, TableRowProvider, createUseTableRow };
 
 //# 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","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":[]}
+{"version":3,"file":"components/Table/useTableRow.js","sources":["../../../src/components/Table/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"],"names":["TableRowContext","createContext","undefined","TableRowProvider","row","children","value","createUseTableRow","useTableRow","context","useContext","Error"],"mappings":";AAOO,MAAMA,kBAAkB,WAAHA,GAAGC,cAAoDC;AAO5E,MAAMC,mBAAmB,CAAK,EAAEC,GAAG,EAAEC,QAAQ,EAA4B;IAC5E,IAAI,CAACD,KACD,OAAO;IAGX,MAAME,QAAgC;QAAEF;IAAI;IAE5C,OAAO,WAAP,GAAO,oBAACJ,gBAAgB,QAAQ;QAAC,OAAOM;OAAQD;AACpD;AAEO,MAAME,oBAAoB;IAW7B,SAASC;QAKL,MAAMC,UAAUC,WACZV;QAGJ,IAAI,CAACS,SACD,MAAM,IAAIE,MACN;QAIR,OAAOF;IACX;IAEA,OAAOD;AACX"}