@kanaries/graphic-walker 0.2.14 → 0.2.15

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 (52) hide show
  1. package/dist/App.d.ts +3 -2
  2. package/dist/components/callout.d.ts +2 -0
  3. package/dist/components/toolbar/components.d.ts +4 -1
  4. package/dist/components/toolbar/index.d.ts +2 -0
  5. package/dist/components/toolbar/toolbar-item.d.ts +3 -0
  6. package/dist/components/tooltip.d.ts +2 -0
  7. package/dist/fields/components.d.ts +0 -1
  8. package/dist/fields/filterField/filterEditDialog.d.ts +1 -1
  9. package/dist/graphic-walker.es.js +15103 -14997
  10. package/dist/graphic-walker.es.js.map +1 -1
  11. package/dist/graphic-walker.umd.js +134 -264
  12. package/dist/graphic-walker.umd.js.map +1 -1
  13. package/dist/interfaces.d.ts +2 -0
  14. package/dist/renderer/index.d.ts +6 -4
  15. package/dist/utils/media.d.ts +2 -1
  16. package/dist/vis/react-vega.d.ts +4 -2
  17. package/dist/vis/theme.d.ts +36 -20
  18. package/dist/visualSettings/index.d.ts +2 -1
  19. package/package.json +1 -1
  20. package/src/App.tsx +19 -14
  21. package/src/components/callout.tsx +9 -7
  22. package/src/components/clickMenu.tsx +1 -7
  23. package/src/components/modal.tsx +1 -15
  24. package/src/components/sizeSetting.tsx +2 -2
  25. package/src/components/tabs/editableTab.tsx +2 -2
  26. package/src/components/toolbar/components.tsx +8 -23
  27. package/src/components/toolbar/index.tsx +11 -4
  28. package/src/components/toolbar/toolbar-button.tsx +2 -1
  29. package/src/components/toolbar/toolbar-item.tsx +17 -12
  30. package/src/components/toolbar/toolbar-select-button.tsx +9 -13
  31. package/src/components/toolbar/toolbar-toggle-button.tsx +2 -1
  32. package/src/components/tooltip.tsx +10 -6
  33. package/src/dataSource/dataSelection/csvData.tsx +1 -1
  34. package/src/dataSource/index.tsx +2 -3
  35. package/src/fields/components.tsx +13 -50
  36. package/src/fields/datasetFields/index.tsx +3 -4
  37. package/src/fields/encodeFields/singleEncodeEditor.tsx +1 -1
  38. package/src/fields/filterField/filterEditDialog.tsx +63 -99
  39. package/src/fields/filterField/slider.tsx +1 -1
  40. package/src/insightBoard/mainBoard.tsx +9 -2
  41. package/src/interfaces.ts +4 -1
  42. package/src/locales/en-US.json +5 -2
  43. package/src/locales/i18n.ts +7 -0
  44. package/src/locales/ja-JP.json +195 -0
  45. package/src/locales/zh-CN.json +5 -2
  46. package/src/renderer/index.tsx +96 -71
  47. package/src/utils/media.ts +16 -11
  48. package/src/vis/react-vega.tsx +18 -3
  49. package/src/vis/theme.ts +23 -25
  50. package/src/visualSettings/index.tsx +12 -32
  51. package/dist/components/container.d.ts +0 -2
  52. package/src/components/container.tsx +0 -25
