@devtable/dashboard 2.3.0 → 2.4.0

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Sx } from "@mantine/core";
+import { Sx } from '@mantine/core';
 interface IGlobalVariablesGuide {
     showSQLSnippets?: boolean;
     sx?: Sx;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface IQueryEditor {
     id: string;
     setID: React.Dispatch<React.SetStateAction<string>>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IQuery } from "../../types";
+import { IQuery } from '../../types';
 interface IQueryForm {
     value: IQuery;
     onChange: any;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface ISelectOrAddQuery {
     id: string;
     setID: React.Dispatch<React.SetStateAction<string>>;

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/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/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/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/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/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/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/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/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/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/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/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,7 @@
-/// <reference types="react" />
-import { IDashboardFilter } from "../../types";
+import React from 'react';
+import { DashboardModelInstance } from '../../model';
 interface FilterSettings {
-    filters: IDashboardFilter[];
-    setFilters: (v: IDashboardFilter[]) => void;
+    model: DashboardModelInstance;
 }
-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,9 @@
 /// <reference types="react" />
-import { IDashboardFilter } from "../../types";
+import { DashboardModelInstance } from '../../model';
 interface FilterSettingsModal {
     opened: boolean;
     close: () => void;
-    filters: IDashboardFilter[];
-    setFilters: (v: IDashboardFilter[]) => void;
+    model: DashboardModelInstance;
 }
-export declare function FilterSettingsModal({ opened, close, filters, setFilters }: FilterSettingsModal): JSX.Element;
+export declare function FilterSettingsModal({ opened, close, model }: FilterSettingsModal): JSX.Element;
 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/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/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,7 +1,7 @@
 /// <reference types="react" />
-import { IDashboardFilter } from "../types";
+import { FilterModelInstance } from '../model';
 interface IFilters {
-    filters: IDashboardFilter[];
+    filters: FilterModelInstance[];
     filterValues: Record<string, any>;
     setFilterValues: (v: Record<string, any>) => void;
 }

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[]>>;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { IDashboardPanel } from "../types/dashboard";
+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 function ReadOnlyDashboardLayout({ panels, className, rowHeight }: IReadOnlyDashboardLayout): JSX.Element;
 export {};

package/dist/main/actions.d.ts

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

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

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

package/dist/main/main.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { IDashboard, IDashboardConfig } from "../types/dashboard";
-import { ContextInfoContextType } from "../contexts";
+import React from 'react';
+import { IDashboard, IDashboardConfig } from '../types/dashboard';
+import { ContextInfoContextType } from '../contexts';
 interface IDashboardProps {
     context: ContextInfoContextType;
     dashboard: IDashboard;
@@ -8,5 +8,5 @@ interface IDashboardProps {
     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 { ContextInfoContextType } from '../contexts';
 interface IReadOnlyDashboard {
     context: ContextInfoContextType;
     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>>;