@kanaries/graphic-walker 0.2.12 → 0.2.14

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 (99) hide show
  1. package/dist/App.d.ts +4 -2
  2. package/dist/assets/explainer.worker-8428eb12.js.map +1 -1
  3. package/dist/components/button/base.d.ts +1 -0
  4. package/dist/components/button/defaultMini.d.ts +4 -0
  5. package/dist/components/button/primaryMini.d.ts +4 -0
  6. package/dist/components/dataTable/index.d.ts +10 -0
  7. package/dist/components/dataTable/pagination.d.ts +10 -0
  8. package/dist/components/dropdownContext/index.d.ts +13 -0
  9. package/dist/components/dropdownSelect/index.d.ts +17 -0
  10. package/dist/components/modal.d.ts +1 -0
  11. package/dist/components/tabs/defaultTab.d.ts +14 -0
  12. package/dist/components/tabs/{pureTab.d.ts → editableTab.d.ts} +2 -2
  13. package/dist/components/toolbar/toolbar-item.d.ts +1 -0
  14. package/dist/dataSource/dataSelection/config.d.ts +2 -0
  15. package/dist/dataSource/datasetConfig/index.d.ts +3 -0
  16. package/dist/dataSource/index.d.ts +1 -1
  17. package/dist/fields/datasetFields/dimFields.d.ts +2 -2
  18. package/dist/fields/datasetFields/meaFields.d.ts +2 -2
  19. package/dist/fields/encodeFields/singleEncodeDropDown.d.ts +17 -0
  20. package/dist/fields/encodeFields/singleEncodeEditor.d.ts +11 -0
  21. package/dist/fields/obComponents/obPill.d.ts +3 -3
  22. package/dist/graphic-walker.es.js +21038 -19133
  23. package/dist/graphic-walker.es.js.map +1 -1
  24. package/dist/graphic-walker.umd.js +247 -170
  25. package/dist/graphic-walker.umd.js.map +1 -1
  26. package/dist/insightBoard/index.d.ts +1 -1
  27. package/dist/interfaces.d.ts +5 -0
  28. package/dist/renderer/index.d.ts +3 -1
  29. package/dist/segments/segmentNav.d.ts +3 -0
  30. package/dist/store/commonStore.d.ts +7 -1
  31. package/dist/store/visualSpecStore.d.ts +1 -0
  32. package/dist/utils/index.d.ts +2 -0
  33. package/dist/utils/media.d.ts +2 -0
  34. package/dist/vis/react-vega.d.ts +2 -0
  35. package/dist/vis/theme.d.ts +130 -0
  36. package/package.json +2 -1
  37. package/src/App.tsx +74 -46
  38. package/src/components/button/base.ts +1 -0
  39. package/src/components/button/default.tsx +6 -2
  40. package/src/components/button/defaultMini.tsx +17 -0
  41. package/src/components/button/primary.tsx +6 -2
  42. package/src/components/button/primaryMini.tsx +21 -0
  43. package/src/components/callout.tsx +4 -1
  44. package/src/components/clickMenu.tsx +4 -2
  45. package/src/components/container.tsx +9 -0
  46. package/src/components/dataTable/index.tsx +177 -0
  47. package/src/components/dataTable/pagination.tsx +44 -0
  48. package/src/components/dataTypeIcon.tsx +1 -1
  49. package/src/components/dropdownContext/index.tsx +64 -0
  50. package/src/components/dropdownSelect/index.tsx +92 -0
  51. package/src/components/modal.tsx +26 -14
  52. package/src/components/tabs/defaultTab.tsx +43 -0
  53. package/src/components/tabs/{pureTab.tsx → editableTab.tsx} +7 -7
  54. package/src/components/toolbar/components.tsx +18 -1
  55. package/src/components/toolbar/index.tsx +5 -0
  56. package/src/components/toolbar/toolbar-button.tsx +6 -1
  57. package/src/components/toolbar/toolbar-item.tsx +4 -0
  58. package/src/components/toolbar/toolbar-select-button.tsx +21 -4
  59. package/src/components/toolbar/toolbar-toggle-button.tsx +6 -1
  60. package/src/components/tooltip.tsx +4 -1
  61. package/src/dataSource/dataSelection/config.ts +28 -0
  62. package/src/dataSource/dataSelection/csvData.tsx +77 -32
  63. package/src/dataSource/dataSelection/gwFile.tsx +0 -8
  64. package/src/dataSource/dataSelection/index.tsx +1 -2
  65. package/src/dataSource/dataSelection/publicData.tsx +2 -3
  66. package/src/dataSource/datasetConfig/index.tsx +21 -0
  67. package/src/dataSource/index.tsx +81 -61
  68. package/src/dataSource/table.tsx +11 -155
  69. package/src/fields/aestheticFields.tsx +3 -1
  70. package/src/fields/components.tsx +21 -2
  71. package/src/fields/datasetFields/dimFields.tsx +43 -35
  72. package/src/fields/datasetFields/index.tsx +2 -2
  73. package/src/fields/datasetFields/meaFields.tsx +73 -47
  74. package/src/fields/encodeFields/singleEncodeDropDown.tsx +92 -0
  75. package/src/fields/encodeFields/singleEncodeEditor.tsx +78 -0
  76. package/src/fields/filterField/filterEditDialog.tsx +2 -1
  77. package/src/fields/filterField/filterPill.tsx +1 -1
  78. package/src/fields/filterField/slider.tsx +1 -1
  79. package/src/fields/filterField/tabs.tsx +11 -21
  80. package/src/fields/obComponents/obPill.tsx +65 -35
  81. package/src/index.css +13 -0
  82. package/src/insightBoard/index.tsx +24 -23
  83. package/src/insightBoard/radioGroupButtons.tsx +7 -0
  84. package/src/interfaces.ts +6 -0
  85. package/src/lib/inferMeta.ts +1 -1
  86. package/src/locales/en-US.json +14 -3
  87. package/src/locales/zh-CN.json +12 -1
  88. package/src/main.tsx +1 -1
  89. package/src/renderer/index.tsx +3 -1
  90. package/src/segments/segmentNav.tsx +58 -0
  91. package/src/segments/visNav.tsx +2 -2
  92. package/src/store/commonStore.ts +28 -2
  93. package/src/store/visualSpecStore.ts +16 -0
  94. package/src/utils/index.ts +19 -0
  95. package/src/utils/media.ts +26 -0
  96. package/src/utils/normalization.ts +2 -1
  97. package/src/vis/react-vega.tsx +20 -4
  98. package/src/vis/theme.ts +126 -0
  99. package/src/visualSettings/index.tsx +24 -8
