@kanaries/graphic-walker 0.3.1 → 0.3.2

package/src/components/pivotTable/store.tsx

@@ -1,65 +0,0 @@
-import { makeAutoObservable, observable } from 'mobx';
-import { IGroupByQuery, INestNode } from './inteface';
-import { IAggQuery } from '../../lib/interfaces';
-import { queryView } from '../../lib/viewQuery';
-import { IField, IRow } from '../../interfaces';
-import React, { createContext, useContext, useEffect } from 'react';
-
-class PivotTableStore {
-    public leftTree: INestNode | null = null;
-    public topTree: INestNode | null = null;
-    public metricTable: any[][] = [];
-    public dataSource: IRow[] = [];
-    public metas: IField[] = [];
-    public viewData: IRow[] = [];
-    constructor() {
-        makeAutoObservable(this, {
-            leftTree: observable.ref,
-            topTree: observable.ref,
-            metricTable: observable.ref,
-            dataSource: observable.ref,
-            metas: observable.ref,
-        });
-    }
-    public init(dataSource: IRow[], metas: IField[]) {
-        this.dataSource = dataSource ?? [];
-        this.metas = metas ?? [];
-        this.leftTree = null;
-        this.metricTable = [];
-        this.topTree = null;
-        this.viewData = [];
-    }
-    public createTree(query: IGroupByQuery, viewData: IRow[]) {}
-
-    public createTopTree(query: IGroupByQuery, viewData) {}
-    public createLeftTree(query: IGroupByQuery, viewData) {}
-    public async queryData(leftQuery: IGroupByQuery, topQuery: IGroupByQuery) {
-        const viewQuery: IAggQuery = {
-            op: 'aggregate',
-            groupBy: leftQuery.groupBy.concat(topQuery.groupBy),
-            agg: Object.fromEntries(leftQuery.measures.concat(topQuery.measures).map((mea) => [mea.field, mea.agg])),
-        };
-        const viewData = queryView(this.dataSource, this.metas, viewQuery);
-        this.viewData = viewData;
-    }
-}
-
-const initStore = new PivotTableStore();
-const PTContext = createContext<PivotTableStore>(initStore);
-
-export interface PivotTableDataProps {
-    data: IRow[];
-    metas: IField[];
-}
-export const PivotTableStoreWrapper: React.FC<PivotTableDataProps> = (props) => {
-    const { data, metas } = props;
-    useEffect(() => {
-        initStore.init(data, metas);
-    }, [data, metas]);
-    return <PTContext.Provider value={initStore}>{props.children}</PTContext.Provider>;
-};
-
-
-export function usePivotTableStore () {
-    return useContext(PTContext)
-}

package/src/components/pivotTable/topTree.tsx

@@ -1,11 +0,0 @@
-import React from 'react';
-import { INestNode } from './inteface';
-
-export interface TreeProps {
-    data: INestNode;
-}
-const TopTree: React.FC<TreeProps> = (props) => {
-    return <div>{JSON.stringify(props.data)}</div>;
-};
-
-export default TopTree;

package/src/components/pivotTable/utils.ts

@@ -1,37 +0,0 @@
-import { IRow } from "../../interfaces";
-import { INestNode } from "./inteface";
-
-const key_prefix = 'nk_';
-
-export function insertNode (tree: INestNode, layerKeys: string[], nodeData: IRow, depth: number) {
-    if (depth === layerKeys.length - 1) {
-        // tree.key = nodeData[layerKeys[depth]];
-        return;   
-    }
-    const key = nodeData[layerKeys[depth]];
-    let child = tree.children.find((c) => c.key === key);
-    if (!child) {
-        // insertNode(child, layerKeys, nodeData, depth + 1);
-        // return;
-        child = {
-            key: `${key_prefix}${key}`,
-            value: key,
-            children: [],
-        }
-        tree.children.push(child);
-    }
-    insertNode(child, layerKeys, nodeData, depth + 1);
-
-}
-
-export function buildNestTree (layerKeys: string[], data: IRow[]): INestNode {
-    const tree: INestNode = {
-        key: 'root',
-        value: 'root',
-        children: [],
-    };
-    for (let row of data) {
-        insertNode(tree, layerKeys, row, 0);
-    }
-    return tree;
-}