@devtable/dashboard 2.3.0 → 2.6.0

package/dist/definition-editor/data-editor-modal.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 interface IDataEditorModal {
     opened: boolean;
     close: () => void;
 }
-export declare function DataEditorModal({ opened, close }: IDataEditorModal): JSX.Element;
+export declare const DataEditorModal: React.FunctionComponent<IDataEditorModal>;
 export {};

package/dist/definition-editor/global-variables-guide.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { Sx } from "@mantine/core";
+import { Sx } from '@mantine/core';
+import React from 'react';
 interface IGlobalVariablesGuide {
     showSQLSnippets?: boolean;
     sx?: Sx;
 }
-export declare function GlobalVariablesGuide({ showSQLSnippets, sx }: IGlobalVariablesGuide): JSX.Element;
+export declare const GlobalVariablesGuide: React.FunctionComponent<IGlobalVariablesGuide>;
 export {};

package/dist/definition-editor/query-editor/data-preview.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare function DataPreview({ id }: {
+import React from 'react';
+export declare const DataPreview: React.FunctionComponent<{
     id: string;
-}): JSX.Element;
+}>;

package/dist/definition-editor/query-editor/editor.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import React from 'react';
 interface IQueryEditor {
     id: string;
     setID: React.Dispatch<React.SetStateAction<string>>;
 }
-export declare function QueryEditor({ id, setID }: IQueryEditor): JSX.Element | null;
+export declare const QueryEditor: React.FunctionComponent<IQueryEditor>;
 export {};

package/dist/definition-editor/query-editor/form.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { IQuery } from "../../types";
+import React from 'react';
+import { QueryModelInstance } from '../../model/queries';
 interface IQueryForm {
-    value: IQuery;
-    onChange: any;
+    queryModel: QueryModelInstance;
 }
-export declare function QueryForm({ value, onChange }: IQueryForm): JSX.Element;
+export declare const QueryForm: React.FunctionComponent<IQueryForm>;
 export {};

package/dist/definition-editor/query-editor/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 interface IEditQueries {
 }
-export declare function EditQueries({}: IEditQueries): JSX.Element;
+export declare const EditQueries: React.FunctionComponent<IEditQueries>;
 export {};

package/dist/definition-editor/query-editor/select-or-add-query.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import React from 'react';
 interface ISelectOrAddQuery {
     id: string;
     setID: React.Dispatch<React.SetStateAction<string>>;
 }
-export declare function SelectOrAddQuery({ id, setID }: ISelectOrAddQuery): JSX.Element;
+export declare const SelectOrAddQuery: React.FunctionComponent<ISelectOrAddQuery>;
 export {};

package/dist/definition-editor/sql-snippet-editor/editor.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 interface ISQLSnippetsEditor {
 }
-export declare function SQLSnippetsEditor({}: ISQLSnippetsEditor): JSX.Element;
+export declare const SQLSnippetsEditor: React.FunctionComponent<ISQLSnippetsEditor>;
 export {};

package/dist/filter/filter-checkbox/editor.d.ts

@@ -1,10 +1,8 @@
 /// <reference types="react" />
-import { Control, FieldArrayWithId } from "react-hook-form";
-import { IFilterSettingsForm } from "../filter-settings/types";
+import { IFilterConfig_Checkbox } from '../../model/filters/filter/checkbox';
 interface IFilterEditorCheckbox {
-    field: FieldArrayWithId<IFilterSettingsForm, "filters", "id">;
+    config: IFilterConfig_Checkbox;
     index: number;
-    control: Control<IFilterSettingsForm, object>;
 }
-export declare function FilterEditorCheckbox({ field, index, control }: IFilterEditorCheckbox): JSX.Element;
+export declare const FilterEditorCheckbox: import("react").FunctionComponent<IFilterEditorCheckbox>;
 export {};