@@ -3,4 +3,5 @@ export interface ButtonBaseProps {
3
3
  onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
4
4
  text: string;
5
5
  disabled?: boolean;
6
+ className?: string;
6
7
  }
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ButtonBaseProps } from "./base";
3
+ declare const DefaultMiniButton: React.FC<ButtonBaseProps>;
4
+ export default DefaultMiniButton;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ButtonBaseProps } from "./base";
3
+ declare const PrimaryMiniButton: React.FC<ButtonBaseProps>;
4
+ export default PrimaryMiniButton;
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ import { IMutField, IRow } from "../../interfaces";
3
+ interface DataTableProps {
4
+ size?: number;
5
+ metas: IMutField[];
6
+ data: IRow[];
7
+ onMetaChange: (fid: string, fIndex: number, meta: Partial<IMutField>) => void;
8
+ }
9
+ declare const DataTable: React.FC<DataTableProps>;
10
+ export default DataTable;
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ interface PaginationProps {
3
+ from: number;
4
+ to: number;
5
+ total: number;
6
+ onPrev: () => void;
7
+ onNext: () => void;
8
+ }
9
+ export default function Pagination(props: PaginationProps): JSX.Element;
10
+ export {};
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ export interface IDropdownContextOption {
3
+ label: string;
4
+ value: string;
5
+ disabled?: boolean;
6
+ }
7
+ interface IDropdownContextProps {
8
+ options?: IDropdownContextOption[];
9
+ disable?: boolean;
10
+ onSelect?: (value: string, index: number) => void;
11
+ }
12
+ declare const DropdownContext: React.FC<IDropdownContextProps>;
13
+ export default DropdownContext;
@@ -0,0 +1,17 @@
1
+ import React from "react";
2
+ export interface IDropdownSelectOption {
3
+ label: string;
4
+ value: string;
5
+ disabled?: boolean;
6
+ }
7
+ interface IDropdownSelectProps {
8
+ options?: IDropdownSelectOption[];
9
+ disable?: boolean;
10
+ selectedKey: string;
11
+ onSelect?: (value: string) => void;
12
+ placeholder?: string;
13
+ className?: string;
14
+ buttonClassName?: string;
15
+ }
16
+ declare const DropdownSelect: React.FC<IDropdownSelectProps>;
17
+ export default DropdownSelect;
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  interface ModalProps {
3
3
  onClose?: () => void;
4
+ show?: boolean;
4
5
  title?: string;
5
6
  }
