@vuu-ui/vuu-datatable 2.1.19-beta.2 → 2.1.19-beta.4

package/src/linked-table-view/useLinkedTableView.js

@@ -1,205 +0,0 @@
-import { useData } from "@vuu-ui/vuu-utils";
-import { useCallback, useMemo, useState } from "react";
-const getSchema = (schemas, { module, table })=>{
-    const schema = schemas.find(({ table: t })=>t.module === module && t.table === table);
-    if (schema) return schema;
-    throw Error(`No schema for table ${module} ${table}`);
-};
-const getTable = (ds)=>{
-    if (ds.table) return ds.table;
-    throw Error("No datasource table specified");
-};
-const getTables = (linkedDataSources)=>{
-    const { 1: linked1, 2: linked2, 3: linked3 } = linkedDataSources;
-    const tables = [];
-    tables.push(getTable(linked1.dataSource));
-    if (Array.isArray(linked2)) linked2.forEach(({ dataSource })=>{
-        tables.push(getTable(dataSource));
-    });
-    else tables.push(getTable(linked2.dataSource));
-    if (Array.isArray(linked3)) linked3.forEach(({ dataSource })=>{
-        tables.push(getTable(dataSource));
-    });
-    else if (linked3) tables.push(getTable(linked3.dataSource));
-    return tables;
-};
-const useLinkedTableView = ({ linkedDataSources })=>{
-    const { VuuDataSource, getServerAPI } = useData();
-    const [tableConfig, setTableConfig] = useState();
-    const [activeTabs, setActiveTab] = useState([
-        0,
-        0,
-        0
-    ]);
-    const [collapsed, setCollapsed] = useState([
-        false,
-        false
-    ]);
-    const [tabbedView, setTabbedView] = useState([
-        1,
-        1
-    ]);
-    useMemo(async ()=>{
-        const tables = getTables(linkedDataSources);
-        const serverAPI = await getServerAPI();
-        const schemas = await Promise.all(tables.map(serverAPI.getTableSchema));
-        const isDataSource = (ds)=>typeof ds === typeof VuuDataSource;
-        const getDataSource = (ds)=>{
-            if (isDataSource(ds)) return ds;
-            return new VuuDataSource(ds);
-        };
-        const createVisualLink = (vuuLink, parentDs)=>{
-            if (parentDs && parentDs.table) {
-                const parentVpId = parentDs.viewport;
-                const toTable = vuuLink.toTable ?? parentDs.table?.table;
-                return {
-                    link: {
-                        ...vuuLink,
-                        toTable
-                    },
-                    parentClientVpId: parentVpId,
-                    parentVpId
-                };
-            }
-            throw Error("visual link cannot be created without parent vp id");
-        };
-        const getLinkedDataSource = (ds, vuuLink, parentDs)=>{
-            if (isDataSource(ds)) return ds;
-            return new VuuDataSource({
-                ...ds,
-                visualLink: createVisualLink(vuuLink, parentDs)
-            });
-        };
-        const getTableConfig = (ds)=>{
-            const schema = getSchema(schemas, getTable(ds));
-            return {
-                columns: schema.columns
-            };
-        };
-        const getRootConfig = ({ dataSource: ds, title })=>({
-                config: getTableConfig(ds),
-                dataSource: getDataSource(ds),
-                title
-            });
-        const getLinkedConfig = ({ dataSource: ds, vuuLink, title }, parentDataSource)=>({
-                config: getTableConfig(ds),
-                dataSource: getLinkedDataSource(ds, vuuLink, parentDataSource),
-                title
-            });
-        const getLinkedConfigs = (linkedTableConfig, parentDataSource)=>{
-            if (Array.isArray(linkedTableConfig)) return linkedTableConfig.map((config)=>getLinkedConfig(config, parentDataSource));
-            return getLinkedConfig(linkedTableConfig, parentDataSource);
-        };
-        const { 1: level1, 2: level2, 3: level3 } = linkedDataSources;
-        const configLevel1 = getRootConfig(level1);
-        const configLevel2 = getLinkedConfigs(level2, configLevel1.dataSource);
-        const dsLevel2 = Array.isArray(configLevel2) ? void 0 : configLevel2.dataSource;
-        const configLevel3 = level3 ? getLinkedConfigs(level3, dsLevel2) : void 0;
-        const results = {
-            1: configLevel1,
-            2: configLevel2,
-            3: configLevel3
-        };
-        setTableConfig(results);
-    }, [
-        VuuDataSource,
-        getServerAPI,
-        linkedDataSources
-    ]);
-    const handleTabChangeLevel1 = useCallback((tabIndex)=>{
-        setActiveTab(([, v2, v3])=>[
-                tabIndex,
-                v2,
-                v3
-            ]);
-    }, []);
-    const handleTabChangeLevel2 = useCallback((tabIndex)=>{
-        setActiveTab(([v1, , v3])=>[
-                v1,
-                tabIndex,
-                v3
-            ]);
-    }, []);
-    const handleTabChangeLevel3 = useCallback((tabIndex)=>{
-        setActiveTab(([v1, v2])=>[
-                v1,
-                v2,
-                tabIndex
-            ]);
-    }, []);
-    const handleCollapseLevel2 = useCallback(()=>{
-        setCollapsed(([, val])=>[
-                true,
-                val
-            ]);
-    }, []);
-    const handleExpandLevel2 = useCallback(()=>{
-        setCollapsed(([, val])=>[
-                false,
-                val
-            ]);
-    }, []);
-    const handleCollapseLevel3 = useCallback(()=>{
-        setCollapsed(([val])=>[
-                val,
-                true
-            ]);
-    }, []);
-    const handleExpandLevel3 = useCallback(()=>{
-        setCollapsed(([val])=>[
-                val,
-                false
-            ]);
-    }, []);
-    const handleChangeTabbedView2 = useCallback((evt)=>{
-        const target = evt.target;
-        const button = target?.closest("button");
-        if (button) {
-            const value = parseInt(button.value);
-            setTabbedView(([, val])=>[
-                    value,
-                    val
-                ]);
-        }
-    }, []);
-    const handleChangeTabbedView3 = useCallback((evt)=>{
-        const target = evt.target;
-        const button = target?.closest("button");
-        if (button) {
-            const value = parseInt(button.value);
-            setTabbedView(([val])=>[
-                    val,
-                    value
-                ]);
-        }
-    }, []);
-    return {
-        level1: {
-            activeTab: activeTabs[0],
-            key: "level1",
-            onTabChange: handleTabChangeLevel1
-        },
-        level2: {
-            activeTab: activeTabs[1],
-            collapsed: collapsed[0],
-            key: "level2",
-            onChangeTabbedView: handleChangeTabbedView2,
-            onCollapse: handleCollapseLevel2,
-            onExpand: handleExpandLevel2,
-            onTabChange: handleTabChangeLevel2,
-            tabbedView: tabbedView[0]
-        },
-        level3: {
-            activeTab: activeTabs[2],
-            collapsed: collapsed[1],
-            key: "level3",
-            onChangeTabbedView: handleChangeTabbedView3,
-            onCollapse: handleCollapseLevel3,
-            onExpand: handleExpandLevel3,
-            onTabChange: handleTabChangeLevel3,
-            tabbedView: tabbedView[1]
-        },
-        tableConfig
-    };
-};
-export { useLinkedTableView };

