@devtable/dashboard 2.4.0 → 3.0.0

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 (94) hide show
  1. package/README.md +25 -1
  2. package/dist/api-caller/index.d.ts +13 -7
  3. package/dist/api-caller/types.d.ts +1 -1
  4. package/dist/contexts/index.d.ts +1 -3
  5. package/dist/contexts/model-context.d.ts +24165 -0
  6. package/dist/contexts/panel-context.d.ts +0 -1
  7. package/dist/dashboard.es.js +9680 -15352
  8. package/dist/dashboard.umd.js +38 -19
  9. package/dist/definition-editor/data-editor-modal.d.ts +2 -2
  10. package/dist/definition-editor/global-variables-guide.d.ts +2 -2
  11. package/dist/definition-editor/query-editor/data-preview.d.ts +3 -3
  12. package/dist/definition-editor/query-editor/editor.d.ts +1 -1
  13. package/dist/definition-editor/query-editor/form.d.ts +4 -5
  14. package/dist/definition-editor/query-editor/index.d.ts +2 -2
  15. package/dist/definition-editor/query-editor/select-or-add-query.d.ts +1 -1
  16. package/dist/definition-editor/sql-snippet-editor/editor.d.ts +2 -2
  17. package/dist/filter/filter-checkbox/editor.d.ts +1 -1
  18. package/dist/filter/filter-checkbox/render.d.ts +1 -1
  19. package/dist/filter/filter-date-range/editor.d.ts +1 -1
  20. package/dist/filter/filter-date-range/render.d.ts +1 -1
  21. package/dist/filter/filter-multi-select/editor.d.ts +1 -1
  22. package/dist/filter/filter-multi-select/render.d.ts +1 -1
  23. package/dist/filter/filter-query-field/index.d.ts +1 -1
  24. package/dist/filter/filter-query-field/select-data-source.d.ts +1 -1
  25. package/dist/filter/filter-query-field/test-query.d.ts +1 -1
  26. package/dist/filter/filter-select/editor.d.ts +1 -1
  27. package/dist/filter/filter-select/render.d.ts +1 -1
  28. package/dist/filter/filter-settings/filter-settings.d.ts +0 -2
  29. package/dist/filter/filter-settings/index.d.ts +2 -4
  30. package/dist/filter/filter-text-input/editor.d.ts +1 -1
  31. package/dist/filter/filter-text-input/render.d.ts +1 -1
  32. package/dist/filter/index.d.ts +2 -6
  33. package/dist/index.d.ts +1 -0
  34. package/dist/layout/index.d.ts +1 -1
  35. package/dist/layout/read-only.d.ts +2 -2
  36. package/dist/main/actions.d.ts +1 -3
  37. package/dist/main/full-screen-panel.d.ts +2 -2
  38. package/dist/main/main.d.ts +2 -2
  39. package/dist/main/read-only.d.ts +2 -2
  40. package/dist/main/use-sticky-area-style.d.ts +1 -0
  41. package/dist/model/context.d.ts +11 -0
  42. package/dist/model/dashboard.d.ts +8579 -684
  43. package/dist/model/{filter → filters/filter}/checkbox.d.ts +0 -0
  44. package/dist/model/{filter → filters/filter}/common.d.ts +0 -0
  45. package/dist/model/{filter → filters/filter}/date-range.d.ts +0 -0
  46. package/dist/model/{filter → filters/filter}/index.d.ts +0 -0
  47. package/dist/model/{filter → filters/filter}/multi-select.d.ts +0 -0
  48. package/dist/model/{filter → filters/filter}/select.d.ts +0 -0
  49. package/dist/model/{filter → filters/filter}/text-input.d.ts +0 -0
  50. package/dist/{main/use-filters.d.ts → model/filters/index.d.ts} +1430 -16
  51. package/dist/model/index.d.ts +4 -1
  52. package/dist/model/queries/index.d.ts +116 -0
  53. package/dist/model/queries/mute-query.d.ts +17 -0
  54. package/dist/model/queries/query.d.ts +31 -0
  55. package/dist/model/queries/types.d.ts +5 -0
  56. package/dist/model/sql-snippets/index.d.ts +26 -0
  57. package/dist/model/sql-snippets/sql-snippet.d.ts +9 -0
  58. package/dist/panel/index.d.ts +2 -2
  59. package/dist/panel/plugin-adaptor.d.ts +7 -0
  60. package/dist/panel/settings/index.d.ts +2 -2
  61. package/dist/panel/settings/pick-query/index.d.ts +2 -2
  62. package/dist/panel/title-bar.d.ts +2 -2
  63. package/dist/panel/viz/index.d.ts +3 -3
  64. package/dist/plugins/hooks/index.d.ts +2 -0
  65. package/dist/plugins/hooks/use-channel-event.d.ts +2 -0
  66. package/dist/plugins/hooks/use-storage-data.d.ts +6 -0
  67. package/dist/plugins/index.d.ts +4 -0
  68. package/dist/plugins/json-plugin-storage.d.ts +12 -0
  69. package/dist/plugins/message-channels.d.ts +7 -0
  70. package/dist/plugins/plugin-context.d.ts +12 -0
  71. package/dist/plugins/plugin-data-migrator/index.d.ts +1 -0
  72. package/dist/plugins/plugin-data-migrator/plugin-data-migrator.d.ts +13 -0
  73. package/dist/plugins/plugin-manager.d.ts +18 -0
  74. package/dist/plugins/viz-components/table/index.d.ts +2 -0
  75. package/dist/{panel/viz → plugins/viz-components}/table/type.d.ts +1 -0
  76. package/dist/{panel/viz → plugins/viz-components}/table/value-type-selector.d.ts +0 -0
  77. package/dist/{panel/viz → plugins/viz-components}/table/value.d.ts +0 -0
  78. package/dist/plugins/viz-components/table/viz-table-panel.d.ts +3 -0
  79. package/dist/plugins/viz-components/table/viz-table.d.ts +3 -0
  80. package/dist/plugins/viz-manager/components.d.ts +22 -0
  81. package/dist/plugins/viz-manager/impl.d.ts +10 -0
  82. package/dist/plugins/viz-manager/index.d.ts +4 -0
  83. package/dist/plugins/viz-manager/types.d.ts +12 -0
  84. package/dist/style.css +1 -1
  85. package/dist/types/dashboard.d.ts +4 -12
  86. package/dist/types/plugin/index.d.ts +101 -0
  87. package/dist/utils/download.d.ts +6 -0
  88. package/dist/utils/sql.d.ts +7 -6
  89. package/package.json +25 -6
  90. package/dist/contexts/context-info-context.d.ts +0 -5
  91. package/dist/contexts/definition-context.d.ts +0 -7
  92. package/dist/contexts/filter-values-context.d.ts +0 -4
  93. package/dist/panel/viz/table/index.d.ts +0 -10
  94. package/dist/panel/viz/table/panel.d.ts +0 -3
