@vizzly/dashboard 0.8.1 → 0.8.2-dev-4ac76b0195bc8bd9f3866e4cdcdac08e26caeff3

package/dist/shared-ui/src/headlessui/components/tabs/tabs.d.ts

@@ -27,7 +27,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
         children?: React.ReactNode;
     }>>(props: Pick<import("../../types").PropsOf<TTag_1>, Exclude<keyof import("../../types").PropsOf<TTag_1>, "children" | "className" | "as" | "refName">> & {
         as?: TTag_1 | undefined;
-        children?: string | number | boolean | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactFragment | React.ReactPortal | ((bag: TabsRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
+        children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: TabsRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
     } & (true extends (import("../../types").PropsOf<TTag_1> extends never ? never : "className" extends keyof import("../../types").PropsOf<TTag_1> ? true : never) ? {
         className?: import("../../types").PropsOf<TTag_1>["className"] | ((bag: TabsRenderPropArg) => string) | undefined;
@@ -48,7 +48,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
     };
     Panel: (<TTag_4 extends React.ElementType<any> = "div">(props: (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "id" | "children" | "className" | "as" | "refName">> & {
         as?: TTag_4 | undefined;
-        children?: string | number | boolean | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactFragment | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
+        children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
     } & (true extends (import("../../types").PropsOf<TTag_4> extends never ? never : "className" extends keyof import("../../types").PropsOf<TTag_4> ? true : never) ? {
         className?: import("../../types").PropsOf<TTag_4>["className"] | ((bag: PanelRenderPropArg) => string) | undefined;
@@ -58,7 +58,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
         unmount?: boolean | undefined;
     }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "id" | "children" | "className" | "as" | "refName">> & {
         as?: TTag_4 | undefined;
-        children?: string | number | boolean | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactFragment | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
+        children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
     } & (true extends (import("../../types").PropsOf<TTag_4> extends never ? never : "className" extends keyof import("../../types").PropsOf<TTag_4> ? true : never) ? {
         className?: import("../../types").PropsOf<TTag_4>["className"] | ((bag: PanelRenderPropArg) => string) | undefined;
@@ -68,7 +68,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
         static?: boolean | undefined;
     }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "role" | "as" | "refName">> & {
         as?: TTag_4 | undefined;
-        children?: string | number | boolean | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactFragment | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
+        children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
     } & (true extends (import("../../types").PropsOf<TTag_4> extends never ? never : "className" extends keyof import("../../types").PropsOf<TTag_4> ? true : never) ? {
         className?: import("../../types").PropsOf<TTag_4>["className"] | ((bag: PanelRenderPropArg) => string) | undefined;
@@ -78,7 +78,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
         unmount?: boolean | undefined;
     }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "role" | "as" | "refName">> & {
         as?: TTag_4 | undefined;
-        children?: string | number | boolean | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactFragment | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
+        children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
     } & (true extends (import("../../types").PropsOf<TTag_4> extends never ? never : "className" extends keyof import("../../types").PropsOf<TTag_4> ? true : never) ? {
         className?: import("../../types").PropsOf<TTag_4>["className"] | ((bag: PanelRenderPropArg) => string) | undefined;
@@ -88,7 +88,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
         static?: boolean | undefined;
     }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
         as?: TTag_4 | undefined;
-        children?: string | number | boolean | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactFragment | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
+        children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
     } & (true extends (import("../../types").PropsOf<TTag_4> extends never ? never : "className" extends keyof import("../../types").PropsOf<TTag_4> ? true : never) ? {
         className?: import("../../types").PropsOf<TTag_4>["className"] | ((bag: PanelRenderPropArg) => string) | undefined;
@@ -98,7 +98,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
         unmount?: boolean | undefined;
     }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
         as?: TTag_4 | undefined;
-        children?: string | number | boolean | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactFragment | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
+        children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
     } & (true extends (import("../../types").PropsOf<TTag_4> extends never ? never : "className" extends keyof import("../../types").PropsOf<TTag_4> ? true : never) ? {
         className?: import("../../types").PropsOf<TTag_4>["className"] | ((bag: PanelRenderPropArg) => string) | undefined;
@@ -108,7 +108,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
         static?: boolean | undefined;
     }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "as" | "refName" | "tabIndex">> & {
         as?: TTag_4 | undefined;
-        children?: string | number | boolean | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactFragment | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
+        children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
     } & (true extends (import("../../types").PropsOf<TTag_4> extends never ? never : "className" extends keyof import("../../types").PropsOf<TTag_4> ? true : never) ? {
         className?: import("../../types").PropsOf<TTag_4>["className"] | ((bag: PanelRenderPropArg) => string) | undefined;
@@ -118,7 +118,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
         unmount?: boolean | undefined;
     }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "as" | "refName" | "tabIndex">> & {
         as?: TTag_4 | undefined;
-        children?: string | number | boolean | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactFragment | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
+        children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
     } & (true extends (import("../../types").PropsOf<TTag_4> extends never ? never : "className" extends keyof import("../../types").PropsOf<TTag_4> ? true : never) ? {
         className?: import("../../types").PropsOf<TTag_4>["className"] | ((bag: PanelRenderPropArg) => string) | undefined;

package/dist/shared-ui/src/headlessui/hooks/use-id.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare let useId: typeof React.useId;
+export declare let useId: any;

package/dist/shared-ui/src/headlessui/internal/focus-sentinel.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface FocusSentinelProps {
     onFocus(): boolean;
 }

package/dist/shared-ui/src/headlessui/internal/hidden.d.ts

@@ -7,7 +7,7 @@ export declare enum Features {
 }
 export declare let Hidden: (<TTag extends ElementType<any> = "div">(props: Pick<import("../types").PropsOf<TTag>, Exclude<keyof import("../types").PropsOf<TTag>, "children" | "className" | "as" | "refName">> & {
     as?: TTag | undefined;
-    children?: string | number | boolean | import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | import("react").ReactFragment | import("react").ReactPortal | ((bag: {}) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>) | null | undefined;
+    children?: string | number | boolean | {} | import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | Iterable<import("react").ReactNode> | import("react").ReactPortal | ((bag: {}) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
 } & (true extends (import("../types").PropsOf<TTag> extends never ? never : "className" extends keyof import("../types").PropsOf<TTag> ? true : never) ? {
     className?: import("../types").PropsOf<TTag>["className"] | ((bag: {}) => string) | undefined;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export * from './types';
 export * from './types';
 import './twin.d.ts';

package/dist/shared-ui/src/library/Accordion.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { Props } from '../base/Accordion';
 export declare const Accordion: (props: Omit<Props, 'Icon'>) => JSX.Element;

package/dist/shared-ui/src/library/Button/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents, VizzlyTheming } from '../../types';
 export declare type Props = VizzlyComponents.ComponentOverrides.Props.Button & {
     autoFeedback?: boolean;

package/dist/shared-ui/src/library/ComboBox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectOption } from '../base/Select/Select.types';
 import { AsyncSelectOptions } from '../base/Select/types';
 import { TextOverride } from '../../../shared-logic/src/Translations/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import { SupportedTimeTruncFunctions } from '../../../../shared-logic/src/TimeDimension/types';
 import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSet as DataSetType } from '../../../../../shared-logic/src/DataSet/types';
 import { QueryAttributes } from '../../../../../shared-logic/src/QueryAttributes/types';
 import { QueryEngineConfig } from '../../../../../shared-logic/src/QueryEngineConfig/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSet } from '../../../../../shared-logic/src/DataSet/types';
 import { CustomField, PercentageField, SimplePercentageField } from '../../../../../shared-logic/src/CustomField/types';
 import { QueryEngineConfig } from '../../../../../shared-logic/src/QueryEngineConfig/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSet } from '../../../../shared-logic/src/DataSet/types';
 import { CustomField } from '../../../../shared-logic/src/CustomField/types';
 import 'twin.macro';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import { FieldFilterOptions } from '../../../../shared-logic/src/DataSet/types';
 import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InitValue } from '../../base/ListView/ListView';
 import { DataSet as DataSetType, FieldFilterOptions } from '../../../../shared-logic/src/DataSet/types';
 import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';
 declare type ManagedProps = {

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

@@ -3,7 +3,7 @@ import * as Measure from '../../../../../shared-logic/src/Measure';
 import { QueryAttributes as QueryAttributesType } from '../../../../../shared-logic/src/QueryAttributes/types';
 import { FilterFieldType } from './types';
 import { TextOverride } from '../../../../../shared-logic/src/Translations/types';
+import { SupportedAggregates } from '../../../../../shared-logic/src/Aggregate';
 export declare const dimensionToFields: (dataSet: DataSetType, dimension: QueryAttributesType.Dimension[]) => FilterFieldType[];
-export declare const measuresToFields: (dataSet: DataSetType, measures: QueryAttributesType.Measure[], enableChangeToNumber: boolean, textOverride: TextOverride) => FilterFieldType[];
-export declare const attributesToFields: (dataSet: DataSetType, dimension: QueryAttributesType.Dimension[], measures: QueryAttributesType.Measure[], enableChangeToNumber: boolean, textOverride: TextOverride) => FilterFieldType[];
-export declare function adjustFieldForCountAndUnique(dataSetField: DataSetType.Field, fieldFunction: string, enableChangeToNumber?: boolean): DataSetType.Field;
+export declare const measuresToFields: (dataSet: DataSetType, measures: QueryAttributesType.Measure[], enableChangeToNumber: boolean, textOverride: TextOverride, supportedAggregates: SupportedAggregates) => FilterFieldType[];
+export declare const attributesToFields: (dataSet: DataSetType, dimension: QueryAttributesType.Dimension[], measures: QueryAttributesType.Measure[], enableChangeToNumber: boolean, textOverride: TextOverride, supportedAggregates: SupportedAggregates) => FilterFieldType[];

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { QueryAttributes } from '../../../../../shared-logic/src/QueryAttributes/types';
 import { DataSet as DataSetType } from '../../../../../shared-logic/src/DataSet/types';
 import { FilterFieldType, WipFilter } from './types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSet } from '../../../../../shared-logic/src/DataSet/types';
 import { FilterFieldType, WipFilter } from './types';
 import { SupportedQueryOperators } from '../QueryOpInput';

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

@@ -0,0 +1,3 @@
+import { SupportedAggregates } from '../../../../../shared-logic/src/Aggregate';
+import { DataSet as DataSetType } from '../../../../../shared-logic/src/DataSet/types';
+export declare function adjustFieldForNonNumeric(dataSetField: DataSetType.Field, fieldFunction: string, supportedAggregates: SupportedAggregates, enableChangeToNumber?: boolean): DataSetType.Field;

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

@@ -1,5 +1,6 @@
 import { DataSet as DataSetType } from '../../../../../shared-logic/src/DataSet/types';
 import { QueryAttributes } from '../../../../../shared-logic/src/QueryAttributes/types';
 import { WipFilter } from './types';
-declare function queryFilterToWipFilter(filter: QueryAttributes.Filter[][], dataSet: DataSetType, enableChangeToNumber?: boolean): WipFilter[][];
+import { SupportedAggregates } from '../../../../../shared-logic/src/Aggregate';
+declare function queryFilterToWipFilter(filter: QueryAttributes.Filter[][], dataSet: DataSetType, supportedAggregates: SupportedAggregates, enableChangeToNumber?: boolean): WipFilter[][];
 export default queryFilterToWipFilter;

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

@@ -1,12 +1,13 @@
 import { DataSet } from '../../../../../shared-logic/src/DataSet/types';
 import { QueryAttributes } from '../../../../../shared-logic/src/QueryAttributes/types';
 import { WipFilter } from './types';
+import { SupportedAggregates } from '../../../../../shared-logic/src/Aggregate';
 declare type FilterFormOptions = {
     startWithEmptyField?: boolean;
     maxFilters?: number;
     enableChangeToNumber: boolean;
 };
-declare const useFilterInputForm: (currentFilter: QueryAttributes.Filter[][], dataSet: DataSet, options?: FilterFormOptions) => {
+declare const useFilterInputForm: (currentFilter: QueryAttributes.Filter[][], dataSet: DataSet, supportedAggregates: SupportedAggregates, options?: FilterFormOptions) => {
     addOrFilter: () => void;
     deleteWipFilter: (orFilterIndex: number, andFilterIndex: number) => void;
     updateWipFilter: (wipFilter: WipFilter, orFilterIndex: number, andFilterIndex: number) => void;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import 'twin.macro';
 import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import { DataSet as DataSetType, FieldFilterOptions } from '../../../../shared-logic/src/DataSet/types';
 import { DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSet } from '../../../../shared-logic/src/DataSet/types';
 import { QueryAttributes as QueryAttributesType } from '../../../../shared-logic/src/QueryAttributes/types';
 import { WipFilter } from './FilterInput/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';
 declare type ManagedProps = {};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import { QueryAttributes as QueryAttributesType } from '../../../../shared-logic/src/QueryAttributes/types';
 declare type ManagedProps = {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';
 import { SupportedTimeTruncFunctions } from '../../../../shared-logic/src/TimeDimension/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
 declare type Props = VizzlyComponents.ComponentOverrides.Props.SectionProps;
 export declare const AdvancedFilterSection: (props: Props) => JSX.Element | null;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
 declare type Props = VizzlyComponents.ComponentOverrides.Props.SectionProps;
 export declare const ComboChartCompareSection: (props: Props) => JSX.Element | null;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
 declare type Props = VizzlyComponents.ComponentOverrides.Props.SectionProps;
 export declare const ComboChartMetricInputSection: (props: Props) => JSX.Element | null;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
 declare type Props = VizzlyComponents.ComponentOverrides.Props.SectionProps;
 export declare const CustomMetricsSection: (props: Props) => JSX.Element | null;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
 declare type Props = VizzlyComponents.ComponentOverrides.Props.SectionProps;
 export declare const DataSetSection: (props: Props) => JSX.Element | null;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
 declare type Props = VizzlyComponents.ComponentOverrides.Props.SectionProps;
 export declare const DrilldownSection: (props: Props) => JSX.Element | null;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
 import { FieldCollectorSection as FieldCollectorSectionType } from '../../../../../shared-logic/src/DataPanelConfig/types';
 declare type Props = VizzlyComponents.ComponentOverrides.Props.SectionProps<FieldCollectorSectionType>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
 declare type Props = VizzlyComponents.ComponentOverrides.Props.SectionProps;
 export declare const FieldsInputSection: (props: Props) => JSX.Element | null;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
 import { LabelledMetricSection as LabelledMetricSectionType } from '../../../../../shared-logic/src/DataPanelConfig/types';
 declare type Props = VizzlyComponents.ComponentOverrides.Props.SectionProps<LabelledMetricSectionType>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
 declare type Props = VizzlyComponents.ComponentOverrides.Props.SectionProps;
 export declare const LimitSection: (props: Props) => JSX.Element | null;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
 declare type Props = VizzlyComponents.ComponentOverrides.Props.SectionProps;
 export declare const PaginationSection: (props: Props) => JSX.Element | null;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { QueryAttributes } from '../../../../../shared-logic/src/QueryAttributes/types';
 import { VizzlyComponents } from '../../../types';
 import { Component } from '../../../../../shared-logic/src/Component/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
 import { SelectViewProps } from '../SelectView';
 declare type Props = VizzlyComponents.ComponentOverrides.Props.SectionProps & SelectViewProps;

package/dist/shared-ui/src/library/DisplayStatusReport.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import 'twin.macro';
 import { QueryEngineStatusReport } from '../../../shared-logic/src/QueryEngine/types';
 export declare const STRATEGY_TO_TITLE: {

package/dist/shared-ui/src/library/Editor/View.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type Props = {
     defaultTabOpen?: number;
 };

package/dist/shared-ui/src/library/Editor.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type Origin = 'dashboard' | 'library';
 export declare const Editor: (props: {
     onClose?: () => void;

package/dist/shared-ui/src/library/Library/ComponentInLibrary.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import 'twin.macro';
 import { Component as ComponentType } from '../../../../shared-logic/src/Component/types';
 import { ViewsInLibraryProps } from './types';

package/dist/shared-ui/src/library/Library/ViewsInLibrary.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ViewsInLibraryProps } from './types';
 export declare const ViewsInLibrary: (props: ViewsInLibraryProps) => JSX.Element;

package/dist/shared-ui/src/library/OverridesDeveloperInfoModal.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import 'twin.macro';
 export declare const OverridesDeveloperInfoModal: () => JSX.Element;

package/dist/shared-ui/src/library/PanelInput/NumberInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import 'twin.macro';
 declare type Props = {
     label: string;

package/dist/shared-ui/src/library/SetupNotice.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../types';
 import 'twin.macro';
 import { QueryEngineEndpoint } from '../../../shared-logic/src/QueryEngineConfig/types';

package/dist/shared-ui/src/library/SetupReportModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Component } from '../../../shared-logic/src/Component/types';
 declare type Props = {
     isOpen: boolean;

package/dist/shared-ui/src/library/Stepper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Stepper: (props: {
     atStepIndex: number;
     steps: string[];

package/dist/shared-ui/src/library/StepperIcons.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Completed: (props: any) => JSX.Element;
 export declare const InProgress: (props: any) => JSX.Element;
 export declare const ToBeDone: (props: any) => JSX.Element;

package/dist/shared-ui/src/library/StylePanel/BooleanInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type Props = {
     label: string;
     currentValue: boolean | null | undefined;

package/dist/shared-ui/src/library/StylePanel/ColourInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type Props = {
     label: string;
     currentValue: string | null | undefined;

package/dist/shared-ui/src/library/StylePanel/FontFamilyInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import 'twin.macro';
 declare type Props = {
     setFontFamily: (format: string) => void;

package/dist/shared-ui/src/library/StylePanel/FormatSelectInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type SelectInputProps = {
     label: string;
     currentValue: any;

package/dist/shared-ui/src/library/StylePanel/TextInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type Props = {
     label: string;
     currentValue: number | string | undefined;

package/dist/shared-ui/src/library/effectHooks/useHeight.d.ts

@@ -1,2 +1,2 @@
 import { Ref } from 'react';
-export declare const useHeight: () => [Ref<HTMLHeadingElement>, number];
+export declare const useHeight: (changes?: string | undefined) => [Ref<HTMLHeadingElement>, number];

package/dist/shared-ui/src/library/effectHooks/useWidth.d.ts

@@ -1,2 +1,2 @@
 import { Ref } from 'react';
-export declare const useWidth: () => [Ref<HTMLHeadingElement>, number];
+export declare const useWidth: (changes?: string | undefined) => [Ref<HTMLHeadingElement>, number];

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

@@ -72,14 +72,19 @@ export declare namespace VizzlyComponents {
                 rightAligned?: boolean;
                 id?: string;
             };
+            /**
+             * Represents the input props for a DateTimeRangeInputChange event.
+             * It can contain either a non-null object with start and end properties,
+             * or a null value.
+             */
             type DateTimeRangeInputChangeProps = {
-                startDate: Date | null;
-                endDate: Date | null;
-                startTime?: string | null;
-                endTime?: string | null;
-            };
+                /** Returns the combined Date and Time for the Start value */
+                start: Date | null;
+                /** Returns the combined Date and Time for the End value */
+                end: Date | null;
+            } | null;
             type DateTimeRangeInput = {
-                onChange: ({ startDate, endDate, startTime, endTime }: DateTimeRangeInputChangeProps) => void;
+                onChange: (values: DateTimeRangeInputChangeProps) => void;
                 onClear: () => void;
                 type?: 'date' | 'date_time';
                 startDate?: Date;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vizzly/dashboard",
   "author": "james@vizzly.co",
-  "version": "0.8.1",
+  "version": "0.8.2-dev-4ac76b0195bc8bd9f3866e4cdcdac08e26caeff3",
   "source": "src/index.tsx",
   "types": "./dist/dashboard/src/index.d.ts",
   "main": "dist/index.js",
@@ -44,7 +44,7 @@
     "@vizzly/joi": "^17.7.0",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
-    "react-dates-17": "22.0.4",
+    "react-dates-17": "22.0.8",
     "react-dnd": "^15.1",
     "react-dnd-html5-backend": "^15.0.1",
     "react-popper": "^2.3.0",
@@ -61,10 +61,6 @@
     "@babel/preset-typescript": "^7.15.0",
     "@emotion/babel-plugin": "*",
     "@size-limit/preset-small-lib": "^8.1.0",
-    "@storybook/addon-essentials": "^6.5.12",
-    "@storybook/addon-links": "^6.5.12",
-    "@storybook/addons": "^6.5.9",
-    "@storybook/react": "^6.5.12",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^14.2.3",
@@ -72,7 +68,7 @@
     "@types/isomorphic-fetch": "^0.0.36",
     "@types/jest": "^27.0.2",
     "@types/lodash": "^4.14.186",
-    "@types/react": "^18.0.15",
+    "@types/react": "^17.0.2",
     "@types/react-dom": "^18.0.6",
     "@types/topojson-client": "^3.1.1",
     "@types/uuid": "^8.3.4",