package/dist/App.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { Specification } from "visual-insights";
3
- import { IMutField, IRow } from "./interfaces";
3
+ import { IDarkMode, IMutField, IRow, IThemeKey } from "./interfaces";
4
4
  export interface IGWProps {
5
5
  dataSource?: IRow[];
6
6
  rawFields?: IMutField[];
@@ -16,7 +16,8 @@ export interface IGWProps {
16
16
  */
17
17
  fieldKeyGuard?: boolean;
18
18
  /** @default "vega" */
19
- themeKey?: 'vega' | 'g2';
19
+ themeKey?: IThemeKey;
20
+ dark?: IDarkMode;
20
21
  }
21
22
  declare const App: React.FunctionComponent<IGWProps>;
22
23
  export default App;
package/dist/components/callout.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  import React, { ReactNode } from "react";
2
+ import type { IDarkMode } from "../interfaces";
2
3
  export interface CalloutProps {
3
4
  target: string;
4
5
  children: ReactNode;
6
+ darkModePreference?: IDarkMode;
5
7
  }
6
8
  declare const Callout: React.NamedExoticComponent<CalloutProps>;
7
9
  export default Callout;
package/dist/components/toolbar/components.d.ts CHANGED
@@ -4,8 +4,11 @@ export declare const useHandlers: (action: () => void, disabled: boolean, trigge
4
4
  onKeyDown: (ev: KeyboardEvent) => void;
5
5
  onMouseOut: (ev: MouseEvent) => void;
6
6
  };
7
- export declare const ToolbarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
7
+ export declare const ToolbarContainer: import("styled-components").StyledComponent<"div", any, {
8
+ dark: boolean;
9
+ }, never>;
8
10
  export declare const ToolbarSplitter: import("styled-components").StyledComponent<"div", any, {}, never>;
9
11
  export declare const ToolbarItemContainerElement: import("styled-components").StyledComponent<"div", any, {
10
12
  split: boolean;
13
+ dark: boolean;
11
14
  }, never>;
package/dist/components/toolbar/index.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  import React, { CSSProperties } from "react";
2
+ import type { IDarkMode } from "../../interfaces";
2
3
  import { ToolbarItemProps } from "./toolbar-item";
3
4
  export interface ToolbarProps {
5
+ darkModePreference?: IDarkMode;
4
6
  items: ToolbarItemProps[];
5
7
  styles?: Partial<{
6
8
  root: CSSProperties & Record<string, string>;
package/dist/components/toolbar/toolbar-item.d.ts CHANGED
@@ -21,18 +21,21 @@ export declare const ToolbarItemSplitter = "-";
21
21
  export type ToolbarItemProps = (ToolbarButtonItem | ToolbarToggleButtonItem | ToolbarSelectButtonItem | typeof ToolbarItemSplitter);
22
22
  export interface IToolbarProps<P extends Exclude<ToolbarItemProps, typeof ToolbarItemSplitter> = Exclude<ToolbarItemProps, typeof ToolbarItemSplitter>> {
23
23
  item: P;
24
+ darkModePreference: NonNullable<ToolbarProps['darkModePreference']>;
24
25
  styles?: ToolbarProps['styles'];
25
26
  openedKey: string | null;
26
27
  setOpenedKey: (key: string | null) => void;
27
28
  renderSlot: (node: ReactNode) => void;
28
29
  }
29
30
  export declare const ToolbarItemContainer: React.NamedExoticComponent<{
31
+ darkModePreference: NonNullable<ToolbarProps['darkModePreference']>;
30
32
  props: IToolbarProps;
31
33
  handlers: ReturnType<typeof useHandlers> | null;
32
34
  children: unknown;
33
35
  } & React.HTMLAttributes<HTMLDivElement>>;
34
36
  declare const ToolbarItem: React.NamedExoticComponent<{
35
37
  item: ToolbarItemProps;
38
+ darkModePreference: NonNullable<ToolbarProps['darkModePreference']>;
36
39
  styles?: ToolbarProps['styles'];
37
40
  openedKey: string | null;
38
41
  setOpenedKey: (key: string | null) => void;
package/dist/components/tooltip.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import type { IDarkMode } from "../interfaces";
2
3
  export interface TooltipProps {
3
4
  children: JSX.Element;
4
5
  content: string | JSX.Element | JSX.Element[];
@@ -8,6 +9,7 @@ export interface TooltipProps {
8
9
  hideDelay?: number;
9
10
  /** @default 3_000 */
10
11
  autoHide?: number;
12
+ darkModePreference: IDarkMode;
11
13
  }
12
14
  declare const Tooltip: React.NamedExoticComponent<TooltipProps>;
13
15
  export default Tooltip;
package/dist/fields/components.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import React from "react";
2
- export declare const AestheticSegment: import("styled-components").StyledComponent<"div", any, {}, never>;
3
2
  export declare const FieldListContainer: React.FC<{
4
3
  name: string;
5
4
  }>;
package/dist/fields/filterField/filterEditDialog.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import React from 'react';
1
+ import React from "react";
2
2
  declare const FilterEditDialog: React.FC;
3
3
  export default FilterEditDialog;