@@ -1,7 +1,7 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  interface IDataEditorModal {
3
3
  opened: boolean;
4
4
  close: () => void;
5
5
  }
6
- export declare function DataEditorModal({ opened, close }: IDataEditorModal): JSX.Element;
6
+ export declare const DataEditorModal: React.FunctionComponent<IDataEditorModal>;
7
7
  export {};
@@ -1,8 +1,8 @@
1
- /// <reference types="react" />
2
1
  import { Sx } from '@mantine/core';
2
+ import React from 'react';
3
3
  interface IGlobalVariablesGuide {
4
4
  showSQLSnippets?: boolean;
5
5
  sx?: Sx;
6
6
  }
7
- export declare function GlobalVariablesGuide({ showSQLSnippets, sx }: IGlobalVariablesGuide): JSX.Element;
7
+ export declare const GlobalVariablesGuide: React.FunctionComponent<IGlobalVariablesGuide>;
8
8
  export {};
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
2
- export declare function DataPreview({ id }: {
1
+ import React from 'react';
2
+ export declare const DataPreview: React.FunctionComponent<{
3
3
  id: string;
4
- }): JSX.Element;
4
+ }>;
@@ -3,5 +3,5 @@ interface IQueryEditor {
3
3
  id: string;
4
4
  setID: React.Dispatch<React.SetStateAction<string>>;
5
5
  }
