@vizzly/dashboard 0.7.4 → 0.8.0-dev-abf3b03fb2a1d5440fb41168d77a801fe11f4f2a

package/dist/shared-logic/src/Headline/headline.utils.d.ts

@@ -0,0 +1,11 @@
+import { DataSet as DataSetType } from '../DataSet/types';
+import { QueryAttributes } from '../QueryAttributes/types';
+import { SupportedAggregates } from '../Aggregate';
+import { Component, FormatType } from '../Component/types';
+export declare function measureIsSuitableFunc(dataSet: DataSetType, item: QueryAttributes.Measure, supportedAggregates: SupportedAggregates, includes?: Component.HeadlineFunction): boolean;
+export declare function defineMeasuresForSingleStat(measure: QueryAttributes.Measure[], supportedAggregates: SupportedAggregates, dataSet: DataSetType, func?: Component.HeadlineFunction): QueryAttributes.Measure[];
+export declare function buildSingleStatProperties(measure: QueryAttributes.Measure[], value?: string | FormatType): {
+    [fieldIdAndAggregate: string]: string;
+};
+export declare function canHaveHeadline(order: QueryAttributes.Order[], timeDimension?: QueryAttributes.TimeDimension | null): boolean;
+export declare function headlineAvailable(order: QueryAttributes.Order[], headline?: Component.Headline, timeDimension?: QueryAttributes.TimeDimension | null): boolean;

package/dist/shared-logic/src/Headline/upcast.d.ts

@@ -0,0 +1,3 @@
+import { Component } from '../Component/types';
+import { QueryAttributes } from '../QueryAttributes/types';
+export declare const upcastHeadline: (headline?: Component.Headline | undefined, timeDimension?: QueryAttributes.TimeDimension | null | undefined) => Component.Headline | undefined;

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

