@vizzly/dashboard 0.14.1 → 0.14.2-dev-b5d1d3db2e08da70c1901b7ed65768aee6c329fb

package/dist/shared-logic/src/Translations/translation.types.d.ts

@@ -420,6 +420,13 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     close: string;
+    /**
+     * @default 'Click Settings'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    click_settings: string;
     /**
      * @default 'No value'
      *
@@ -964,13 +971,6 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     add_to_library: string;
-    /**
-     * @default 'Click Settings'
-     *
-     * @returns
-     * String containing the translation.
-     */
-    click_settings: string;
     /**
      * @default 'JSON Results'
      *
@@ -1146,20 +1146,6 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     advanced_filters: string;
-    /**
-     * @default 'Add filter'
-     *
-     * @returns
-     * String containing the translation.
-     */
-    add_filter: string;
-    /**
-     * @default 'Add `OR`'
-     *
-     * @returns
-     * String containing the translation.
-     */
-    add_or_filter: string;
     /**
      * @default 'Cancel'
      *
@@ -1431,6 +1417,13 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     fields_being_used_description: string;
+    /**
+     * @default 'A variable is not available.'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'custom_metric.variable_not_available': string;
     /**
      * @default 'Cannot find data set.'
      *
@@ -1439,7 +1432,7 @@ export declare type VizzlyTranslations = {
      */
     cannot_find_data_set: string;
     /**
-     * @default 'This will permanently remove the custom field "[[nameOfCustomMetric]]" from all views on the dashboard, not just this view. Are you sure you want to continue?'
+     * @default "This will permanently remove the custom field '[[nameOfCustomMetric]]' from all views on the dashboard, not just this view. Are you sure you want to continue?"
      *
      * @params
      * Fixed Variables: [[nameOfCustomMetric]]
@@ -1491,12 +1484,12 @@ export declare type VizzlyTranslations = {
      */
     add_drilldown_field: string;
     /**
-     * @default 'or'
+     * @default 'OR'
      *
      * @returns
      * String containing the translation.
      */
-    filter_or: string;
+    'filters.or': string;
     /**
      * @default 'Value'
      *
@@ -1504,6 +1497,41 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     value: string;
+    /**
+     * @default '+ OR Filter'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'filters.plus_or_filter': string;
+    /**
+     * @default 'Filter is successfully defined'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'filters.filter_is_successfully_defined': string;
+    /**
+     * @default 'Filter is not defined'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'filters.filter_is_not_defined': string;
+    /**
+     * @default 'No filter to remove'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'filters.no_filter_to_remove': string;
+    /**
+     * @default 'Click to Remove filter'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'filters.click_to_remove_filter': string;
     /**
      * @default 'Remove filter: [[filterNumber]]'
      *
@@ -1559,6 +1587,13 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     filter_list_subtext: TranslationInterpolation;
+    /**
+     * @default 'Add filter'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    add_filter: string;
     /**
      * @default 'Add metric'
      *
@@ -1650,6 +1685,34 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     add_time_dimension: string;
+    /**
+     * @default 'Trend'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'trend-lines.trens.title': string;
+    /**
+     * @default 'Analyzes trends within the given date range.'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'trend-lines.trend.subtext': string;
+    /**
+     * @default 'Forecast'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'trend-lines.forecast.title': string;
+    /**
+     * @default 'Forecast uses historical data to predict future trends.'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'trend-lines.forecast.subtext': string;
     /**
      * @default 'Add trend line'
      *
@@ -1657,6 +1720,23 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     add_trend: string;
+    /**
+     * @default 'Add Trend Lines'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    add_trend_lines: string;
+    /**
+     * @default '[[timeDimension]] Forecast Limit'
+     *
+     * @params
+     * Fixed Variables: [[timeDimension]]
+     *
+     * @returns
+     * String containing the translation.
+     */
+    forecast_limit: string;
     /**
      * @default 'Line'
      *
@@ -1755,6 +1835,13 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     'editor_modal.confirm': string;
+    /**
+     * @default 'There is too much data for this view.'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'results-too-large': string;
     /**
      * @default 'There are no Views in your template library'
      *
@@ -1882,47 +1969,54 @@ export declare type VizzlyTranslations = {
      */
     hide_labels: string;
     /**
-     * @default 'Grouped'
+     * @default 'Natural'
      *
      * @returns
      * String containing the translation.
      */