6
- export declare function QueryEditor({ id, setID }: IQueryEditor): JSX.Element | null;
6
+ export declare const QueryEditor: React.FunctionComponent<IQueryEditor>;
7
7
  export {};
@@ -1,8 +1,7 @@
1
- /// <reference types="react" />
2
- import { IQuery } from '../../types';
1
+ import React from 'react';
2
+ import { QueryModelInstance } from '../../model/queries';
3
3
  interface IQueryForm {
4
- value: IQuery;
5
- onChange: any;
4
+ queryModel: QueryModelInstance;
6
5
  }
7
- export declare function QueryForm({ value, onChange }: IQueryForm): JSX.Element;
6
+ export declare const QueryForm: React.FunctionComponent<IQueryForm>;
8
7
  export {};
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  interface IEditQueries {
3
3
  }
4
- export declare function EditQueries({}: IEditQueries): JSX.Element;
4
+ export declare const EditQueries: React.FunctionComponent<IEditQueries>;
5
5
  export {};
@@ -3,5 +3,5 @@ interface ISelectOrAddQuery {
3
3
  id: string;
4
4
  setID: React.Dispatch<React.SetStateAction<string>>;
5
5
  }
6
- export declare function SelectOrAddQuery({ id, setID }: ISelectOrAddQuery): JSX.Element;
6
+ export declare const SelectOrAddQuery: React.FunctionComponent<ISelectOrAddQuery>;
7
7
  export {};
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  interface ISQLSnippetsEditor {
3
3
  }