package/src/tree-table/TreeTable.js

@@ -1,42 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Table } from "@vuu-ui/vuu-table";
-import { TreeDataSource } from "@vuu-ui/vuu-data-local";
-import { useMemo, useRef } from "react";
-const TreeTable = ({ config, dataSource, source, ...tableProps })=>{
-    const dataSourceRef = useRef(void 0);
-    useMemo(()=>{
-        if (dataSource) dataSourceRef.current = dataSource;
-        else if (source) dataSourceRef.current = new TreeDataSource({
-            data: source
-        });
-        else throw Error("TreeTable either source or dataSource must be provided");
-    }, [
-        dataSource,
-        source
-    ]);
-    const tableConfig = useMemo(()=>({
-            ...config,
-            columns: dataSourceRef.current?.columnDescriptors ?? [],
-            columnSeparators: false,
-            selectionBookendWidth: 0,
-            rowSeparators: false
-        }), [
-        config
-    ]);
-    console.log({
-        tableConfig,
-        dataSource: dataSourceRef.current
-    });
-    if (void 0 === dataSourceRef.current) return null;
-    return /*#__PURE__*/ jsx(Table, {
-        ...tableProps,
-        className: "vuuTreeTable",
-        config: tableConfig,
-        dataSource: dataSourceRef.current,
-        groupToggleTarget: "toggle-icon",
-        navigationStyle: "tree",
-        showColumnHeaderMenus: false,
-        selectionModel: "single"
-    });
-};
-export { TreeTable };

package/src/tree-table/index.js

@@ -1 +0,0 @@
-export * from "./TreeTable.js";