package/dist/filter/filter-checkbox/render.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { IDashboardFilter, IFilterConfig_Checkbox } from "../../types";
-interface IFilterCheckbox extends Omit<IDashboardFilter, 'type' | 'config'> {
+import { FilterModelInstance } from '../../model';
+import { IFilterConfig_Checkbox } from '../../model/filters/filter/checkbox';
+interface IFilterCheckbox extends Omit<FilterModelInstance, 'key' | 'type' | 'config'> {
     config: IFilterConfig_Checkbox;
     value: any;
     onChange: (v: any) => void;

package/dist/filter/filter-date-range/editor.d.ts

@@ -1,10 +1,7 @@
 /// <reference types="react" />
-import { Control, FieldArrayWithId } from "react-hook-form";
-import { IFilterSettingsForm } from "../filter-settings/types";
+import { IFilterConfig_DateRange } from '../../model/filters/filter/date-range';
 interface IFilterEditorDateRange {
-    field: FieldArrayWithId<IFilterSettingsForm, "filters", "id">;
-    index: number;
-    control: Control<IFilterSettingsForm, object>;
+    config: IFilterConfig_DateRange;
 }
-export declare function FilterEditorDateRange({ field, index, control }: IFilterEditorDateRange): JSX.Element;
+export declare const FilterEditorDateRange: import("react").FunctionComponent<IFilterEditorDateRange>;
 export {};

package/dist/filter/filter-date-range/render.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { IDashboardFilter, IFilterConfig_DateRange } from "../../types";
-interface IFilterDateRange extends Omit<IDashboardFilter, 'type' | 'config'> {
+import { FilterModelInstance } from '../../model';
+import { IFilterConfig_DateRange } from '../../model/filters/filter/date-range';
+interface IFilterDateRange extends Omit<FilterModelInstance, 'key' | 'type' | 'config'> {
     config: IFilterConfig_DateRange;
     value: any;
     onChange: (v: any) => void;

package/dist/filter/filter-multi-select/editor.d.ts

@@ -1,11 +1,7 @@
 /// <reference types="react" />
-import { Control, FieldArrayWithId, UseFormWatch } from "react-hook-form";
-import { IFilterSettingsForm } from "../filter-settings/types";
+import { IFilterConfig_MultiSelect } from '../../model/filters/filter/multi-select';
 interface IFilterEditorMultiSelect {
-    field: FieldArrayWithId<IFilterSettingsForm, "filters", "id">;
-    index: number;
-    control: Control<IFilterSettingsForm, object>;
-    watch: UseFormWatch<IFilterSettingsForm>;
+    config: IFilterConfig_MultiSelect;
 }
-export declare function FilterEditorMultiSelect({ field, index, control, watch }: IFilterEditorMultiSelect): JSX.Element;
+export declare const FilterEditorMultiSelect: import("react").FunctionComponent<IFilterEditorMultiSelect>;
 export {};

package/dist/filter/filter-multi-select/render.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { IDashboardFilter, IFilterConfig_Select } from "../../types";
-interface IFilterMultiSelect extends Omit<IDashboardFilter, 'type' | 'config'> {
-    config: IFilterConfig_Select;
+import { FilterModelInstance } from '../../model';
+import { IFilterConfig_MultiSelect } from '../../model/filters/filter/multi-select';
+interface IFilterMultiSelect extends Omit<FilterModelInstance, 'key' | 'type' | 'config'> {
+    config: IFilterConfig_MultiSelect;
     value: any;
     onChange: (v: any) => void;
 }

package/dist/filter/filter-query-field/index.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-import { IDashboardFilterOptionQuery } from "../../types";
+import React from 'react';
+import { IFilterOptionQuery } from '../../model/filters/filter/common';
 interface IFilterQueryField {
-    value: IDashboardFilterOptionQuery;
-    onChange: (v: IDashboardFilterOptionQuery) => void;
+    value: IFilterOptionQuery;
+    onChange: (v: IFilterOptionQuery) => void;
 }
-export declare const FilterQueryField: React.ForwardRefExoticComponent<IFilterQueryField & React.RefAttributes<unknown>>;
+export declare const FilterQueryField: React.FunctionComponent<IFilterQueryField>;
 export {};

package/dist/filter/filter-query-field/select-data-source.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { IDashboardFilterOptionQuery } from "../../types";
+import React from 'react';
+import { IFilterOptionQuery } from '../../model/filters/filter/common';
 interface ISelectDataSource {
-    value: IDashboardFilterOptionQuery;
-    onChange: (v: IDashboardFilterOptionQuery) => void;
+    value: IFilterOptionQuery;
+    onChange: (v: IFilterOptionQuery) => void;
 }
-export declare function SelectDataSource({ value, onChange }: ISelectDataSource): JSX.Element;
+export declare const SelectDataSource: React.FunctionComponent<ISelectDataSource>;
 export {};

package/dist/filter/filter-query-field/test-query.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IFilterOptionQuery } from '../../model/filters/filter/common';
+interface ITestQuery {
+    query: IFilterOptionQuery;
+}
+export declare const TestQuery: React.FunctionComponent<ITestQuery>;
+export {};

package/dist/filter/filter-select/editor.d.ts

@@ -1,11 +1,7 @@
 /// <reference types="react" />
-import { Control, FieldArrayWithId, UseFormWatch } from "react-hook-form";
-import { IFilterSettingsForm } from "../filter-settings/types";
+import { IFilterConfig_Select } from '../../model/filters/filter/select';
 interface IFilterEditorSelect {
-    field: FieldArrayWithId<IFilterSettingsForm, "filters", "id">;
-    index: number;
-    control: Control<IFilterSettingsForm, object>;
-    watch: UseFormWatch<IFilterSettingsForm>;
+    config: IFilterConfig_Select;
 }
-export declare function FilterEditorSelect({ field, index, control, watch }: IFilterEditorSelect): JSX.Element;
+export declare const FilterEditorSelect: import("react").FunctionComponent<IFilterEditorSelect>;
 export {};

package/dist/filter/filter-select/render.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { IDashboardFilter, IFilterConfig_Select } from "../../types";
-interface IFilterSelect extends Omit<IDashboardFilter, 'type' | 'config'> {
+import { FilterModelInstance } from '../../model';
+import { IFilterConfig_Select } from '../../model/filters/filter/select';
+interface IFilterSelect extends Omit<FilterModelInstance, 'key' | 'type' | 'config'> {
     config: IFilterConfig_Select;
     value: any;
     onChange: (v: any) => void;

package/dist/filter/filter-settings/filter-setting.d.ts

@@ -1,11 +1,8 @@
-/// <reference types="react" />
-import { Control, FieldArrayWithId, UseFormWatch } from "react-hook-form";
-import { IFilterSettingsForm } from "./types";
+import React from 'react';
+import { FilterModelInstance } from '../../model';
 interface IFilterSetting {
-    field: FieldArrayWithId<IFilterSettingsForm, "filters", "id">;
+    filter: FilterModelInstance;
     index: number;
-    control: Control<IFilterSettingsForm, object>;
-    watch: UseFormWatch<IFilterSettingsForm>;
 }
-export declare function FilterSetting({ field, index, control, watch }: IFilterSetting): JSX.Element;
+export declare const FilterSetting: React.FunctionComponent<IFilterSetting>;
 export {};

package/dist/filter/filter-settings/filter-settings.d.ts

@@ -1,8 +1,5 @@
-/// <reference types="react" />
-import { IDashboardFilter } from "../../types";
+import React from 'react';
 interface FilterSettings {
-    filters: IDashboardFilter[];
-    setFilters: (v: IDashboardFilter[]) => void;
 }
-export declare function FilterSettings({ filters, setFilters }: FilterSettings): JSX.Element;
+export declare const FilterSettings: React.FunctionComponent<FilterSettings>;
 export {};

package/dist/filter/filter-settings/index.d.ts

@@ -1,10 +1,7 @@
-/// <reference types="react" />
-import { IDashboardFilter } from "../../types";
+import React from 'react';
 interface FilterSettingsModal {
     opened: boolean;
     close: () => void;
-    filters: IDashboardFilter[];
-    setFilters: (v: IDashboardFilter[]) => void;
 }
-export declare function FilterSettingsModal({ opened, close, filters, setFilters }: FilterSettingsModal): JSX.Element;
+export declare const FilterSettingsModal: React.FunctionComponent<FilterSettingsModal>;
 export {};

package/dist/filter/filter-settings/preview-filter.d.ts

@@ -1,11 +1,7 @@
-/// <reference types="react" />
-import { IDashboardFilter } from "../../types";
-import { UseFormWatch } from "react-hook-form";
-import { IFilterSettingsForm } from "./types";
+import React from 'react';
+import { FilterModelInstance } from '../../model';
 interface IPreviewFilter {
-    filter: IDashboardFilter;
-    index: number;
-    watch: UseFormWatch<IFilterSettingsForm>;
+    filter: FilterModelInstance;
 }
-export declare function PreviewFilter({ filter, index, watch }: IPreviewFilter): JSX.Element;
+export declare const PreviewFilter: React.FunctionComponent<IPreviewFilter>;
 export {};

package/dist/filter/filter-text-input/editor.d.ts

@@ -1,10 +1,7 @@
 /// <reference types="react" />
-import { Control, FieldArrayWithId } from "react-hook-form";
-import { IFilterSettingsForm } from "../filter-settings/types";
+import { IFilterConfig_TextInput } from '../../model/filters/filter/text-input';
 interface IFilterEditorTextInput {
-    field: FieldArrayWithId<IFilterSettingsForm, "filters", "id">;
-    index: number;
-    control: Control<IFilterSettingsForm, object>;
+    config: IFilterConfig_TextInput;
 }
-export declare function FilterEditorTextInput({ field, index, control }: IFilterEditorTextInput): JSX.Element;
+export declare const FilterEditorTextInput: import("react").FunctionComponent<IFilterEditorTextInput>;
 export {};

package/dist/filter/filter-text-input/render.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { IDashboardFilter, IFilterConfig_TextInput } from "../../types";
-interface IFilterTextInput extends Omit<IDashboardFilter, 'type' | 'config'> {
+import { FilterModelInstance } from '../../model';
+import { IFilterConfig_TextInput } from '../../model/filters/filter/text-input';
+interface IFilterTextInput extends Omit<FilterModelInstance, 'key' | 'type' | 'config'> {
     config: IFilterConfig_TextInput;
     value: any;
     onChange: (v: any) => void;

package/dist/filter/filter.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { IDashboardFilter } from "../types";
+import React from 'react';
+import { FilterModelInstance } from '../model';
 interface IFilter {
-    filter: IDashboardFilter;
+    filter: FilterModelInstance;
     value: any;
     onChange: (v: any) => void;
 }

package/dist/filter/index.d.ts

@@ -1,9 +1,5 @@
-/// <reference types="react" />
-import { IDashboardFilter } from "../types";
+import React from 'react';
 interface IFilters {
-    filters: IDashboardFilter[];
-    filterValues: Record<string, any>;
-    setFilterValues: (v: Record<string, any>) => void;
 }
-export declare function Filters({ filters, filterValues, setFilterValues }: IFilters): JSX.Element | null;
+export declare const Filters: React.FunctionComponent<IFilters>;
 export {};

package/dist/index.d.ts

@@ -3,3 +3,4 @@ export * from './layout';
 export * from './panel';
 export * from './contexts';
 export * from './types';
+export * from './model';

package/dist/layout/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { IDashboardPanel } from "../types/dashboard";
+import React from 'react';
+import { IDashboardPanel } from '../types/dashboard';
 interface IDashboardLayout {
     panels: IDashboardPanel[];
     setPanels: React.Dispatch<React.SetStateAction<IDashboardPanel[]>>;
@@ -8,5 +8,5 @@ interface IDashboardLayout {
     isDraggable: boolean;
     isResizable: boolean;
 }
-export declare function DashboardLayout({ panels, setPanels, className, rowHeight, isDraggable, isResizable, }: IDashboardLayout): JSX.Element;
+export declare const DashboardLayout: React.FunctionComponent<IDashboardLayout>;
 export {};

package/dist/layout/read-only.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { IDashboardPanel } from "../types/dashboard";
+import React from 'react';
+import { IDashboardPanel } from '../types/dashboard';
 interface IReadOnlyDashboardLayout {
     panels: IDashboardPanel[];
     className?: string;
     rowHeight?: number;
 }
-export declare function ReadOnlyDashboardLayout({ panels, className, rowHeight, }: IReadOnlyDashboardLayout): JSX.Element;
+export declare const ReadOnlyDashboardLayout: React.FunctionComponent<IReadOnlyDashboardLayout>;
 export {};

package/dist/main/actions.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { DashboardMode, IDashboardFilter } from "../types";
+import React from 'react';
+import { DashboardMode } from '../types';
 interface IDashboardActions {
     mode: DashboardMode;
     setMode: React.Dispatch<React.SetStateAction<DashboardMode>>;
@@ -7,8 +7,6 @@ interface IDashboardActions {
     saveChanges: () => void;
     revertChanges: () => void;
     getCurrentSchema: () => any;
-    filters: IDashboardFilter[];
-    setFilters: (v: IDashboardFilter[]) => void;
 }
-export declare function DashboardActions({ mode, setMode, hasChanges, saveChanges, revertChanges, getCurrentSchema, filters, setFilters, }: IDashboardActions): JSX.Element;
+export declare const DashboardActions: React.FunctionComponent<IDashboardActions>;
 export {};

package/dist/main/full-screen-panel.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { IDashboardPanel } from "../types";
-export declare function FullScreenPanel({ panel, exitFullScreen }: {
+import { IDashboardPanel } from '../types';
+export declare const FullScreenPanel: import("react").FunctionComponent<{
     panel: IDashboardPanel;
     exitFullScreen: () => void;
-}): JSX.Element;
+}>;

package/dist/main/main.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import { IDashboard, IDashboardConfig } from "../types/dashboard";
-import { ContextInfoContextType } from "../contexts";
+import React from 'react';
+import { IDashboard, IDashboardConfig } from '../types/dashboard';
+import { ContextInfoType } from '../model/context';
 interface IDashboardProps {
-    context: ContextInfoContextType;
+    context: ContextInfoType;
     dashboard: IDashboard;
     className?: string;
     update: (dashboard: IDashboard) => Promise<void>;
     config: IDashboardConfig;
 }
-export declare function Dashboard({ context, dashboard, update, className, config, }: IDashboardProps): JSX.Element;
+export declare const Dashboard: React.FunctionComponent<IDashboardProps>;
 export {};

package/dist/main/read-only.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { IDashboard, IDashboardConfig } from "../types/dashboard";
-import { ContextInfoContextType } from "../contexts";
+import { IDashboard, IDashboardConfig } from '../types/dashboard';
+import { ContextInfoType } from '../model/context';
 interface IReadOnlyDashboard {
-    context: ContextInfoContextType;
+    context: ContextInfoType;
     dashboard: IDashboard;
     className?: string;
     config: IDashboardConfig;
 }
-export declare function ReadOnlyDashboard({ context, dashboard, className, config, }: IReadOnlyDashboard): JSX.Element;
+export declare function ReadOnlyDashboard({ context, dashboard, className, config }: IReadOnlyDashboard): JSX.Element;
 export {};

package/dist/main/toggle-mode.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { DashboardMode } from "../types/dashboard";
+import React from 'react';
+import { DashboardMode } from '../types/dashboard';
 interface IModeToggler {
     mode: DashboardMode;
     setMode: React.Dispatch<React.SetStateAction<DashboardMode>>;

package/dist/main/use-panel-full-screen.d.ts

@@ -1,4 +1,4 @@
-import { IDashboardPanel } from "../types";
+import { IDashboardPanel } from '../types';
 export declare function usePanelFullScreen(panels: IDashboardPanel[]): {
     viewPanelInFullScreen: (id: string) => void;
     exitFullScreen: () => void;

package/dist/main/use-sticky-area-style.d.ts

@@ -0,0 +1 @@
+export declare function useStickyAreaStyle(): void;

package/dist/model/context.d.ts

@@ -0,0 +1,11 @@
+export declare const ContextModel: import("mobx-state-tree").IModelType<{
+    current: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
+}, {
+    readonly keys: string[];
+    readonly entries: [string, unknown][];
+} & {
+    replace(record: Record<string, any>): void;
+    get(key: string): any;
+    set(key: string, value: any): void;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+export declare type ContextInfoType = Record<string, any>;