@kanaries/graphic-walker 0.3.4 → 0.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/dist/App.d.ts +6 -0
  2. package/dist/assets/{transform.worker-5d54ff09.js.map → transform.worker-90e4f506.js.map} +1 -1
  3. package/dist/assets/viewQuery.worker-03404216.js.map +1 -0
  4. package/dist/components/pivotTable/index.d.ts +12 -0
  5. package/dist/components/pivotTable/inteface.d.ts +6 -0
  6. package/dist/components/pivotTable/leftTree.d.ts +10 -0
  7. package/dist/components/pivotTable/metricTable.d.ts +9 -0
  8. package/dist/components/pivotTable/store.d.ts +22 -0
  9. package/dist/components/pivotTable/topTree.d.ts +10 -0
  10. package/dist/components/pivotTable/utils.d.ts +6 -0
  11. package/dist/components/visualConfig/index.d.ts +3 -0
  12. package/dist/config.d.ts +2 -0
  13. package/dist/fields/aestheticFields.d.ts +2 -2
  14. package/dist/graphic-walker.es.js +23528 -23139
  15. package/dist/graphic-walker.es.js.map +1 -1
  16. package/dist/graphic-walker.umd.js +129 -129
  17. package/dist/graphic-walker.umd.js.map +1 -1
  18. package/dist/interfaces.d.ts +7 -1
  19. package/dist/lib/insights/utils.d.ts +0 -2
  20. package/dist/lib/interfaces.d.ts +5 -3
  21. package/dist/store/commonStore.d.ts +2 -0
  22. package/dist/store/visualSpecStore.d.ts +1 -0
  23. package/dist/utils/index.d.ts +1 -0
  24. package/dist/vis/react-vega.d.ts +3 -1
  25. package/dist/vis/spec/encode.d.ts +2 -0
  26. package/dist/visualSettings/index.d.ts +3 -0
  27. package/package.json +1 -1
  28. package/src/App.tsx +11 -1
  29. package/src/components/pivotTable/index.tsx +119 -0
  30. package/src/components/pivotTable/inteface.ts +8 -0
  31. package/src/components/pivotTable/leftTree.tsx +92 -0
  32. package/src/components/pivotTable/metricTable.tsx +107 -0
  33. package/src/components/pivotTable/store.tsx +66 -0
  34. package/src/components/pivotTable/topTree.tsx +77 -0
  35. package/src/components/pivotTable/utils.ts +141 -0
  36. package/src/components/visualConfig/index.tsx +76 -0
  37. package/src/config.ts +5 -1
  38. package/src/fields/aestheticFields.tsx +25 -4
  39. package/src/fields/components.tsx +2 -2
  40. package/src/fields/fieldsContext.tsx +2 -1
  41. package/src/interfaces.ts +7 -1
  42. package/src/lib/insights/explainByChildren.ts +11 -3
  43. package/src/lib/insights/explainBySelection.ts +14 -5
  44. package/src/lib/insights/explainValue.ts +10 -3
  45. package/src/lib/insights/utils.ts +0 -4
  46. package/src/lib/interfaces.ts +1 -3
  47. package/src/lib/op/aggregate.ts +9 -7
  48. package/src/locales/en-US.json +13 -3
  49. package/src/locales/ja-JP.json +188 -178
  50. package/src/locales/zh-CN.json +13 -3
  51. package/src/renderer/index.tsx +16 -2
  52. package/src/renderer/specRenderer.tsx +6 -2
  53. package/src/store/commonStore.ts +4 -0
  54. package/src/store/visualSpecStore.ts +14 -2
  55. package/src/utils/index.ts +8 -1
  56. package/src/vis/react-vega.tsx +31 -7
  57. package/src/vis/spec/aggregate.ts +3 -0
  58. package/src/vis/spec/encode.ts +5 -1
  59. package/src/vis/spec/view.ts +4 -2
  60. package/src/visualSettings/index.tsx +28 -4
  61. package/src/workers/transform.ts +1 -1
  62. package/dist/assets/viewQuery.worker-ffefc111.js.map +0 -1
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import { DeepReadonly, DraggableFieldState, IDarkMode, IRow, IThemeKey, IVisualConfig } from '../../interfaces';
3
+ interface PivotTableProps {
4
+ themeKey?: IThemeKey;
5
+ dark?: IDarkMode;
6
+ data: IRow[];
7
+ loading: boolean;
8
+ draggableFieldState: DeepReadonly<DraggableFieldState>;
9
+ visualConfig: IVisualConfig;
10
+ }
11
+ declare const PivotTable: React.FC<PivotTableProps>;
12
+ export default PivotTable;
@@ -0,0 +1,6 @@
1
+ export interface INestNode {
2
+ key: string;
3
+ value: string;
4
+ fieldKey: string;
5
+ children: INestNode[];
6
+ }
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { INestNode } from './inteface';
3
+ import { IField } from '../../interfaces';
4
+ export interface TreeProps {
5
+ data: INestNode;
6
+ dimsInRow: IField[];
7
+ measInRow: IField[];
8
+ }
9
+ declare const LeftTree: React.FC<TreeProps>;
10
+ export default LeftTree;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { IField } from '../../interfaces';
3
+ interface MetricTableProps {
4
+ matrix: any[][];
5
+ meaInRows: IField[];
6
+ meaInColumns: IField[];
7
+ }
8
+ declare const MetricTable: React.FC<MetricTableProps>;
9
+ export default MetricTable;
@@ -0,0 +1,22 @@
1
+ import { INestNode } from './inteface';
2
+ import { IAggQuery } from '../../lib/interfaces';
3
+ import { IField, IRow } from '../../interfaces';
4
+ import React from 'react';
5
+ declare class PivotTableStore {
6
+ leftTree: INestNode | null;
7
+ topTree: INestNode | null;
8
+ metricTable: any[][];
9
+ dataSource: IRow[];
10
+ metas: IField[];
11
+ viewData: IRow[];
12
+ constructor();
13
+ init(dataSource: IRow[], metas: IField[]): void;
14
+ queryData(leftQuery: IAggQuery, topQuery: IAggQuery): Promise<void>;
15
+ }
16
+ export interface PivotTableDataProps {
17
+ data: IRow[];
18
+ metas: IField[];
19
+ }
20
+ export declare const PivotTableStoreWrapper: React.FC<PivotTableDataProps>;
21
+ export declare function usePivotTableStore(): PivotTableStore;
22
+ export {};
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { INestNode } from './inteface';
3
+ import { IField } from '../../interfaces';
4
+ export interface TreeProps {
5
+ data: INestNode;
6
+ dimsInCol: IField[];
7
+ measInCol: IField[];
8
+ }
9
+ declare const TopTree: React.FC<TreeProps>;
10
+ export default TopTree;
@@ -0,0 +1,6 @@
1
+ import { IRow } from "../../interfaces";
2
+ import { INestNode } from "./inteface";
3
+ export declare function insertNode(tree: INestNode, layerKeys: string[], nodeData: IRow, depth: number): void;
4
+ export declare function buildNestTree(layerKeys: string[], data: IRow[]): INestNode;
5
+ export declare function buildMetricTableFromNestTree(leftTree: INestNode, topTree: INestNode, data: IRow[]): (IRow | null)[][];
6
+ export declare function getAllChildrenSize(node: INestNode, depth: number): number;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const _default: React.FunctionComponent<{}>;
3
+ export default _default;
package/dist/config.d.ts CHANGED
@@ -18,5 +18,7 @@ export declare const CHANNEL_LIMIT: {
18
18
  shape: number;
19
19
  theta: number;
20
20
  radius: number;
21
+ details: number;
22
+ text: number;
21
23
  };
22
24
  export declare const MetaFieldKeys: Array<keyof DraggableFieldState>;
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
- declare const AestheticFields: React.FC;
3
- export default AestheticFields;
2
+ declare const _default: React.FunctionComponent<{}>;
3
+ export default _default;