@vizzly/dashboard 0.14.0 → 0.14.1-dev-e0ca0009df3e30e44abcabf4d846020c4205cc61

package/dist/results-driver/src/driver/VizzlyQuery/AdditionalFilter/toQueries.d.ts

@@ -1,10 +1,12 @@
-import { AdditionalFilter } from '../../../../../shared-logic/src/AdditionalFilter/types';
 import { DataSet } from '../../../../../shared-logic/src/DataSet/types';
 import { QueryEngineConfig } from '../../../../../shared-logic/src/QueryEngineConfig/types';
 import { PreparedQuery, Query as QueryType } from '../../../../../shared-logic/src/Query/types';
 import { Result as ResultType } from '../../../../../shared-logic/src/Result/types';
+import { QueryAttributes } from '../../../../../shared-logic/src/QueryAttributes/types';
 import { VariableList } from '../../../../../shared-logic/src/Variables/types';
+import { AdditionalFilter } from '../../../../../shared-logic/src/AdditionalFilter/types';
 export declare const toQueries: (additionalFilter: AdditionalFilter, dataSets: DataSet[], queryEngineConfig: QueryEngineConfig, variables: VariableList) => {
     queries: (QueryType | PreparedQuery)[];
     resultFields: Array<ResultType.Field[]>;
 };
+export declare function getOptionsOrders(dataSetField: DataSet.Field): QueryAttributes.Order[] | [];

package/dist/shared-logic/src/AdditionalFilter/fromDashboardRequiredFilterGroups.d.ts

@@ -1,3 +1,12 @@
 import { DataSet } from '../DataSet/types';
 import { AdditionalFilter } from './types';
+declare type GroupedFields = {
+    [key: string]: Array<{
+        publicName: string;
+        dataSetField: DataSet['fields'][number];
+        dataSetId: string;
+    }>;
+};
+export declare const groupFilters: (dataSets: DataSet[]) => GroupedFields[string][];
 export declare const fromDashboardRequiredFilterGroups: (dataSets: DataSet[]) => Array<AdditionalFilter>;
+export {};

package/dist/shared-logic/src/Callbacks/cell.funcs.d.ts

@@ -5,15 +5,17 @@ import * as Field from '../../../shared-logic/src/Field';
 import { Result } from '../Result/types';
 import { SupportedAggregates } from '../Aggregate/types';
 import { TableContent, TableFields, TableFieldsV2 } from '../DataTable/types';
+import * as Drilldown from '../../../shared-logic/src/Drilldown/Drilldown';
 export declare type BuildViewClick = {
-    onViewClick: (data: Component.ChartOnViewClick) => void;
+    onViewClick: (data: Component.ChartOnViewClick, query: Component.OnViewClickQuery) => void;
     dimension: QueryAttributes.Dimension[] | undefined;
     measure: QueryAttributes.Measure[] | undefined;
     viewId: string;
     type: 'barChart' | 'horizontalBarChart';
-    timeDimension: QueryAttributes.TimeDimension | undefined;
+    timeDimension: QueryAttributes.TimeDimension | null;
 };