6
7
  declare const Modal: React.FC<ModalProps>;
@@ -0,0 +1,14 @@
1
+ import { ReactElement } from "react";
2
+ export interface ITabOption {
3
+ label: string | ReactElement;
4
+ key: string;
5
+ }
6
+ interface DefaultProps {
7
+ tabs: ITabOption[];
8
+ selectedKey: string;
9
+ onSelected: (selectedKey: string, index: number) => void;
10
+ allowEdit?: boolean;
11
+ onEditLabel?: (label: string, index: number) => void;
12
+ }
13
+ export default function Default(props: DefaultProps): JSX.Element;
14
+ export {};
@@ -4,12 +4,12 @@ export interface ITabOption {
4
4
  key: string;
5
5
  options?: Record<string, any>;
6
6
  }
7
- interface PureTabsProps {
7
+ interface EditableTabsProps {
8
8
  tabs: ITabOption[];
9
9
  selectedKey: string;
10
10
  onSelected: (selectedKey: string, index: number) => void;
11
11
  allowEdit?: boolean;
12
12
  onEditLabel?: (label: string, index: number) => void;
13
13
  }
14
- export default function PureTabs(props: PureTabsProps): JSX.Element;
14
+ export default function EditableTabs(props: EditableTabsProps): JSX.Element;
15
15
  export {};
@@ -15,6 +15,7 @@ export interface IToolbarItem {
15
15
  disabled?: boolean;
16
16
  menu?: ToolbarProps;
17
17
  form?: JSX.Element;
18
+ styles?: Partial<Pick<NonNullable<ToolbarProps['styles']>, 'item' | 'icon' | 'splitIcon'>>;
18
19
  }
19
20
  export declare const ToolbarItemSplitter = "-";
20
21
  export type ToolbarItemProps = (ToolbarButtonItem | ToolbarToggleButtonItem | ToolbarSelectButtonItem | typeof ToolbarItemSplitter);
@@ -0,0 +1,2 @@
1
+ import { IDropdownSelectOption } from "../../components/dropdownSelect";
2
+ export declare const charsetOptions: IDropdownSelectOption[];
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ declare const _default: React.FunctionComponent<{}>;
3
+ export default _default;
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React from "react";
2
2
  interface DSSegmentProps {
3
3
  preWorkDone: boolean;
4
4
  }
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { DroppableProvided } from '@kanaries/react-beautiful-dnd';
1
+ import React from "react";
2
+ import { DroppableProvided } from "@kanaries/react-beautiful-dnd";
3
3
  interface Props {
4
4
  provided: DroppableProvided;
5
5
  }
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { DroppableProvided } from '@kanaries/react-beautiful-dnd';
1
+ import React from "react";
2
+ import { DroppableProvided } from "@kanaries/react-beautiful-dnd";
3
3
  interface Props {
4
4
  provided: DroppableProvided;
5
5
  }
@@ -0,0 +1,17 @@
1
+ import React from "react";
2
+ export interface IDropdownSelectOption {
3
+ label: string;
4
+ value: string;
5
+ disabled?: boolean;
6
+ }
7
+ interface IDropdownSelectProps {
8
+ options?: IDropdownSelectOption[];
9
+ disable?: boolean;
10
+ selectedKey: string;
11
+ onSelect?: (value: string) => void;
12
+ placeholder?: string;
13
+ className?: string;
14
+ buttonClassName?: string;
15
+ }
16
+ declare const DropdownSelect: React.FC<IDropdownSelectProps>;
17
+ export default DropdownSelect;
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ import { IDraggableStateKey } from "../../interfaces";
3
+ import { DroppableProvided } from "react-beautiful-dnd";
4
+ import { DroppableStateSnapshot } from "@kanaries/react-beautiful-dnd";
5
+ interface SingleEncodeEditorProps {
6
+ dkey: IDraggableStateKey;
7
+ provided: DroppableProvided;
8
+ snapshot: DroppableStateSnapshot;
9
+ }
10
+ declare const _default: React.FunctionComponent<SingleEncodeEditorProps>;
11
+ export default _default;
@@ -1,6 +1,6 @@
1
- import React from 'react';
2
- import { DraggableProvided } from '@kanaries/react-beautiful-dnd';
3
- import { IDraggableStateKey } from '../../interfaces';
1
+ import React from "react";
2
+ import { DraggableProvided } from "@kanaries/react-beautiful-dnd";
3
+ import { IDraggableStateKey } from "../../interfaces";
4
4
  interface PillProps {
5
5
  provided: DraggableProvided;
6
6
  fIndex: number;