-    grouped: string;
+    natural: string;
     /**
-     * @default 'Stacked'
+     * @default 'Straight'
      *
      * @returns
      * String containing the translation.
      */
-    stacked: string;
+    straight: string;
     /**
-     * @default 'Stacked (100%)'
+     * @default 'Step'
      *
      * @returns
      * String containing the translation.
      */
-    stacked_100prc: string;
+    step: string;
     /**
-     * @default 'Natural'
+     * @default 'Dotted'
      *
      * @returns
      * String containing the translation.
      */
-    natural: string;
+    dotted: string;
     /**
-     * @default 'Straight'
+     * @default 'Grouped'
      *
      * @returns
      * String containing the translation.
      */
-    straight: string;
+    grouped: string;
     /**
-     * @default 'Step'
+     * @default 'Stacked'
      *
      * @returns
      * String containing the translation.
      */
-    step: string;
+    stacked: string;
+    /**
+     * @default 'Stacked (100%)'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    stacked_100prc: string;
     /**
      * @default 'Add Conditional Formatting'
      *
@@ -2020,6 +2114,13 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     goal_line_configuration: string;
+    /**
+     * @default 'This variable is not available.'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'goal_line.variable_not_available': string;
     /**
      * @default 'None'
      *
@@ -2415,13 +2516,6 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     'filter.past_18_months': string;
-    /**
-     * @default NULL_REPLACEMENT
-     *
-     * @returns
-     * String containing the translation.
-     */
-    'textOverrideKey ? textOverrideKey : no_value': string;
     /**
      * @default 'Minutes'
      *
@@ -4137,20 +4231,6 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     'line_chart.data_panel.custom_metrics.description': string;
-    /**
-     * @default "Trend lines"
-     *
-     * @returns
-     * String containing the translation.
-     */
-    'line_chart.data_panel.trends.title': string;
-    /**
-     * @default "Specify a trend type for the line chart."
-     *
-     * @returns
-     * String containing the translation.
-     */
-    'line_chart.data_panel.trends.description': string;
     /**
      * @default "Limit"
      *
@@ -4194,7 +4274,7 @@ export declare type VizzlyTranslations = {
      */
     'line_chart.format_panel.chart_styles.title': string;
     /**
-     * @default "Line Curve"
+     * @default "Line Style"
      *
      * @returns
      * String containing the translation.
@@ -4312,6 +4392,20 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     'line_chart.format_panel.headline.title': string;
+    /**
+     * @default "Trend lines"
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'line_chart.format_panel.trends.title': string;
+    /**
+     * @default "Specify a trend type for the line chart."
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'line_chart.format_panel.trends.description': string;
     /**
      * @default "Goal Lines"
      *
@@ -5243,6 +5337,13 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     'single_stat.format_panel.format.font_size.title': string;
+    /**
+     * @default "Direction"
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'single_stat.format_panel.format.direction.title': string;
     /**
      * @default "Greater than"
      *

package/dist/shared-logic/src/Webhook/types.d.ts

@@ -6,6 +6,7 @@ export declare type Webhook = {
     active: boolean;
     createdAt: Date;
     updatedAt: Date;
+    project_id: string;
 };
 export declare type RawWebhook = {
     id: string;
@@ -15,6 +16,7 @@ export declare type RawWebhook = {
     active: boolean;
     created_at: string;
     updated_at: string;
+    project_id: string;
 };
 export declare type WebhookHealthSummary = {
     [webhookId: string]: {

package/dist/shared-logic/src/api/queryEngine/createResults.d.ts

@@ -1,3 +1,10 @@
 import { PreparedQuery, Query } from '../../Query/types';
 import { QueryEngineEndpoint } from '../../QueryEngineConfig/types';
-export declare const createResults: (queries: (Query | PreparedQuery)[], queryEngineEndpoint: QueryEngineEndpoint, dataAccessToken?: string | undefined, abortSignal?: AbortSignal | undefined) => Promise<any[][][] | null>;
+declare type CreateResultsResponse = {
+    results: {
+        content: any[][];
+        hasMoreResults: boolean | null;
+    }[];
+};
+export declare const createResults: (queries: (Query | PreparedQuery)[], queryEngineEndpoint: QueryEngineEndpoint, dataAccessToken?: string | undefined, abortSignal?: AbortSignal | undefined) => Promise<CreateResultsResponse | null>;
+export {};

package/dist/shared-logic/src/api/queryEngine/getRunQueriesCallback.d.ts

@@ -1,12 +1,12 @@
-import { AdditionalFilter, FilterConfig, TimeRangeOptions } from '../../../../shared-logic/src/AdditionalFilter/types';
-import { loadDataCallback } from '../../../../shared-logic/src/Callbacks/types';
-import { QueryEngineConfig as QueryEngineConfigType } from '../../../../shared-logic/src/QueryEngineConfig/types';
-import { Component } from '../../../../shared-logic/src/Component/types';
-import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';
-import { PreparedQuery } from '../../../../shared-logic/src/Query/types';
-import { Result } from '../../../../shared-logic/src/Result/types';
-import { DataSet } from '../../../../shared-logic/src/DataSet/types';
-import { IdentityConfig as IdentityConfigType } from '../../../../shared-logic/src/IdentityConfig/types';
+import { AdditionalFilter, FilterConfig, TimeRangeOptions } from '../../AdditionalFilter/types';
+import { loadDataCallback } from '../../Callbacks/types';
+import { QueryEngineConfig as QueryEngineConfigType } from '../../QueryEngineConfig/types';
+import { Component } from '../../Component/types';
+import { QueryAttributes } from '../../QueryAttributes/types';
+import { PreparedQuery } from '../../Query/types';
+import { Result } from '../../Result/types';
+import { DataSet } from '../../DataSet/types';
+import { IdentityConfig as IdentityConfigType } from '../../IdentityConfig/types';
 import { VariableList } from '../../Variables/types';
 declare type CallbackError = null;
 export declare type runQueriesCallback = (queries: Component.Attributes | AdditionalFilter | QueryAttributes[] | [PreparedQuery], params: {
@@ -16,11 +16,11 @@ export declare type runQueriesCallback = (queries: Component.Attributes | Additi
     filterConfig?: FilterConfig;
 }) => Promise<(Result | null)[] | Array<Result['content'] | null> | CallbackError>;
 declare const getRunQueriesCallback: (identityConfig: IdentityConfigType, queryEngineConfig: QueryEngineConfigType, timeRangeOptions: TimeRangeOptions, variables: VariableList, runQueries?: ((queries: import("../../../../shared-logic/src/Query/types").Query<string, string, string>[], params: {
-    dataSets: DataSet<DataSet.Field>[];
+    dataSets: import("../../../../shared-logic/src/DataSet/types").DataSet<import("../../../../shared-logic/src/DataSet/types").DataSet.Field>[];
     abortSignal?: AbortSignal | undefined;
     dataAccessToken?: string | undefined;
-    filterConfig?: FilterConfig | undefined;
-}) => Promise<(Result | any[][] | null)[] | null>) | undefined, data?: loadDataCallback | undefined, queryEngineEndpoint?: string | {
+    filterConfig?: import("../../../../shared-logic/src/AdditionalFilter/types").FilterConfig | undefined;
+}) => Promise<(import("../../../../shared-logic/src/Result/types").Result | any[][] | null)[] | null>) | undefined, data?: loadDataCallback | undefined, queryEngineEndpoint?: string | {
     endpoint: string;
     dynamicConfig?: Object | undefined;
     customHeaders?: (() => {

package/dist/shared-logic/src/api/queryEngine/uploadDataToVizzlyCloud.d.ts

@@ -1,3 +1,3 @@
-import { Ingest } from '../../../../shared-logic/src/DataIngest/types';
+import { Ingest } from '../../DataIngest/types';
 import { QueryEngineEndpoint } from '../../QueryEngineConfig/types';
 export declare const uploadDataToVizzlyCloud: (queryEngineEndpoint: QueryEngineEndpoint, queryEngineAccessToken: string, ingest: Ingest) => Promise<number>;

package/dist/shared-logic/src/utils/feedback.d.ts

@@ -1,4 +1,4 @@
 import { Component } from '../../src/Component/types';
-export declare const getFeedbackDescription: (attributes: Component.Attributes) => "The Column Chart needs to have a grouping or a time to display correctly." | "The Line Chart needs to have a grouping or a time to display correctly." | "The Area Chart needs to have a grouping or a time to display correctly." | "The Horizontal Bar Chart needs to have a grouping or a time to display correctly." | "The Combo Chart needs to have a grouping (Bar and Line), or have time set to display correctly." | "The Scatter Chart needs to have a grouping to display correctly." | "The Pie Chart needs to have a grouping to display correctly." | null;
+export declare const getGroupingFeedbackMessage: (attributes: Component.Attributes) => string | null;
 export declare const chartHasDimensions: (attributes: Component.Attributes) => boolean;
-export declare const createFeedback: (attribute: Component.Attributes) => true | "The Column Chart needs to have a grouping or a time to display correctly." | "The Line Chart needs to have a grouping or a time to display correctly." | "The Area Chart needs to have a grouping or a time to display correctly." | "The Horizontal Bar Chart needs to have a grouping or a time to display correctly." | "The Combo Chart needs to have a grouping (Bar and Line), or have time set to display correctly." | "The Scatter Chart needs to have a grouping to display correctly." | "The Pie Chart needs to have a grouping to display correctly." | null;
+export declare const createFeedback: (attribute: Component.Attributes) => string | true | null;

package/dist/shared-ui/src/base/DataTypeIcon.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
 import { DataType } from '../../../shared-logic/src/Field/types';
 export declare const DataTypeIcon: FunctionComponent<{
-    icon: DataType;
+    icon: DataType | 'variable';
 }>;

package/dist/shared-ui/src/base/ListView/Item.d.ts

@@ -1,43 +1,3 @@
-import { ReactNode } from 'react';
-import { Mode } from '../../contexts/DashboardBehaviour/types';
-import { IconType } from './OptionIcon';
-export declare type ListSelectOptions<T> = {
-    label: string;
-    value: T;
-};
-export declare type ListSelect<T> = {
-    showClearBtn?: boolean;
-    onChange: (value: T, itemIndex: number) => void;
-    selected: T;
-    options: ListSelectOptions<T>[];
-};
-export declare type ListViewItem<T> = {
-    title: string | ReactNode;
-    subtext?: JSX.Element | string;
-    highlight?: boolean;
-    onClick?: (index: number) => void;
-    editIcon?: boolean;
-    icon?: IconType;
-    select?: ListSelect<T>;
-    renderRight?: () => JSX.Element;
-    preventDelete?: boolean;
-    context?: any;
-};
-declare type Props<T> = {
-    testId?: string;
-    index: number;
-    totalItemsCount: number;
-    item: ListViewItem<T>;
-    onOrderChange?: (index: number, movedTo: number) => void;
-    onDeleteItem?: (itemIndex: number, context: any) => void;
-    onToggleHidden?: (args: {
-        itemIndex: number;
-    }) => void;
-    isHidden?: (args: {
-        itemIndex: number;
-    }) => boolean;
-    mode: Mode;
-    showHiddenToggle?: boolean;
-};
-export declare const ListViewItem: (props: Props<any>) => JSX.Element;
-export {};
+/// <reference types="react" />
+import { ListItemProps } from './types';
+export declare const ListViewItem: (props: ListItemProps<any>) => JSX.Element;

package/dist/shared-ui/src/base/ListView/ListItemDnD.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ListItemProps } from './types';
+export declare const ListItemDnD: React.NamedExoticComponent<ListItemProps<{}>>;

package/dist/shared-ui/src/base/ListView/ListItemPrimative.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ListItemProps } from './types';
+export declare const ListViewItemPrimative: React.ForwardRefExoticComponent<ListItemProps<{}> & {
+    state?: {
+        type: "idle";
+    } | {
+        type: "preview";
+        container: HTMLElement;
+        rect: DOMRect;
+    } | {
+        type: "dragging";
+    } | undefined;
+    closestEdge?: "bottom" | "left" | "right" | "top" | null | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/shared-ui/src/base/ListView/ListView.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
-import { ListViewItem } from './Item';
 import { Mode } from '../../contexts/DashboardBehaviour/types';
 import { DataType } from '../../../../shared-logic/src/Field/types';
+import { ListViewItem as ListViewItemType } from './types';
 export declare type InitValue<T> = {
     title: string;
     subtext?: string;
@@ -22,7 +22,7 @@ declare type NewItemProps<T> = {
 };
 export declare function NewItem<T>(props: NewItemProps<T>): JSX.Element | null;
 declare type ListViewProps<T> = {
-    items: ListViewItem<T>[];
+    items: ListViewItemType<T>[];
     onOrderChange?: (index: number, movedTo: number) => void;
     onDeleteItem?: (itemIndex: number, context: any) => void;
     onToggleHidden?: (args: {
@@ -43,6 +43,7 @@ declare type ListViewProps<T> = {
     children?: ReactNode;
     paddingRight?: CSSProperties['paddingRight'];
     showHiddenToggle?: boolean;
+    purpose?: string;
 };
 export declare function ListView<T>(props: ListViewProps<T>): JSX.Element;
 export {};

package/dist/shared-ui/src/base/ListView/OptionIcon.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, FunctionComponent } from 'react';
 import { DataType } from '../../../../shared-logic/src/Field/types';
-export declare type IconType = DataType | JSX.Element;
+export declare type IconType = DataType | JSX.Element | 'variable';
 export declare const OptionIcon: FunctionComponent<{
     icon: IconType;
     paddingTop?: CSSProperties['paddingTop'];

package/dist/shared-ui/src/base/ListView/types.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+import { IconType } from './OptionIcon';
+import { Mode } from '../../contexts/DashboardBehaviour/types';
+export declare type ListSelectOptions<T> = {
+    label: string;
+    value: T;
+};
+export declare type ListSelect<T> = {
+    showClearBtn?: boolean;
+    onChange: (value: T, itemIndex: number) => void;
+    selected: T;
+    options: ListSelectOptions<T>[];
+};
+export declare type ListViewItem<T> = {
+    title: string | ReactNode;
+    id: string;
+    subtext?: JSX.Element | string;
+    highlight?: boolean;
+    onClick?: (index: number) => void;
+    editIcon?: boolean;
+    icon?: IconType;
+    select?: ListSelect<T>;
+    renderRight?: () => JSX.Element;
+    preventDelete?: boolean;
+    context?: any;
+};
+export declare type ListItemProps<T> = {
+    testId?: string;
+    index: number;
+    totalItemsCount: number;
+    item: ListViewItem<T>;
+    onOrderChange?: (index: number, movedTo: number) => void;
+    onDeleteItem?: (itemIndex: number, context: any) => void;
+    onToggleHidden?: (args: {
+        itemIndex: number;
+    }) => void;
+    isHidden?: (args: {
+        itemIndex: number;
+    }) => boolean;
+    mode: Mode;
+    showHiddenToggle?: boolean;
+    purpose?: string;
+};
+export declare type ListItemState = {
+    type: 'idle';
+} | {
+    type: 'preview';
+    container: HTMLElement;
+    rect: DOMRect;
+} | {
+    type: 'dragging';
+};

package/dist/shared-ui/src/base/Modal/Modal.styles.d.ts

@@ -1,4 +1,5 @@
 import { VizzlyTheming } from '../../types';
+import { CSSProperties } from 'react';
 export declare const modalCoreStyle: (themedStyles?: VizzlyTheming.ModalBase | undefined) => {
     (variantOptions: Object): string;
     toString: any;
@@ -7,7 +8,7 @@ export declare const modalScrollbar: {
     (variantOptions: Object): string;
     toString: any;
 };
-export declare const modalContentStyle: (themedStyles?: VizzlyTheming.ModalContent | undefined) => {
+export declare const modalContentStyle: (themedStyles?: VizzlyTheming.ModalContent | undefined, overrides?: CSSProperties | undefined) => {
     (variantOptions: Object): string;
     toString: any;
 };

package/dist/shared-ui/src/base/Table/ArrowButton.d.ts

@@ -5,6 +5,7 @@ export declare type ArrowButtonProps = {
     expanded: boolean;
     disabled?: boolean;
     label: string;
+    strokeColor?: string;
 };
 export declare const ArrowButton: FunctionComponent<ArrowButtonProps & {
     styled?: VizzlyTheming.Select;

package/dist/shared-ui/src/base/classNames.d.ts

@@ -48,6 +48,7 @@ declare type CustomThemeClassNamespaceDescriptionMap = {
     accordion: string;
     'custom-view': string;
     'table-th-button': string;
+    'picker-content': string;
 };
 export declare const namespaceDescriptions: CustomThemeClassNamespaceDescriptionMap;
 export declare type CustomThemeClassNamespaces = keyof CustomThemeClassNamespaceDescriptionMap;

package/dist/shared-ui/src/base/layout/View.d.ts

@@ -8,5 +8,6 @@ export interface ViewProps extends ViewStyleProps {
     as?: keyof JSX.IntrinsicElements;
     role?: React.AriaRole;
     'data-testid'?: string;
+    id?: string;
 }
 export declare const View: FunctionComponent<ViewProps>;