@kanaries/graphic-walker 0.2.13 → 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 (87) 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/dropdownContext/index.d.ts +13 -0
  7. package/dist/components/dropdownSelect/index.d.ts +17 -0
  8. package/dist/components/modal.d.ts +1 -0
  9. package/dist/components/toolbar/toolbar-item.d.ts +1 -0
  10. package/dist/dataSource/dataSelection/config.d.ts +2 -0
  11. package/dist/dataSource/index.d.ts +1 -1
  12. package/dist/fields/datasetFields/dimFields.d.ts +2 -2
  13. package/dist/fields/datasetFields/meaFields.d.ts +2 -2
  14. package/dist/fields/encodeFields/singleEncodeDropDown.d.ts +17 -0
  15. package/dist/fields/encodeFields/singleEncodeEditor.d.ts +11 -0
  16. package/dist/fields/obComponents/obPill.d.ts +3 -3
  17. package/dist/graphic-walker.es.js +20874 -19172
  18. package/dist/graphic-walker.es.js.map +1 -1
  19. package/dist/graphic-walker.umd.js +245 -170
  20. package/dist/graphic-walker.umd.js.map +1 -1
  21. package/dist/insightBoard/index.d.ts +1 -1
  22. package/dist/interfaces.d.ts +1 -0
  23. package/dist/renderer/index.d.ts +3 -1
  24. package/dist/store/visualSpecStore.d.ts +1 -0
  25. package/dist/utils/index.d.ts +2 -0
  26. package/dist/utils/media.d.ts +2 -0
  27. package/dist/vis/react-vega.d.ts +2 -0
  28. package/dist/vis/theme.d.ts +130 -0
  29. package/package.json +2 -1
  30. package/src/App.tsx +8 -5
  31. package/src/components/button/base.ts +1 -0
  32. package/src/components/button/default.tsx +6 -2
  33. package/src/components/button/defaultMini.tsx +17 -0
  34. package/src/components/button/primary.tsx +6 -2
  35. package/src/components/button/primaryMini.tsx +21 -0
  36. package/src/components/callout.tsx +4 -1
  37. package/src/components/clickMenu.tsx +4 -2
  38. package/src/components/container.tsx +9 -0
  39. package/src/components/dataTable/index.tsx +42 -52
  40. package/src/components/dataTable/pagination.tsx +4 -4
  41. package/src/components/dataTypeIcon.tsx +1 -1
  42. package/src/components/dropdownContext/index.tsx +64 -0
  43. package/src/components/dropdownSelect/index.tsx +92 -0
  44. package/src/components/modal.tsx +26 -14
  45. package/src/components/tabs/defaultTab.tsx +4 -4
  46. package/src/components/tabs/editableTab.tsx +5 -5
  47. package/src/components/toolbar/components.tsx +18 -1
  48. package/src/components/toolbar/index.tsx +5 -0
  49. package/src/components/toolbar/toolbar-button.tsx +6 -1
  50. package/src/components/toolbar/toolbar-item.tsx +4 -0
  51. package/src/components/toolbar/toolbar-select-button.tsx +21 -4
  52. package/src/components/toolbar/toolbar-toggle-button.tsx +6 -1
  53. package/src/components/tooltip.tsx +4 -1
  54. package/src/dataSource/dataSelection/config.ts +28 -0
  55. package/src/dataSource/dataSelection/csvData.tsx +77 -32
  56. package/src/dataSource/dataSelection/gwFile.tsx +0 -8
  57. package/src/dataSource/dataSelection/index.tsx +1 -2
  58. package/src/dataSource/dataSelection/publicData.tsx +2 -3
  59. package/src/dataSource/index.tsx +81 -61
  60. package/src/fields/aestheticFields.tsx +3 -1
  61. package/src/fields/components.tsx +21 -2
  62. package/src/fields/datasetFields/dimFields.tsx +43 -35
  63. package/src/fields/datasetFields/index.tsx +2 -2
  64. package/src/fields/datasetFields/meaFields.tsx +73 -47
  65. package/src/fields/encodeFields/singleEncodeDropDown.tsx +92 -0
  66. package/src/fields/encodeFields/singleEncodeEditor.tsx +78 -0
  67. package/src/fields/filterField/filterEditDialog.tsx +2 -1
  68. package/src/fields/filterField/filterPill.tsx +1 -1
  69. package/src/fields/filterField/slider.tsx +1 -1
  70. package/src/fields/filterField/tabs.tsx +11 -21
  71. package/src/fields/obComponents/obPill.tsx +65 -35
  72. package/src/index.css +13 -0
  73. package/src/insightBoard/index.tsx +24 -23
  74. package/src/insightBoard/radioGroupButtons.tsx +7 -0
  75. package/src/interfaces.ts +1 -0
  76. package/src/lib/inferMeta.ts +1 -1
  77. package/src/locales/en-US.json +7 -4
  78. package/src/locales/zh-CN.json +5 -2
  79. package/src/main.tsx +1 -1
  80. package/src/renderer/index.tsx +2 -1
  81. package/src/store/visualSpecStore.ts +16 -0
  82. package/src/utils/index.ts +19 -0
  83. package/src/utils/media.ts +26 -0
  84. package/src/utils/normalization.ts +2 -1
  85. package/src/vis/react-vega.tsx +20 -4
  86. package/src/vis/theme.ts +126 -0
  87. 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,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>;
@@ -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[];
@@ -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;