-export declare function buildOnViewClick(clickedValue?: Datum, nearestDatum?: DatumByKey, props?: BuildViewClick): void;
+export declare type runViewClickQueryType = (queries: Partial<QueryAttributes>, existingField: Drilldown.DrilldownField[]) => Promise<any | null>;
+export declare function buildOnViewClick(clickedValue?: Datum, nearestDatum?: DatumByKey, props?: BuildViewClick, runViewClickQuery?: runViewClickQueryType): void;
 export declare type BuildTableViewClick = {
     viewId: string;
     supportedAggregates: SupportedAggregates;

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

@@ -261,6 +261,7 @@ export declare namespace Component {
         protectedFields?: Omit<ProtectedFields, 'dimension'>;
         hiddenFields?: HiddenField[];
     };
+    export type SingleStatDirectionOptions = 'horizontal' | 'vertical';
     export type SingleStatAttributes = BaseAttributes & Omit<BaseQueryAttributes, 'dimension' | 'timeDimension' | 'order'> & {
         type: 'singleStat';
         prefixes: {
@@ -273,6 +274,7 @@ export declare namespace Component {
             [fieldIdAndAggregate: string]: string;
         };
         fontSize: string;
+        direction?: SingleStatDirectionOptions;
         conditionalFormattingRules: Array<ConditionalFormatting.Rule>;
         deltaTimeDimension: QueryAttributes.TimeDimension | null;
         parameters?: Parameters;
@@ -309,6 +311,7 @@ export declare namespace Component {
         goalLines?: Array<Component.GoalLine.Rule>;
         axisTitles?: AxisTitles;
     };
+    export type ViewType = 'areaChart' | 'barChart' | 'basicTable' | 'comboChart' | 'custom' | 'dataTable' | 'funnelChart' | 'horizontalBarChart' | 'lineChart' | 'mercatorMap' | 'pieChart' | 'progress' | 'richText' | 'scatterChart' | 'singleStat';
     export type Attributes = AreaChartAttributes | BarChartAttributes | BasicTableAttributes | ComboChartAttributes | CustomViewAttributes | DataTableAttributes | FunnelChartAttributes | HorizontalBarChartAttributes | LineChartAttributes | MercatorMapAttributes | PieChartAttributes | ProgressAttributes | RichTextAttributes | ScatterChartAttributes | SingleStatAttributes;
     export interface RenderTableCell {
         viewId: string;
@@ -348,6 +351,10 @@ export declare namespace Component {
         };
     }
     export type OnViewClick = TableOnViewClick | ChartOnViewClick;
+    export type OnViewClickQuery = (queries: Partial<Omit<QueryAttributes, 'dataSetId'>>) => Promise<QueryResponse | null>;
+    export type QueryResponse = {
+        results: (Result | null)[] | (any[][] | null)[] | null;
+    };
     export type LabelFormatOptionsValues = Dictionary<string | number | string[] | null>;
     export type LabelFormatOptions = {
         fieldId: string;

package/dist/shared-logic/src/ComponentInterface/types/namespaces.types.d.ts

@@ -95,6 +95,7 @@ export interface FormatPanelNamespaces {
         subSectionDefinition: {
             time?: SubSection<'time'>;
             font_size?: SubSection<'fontSize'>;
+            direction?: SubSection<'direction'>;
         };
     };
     goal_line?: Section<'goalLine'>;

package/dist/shared-logic/src/Drilldown/Drilldown.d.ts

@@ -2,7 +2,7 @@ import { DataSet } from '../../../shared-logic/src/DataSet/types';
 import { QueryAttributes } from '../QueryAttributes/types';
 import { QueryEngineConfig } from '../QueryEngineConfig/types';
 import { Component } from '../Component/types';
-import { Datum } from '../DatumKey';
+import { Datum, ParsedDatumKey } from '../DatumKey';
 export declare const updateTimeDimension: (dataSet: DataSet, option: QueryAttributes.TimeDimension & {
     function?: string;
 }) => QueryAttributes.TimeDimension | null;
@@ -23,3 +23,8 @@ export declare function buildSelectedField(clickedValue: Datum, queryEngineConfi
     value: string;
     function: string;
 };
+export declare function buildClickedOnFieldForQuery(getField: (metric: {
+    field: string;
+    function: string;
+}) => string, parseKey: (key: string) => ParsedDatumKey | undefined, dimension?: QueryAttributes.Dimension[], timeDimension?: QueryAttributes.TimeDimension | null, clickedValue?: Datum | undefined): DrilldownField[];
+export declare function buildDrilldownFilters(attributes: Component.BarChartAttributes | Component.HorizontalBarChartAttributes | Component.PieChartAttributes, queries: Partial<QueryAttributes>, existingField: DrilldownField[], combineFilters: (array1: QueryAttributes.Filter[][], array2: QueryAttributes.Filter[][]) => QueryAttributes.Filter[][], updateFilter: (field: DrilldownField, timeDimension: QueryAttributes.TimeDimension | null, dimension: QueryAttributes.Dimension[]) => QueryAttributes.Filter[][]): QueryAttributes.Filter[][];

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

@@ -39,4 +39,6 @@ export declare type FeatureToggles = {
     unloadOffScreenViews: boolean;
     /** Show the saving indicator */
     showSavingIndicator: boolean;
+    /** For `read` users, the global filters are persisted by storing configuration locally */
+    disablePersistingGlobalFiltersLocally: boolean;
 };

package/dist/shared-logic/src/Filter/combineFilters.d.ts

@@ -0,0 +1,2 @@
+import { QueryAttributes } from '../QueryAttributes/types';
+export declare const combineFilters: (array1: QueryAttributes.Filter[][], array2: QueryAttributes.Filter[][]) => QueryAttributes.Filter[][];

package/dist/shared-logic/src/Filter/index.d.ts

@@ -1 +1,2 @@
 export * from './Filter';
+export * from './combineFilters';

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

@@ -4,7 +4,7 @@ export declare type HeadingSubSections = Section<'title'> | Section<'subject'>;
 export declare type HeadingSection = Section<'heading'> & {
     subSection: Array<HeadingSubSections>;
 };
-export declare type FormatSubSections = Section<'time'> | Section<'fontSize'>;
+export declare type FormatSubSections = Section<'time'> | Section<'fontSize'> | Section<'direction'>;
 export declare type FormatSection = Section<'format'> & {
     subSection: Array<FormatSubSections>;
 };

package/dist/shared-logic/src/PieChart/onViewClick.d.ts

@@ -1,10 +1,15 @@
 import { Component } from '../Component/types';
-declare type ClickDatumValues = {
+import { QueryAttributes } from '../QueryAttributes/types';
+import { runViewClickQueryType } from '../Callbacks';
+export declare type ClickDatumValues = {
     datum: {
         [key: string]: number | string;
     };
     index: number;
     key: string;
 };
-export declare function buildPieOnViewClick(onViewClick: ((data: Component.OnViewClick) => void) | undefined, clickedValue: ClickDatumValues, viewId: string): void;
-export {};
+export declare type PieEvent = {
+    clientX: number;
+    clientY: number;
+};
+export declare function buildPieOnViewClick(onViewClick: ((data: Component.ChartOnViewClick, query?: Component.OnViewClickQuery) => void) | undefined, clickedValue: ClickDatumValues, viewId: string, dimension: QueryAttributes.Dimension[] | undefined, timeDimension: QueryAttributes.TimeDimension | null, runViewClickQuery?: runViewClickQueryType): void;

package/dist/shared-logic/src/Query/Query.d.ts

@@ -29,7 +29,7 @@ export declare const buildUniqueArrayValuesPreparedQuery: (dataSetId: string, da
     query: PreparedQuery;
     resultFields: Result.Field[];
 };
-export declare const buildFilterQuery: (dataSet: DataSet, fieldId: string, optionsFilters?: QueryAttributes.Filter[] | undefined) => QueryAttributes;
+export declare const buildFilterQuery: (dataSet: DataSet, fieldId: string, optionsFilters?: QueryAttributes.Filter[] | undefined, optionsOrders?: QueryAttributes.Order[] | undefined) => QueryAttributes;
 export declare const requiredFields: (query: Query) => Array<string>;
 export declare const supportsFeature: (queryEngineConfig: QueryEngineConfig, feature: SupportedFeatureType) => boolean;
 export declare const toDataSetDashboardFilters: (dataSets: DataSet[], additionalFilters: AdditionalFilter[], dateFilterOptions: TimeRangeOptions) => DataSetDashboardFilters;

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

@@ -153,6 +153,11 @@ export declare namespace VizzlyTheming {
         '&:focus'?: InputState;
         '&:hover'?: InputState;
         '&:focus:hover'?: InputState;
+        active?: InputState & {
+            '&:focus'?: InputState;
+            '&:hover'?: InputState;
+            '&:focus:hover'?: InputState;
+        };
     }
     type InputStyle = {
         padding?: CSSProperties['padding'];
@@ -330,6 +335,7 @@ export declare namespace VizzlyTheming {
         info?: AlertType;
         warning?: AlertType;
         critical?: AlertType;
+        guidance?: AlertType;
     };
     type AlertType = {
         background?: CSSProperties['background'];
@@ -397,6 +403,10 @@ export declare namespace VizzlyTheming {
         background?: CSSProperties['background'];
         borderTop?: CSSProperties['borderTop'];
         textTransform?: CSSProperties['textTransform'];
+        /**
+         * @deprecated TH padding has moved to tables.th.button.padding and tables.th.sort.padding
+         */
+        padding?: CSSProperties['padding'];
         inner?: TableTHInner;
         first?: TableTHFirst;
         last?: TableTHLast;
@@ -404,6 +414,8 @@ export declare namespace VizzlyTheming {
             color?: CSSProperties['color'];
             background?: CSSProperties['background'];
         };
+        button?: TableTHButton;
+        sort?: TableTHButton;
         group?: {
             textTransform?: CSSProperties['textTransform'];
             fontWeight?: CSSProperties['fontWeight'];
@@ -428,6 +440,16 @@ export declare namespace VizzlyTheming {
             };
         };
     }
+    interface TableTHButton {
+        color?: CSSProperties['color'];
+        background?: CSSProperties['background'];
+        padding?: CSSProperties['padding'];
+        borderRadius?: CSSProperties['borderRadius'];
+        '&:hover'?: {
+            color?: CSSProperties['color'];
+            background?: CSSProperties['background'];
+        };
+    }
     type TableTHFirst = {
         borderLeft: CSSProperties['borderLeft'];
     };

package/dist/shared-logic/src/VizzlyState/index.d.ts

@@ -41,7 +41,10 @@ interface VizzlyState {
     get: (identifier: string, listener: Subscriber) => () => void;
     set: (identifier: string, data: StateOptions) => void;
     reload: (identifier: string) => void;
+    inBrowserRefetchData: (identifier: string) => void;
     save: (identifier: string) => void;
+    resizing: (identifier: string, resizing: boolean) => void;
+    drilldown: (identifier: string, params?: Drilldown) => void;
 }
 export declare class VizzlyStateManager implements VizzlyState {
     private subscribers;

package/dist/shared-ui/src/api/useQueryEffect/download.d.ts

@@ -12,7 +12,7 @@ declare type OnFinishedArgs = {
     fileName: string;
 };
 declare type OnFinished = (args: OnFinishedArgs) => void;
-export declare const _toCSV: (tableRepresentation: TableRepresentation | null | undefined, onFinished: OnFinished) => void;
+export declare const _toCSV: (tableRepresentation: TableRepresentation | null | undefined, onFinished: OnFinished, forceStringFileConents: boolean) => Promise<void>;
 export declare const _toXLSX: (tableRepresentation: TableRepresentation | null | undefined, onFinished: OnFinished, forceStringFileConents: boolean) => Promise<void>;
 export declare const download: (downloadType: DownloadType, dataSet: DataSetType, runQueriesCallback: VizzlyComponents.runQueriesCallbackInternal, maxCSVDownloadLimit: number, attributes: Component.Attributes, dateTimeFormatOptions: DashboardBehaviour['dateTimeFormatOptions'], numberFormatOptions: DashboardBehaviour['numberFormatOptions'], queryEngineConfig: DashboardBehaviour['queryEngineConfig'], populatedFilterConfig: FilterConfig, onFinished: ((args: OnFinishedArgs) => void) | undefined, labelFormat: DashboardBehaviour['labelFormat'], fileFormat: FileFormat, forceStringFileConents?: boolean | undefined) => Promise<void>;
 export {};

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type AlertTypes = 'info' | 'warning' | 'critical';
+export declare type AlertTypes = 'info' | 'warning' | 'critical' | 'guidance';
 export declare type AlertProps = {
     type?: AlertTypes;
     children?: ReactNode;

package/dist/shared-ui/src/base/Button/IconButton.d.ts

@@ -6,4 +6,6 @@ export declare const IconButton: FunctionComponent<{
     label: string;
     children?: React.ReactNode;
     tooltip?: React.ReactNode;
+    ariaLabel?: string;
+    ignoreThemeSizeOverrides?: boolean;
 }>;

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

@@ -20,6 +20,7 @@ declare type DatePickerProps = {
     queryEngineConfig?: QueryEngineConfig;
     data?: DataSet[];
     relative?: RelativeRangeState;
+    onOpenChange?: (open: boolean) => void;
 } & VizzlyComponents.ComponentOverrides.Props.DateTimeRangeInput;
 export declare type Time = {
     start?: moment.Moment | null;

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

@@ -8,7 +8,7 @@ export declare const pickerStyles: (() => null) & {
         (variantOptions: Object): string;
         toString: any;
     };
-    inputsWrapper: (themedStyles?: VizzlyTheming.DateTime | undefined) => {
+    inputsWrapper: (themedStyles?: VizzlyTheming.DateTime | undefined, active?: boolean | undefined) => {
         (variantOptions: Object): string;
         toString: any;
     };

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

@@ -21,4 +21,5 @@ export declare const DateTimeFilter: FunctionComponent<{
     data?: DataSet[];
     fixedWidth?: number;
     allowTimeSelection: boolean;
+    onOpenChange?: (open: boolean) => void;
 }>;

package/dist/shared-ui/src/base/Icons/SVGs.d.ts

@@ -20,7 +20,7 @@ export declare const ComponentOptionsMenu: renderSvg<{}>;
 export declare const Tag: renderSvg<{}>;
 export declare const Merge: renderSvg<{}>;
 export declare const Split: renderSvg<{}>;
-export declare const InsertRowAbove: renderSvg<{}>;
+export declare const InsertRowAbove: ({ fill, width, height, ...props }: React.SVGAttributes<SVGElement>) => JSX.Element;
 export declare const InsertRowBelow: renderSvg<{}>;
 export declare const AppendCell: renderSvg<{}>;
 export declare const OpenLibrary: renderSvg<{}>;
@@ -94,19 +94,14 @@ export declare const Present: renderSvg<{
     width?: number;
     height?: number;
 }>;
-export declare const Fullscreen: renderSvg<{
-    width?: number;
-    height?: number;
-}>;
-export declare const ExternalLink: renderSvg<{
-    width?: number;
-    height?: number;
-    fill?: string;
-}>;
+export declare const Fullscreen: ({ fill, width, height, ...props }: React.SVGAttributes<SVGElement>) => JSX.Element;
+export declare const ExternalLink: ({ fill, width, height, ...props }: React.SVGAttributes<SVGElement>) => JSX.Element;
 export declare const Upload: ({ fill, ...props }: React.SVGAttributes<SVGElement>) => JSX.Element;
 export declare const File: ({ fill, ...props }: React.SVGAttributes<SVGElement>) => JSX.Element;
 export declare const Hide: ({ fill, ...props }: React.SVGAttributes<SVGElement>) => JSX.Element;
 export declare const Show: ({ fill, ...props }: React.SVGAttributes<SVGElement>) => JSX.Element;
+export declare const Cog: ({ fill, width, height, ...props }: React.SVGAttributes<SVGElement>) => JSX.Element;
+export declare const Globe: ({ fill, width, height, ...props }: React.SVGAttributes<SVGElement>) => JSX.Element;
 export declare const ArrowUp: renderSvg<{
     width?: number;
     height?: number;
@@ -122,4 +117,5 @@ export declare const ExclamationCircle: renderSvg<{
     height?: number;
     fill?: CSSProperties['fill'];
 }>;
+export declare const Code: ({ fill, ...props }: React.SVGAttributes<SVGElement>) => JSX.Element;
 export {};

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

@@ -32,6 +32,8 @@ export declare const Reset: (props: {}) => JSX.Element;
 export declare const Drilldown: (props: VizzlyComponents.ComponentOverrides.DrilldownIconProps) => JSX.Element;
 export declare const Present: (props: {}) => JSX.Element;
 export declare const Fullscreen: (props: {}) => JSX.Element;
+export declare const Cog: (props: {}) => JSX.Element;
 export declare const ArrowUp: (props: {}) => JSX.Element;
 export declare const ArrowDown: (props: {}) => JSX.Element;
 export declare const ErrorIcon: (props: VizzlyComponents.ComponentOverrides.ErrorProps) => JSX.Element;
+export declare const Code: (props: {}) => JSX.Element;

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

@@ -1,5 +1,5 @@
 import { VizzlyTheming } from '../../types';
-export declare const inputStyles: (themedStyles?: VizzlyTheming.Input | undefined, highlight?: boolean | undefined) => {
+export declare const inputStyles: (themedStyles?: VizzlyTheming.Input | undefined, highlight?: boolean | undefined, active?: boolean | undefined) => {
     (variantOptions: Object): string;
     toString: any;
 };

package/dist/shared-ui/src/base/Input/InputContainer.d.ts

@@ -3,4 +3,5 @@ export declare const InputContainer: FunctionComponent<{
     children: ReactNode;
     paddingTop?: CSSProperties['paddingTop'];
     paddingBottom?: CSSProperties['paddingBottom'];
+    active?: boolean;
 }>;

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

@@ -0,0 +1,14 @@
+import { FunctionComponent } from 'react';
+export declare type InputWithVariableEntry = {
+    type: 'variable' | 'text' | 'field';
+    value: string;
+};
+interface InputWithVariablesProps {
+    id?: string;
+    label?: string;
+    labelHidden?: boolean;
+    value: InputWithVariableEntry[];
+    onChange: (value: string) => void;
+}
+export declare const InputWithVariables: FunctionComponent<InputWithVariablesProps>;
+export {};

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

@@ -9,6 +9,7 @@ export declare const Section: React.FunctionComponent<RawSectionProps> & {
         children: ReactNode;
         columns?: number | undefined;
         'data-component'?: string | undefined;
+        gap?: string | undefined;
     }>;
     Panel: React.FunctionComponent<{
         title?: string | ReactNode;

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

@@ -38,7 +38,15 @@ export declare const tableStyles: (() => null) & {
         (variantOptions: Object): string;
         toString: any;
     };
-    thButton: () => {
+    thButton: ({ theme }: {
+        theme?: VizzlyTheming.TableTHButton | undefined;
+    }) => {
+        (variantOptions: Object): string;
+        toString: any;
+    };
+    thSortButton: ({ theme }: {
+        theme?: VizzlyTheming.TableTHButton | undefined;
+    }) => {
         (variantOptions: Object): string;
         toString: any;
     };

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

@@ -9,6 +9,7 @@ declare type Props = {
     filter: AdditionalFilterType;
     dataSets: DataSet[];
     shouldAlwaysHaveValue?: boolean;
+    onOpenChange?: (open: boolean) => void;
 };
 export declare const AdditionalFilter: (props: Props) => JSX.Element | null;
 export {};

package/dist/shared-ui/src/components/AdditionalFilter/AdvancedPicker/AdvancedDisplayValues.d.ts

@@ -1,5 +1,4 @@
 import { FunctionComponent } from 'react';
-import { TextOverride } from '../../../../../shared-logic/src/Translations/types';
 import { DisplayChipsType } from './displayChips.funcs';
 import { MultiSelectFilter, NumericFilter } from '../../../../../shared-logic/src/AdditionalFilter/types';
 import { DataType } from '../../../../../shared-logic/src/Field/types';
@@ -9,7 +8,6 @@ export declare const AdvancedDisplayValues: FunctionComponent<{
     pickerOpen: boolean;
     defined: boolean;
     onClearAll: () => void;
-    textOverride?: TextOverride;
     chips?: DisplayChipsType[];
     clearDisabled?: boolean;
     onClick: (open: boolean) => void;

package/dist/shared-ui/src/components/AdditionalFilter/AdvancedPicker/AdvancedPicker.d.ts

@@ -7,7 +7,6 @@ export declare const AdvancedPicker: FunctionComponent<{
     children?: ReactNode;
     id: string;
     open: boolean;
-    onOpenChange: (open: boolean) => void;
     display: ReactNode;
     filterIndex: number;
 }>;

package/dist/shared-ui/src/components/AdditionalFilter/AdvancedPicker/AdvancedSelectFilter.d.ts

@@ -7,4 +7,5 @@ export declare const AdvancedSelectFilter: (props: import("react").PropsWithChil
     onChange: (filter: NumericFilter | MultiSelectFilterType) => void;
     showClearBtn?: boolean | undefined;
     type: Pick<import("../../../../../shared-logic/src/Field/types").DataType, number | "replace" | "fixed" | "repeat" | "slice" | "small" | "sub" | "bold" | "blink" | "toString" | "charAt" | "charCodeAt" | "concat" | "indexOf" | "lastIndexOf" | "localeCompare" | "match" | "search" | "split" | "substring" | "toLowerCase" | "toLocaleLowerCase" | "toUpperCase" | "toLocaleUpperCase" | "trim" | "length" | "substr" | "valueOf" | "codePointAt" | "includes" | "endsWith" | "normalize" | "startsWith" | "anchor" | "big" | "fontcolor" | "fontsize" | "italics" | "link" | "strike" | "sup" | "padStart" | "padEnd" | "trimEnd" | "trimStart" | "trimLeft" | "trimRight" | "matchAll" | "replaceAll" | "at">;
+    onOpenChange?: ((open: boolean) => void) | undefined;
 }>) => JSX.Element;

package/dist/shared-ui/src/components/AdditionalFilter/DateFilter/index.d.ts

@@ -14,4 +14,5 @@ export declare const DateFilter: FunctionComponent<{
     dataSets: DataSet[];
     showClearBtn?: boolean;
     type: typeof FilterType.DATE_FILTER;
+    onOpenChange?: (open: boolean) => void;
 }>;

package/dist/shared-ui/src/components/AdditionalFilter/usePopupPosition.d.ts

@@ -0,0 +1,7 @@
+import { MutableRefObject } from 'react';
+export declare function usePickerPosition(picker: boolean, inputRef: MutableRefObject<HTMLDivElement | null>, formHeight: number, setPosition: (params: {
+    left: string | number;
+    top: number;
+    right: string | number;
+    transform?: string;
+}) => void): void;

package/dist/shared-ui/src/components/BarChart/BarChartView.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { VizzlyComponents } from '../../types';
 import { Component } from '../../../../shared-logic/src/Component/types';
+import * as OnViewClick from '../../../../shared-logic/src/Callbacks/cell.funcs';
 import { DashboardBehaviour, IdPrefix } from '../../contexts/DashboardBehaviour/types';
 import { HeadlineStatsProps } from '../HeadlineStats/HeadlineStats';
 import * as Drilldown from '../../../../shared-logic/src/Drilldown/Drilldown';
@@ -10,13 +11,14 @@ declare type ExtendedProps = BarChartViewProps & {
     library?: boolean;
     numberFormatOptions: DashboardBehaviour['numberFormatOptions'];
     dateTimeFormatOptions: DashboardBehaviour['dateTimeFormatOptions'];
-    onViewClick: (data: Component.ChartOnViewClick) => void;
+    onViewClick: (data: Component.ChartOnViewClick, query: Component.OnViewClickQuery) => void;
     propsForHeadline: HeadlineStatsProps;
     idPrefix: IdPrefix;
     onDrilldownChange: (payload: Drilldown.SelectedDrilldown) => void;
     drilldownSelections: Drilldown.SelectedDrilldown[];
     onResetDrilldown: () => void;
     editor?: boolean;
+    runViewClickQuery: OnViewClick.runViewClickQueryType;
 };
 declare const _default: React.NamedExoticComponent<ExtendedProps>;
 export default _default;

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

@@ -16,7 +16,7 @@ export declare type BarChartProps = {
     dashboardBehaviour: DashboardBehaviour;
     sm?: boolean;
     library?: boolean;
-    onViewClick?: (data: ComponentType.ChartOnViewClick) => void;
+    onViewClick?: (data: ComponentType.ChartOnViewClick, query: ComponentType.OnViewClickQuery) => void;
     updateComponentAttributes: (attributes: ComponentType.BarChartAttributes | ComponentType.HorizontalBarChartAttributes) => void;
     idPrefix: IdPrefix;
     editor?: boolean;

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

@@ -2,7 +2,6 @@ import { DataSet as DataSetType } from '../../../shared-logic/src/DataSet/types'
 import { Component as ActualComponent, ComponentType, FormatType } from '../../../shared-logic/src/Component/types';
 import { QueryAttributes as QueryAttributesType } from '../../../shared-logic/src/QueryAttributes/types';
 import { Result as ResultType } from '../../../shared-logic/src/Result/types';
-import { QueryEngineConfig } from '../../../shared-logic/src/QueryEngineConfig/types';
 import { DashboardBehaviour, LabelFormat } from '../contexts/DashboardBehaviour/types';
 import { ConditionalFormattingOption } from '../../../charts/src/Legend/Legend';
 import { ConditionalFormattingBoundary } from './DataTable/buildConditionalFormattingBoundaries';
@@ -13,6 +12,7 @@ export declare type AxisLabelConfig = {
     format: FormatType;
     numberFormatOptions: DashboardBehaviour['numberFormatOptions'];
     dateTimeFormatOptions: DashboardBehaviour['dateTimeFormatOptions'];
+    defaultFormats: DashboardBehaviour['defaultFormats'];
 };
 export declare const mergeProps: (explicitProps: any, remoteProps: any, defaultProps: any) => any;
 export declare const shouldUpdate: (previousProps: any, nextProps: any) => boolean;
@@ -22,7 +22,7 @@ declare type Datum = {
 export declare const getExplanationsOfConditionFormattingRulesThatApplyToSeries: (dimensions: QueryAttributesType.Dimension[], conditionalFormattingRules: ActualComponent.ConditionalFormatting.Rule[], seriesKey: string, supportedAggregates: DashboardBehaviour['queryEngineConfig']['supportedAggregates'], dataSet: DataSetType) => Array<ConditionalFormattingOption>;
 export declare const applyConditionFormattingRules: (dimensions: QueryAttributesType.Dimension[], conditionalFormattingRules: ConditionalFormattingBoundary[], datum: Datum | undefined, key: string, dataSet: DataSetType) => ActualComponent.ConditionalFormatting.DisplayRule | undefined;
 export declare function formattedFallbackDateTime(value: string | number | Date): string;
-export declare const formatXAxisLabel: (timeDimension: QueryAttributesType.TimeDimension | null, supportedTimeTruncFunctions: QueryEngineConfig['supportedTimeTruncFunctions'], axisLabelConfig: AxisLabelConfig, valueAlias?: DashboardBehaviour['valueAlias']) => (value: any, fieldId?: string | null | undefined) => string;
+export declare const formatXAxisLabel: (timeDimension: QueryAttributesType.TimeDimension | null, axisLabelConfig: AxisLabelConfig, valueAlias?: DashboardBehaviour['valueAlias']) => (value: any, fieldId?: string | null | undefined) => string;
 export declare const formatYAxisLabel: (textOverride: TextOverride, axisLabelConfig?: AxisLabelConfig | undefined) => (value: any) => string;
 export declare const formatSeriesName: (result: ResultType | null | undefined, textOverride: TextOverride, type: ComponentType, id: string, labelFormat: LabelFormat) => (key: string) => string | undefined;
 export declare const convertValueToFormat: (value: any, numberFormatOptions?: {

package/dist/shared-ui/src/components/ClickSettings/AddClickSettingModal.d.ts

@@ -0,0 +1,7 @@
+import React, { FunctionComponent } from 'react';
+export declare const AddClickSettingModal: FunctionComponent<{
+    show: boolean;
+    onClose: (confirmed: boolean) => void;
+    guidanceText: string;
+    setClickSettings: React.Dispatch<React.SetStateAction<any[]>>;
+}>;

package/dist/shared-ui/src/components/ClickSettings/ClickSettingsModal.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+import { Component } from '../../../../shared-logic/src/Component/types';
+export declare const ClickSettingsModal: FunctionComponent<{
+    show: boolean;
+    componentAttributes: Component.Attributes;
+    onClose: (confirmed: boolean) => void;
+}>;

package/dist/shared-ui/src/components/ComboChart/ComboChartView.d.ts

@@ -10,7 +10,7 @@ export declare type ComboChartViewProps = Omit<VizzlyComponents.ViewProps<Compon
     id: string;
     idPrefix: IdPrefix;
 };
-declare const _default: React.MemoExoticComponent<(props: Pick<VizzlyComponents.ViewProps<Component.ComboChartAttributes>, "filter" | "order" | "offset" | "id" | "dataSetId" | "timeDimension" | "limit" | "type" | "viewId" | "displayTitle" | "displaySubject" | "protectedByOrganisation" | "tags" | "stacked" | "conditionalFormattingRules" | "xAxisPrefix" | "yAxisPrefix" | "xAxisPostfix" | "yAxisPostfix" | "xAxisFormat" | "yAxisFormat" | "approxXAxisLabelCount" | "approxYAxisLabelCount" | "legend" | "goalLines" | "axisTitles" | "barMeasure" | "lineMeasure" | "barDimension" | "lineDimension" | "dataSet" | "supportedAggregates" | "supportedTimeTruncFunctions" | "localFilters" | "queriesAreChanging" | "library" | "setLocalFilters" | "setParameterUpdate" | "sm"> & {
+declare const _default: React.MemoExoticComponent<(props: Pick<VizzlyComponents.ViewProps<Component.ComboChartAttributes>, "filter" | "order" | "offset" | "id" | "dataSetId" | "timeDimension" | "limit" | "type" | "viewId" | "displayTitle" | "displaySubject" | "protectedByOrganisation" | "tags" | "stacked" | "conditionalFormattingRules" | "xAxisPrefix" | "yAxisPrefix" | "xAxisPostfix" | "yAxisPostfix" | "xAxisFormat" | "yAxisFormat" | "approxXAxisLabelCount" | "approxYAxisLabelCount" | "legend" | "goalLines" | "axisTitles" | "barMeasure" | "lineMeasure" | "barDimension" | "lineDimension" | "dataSet" | "supportedAggregates" | "supportedTimeTruncFunctions" | "localFilters" | "queriesAreChanging" | "library" | "defaultFormats" | "setLocalFilters" | "setParameterUpdate" | "sm"> & {
     lineResult: ResultType | null;
     barResult: ResultType | null;
     id: string;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VizzlyComponents } from '../../types';
-import { Component as ComponentType } from '../../../../shared-logic/src/Component/types';
+import { Component, Component as ComponentType } from '../../../../shared-logic/src/Component/types';
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';
 import { Result as ResultType } from '../../../../shared-logic/src/Result/types';
 import { DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';
@@ -17,7 +17,7 @@ declare type Props = {
     dashboardBehaviour: DashboardBehaviour;
     displayColumns?: string[];
     library?: boolean;
-    onViewClick?: (data: ComponentType.TableOnViewClick) => void;
+    onViewClick?: (data: Component.ChartOnViewClick, query?: Component.OnViewClickQuery) => void;
     renderTableCell?: (data: ComponentType.RenderTableCell) => React.ReactNode | string | undefined;
 };
 export declare const DataTable: (props: Props) => JSX.Element | null;

package/dist/shared-ui/src/components/DataTable/DataTableView.d.ts

@@ -24,7 +24,7 @@ export declare type DataTableViewProps = Omit<VizzlyComponents.ViewProps<Compone
     dateTimeFormatOptions: DashboardBehaviour['dateTimeFormatOptions'];
     onSetNumberFormat: TableColumnTypes['onSetNumberFormat'];
     library?: boolean;
-    onViewClick?: (data: Component.TableOnViewClick) => void;
+    onViewClick?: (data: Component.ChartOnViewClick, query?: Component.OnViewClickQuery) => void;
     renderTableCell?: (data: Component.RenderTableCell) => React.ReactNode | string | undefined;
     supportedTimeTruncFunctions: QueryEngineConfig['supportedTimeTruncFunctions'];
     drilldownInputProps?: DrilldownRowInputProps;

package/dist/shared-ui/src/components/GlobalFilters/storedFilters.d.ts

@@ -0,0 +1,6 @@
+import { AdditionalFilter, Field } from '../../../../shared-logic/src/AdditionalFilter/types';
+export declare const VIZZLY_DASHBOARD_FILTERS = "dashboard_global_filters";
+export declare function buildStorableFilters(filters: AdditionalFilter[]): string;
+export declare function prepareStoredFilters(response: any, globalFilters: AdditionalFilter[], validateFilters: (filter: AdditionalFilter[]) => AdditionalFilter[], checkAppliedToField: (appliesToFieldsOne: Field[], appliesToFieldsTwo: Field[]) => boolean, logErrorCallback: (message: string, data: any) => void, validate: (appliesToFields: Field[]) => string | undefined): {
+    validFilters: AdditionalFilter[];
+};

package/dist/shared-ui/src/components/GlobalFilters/updateGlobalFilters.d.ts

@@ -1,3 +1,15 @@
-import { AdditionalFilter } from '../../../../shared-logic/src/AdditionalFilter/types';
+import { AdditionalFilter, Field } from '../../../../shared-logic/src/AdditionalFilter/types';
 import { StateOptions } from '../../../../shared-logic/src/VizzlyState';
 export declare function updateGlobalFilters(globalFilters: AdditionalFilter[], updateData: StateOptions): AdditionalFilter[];
+export declare function pushStateFilterUpdatesToGlobalFilters(updateFilter: {
+    properties: Partial<Omit<AdditionalFilter, 'appliesToFields'>> & {
+        appliesToFields: Field[];
+    };
+}, globalFilters: AdditionalFilter[], matchFound: boolean, updateData: StateOptions): true;
+export declare function appliedToFieldsMatch(fields1: {
+    dataSetId: string;
+    fieldId: string;
+}[], fields2: {
+    dataSetId: string;
+    fieldId: string;
+}[]): boolean;