4
- export declare function SQLSnippetsEditor({}: ISQLSnippetsEditor): JSX.Element;
4
+ export declare const SQLSnippetsEditor: React.FunctionComponent<ISQLSnippetsEditor>;
5
5
  export {};
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { IFilterConfig_Checkbox } from '../../model/filter/checkbox';
2
+ import { IFilterConfig_Checkbox } from '../../model/filters/filter/checkbox';
3
3
  interface IFilterEditorCheckbox {
4
4
  config: IFilterConfig_Checkbox;
5
5
  index: number;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { FilterModelInstance } from '../../model';
3
- import { IFilterConfig_Checkbox } from '../../model/filter/checkbox';
3
+ import { IFilterConfig_Checkbox } from '../../model/filters/filter/checkbox';
4
4
  interface IFilterCheckbox extends Omit<FilterModelInstance, 'key' | 'type' | 'config'> {
5
5
  config: IFilterConfig_Checkbox;
6
6
  value: any;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { IFilterConfig_DateRange } from '../../model/filter/date-range';
2
+ import { IFilterConfig_DateRange } from '../../model/filters/filter/date-range';
3
3
  interface IFilterEditorDateRange {
4
4
  config: IFilterConfig_DateRange;
5
5
  }
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { FilterModelInstance } from '../../model';
3
- import { IFilterConfig_DateRange } from '../../model/filter/date-range';
3
+ import { IFilterConfig_DateRange } from '../../model/filters/filter/date-range';
4
4
  interface IFilterDateRange extends Omit<FilterModelInstance, 'key' | 'type' | 'config'> {
5
5
  config: IFilterConfig_DateRange;
6
6
  value: any;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { IFilterConfig_MultiSelect } from '../../model/filter/multi-select';
2
+ import { IFilterConfig_MultiSelect } from '../../model/filters/filter/multi-select';
3
3
  interface IFilterEditorMultiSelect {
4
4
  config: IFilterConfig_MultiSelect;
5
5
  }
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { FilterModelInstance } from '../../model';
3
- import { IFilterConfig_MultiSelect } from '../../model/filter/multi-select';
3
+ import { IFilterConfig_MultiSelect } from '../../model/filters/filter/multi-select';
4
4
  interface IFilterMultiSelect extends Omit<FilterModelInstance, 'key' | 'type' | 'config'> {
5
5
  config: IFilterConfig_MultiSelect;
6
6
  value: any;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { IFilterOptionQuery } from '../../model/filter/common';
2
+ import { IFilterOptionQuery } from '../../model/filters/filter/common';
3
3
  interface IFilterQueryField {
4
4
  value: IFilterOptionQuery;
5
5
  onChange: (v: IFilterOptionQuery) => void;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { IFilterOptionQuery } from '../../model/filter/common';
2
+ import { IFilterOptionQuery } from '../../model/filters/filter/common';
3
3
  interface ISelectDataSource {
4
4
  value: IFilterOptionQuery;
5
5
  onChange: (v: IFilterOptionQuery) => void;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { IFilterOptionQuery } from '../../model/filter/common';
2
+ import { IFilterOptionQuery } from '../../model/filters/filter/common';
3
3
  interface ITestQuery {
4
4
  query: IFilterOptionQuery;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { IFilterConfig_Select } from '../../model/filter/select';
2
+ import { IFilterConfig_Select } from '../../model/filters/filter/select';
3
3
  interface IFilterEditorSelect {
4
4
  config: IFilterConfig_Select;
5
5
  }
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { FilterModelInstance } from '../../model';
3
- import { IFilterConfig_Select } from '../../model/filter/select';
3
+ import { IFilterConfig_Select } from '../../model/filters/filter/select';
4
4
  interface IFilterSelect extends Omit<FilterModelInstance, 'key' | 'type' | 'config'> {
5
5
  config: IFilterConfig_Select;
6
6
  value: any;
@@ -1,7 +1,5 @@
1
1
  import React from 'react';
2
- import { DashboardModelInstance } from '../../model';
3
2
  interface FilterSettings {
4
- model: DashboardModelInstance;
5
3
  }
6
4
  export declare const FilterSettings: React.FunctionComponent<FilterSettings>;
7
5
  export {};
@@ -1,9 +1,7 @@
1
- /// <reference types="react" />
2
- import { DashboardModelInstance } from '../../model';
1
+ import React from 'react';
3
2
  interface FilterSettingsModal {
4
3
  opened: boolean;
5
4
  close: () => void;
6
- model: DashboardModelInstance;
7
5
  }
8
- export declare function FilterSettingsModal({ opened, close, model }: FilterSettingsModal): JSX.Element;
6
+ export declare const FilterSettingsModal: React.FunctionComponent<FilterSettingsModal>;
9
7
  export {};
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { IFilterConfig_TextInput } from '../../model/filter/text-input';
2
+ import { IFilterConfig_TextInput } from '../../model/filters/filter/text-input';
3
3
  interface IFilterEditorTextInput {
4
4
  config: IFilterConfig_TextInput;
5
5
  }
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { FilterModelInstance } from '../../model';
3
- import { IFilterConfig_TextInput } from '../../model/filter/text-input';
3
+ import { IFilterConfig_TextInput } from '../../model/filters/filter/text-input';
4
4
  interface IFilterTextInput extends Omit<FilterModelInstance, 'key' | 'type' | 'config'> {
5
5
  config: IFilterConfig_TextInput;
6
6
  value: any;
@@ -1,9 +1,5 @@
1
- /// <reference types="react" />
2
- import { FilterModelInstance } from '../model';
1
+ import React from 'react';
3
2
  interface IFilters {
4
- filters: FilterModelInstance[];
5
- filterValues: Record<string, any>;
6
- setFilterValues: (v: Record<string, any>) => void;
7
3
  }
8
- export declare function Filters({ filters, filterValues, setFilterValues }: IFilters): JSX.Element | null;
4
+ export declare const Filters: React.FunctionComponent<IFilters>;
9
5
  export {};
package/dist/index.d.ts CHANGED
@@ -3,3 +3,4 @@ export * from './layout';
3
3
  export * from './panel';
4
4
  export * from './contexts';
5
5
  export * from './types';
6
+ export * from './model';
@@ -8,5 +8,5 @@ interface IDashboardLayout {
8
8
  isDraggable: boolean;
9
9
  isResizable: boolean;
10
10
  }
11
- export declare function DashboardLayout({ panels, setPanels, className, rowHeight, isDraggable, isResizable, }: IDashboardLayout): JSX.Element;
11
+ export declare const DashboardLayout: React.FunctionComponent<IDashboardLayout>;
12
12
  export {};
@@ -1,9 +1,9 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { IDashboardPanel } from '../types/dashboard';
3
3
  interface IReadOnlyDashboardLayout {
4
4
  panels: IDashboardPanel[];
5
5
  className?: string;
6
6
  rowHeight?: number;
7
7
  }
8
- export declare function ReadOnlyDashboardLayout({ panels, className, rowHeight }: IReadOnlyDashboardLayout): JSX.Element;
8
+ export declare const ReadOnlyDashboardLayout: React.FunctionComponent<IReadOnlyDashboardLayout>;
9
9
  export {};
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
2
  import { DashboardMode } from '../types';
3
- import { DashboardModelInstance } from '../model';
4
3
  interface IDashboardActions {
5
4
  mode: DashboardMode;
6
5
  setMode: React.Dispatch<React.SetStateAction<DashboardMode>>;
@@ -8,7 +7,6 @@ interface IDashboardActions {
8
7
  saveChanges: () => void;
9
8
  revertChanges: () => void;
10
9
  getCurrentSchema: () => any;
11
- model: DashboardModelInstance;
12
10
  }
13
- export declare function DashboardActions({ mode, setMode, hasChanges, saveChanges, revertChanges, getCurrentSchema, model, }: IDashboardActions): JSX.Element;
11
+ export declare const DashboardActions: React.FunctionComponent<IDashboardActions>;
14
12
  export {};
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { IDashboardPanel } from '../types';
3
- export declare function FullScreenPanel({ panel, exitFullScreen }: {
3
+ export declare const FullScreenPanel: import("react").FunctionComponent<{
4
4
  panel: IDashboardPanel;
5
5
  exitFullScreen: () => void;
6
- }): JSX.Element;
6
+ }>;
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import { IDashboard, IDashboardConfig } from '../types/dashboard';
3
- import { ContextInfoContextType } from '../contexts';
3
+ import { ContextInfoType } from '../model/context';
4
4
  interface IDashboardProps {
5
- context: ContextInfoContextType;
5
+ context: ContextInfoType;
6
6
  dashboard: IDashboard;
7
7
  className?: string;
8
8
  update: (dashboard: IDashboard) => Promise<void>;
@@ -1,8 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  import { IDashboard, IDashboardConfig } from '../types/dashboard';
3
- import { ContextInfoContextType } from '../contexts';
3
+ import { ContextInfoType } from '../model/context';
4
4
  interface IReadOnlyDashboard {
5
- context: ContextInfoContextType;
5
+ context: ContextInfoType;
6
6
  dashboard: IDashboard;
7
7
  className?: string;
8
8
  config: IDashboardConfig;
@@ -0,0 +1 @@
1
+ export declare function useStickyAreaStyle(): void;
@@ -0,0 +1,11 @@
1
+ export declare const ContextModel: import("mobx-state-tree").IModelType<{
2
+ current: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
3
+ }, {
4
+ readonly keys: string[];
5
+ readonly entries: [string, unknown][];
6
+ } & {
7
+ replace(record: Record<string, any>): void;
8
+ get(key: string): any;
9
+ set(key: string, value: any): void;
10
+ }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
11
+ export declare type ContextInfoType = Record<string, any>;