@vizzly/dashboard 0.12.12 → 0.12.13

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

@@ -1,5 +1,5 @@
 import { DataType } from '../Field/types';
-import { AdditionalFilter, TimeRangeOptions, FilterConfig, OptionalFilters, DateFilter, DateAndTimeFilter, Field } from './types';
+import { AdditionalFilter, TimeRangeOptions, FilterConfig, OptionalFilters, DateFilter, DateAndTimeFilter, LegacyNumericFilterValue, Field } from './types';
 import { DataSet } from '../DataSet/types';
 import * as Filter from '../Filter';
 import { DateTimeFilterOptions } from '../DateTime/types';
@@ -25,6 +25,14 @@ export declare const findMatchingFilter: (dashboardFilters: AdditionalFilter[],
 export declare const removeFilters: <T extends AdditionalFilter>(allFilters: T[], filtersToRemove: T[]) => T[];
 export declare const containsDuplicateFilters: (additionalFilters: Array<AdditionalFilter>) => boolean;
 export declare const removeDeadFields: (filters: Array<AdditionalFilter>, dataSets: DataSet[]) => AdditionalFilter[];
+export declare const upcastFilterValue: (value: AdditionalFilter['value'], type: AdditionalFilter['type'], appliesToFields: Field[]) => string | number | boolean | string[] | QueryAttributes.Filter[][] | LegacyNumericFilterValue | {
+    type: "fixedRange";
+    before: Date | null;
+    after: Date | null;
+} | {
+    type: "relative";
+    value: string;
+} | import("./types").RelativeRangeValue | number[] | null;
 export declare enum DateOp {
     Greater = 0,
     Less = 1
@@ -33,3 +41,4 @@ export declare function inclusiveExclusiveCurrent(op: DateOp, filter: DateFilter
 export declare function getCascadeOptionsFilters(globalFilters: AdditionalFilter[], dataSets: DataSet[], dateFilterOptions: DateTimeFilterOptions, cascadeFilterSelection?: boolean): OptionalFilters | undefined;
 export declare const updateFilterForOptionalPulledFromOptions: (filter: AdditionalFilter) => AdditionalFilter;
 export declare const buildAdvancedFilters: (filterValue: QueryAttributes.Filter[][], field: Field, dataSetId: string) => never[] | QueryAttributes.Filter;
+export declare function getFilterDataType(filter: AdditionalFilter, dataSets: DataSet[]): "string" | "number" | "boolean" | "date_time" | "string[]" | undefined;

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

@@ -5,5 +5,12 @@ export declare const DATE_FILTER = "dateFilter";
 export declare const DATE_TIME_FILTER = "dateTimeFilter";
 export declare const DATE_AND_TIME_FILTER = "dateAndTimeFilter";
 export declare const SINGLE_SELECT_FILTER = "singleSelectFilter";
+/**
+ * @deprecated The "multiSelectFilter" has been deprecated. Use "advancedFilter".
+ */
 export declare const MULTI_SELECT_FILTER = "multiSelectFilter";
+/**
+ * @deprecated The "numericFilter" has been deprecated. Use "advancedFilter".
+ */
 export declare const NUMERIC_FILTER = "numericFilter";
+export declare const ADVANCED_FILTER = "advancedFilter";

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

@@ -4,18 +4,21 @@ export declare type FilterConfig = {
     localFilters?: Array<AdditionalFilter>;
     globalFilters?: Array<AdditionalFilter>;
 };
-export declare type AdditionalFilter = NumericFilter | SingleSelectFilter | DateFilter | DateAndTimeFilter | DateTimeFilter | MultiSelectFilter;
+export declare type AdditionalFilter = NumericFilter | SingleSelectFilter | DateFilter | DateAndTimeFilter | DateTimeFilter | MultiSelectFilter | AdvancedFilter;
 export declare type Field = {
     dataSetId: string;
     fieldId: QueryAttributes.Field;
 };
-declare type AdditionalFilterType = typeof FilterType.DATE_FILTER | typeof FilterType.DATE_TIME_FILTER | typeof FilterType.DATE_AND_TIME_FILTER | typeof FilterType.SINGLE_SELECT_FILTER | typeof FilterType.MULTI_SELECT_FILTER | typeof FilterType.NUMERIC_FILTER;
+declare type AdditionalFilterType = typeof FilterType.DATE_FILTER | typeof FilterType.DATE_TIME_FILTER | typeof FilterType.DATE_AND_TIME_FILTER | typeof FilterType.SINGLE_SELECT_FILTER | typeof FilterType.MULTI_SELECT_FILTER | typeof FilterType.NUMERIC_FILTER | typeof FilterType.ADVANCED_FILTER;
 export declare type OptionalFilters = {
     [dataSetId: string]: Array<QueryAttributes.Filter>;
 };
 declare type BaseAdditionalFilter<T extends AdditionalFilterType> = {
     /**
-     * NOTE: The "dateTimeFilter" type value has been deprecated. Use "dateFilter".
+     * NOTE:
+     * - The "dateTimeFilter" type value has been deprecated. Use "dateFilter".
+     * - The "multiSelectFilter" type value has been deprecated. Use "advancedFilter".
+     * - The "numericFilter" type value has been deprecated. Use "advancedFilter".
      */
     type: T;
     appliesToFields: Array<Field>;
@@ -80,6 +83,10 @@ export declare type MultiSelectFilter = BaseAdditionalFilter<typeof FilterType.M
     value: string[] | number[] | null | QueryAttributes.Filter[][];
     optionsPulledFrom?: Array<Field>;
 };
+export declare type AdvancedFilter = BaseAdditionalFilter<typeof FilterType.ADVANCED_FILTER> & {
+    value: QueryAttributes.Filter[][] | null;
+    optionsPulledFrom?: Array<Field>;
+};
 export declare type TimeRangeOptions = {
     [id: string]: {
         range: {

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

@@ -12,7 +12,6 @@ export declare type BuildViewClick = {
     viewId: string;
     type: 'barChart' | 'horizontalBarChart';
     timeDimension: QueryAttributes.TimeDimension | undefined;
-    protectedFields?: Component.ProtectedFields | undefined;
 };
 export declare function buildOnViewClick(clickedValue?: Datum, nearestDatum?: DatumByKey, props?: BuildViewClick): void;
 export declare type BuildTableViewClick = {
@@ -22,7 +21,6 @@ export declare type BuildTableViewClick = {
     onViewClick: ((data: Component.TableOnViewClick) => void) | undefined;
     type: 'dataTable' | 'basicTable';
     dimension: QueryAttributes.Dimension[];
-    protectedFields?: Component.ProtectedFields;
 };
 export declare type TableOnViewClick = (rowIndex: number, cellIndex: number, value: string | number, fieldV2?: TableFieldsV2[], additionalAttributes?: AddtionalOnClickAttributes) => void;
 export declare type TableCellRender = (rowIndex: number, cellIndex: number, value: string | number, fieldV2?: TableFieldsV2[], additionalAttributes?: AddtionalOnClickAttributes) => React.ReactNode | string;

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

@@ -156,6 +156,7 @@ export declare namespace Component {
         conditionalFormattingRules: Array<ConditionalFormatting.Rule>;
         labelsAsPercentage: boolean;
         legend: boolean;
+        labels?: boolean;
         labelFormat: FormatType;
         parameters?: Parameters;
     };

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

@@ -85,6 +85,7 @@ export interface FormatPanelNamespaces {
         subSectionDefinition: {
             stacked?: SubSection<'stacked'>;
             legend?: SubSection<'legend'>;
+            labels?: SubSection<'labels'>;
             curve?: SubSection<'curve'>;
             number_format?: SubSection<'numberFormat'>;
         };

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

@@ -3,7 +3,9 @@ import { QueryAttributes } from '../QueryAttributes/types';
 import { QueryEngineConfig } from '../QueryEngineConfig/types';
 import { Component } from '../Component/types';
 import { Datum } from '../DatumKey';
-export declare const updateTimeDimension: (dataSet: DataSet, option: QueryAttributes.TimeDimension) => QueryAttributes.TimeDimension | null;
+export declare const updateTimeDimension: (dataSet: DataSet, option: QueryAttributes.TimeDimension & {
+    function?: string;
+}) => QueryAttributes.TimeDimension | null;
 export declare type DrilldownField = Component.DrilldownOptions & {
     value: string;
 };

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

@@ -1,6 +1,6 @@
 import { QueryAttributes } from '../QueryAttributes/types';
 export declare type DataType = 'number' | 'boolean' | 'string' | 'date_time' | 'string[]';
-export declare type DateTimeFormat = 'DD/MM/YYYY' | 'MM/DD/YYYY' | 'DD-MM-YYYY' | 'MM-DD-YYYY' | 'DD MMMM YYYY, hh:mm' | 'dddd DD MMMM YYYY, hh:mm' | 'hh:mm' | 'hh:mm:ss' | 'DD MMMM YYYY' | 'MMMM YYYY' | 'YYYY' | 'YYYY-MM-DD[T]HH:mm:ss' | 'quarter' | 'week';
+export declare type DateTimeFormat = 'DD/MM/YYYY' | 'MM/DD/YYYY' | 'DD-MM-YYYY' | 'MM-DD-YYYY' | 'DD MMMM YYYY, hh:mm' | 'dddd DD MMMM YYYY, hh:mm' | 'hh:mm' | 'hh:mm:ss' | 'DD MMMM YYYY' | 'MMMM YYYY' | 'YYYY' | 'YYYY-MM-DD[T]HH:mm:ss' | 'quarter' | 'week' | 'day_of_month' | 'day_of_week_iso' | 'week_of_year' | 'hour_of_day';
 export declare type SupportedAggregateOption = string;
 declare type DashboardRequiredFilterGroup = {
     /** This is displayed on the global filter, and it is also used to group related filters */

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

@@ -8,7 +8,7 @@ export declare type FormatSubSections = Section<'time'> | Section<'fontSize'>;
 export declare type FormatSection = Section<'format'> & {
     subSection: Array<FormatSubSections>;
 };
-export declare type ChartStylesSubSections = Section<'stacked' | 'curve' | 'legend' | 'numberFormat'>;
+export declare type ChartStylesSubSections = Section<'stacked' | 'curve' | 'legend' | 'numberFormat' | 'labels'>;
 export declare type ChartStylesSection = Section<'chartStyles'> & {
     subSection: Array<ChartStylesSubSections>;
 };

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

@@ -15,37 +15,38 @@ export declare type Theme = {
 };
 export declare namespace VizzlyTheming {
     interface Base extends Theme {
+        accordion?: Accordion;
+        ai?: AI;
+        alerts?: Alerts;
         baseFont?: FontStyle;
-        titles?: FontStyle;
         buttons?: Buttons;
-        panels?: Panel;
-        forms?: Form;
-        modals?: Modal;
-        lists?: List;
-        tabs?: Tabs;
-        alerts?: Alerts;
         charts?: Charts;
-        dropdowns?: Dropdown;
-        popoverMenu?: PopoverMenu;
-        tables?: Tables;
-        accordion?: Accordion;
-        radioGroup?: RadioGroup;
-        search?: Search;
         dashboard?: Dashboard;
-        library?: Library;
+        dropdowns?: Dropdown;
+        editor?: {
+            settings?: Panel;
+            component?: Panel;
+            gap?: CSSProperties['gap'];
+        };
         filters?: Filters;
+        forms?: Form;
         header?: Header;
-        ai?: AI;
         icons?: Icons;
+        library?: Library;
+        lists?: List;
+        modals?: Modal;
+        panels?: Panel;
+        popoverMenu?: PopoverMenu;
+        radioGroup?: RadioGroup;
+        search?: Search;
         section?: {
             panel?: Panel;
             title?: FontStyle;
         };
-        editor?: {
-            settings?: Panel;
-            component?: Panel;
-            gap?: CSSProperties['gap'];
-        };
+        tables?: Tables;
+        tabs?: Tabs;
+        titles?: FontStyle;
+        tooltips?: Tooltip;
     }
     interface Buttons {
         primary?: ButtonType;
@@ -345,7 +346,18 @@ export declare namespace VizzlyTheming {
         barChart?: BarChart;
         singleStat?: SingleStat;
         threshold?: ChartThreshold;
+        popoverMenus?: ChartPopoverMenu;
     };
+    interface ChartPopoverMenu {
+        background?: CSSProperties['background'];
+        border?: CSSProperties['border'];
+        borderRadius?: CSSProperties['borderRadius'];
+        boxShadow?: CSSProperties['boxShadow'];
+        color?: CSSProperties['color'];
+        fontFamily?: CSSProperties['fontFamily'];
+        letterSpacing?: CSSProperties['letterSpacing'];
+        padding?: CSSProperties['padding'];
+    }
     type ChartThreshold = {
         stroke: CSSProperties['stroke'];
     };
@@ -564,5 +576,17 @@ export declare namespace VizzlyTheming {
     type SingleStat = {
         delteStyle?: 'pill' | 'text';
     };
+    type Tooltip = {
+        background?: CSSProperties['background'];
+        borderRadius?: CSSProperties['borderRadius'];
+        boxShadow?: CSSProperties['boxShadow'];
+        color?: CSSProperties['color'];
+        fontFamily?: CSSProperties['fontFamily'];
+        fontSize?: CSSProperties['fontSize'];
+        fontWeight?: CSSProperties['fontWeight'];
+        letterSpacing?: CSSProperties['letterSpacing'];
+        lineHeight?: CSSProperties['lineHeight'];
+        padding?: CSSProperties['padding'];
+    };
 }
 export declare type ThemeVersion = 1 | 2;

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

@@ -2,5 +2,5 @@ export declare const build: (value: string | number, valueAlias?: {
     [id: string]: string | number;
 } | import("./types").ValueAliasFunction | undefined, options?: {
     fieldId?: string | null | undefined;
-    filter?: import("../AdditionalFilter/types").NumericFilter | import("../AdditionalFilter/types").SingleSelectFilter | import("../AdditionalFilter/types").DateFilter | import("../AdditionalFilter/types").DateAndTimeFilter | import("../AdditionalFilter/types").DateTimeFilter | import("../AdditionalFilter/types").MultiSelectFilter | undefined;
+    filter?: import("../AdditionalFilter/types").NumericFilter | import("../AdditionalFilter/types").SingleSelectFilter | import("../AdditionalFilter/types").DateFilter | import("../AdditionalFilter/types").DateAndTimeFilter | import("../AdditionalFilter/types").DateTimeFilter | import("../AdditionalFilter/types").MultiSelectFilter | import("../AdditionalFilter/types").AdvancedFilter | undefined;
 } | undefined) => string | number | undefined;

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

@@ -29,6 +29,11 @@ export declare type SubscriberOptions = StateOptions & {
     clearInMemoryDb?: boolean;
 };
 export declare type Subscriber = (data: SubscriberOptions) => void;
+export declare enum SavingState {
+    InProgress = "InProgress",
+    Saved = "Saved",
+    Undefined = "Undefined"
+}
 interface VizzlyState {
     get: (identifier: string, listener: Subscriber) => () => void;
     set: (identifier: string, data: StateOptions) => void;

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

@@ -1,3 +1,3 @@
 import { QueryEngineEndpoint } from '../../QueryEngineConfig/types';
 import { Result } from '../../Result/types';
-export declare const createSqlPreview: (queryEngineEndpoint: QueryEngineEndpoint, sql: string, parameters: string | undefined, limit: number, abortSignal?: AbortSignal | undefined) => Promise<Result>;
+export declare const createSqlPreview: (queryEngineEndpoint: QueryEngineEndpoint, sql: string, parameters: string | undefined, limit: number, connectionId: string | undefined, abortSignal?: AbortSignal | undefined) => Promise<Result>;

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

@@ -3,5 +3,5 @@ import { Client } from '../../VizzlyConfig/types';
 declare type Response = {} | {
     reason: string;
 };
-export declare const saveConnection: (queryEngineEndpoint: QueryEngineEndpoint, integrationClient: Client, connection: any, abortSignal?: AbortSignal | undefined) => Promise<Response | null>;
+export declare const saveConnection: (queryEngineEndpoint: QueryEngineEndpoint, integrationClient: Client, connection: any, connectionId: string, abortSignal?: AbortSignal | undefined) => Promise<Response | null>;
 export {};

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

@@ -7,7 +7,8 @@ export declare const formatLongDateAndTime: (date: Date | null) => string | null
 export declare const formatShortDateAndTime: (date: Date | null) => string | null;
 export declare const addMinutes: (date: Date, minutes: number) => Date;
 export declare const isDateBetween: (now: Date, before: Date, after: Date) => boolean;
-export declare const format: (date: Date, format: DateTimeFormat) => string | null;
+export declare const format: (value: Date | string | number, format: DateTimeFormat) => string | null;
+export declare const _formatDate: (date: Date, format: DateTimeFormat) => string | null;
 export declare const fillTruncatedDatesBetween: (start: Date, end: Date, interval: QueryAttributes.TimeDimension.Truncate) => Date[];
 export declare const truncateDateTime: (dateTime: Date, truncate: QueryAttributes.TimeDimension.Truncate) => Date;
 export declare const subtractDays: (date: Date, days: number) => Date;

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

@@ -6,3 +6,4 @@ export declare const toDp: (number: number, decimalPlaces: number) => string;
 export declare const toCurrency: (number: number, currency: 'EUR' | 'GBP' | 'USD') => string;
 export declare const toPercentage: (number: number, decimalPlaces?: number | undefined) => string;
 export declare function formatCompactNumber(number: number): string;
+export declare const numberPostfix: (number: number) => "th" | "st" | "nd" | "rd";

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

@@ -5,4 +5,5 @@ export declare type AlertProps = {
     children?: ReactNode;
     title?: string;
     icon?: ReactNode;
+    className?: string;
 };

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

@@ -7,6 +7,7 @@ import moment from 'moment';
 import { QueryEngineConfig } from '../../../../shared-logic/src/QueryEngineConfig/types';
 import { DataSet } from '../../../../shared-logic/src/DataSet/types';
 import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';
+import { DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';
 declare type DatePickerProps = {
     id?: string | number;
     dynamicWidth?: boolean;
@@ -14,6 +15,7 @@ declare type DatePickerProps = {
     timeFormat?: TimeRangeFormat;
     textOverride?: TextOverride;
     setShowCustom?: (value: boolean) => void;
+    datePickerFormat?: DashboardBehaviour['datePickerFormat'];
     showCustom?: boolean;
     queryEngineConfig?: QueryEngineConfig;
     data?: DataSet[];

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

@@ -14,6 +14,7 @@ export declare const DateTimeFilter: FunctionComponent<{
     placeholder: string;
     hasCustomPicker?: boolean;
     dateFilterOptions: DashboardBehaviour['dateFilterOptions'];
+    datePickerFormat?: DashboardBehaviour['datePickerFormat'];
     showClearBtn?: boolean;
     textOverride?: DashboardBehaviour['textOverride'];
     queryEngineConfig?: QueryEngineConfig;

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

@@ -1,6 +1,8 @@
 import { FunctionComponent } from 'react';
 export declare const DATE_FORMAT: {
     readonly DDMMYYYY: "DD/MM/YYYY";
+    readonly MMDDYYYY: "MM/DD/YYYY";
+    readonly YYYYMMDD: "YYYY/MM/DD";
 };
 export declare type DateRangeFormat = (typeof DATE_FORMAT)[keyof typeof DATE_FORMAT];
 export declare const DateTimePickerInput: FunctionComponent<{

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

@@ -2,7 +2,7 @@ import { Dispatch, FunctionComponent, SetStateAction } from 'react';
 import { TextOverride } from '../../../../shared-logic/src/Translations/types';
 import { DateRangePickerState, FixedRangeState, Time } from './CustomRangePicker';
 export declare const FixedRange: FunctionComponent<{
-    dateFormat: 'DD/MM/YYYY';
+    dateFormat: 'DD/MM/YYYY' | 'MM/DD/YYYY' | 'YYYY/MM/DD';
     textOverride: TextOverride | undefined;
     fixed?: FixedRangeState;
     onApply: () => void;

package/dist/shared-ui/src/base/Dragging/DragLayer.d.ts

@@ -3,4 +3,10 @@ export declare const DragLayer: FunctionComponent<{
     children: ReactNode;
     selectedItem?: (item: any) => void;
 }>;
-export declare function createTransparentImage(width: number, height: number): string;
+export declare function createTransparentImage(width: number, height: number, params?: {
+    fillStyle?: string;
+    border?: string;
+    borderRadius?: string;
+    positionLeft?: string;
+    xPosition?: number;
+}): string;

package/dist/shared-ui/src/base/Empty/EmptyContainer.d.ts

@@ -4,6 +4,7 @@ export declare const EmptyContainer: React.FunctionComponent<{
     renderExtra?: (() => ReactNode) | undefined;
     opacity?: 40 | 60 | undefined;
     children?: ReactNode;
+    contentClassName?: string | undefined;
 }> & {
     Extra: React.FunctionComponent<{
         children: ReactNode;

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

@@ -8,4 +8,5 @@ export declare const Panel: React.ForwardRefExoticComponent<{
     onHover?: ((active: boolean) => void) | undefined;
     width?: CSSProperties['width'];
     padding?: CSSProperties['padding'];
+    "data-component"?: string | undefined;
 } & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,7 +1,12 @@
 import { CSSProperties } from 'react';
+import { VizzlyTheming } from '../../types';
+interface TooltipStyles extends VizzlyTheming.Tooltip {
+    minWidth?: CSSProperties['minWidth'];
+}
 export declare const tooltipStyles: (() => null) & {
-    popover: (minWidth?: CSSProperties['minWidth']) => {
+    popover: ({ minWidth, background, borderRadius, boxShadow, color, fontFamily, fontSize, fontWeight, letterSpacing, lineHeight, padding, }: TooltipStyles) => {
         (variantOptions: Object): string;
         toString: any;
     };
 };
+export {};

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

@@ -11,4 +11,5 @@ export declare const AdvancedDisplayValues: FunctionComponent<{
     chips?: DisplayChipsType[];
     clearDisabled?: boolean;
     onClick: (open: boolean) => void;
+    id: string;
 }>;

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

@@ -1,7 +1,5 @@
 import { FunctionComponent } from 'react';
-import { TextOverride } from '../../../../../shared-logic/src/Translations/types';
 import { DisplayChipsType } from './displayChips.funcs';
 export declare const DisplayChips: FunctionComponent<{
     chips: DisplayChipsType[];
-    textOverride?: TextOverride;
 }>;

package/dist/shared-ui/src/components/AdditionalFilter/{MultiSelectFilter → AdvancedPicker}/advancedFilters.d.ts

@@ -1,5 +1,5 @@
 import { QueryAttributes } from '../../../../../shared-logic/src/QueryAttributes/types';
 import { MultiSelectFilter as MultiSelectFilterType, NumericFilter } from '../../../../../shared-logic/src/AdditionalFilter/types';
-import { FilterType } from './AdvancedSelectFilter';
-export declare const definingForFilterInput: (filter: MultiSelectFilterType | NumericFilter, type: FilterType) => QueryAttributes.Filter[][];
+import { DataType } from '../../../../../shared-logic/src/Field/types';
+export declare const definingForFilterInput: (filter: MultiSelectFilterType | NumericFilter, type: Omit<DataType, 'date_time'>) => QueryAttributes.Filter[][];
 export declare function buildForEachAppliesToField(completedFilters: QueryAttributes.Filter[][], filter: NumericFilter | MultiSelectFilterType): QueryAttributes.Filter[];

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

@@ -1,8 +1,16 @@
-import { QueryAttributes } from '../../../../../shared-logic/src/QueryAttributes/types';
+import { MultiSelectFilter, NumericFilter } from '../../../../../shared-logic/src/AdditionalFilter/types';
+import { QueryAttributes, SupportedOperators } from '../../../../../shared-logic/src/QueryAttributes/types';
+import { DataType } from '../../../../../shared-logic/src/Field/types';
 export declare type DisplayChipsType = {
     full: string[];
     op: string;
 };
+export declare enum FilterType {
+    STRING_FILTER = "string",
+    STRING_ARRAY_FILTER = "string[]",
+    NUMERIC_FILTER = "number",
+    BOOLEAN_FILTER = "boolean"
+}
 export declare const filterValuesToChips: (value: QueryAttributes.Filter[][], filterOptions?: {
     value: any;
     label: string;
@@ -10,4 +18,9 @@ export declare const filterValuesToChips: (value: QueryAttributes.Filter[][], fi
 export declare const valueToChips: (values: string[], filterOptions?: {
     value: any;
     label: string;
-}[] | undefined) => DisplayChipsType[] | undefined;
+}[] | undefined, op?: string | undefined) => DisplayChipsType[] | undefined;
+export declare const getFormattedDisplayValue: (operator: string, value: string | number, supportedOperators: SupportedOperators) => string;
+export declare function getChips(filter: MultiSelectFilter | NumericFilter, type: Omit<DataType, 'date_time'>, options?: {
+    value: any;
+    label: string;
+}[]): DisplayChipsType[] | undefined;

package/dist/shared-ui/src/components/AdditionalFilter/{MultiSelectFilter/AdvancedSelectFilter.d.ts → AdvancedSelectFilter.d.ts}

@@ -1,15 +1,12 @@
-import { MultiSelectFilter as MultiSelectFilterType, NumericFilter } from '../../../../../shared-logic/src/AdditionalFilter/types';
-import { DataSet } from '../../../../../shared-logic/src/DataSet/types';
+import { MultiSelectFilter as MultiSelectFilterType, NumericFilter } from '../../../../shared-logic/src/AdditionalFilter/types';
+import { DataSet } from '../../../../shared-logic/src/DataSet/types';
 import { FunctionComponent } from 'react';
-export declare enum FilterType {
-    MULTI_SELECT_FILTER = "multiSelect",
-    NUMERIC_FILTER = "number"
-}
+import { DataType } from '../../../../shared-logic/src/Field/types';
 export declare const AdvancedSelectFilter: FunctionComponent<{
     filterIndex: number;
     filter: MultiSelectFilterType | NumericFilter;
     dataSets: DataSet[];
     onChange: (filter: MultiSelectFilterType | NumericFilter) => void;
     showClearBtn?: boolean;
-    type: FilterType;
+    type: Omit<DataType, 'date_time'>;
 }>;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';
 import { AdditionalFilter } from '../../../../shared-logic/src/AdditionalFilter/types';
+import { MultiSelectOptions } from '../../base/MultiSelect';
 export declare type AdvancedOptions = {
     inclusiveDate?: boolean;
 };
@@ -32,14 +33,7 @@ export declare const useBuildDashboardFilter: (currentGlobalFilter: AdditionalFi
         label: string;
         value: string;
     }[];
-    fieldOptions: {
-        label: string;
-        value: {
-            dataSetId: string;
-            field: import("../../../../shared-logic/src/Field/types").DateTimeField | import("../../../../shared-logic/src/Field/types").NonDateTimeField | import("../../../../shared-logic/src/CustomField/types").SimpleMathField;
-        };
-        hide: boolean;
-    }[];
+    fieldOptions: MultiSelectOptions[];
     dispatch: React.Dispatch<Action>;
     globalFilter: AdditionalFilter;
 };

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

@@ -17,6 +17,7 @@ declare type ExtendedProps = BarChartViewProps & {
     onDrilldownChange: (payload: Drilldown.SelectedDrilldown) => void;
     drilldownSelections: Drilldown.SelectedDrilldown[];
     onResetDrilldown: () => void;
+    editor?: boolean;
 };
 declare const _default: React.NamedExoticComponent<ExtendedProps>;
 export default _default;

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

@@ -19,4 +19,5 @@ export declare type BarChartProps = {
     onViewClick?: (data: ComponentType.ChartOnViewClick) => void;
     updateComponentAttributes: (attributes: ComponentType.BarChartAttributes | ComponentType.HorizontalBarChartAttributes) => void;
     idPrefix: IdPrefix;
+    editor?: boolean;
 };

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

@@ -21,6 +21,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 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;

package/dist/shared-ui/src/components/DragAndDrop/WidthChangingDnd.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DisplayRow } from '../../../../shared-logic/src/Display/types';
+export declare const WidthChangingDnd: (props: {
+    dropIndex: number;
+    colWidth: number;
+    active: boolean;
+    onDrop: (cellIndex: number, moved: number, displayRow: DisplayRow) => void;
+}) => JSX.Element;

package/dist/shared-ui/src/components/PieChart/PieChartView.d.ts

@@ -9,6 +9,6 @@ export declare type PieChartViewProps = VizzlyComponents.ViewProps<Component.Pie
 export declare const defaultProps: Omit<Component.PieChartAttributes, 'dataSetId'>;
 declare const memoized: React.MemoExoticComponent<{
     (props: PieChartViewProps): JSX.Element;
-    defaultProps: Pick<Component.PieChartAttributes, "filter" | "order" | "offset" | "measure" | "dimension" | "timeDimension" | "limit" | "type" | "viewId" | "displayTitle" | "displaySubject" | "protectedByOrganisation" | "tags" | "conditionalFormattingRules" | "legend" | "parameters" | "labelFormat" | "labelsAsPercentage">;
+    defaultProps: Pick<Component.PieChartAttributes, "filter" | "order" | "offset" | "measure" | "dimension" | "timeDimension" | "limit" | "type" | "viewId" | "displayTitle" | "displaySubject" | "protectedByOrganisation" | "tags" | "conditionalFormattingRules" | "legend" | "parameters" | "labelFormat" | "labelsAsPercentage" | "labels">;
 }>;
 export default memoized;

package/dist/shared-ui/src/components/Studio/StudioApp/ComponentOptions.d.ts

@@ -17,7 +17,6 @@ export declare const PopulatedComponentOptions: (props: {
     onDownload: (downloadType: DownloadType, overrideId?: string | undefined) => void;
     onManageReport: () => void;
     onAddFilter: () => void;
-    onClickSettings: () => void;
     onSetParameters: () => void;
     onAddToLibrary: () => void;
     onShowFullscreen: () => void;

package/dist/shared-ui/src/components/Studio/StudioApp/DragHandle.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import { FunctionComponent, CSSProperties } from 'react';
 import { ConnectDragSource } from 'react-dnd';
 declare type Props = {
     dragSource?: ConnectDragSource;
@@ -6,6 +6,7 @@ declare type Props = {
     enabled: boolean;
     top?: number;
     height?: number;
+    left?: CSSProperties['left'];
 };
 export declare const MoveComponentDragHandle: (props: Props) => JSX.Element;
 export declare const DragHandle: FunctionComponent<Omit<Props, 'dragSource' | 'enabled'>>;
@@ -13,4 +14,8 @@ export declare const useMoveComponentDrag: (rowIndex: number, cellIndex: number)
     adjust: import("react-dnd").XYCoord | null;
     isDragging: boolean;
 }, import("react-dnd").DragElementWrapper<import("react-dnd").DragSourceOptions>, import("react-dnd").DragElementWrapper<import("react-dnd").DragPreviewOptions>];
+export declare const useMoveRow: (currentRowIndex: number) => [{
+    adjust: import("react-dnd").XYCoord | null;
+    isDragging: boolean;
+}, import("react-dnd").DragElementWrapper<import("react-dnd").DragSourceOptions>, import("react-dnd").DragElementWrapper<import("react-dnd").DragPreviewOptions>];
 export {};

package/dist/shared-ui/src/components/Studio/StudioApp/DragHandle.styles.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-export declare const container: (top?: CSSProperties['top']) => {
+export declare const container: (top?: CSSProperties['top'], left?: CSSProperties['left']) => {
     (variantOptions: Object): string;
     toString: any;
 };

package/dist/shared-ui/src/components/Studio/StudioContexts.d.ts

@@ -7,6 +7,7 @@ import { IdentityConfig } from '../../../../shared-logic/src/IdentityConfig/type
 import { StudioState } from '../../contexts/DashboardContext/types';
 import { AIFunctions } from '../../contexts/AIProvider/types';
 import { GlobalLibrary } from '../../../../shared-logic/src/GlobalLibrary';
+import { SavingState } from '../../../../shared-logic/src/VizzlyState';
 export declare type StudioProps = {
     vizzlyApiConfig?: VizzlyComponents.ApiConfig;
     runQueriesCallback: VizzlyComponents.runQueriesCallback;
@@ -37,6 +38,6 @@ export declare type StudioProps = {
     editor?: {
         globalLibraries: GlobalLibrary.Base[];
     };
-    updatingDashboard: boolean;
+    saving: SavingState;
 };
 export declare const StudioContexts: FunctionComponent<StudioProps>;

package/dist/shared-ui/src/components/Studio/StudioViews.d.ts

@@ -0,0 +1,16 @@
+import { FunctionComponent } from 'react';
+import { Display } from '../../../../shared-logic/src/Display/types';
+export declare const StudioViews: FunctionComponent<{
+    display: Display;
+    dashboardGridSettings: {
+        gridColumn: string;
+        gridRow: number;
+    };
+    id: string;
+    generatingPDF: boolean;
+    gridColumns: string[];
+    hideAddCellColumn: boolean;
+    pdfPageBreaks: {
+        [rowIndex: number]: number;
+    } | undefined;
+}>;