@@ -299,6 +299,7 @@ export declare namespace VizzlyTheming {
         axis?: ChartAxis;
         pie?: Pie;
         barChart?: BarChart;
+        singleStat?: SingleStat;
     };
     interface ViewText extends FontStyle {
         textAlign?: CSSProperties['textAlign'];
@@ -499,5 +500,8 @@ export declare namespace VizzlyTheming {
     type BarChart = {
         cornerRadius?: number;
     };
+    type SingleStat = {
+        delteStyle?: 'pill' | 'text';
+    };
 }
 export declare type ThemeVersion = 1 | 2;

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

@@ -1846,6 +1846,20 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     custom_metric_modal_title: string;
+    /**
+     * @default 'Data'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'dataSets.data': string;
+    /**
+     * @default 'Defined views'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'dataSets.defined_views': string;
     /**
      * @default 'Date filter'
      *

package/dist/shared-ui/src/base/DateTime/DateRangePicker.d.ts

@@ -1,28 +1,14 @@
-import { FunctionComponent } from 'react';
+import { TextOverride } from '../../../../shared-logic/src/Translations/types';
 import { DateRangeFormat } from './Input';
 import { TimeRangeFormat } from './TimePickerCore';
-import { TextOverride } from '../../../../shared-logic/src/Translations/types';
-export declare type DatePickerChangeProps = {
-    startDate: Date | null;
-    endDate: Date | null;
-    startTime?: string | null;
-    endTime?: string | null;
-};
-interface DateRangePickerProps {
+import { VizzlyComponents } from '../../types';
+export declare type DatePickerChangeProps = VizzlyComponents.ComponentOverrides.Props.DateTimeRangeInputChangeProps;
+declare type DatePickerProps = {
     id?: string | number;
-    startDate?: Date;
-    endDate?: Date;
-    startTime?: string | null;
-    endTime?: string | null;
-    prefix?: boolean;
     dynamicWidth?: boolean;
-    onChange: ({ startDate, endDate, startTime, endTime }: DatePickerChangeProps) => void;
-    onClear: () => void;
-    label?: string;
     dateFormat?: DateRangeFormat;
     timeFormat?: TimeRangeFormat;
-    type?: 'date' | 'date_time';
     textOverride?: TextOverride;
-}
-export declare const DatePicker: FunctionComponent<DateRangePickerProps>;
-export {};
+} & VizzlyComponents.ComponentOverrides.Props.DateTimeRangeInput;
+declare const _default: (props: DatePickerProps) => JSX.Element;
+export default _default;

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

@@ -5,4 +5,8 @@ export declare const Dropdown: React.FunctionComponent<DropdownContainerProps> &
     Empty: React.FunctionComponent<{
         label: string;
     }>;
+    Title: React.FunctionComponent<{
+        label: string | number | Function;
+        index: number;
+    }>;
 };

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

@@ -13,6 +13,7 @@ export declare type DropdownContainerProps = {
 export declare type DropdownOptionProps = {
     onChange: (evt?: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     label: string | number | Function;
+    description?: string;
     selected?: boolean;
     testId?: string;
     subtext?: string;

package/dist/shared-ui/src/base/Dropdown/DropdownTitle.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+export declare const DropdownTitle: FunctionComponent<{
+    label: string | number | Function;
+    index: number;
+}>;

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

@@ -1,6 +1,8 @@
 export declare type SelectOption = {
     label: string | number | Function;
     value: any;
+    subText?: string;
     testId?: string;
     icon?: JSX.Element;
+    title?: boolean;
 };

package/dist/shared-ui/src/components/HeadlineStats/HeadlineStats.d.ts

@@ -1,15 +1,6 @@
 import { FunctionComponent } from 'react';
-import { Component, FormatType } from '../../../../shared-logic/src/Component/types';
 import { AreaChartProps } from '../AreaChart/types';
 import { BarChartProps } from '../BarChart/types';
 import { LineChartProps } from '../LineChart/types';
-import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';
-import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';
-import { SupportedAggregates } from '../../../../shared-logic/src/Aggregate';
 export declare type HeadlineStatsProps = LineChartProps | BarChartProps | AreaChartProps;
 export declare const HeadlineStats: FunctionComponent<HeadlineStatsProps>;
-export declare function defineMeasuresForSingleStat(measure: QueryAttributes.Measure[], supportedAggregates: SupportedAggregates, dataSet: DataSetType, func?: Component.HeadlineFunction): QueryAttributes.Measure[];
-export declare function buildSingleStatProperties(measure: QueryAttributes.Measure[], value?: string | FormatType): {
-    [fieldIdAndAggregate: string]: string;
-};
-export declare function headlineAvailable(headline?: Component.Headline): boolean;

package/dist/shared-ui/src/components/SingleStat/DeltaPills.styles.d.ts

@@ -1,5 +1,17 @@
-export declare const pillStyles: (() => null) & {
-    pill: {
+export declare const deltaStyles: (() => null) & {
+    deltaPill: {
+        (variantOptions: Object): string;
+        toString: any;
+    };
+    deltaText: {
+        (variantOptions: Object): string;
+        toString: any;
+    };
+    arrow: {
+        (variantOptions: Object): string;
+        toString: any;
+    };
+    delta: {
         (variantOptions: Object): string;
         toString: any;
     };

package/dist/shared-ui/src/components/useChartRenderHelper.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { ChartRef } from '../../../charts/src/utils/chartRendering';
-export declare function useChartRenderHelper({ title, subject, }: {
+import { Component } from '../../../shared-logic/src/Component/types';
+export declare function useChartRenderHelper({ title, subject, headline, }: {
     title: string;
     subject: string;
+    headline?: Component.Headline;
 }): import("react").RefObject<ChartRef>;

package/dist/shared-ui/src/library/DataPanel/transformDataSets.d.ts

@@ -0,0 +1,4 @@
+import { DataSet } from '../../../../shared-logic/src/DataSet/types';
+import { TextOverride } from '../../../../shared-logic/src/Translations/types';
+import { SelectOption } from '../../base/Select/Select.types';
+export declare function transformDataSets(dataSets: DataSet[], textOverride: TextOverride): SelectOption[];

package/dist/shared-ui/src/styles/global.styles.d.ts

@@ -37,6 +37,10 @@ export declare const css: (() => null) & {
         (variantOptions: Object): string;
         toString: any;
     };
+    py: (value: CSSProperties['paddingTop']) => {
+        (variantOptions: Object): string;
+        toString: any;
+    };
     p: (value: CSSProperties['padding']) => {
         (variantOptions: Object): string;
         toString: any;

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

@@ -72,11 +72,30 @@ export declare namespace VizzlyComponents {
                 rightAligned?: boolean;
                 id?: string;
             };
+            type DateTimeRangeInputChangeProps = {
+                startDate: Date | null;
+                endDate: Date | null;
+                startTime?: string | null;
+                endTime?: string | null;
+            };
+            type DateTimeRangeInput = {
+                onChange: ({ startDate, endDate, startTime, endTime }: DateTimeRangeInputChangeProps) => void;
+                onClear: () => void;
+                type?: 'date' | 'date_time';
+                startDate?: Date;
+                endDate?: Date;
+                startTime?: string | null;
+                endTime?: string | null;
+                prefix?: boolean;
+                label?: string;
+            };
             type SelectOptions = {
                 label: string | number | Function;
                 value: any;
+                subText?: string;
                 testId?: string;
                 icon?: JSX.Element;
+                title?: boolean;
             };
             type Button = PropsWithChildren<{
                 primary?: boolean;
@@ -134,6 +153,7 @@ export declare namespace VizzlyComponents {
         type renderButtonComponent = (props: Props.Button) => JSX.Element;
         type renderDateTimeInput = (props: Props.DateTimeInput) => JSX.Element;
         type renderSelectComponent = (props: Props.Select) => JSX.Element;
+        type renderDateTimeRangeInput = (props: Props.DateTimeRangeInput) => JSX.Element;
         type renderComponentOptions = (props: Props.ComponentOptions) => JSX.Element | null;
         type renderLoading = (props: {}) => JSX.Element | null;
         type renderUndoIcon = (props: {}) => JSX.Element;
@@ -213,6 +233,7 @@ export declare namespace VizzlyComponents {
         renderSelectComponent: ComponentOverrides.renderSelectComponent | null;
         renderButtonComponent: ComponentOverrides.renderButtonComponent | null;
         renderDateTimeInput: ComponentOverrides.renderDateTimeInput | null;
+        renderDateTimeRangeInput: ComponentOverrides.renderDateTimeRangeInput | null;
         /**
          * @deprecated This property is being deprecated. You can now use the Theme API, for information see {@link https://docs.vizzly.co/dashboard/properties/theme}.
          */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vizzly/dashboard",
   "author": "james@vizzly.co",
-  "version": "0.7.4",
+  "version": "0.8.0-dev-abf3b03fb2a1d5440fb41168d77a801fe11f4f2a",
   "source": "src/index.tsx",
   "types": "./dist/dashboard/src/index.d.ts",
   "main": "dist/index.js",