@vizzly/dashboard 0.7.1 → 0.7.2-dev-dba36cbd0af6b3bcb07804673072c6fb5fb27a1f

package/dist/shared-ui/src/components/AI/AIEditor.d.ts

@@ -0,0 +1,12 @@
+import { FunctionComponent } from 'react';
+import { Component } from '../../../../shared-logic/src/Component/types';
+import { DataSet } from '../../../../shared-logic/src/DataSet/types';
+import { QueryEngineConfig } from '../../../../shared-logic/src/QueryEngineConfig/types';
+export declare const AIEditor: FunctionComponent<{
+    closeAI?: () => void;
+    setAttributes: (attributes: Component.Attributes) => void;
+    attributes: Component.Attributes;
+    dataSet: DataSet;
+    queryEngineConfig: QueryEngineConfig;
+    closed?: boolean;
+}>;

package/dist/shared-ui/src/components/AI/AIPrompts.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+export declare const AIPrompts: FunctionComponent<{
+    onChange: (message: string) => void;
+}>;

package/dist/shared-ui/src/components/AI/AIWindow.d.ts

@@ -0,0 +1,12 @@
+import { FunctionComponent } from 'react';
+import { Component } from '../../../../shared-logic/src/Component/types';
+import { DataSet } from '../../../../shared-logic/src/DataSet/types';
+import { QueryEngineConfig } from '../../../../shared-logic/src/QueryEngineConfig/types';
+export declare const AIWindow: FunctionComponent<{
+    closeAI?: () => void;
+    setAttributes: (attributes: Component.Attributes) => void;
+    attributes: Component.Attributes;
+    dataSet: DataSet;
+    queryEngineConfig: QueryEngineConfig;
+    closed?: boolean;
+}>;

package/dist/shared-ui/src/components/AI/Conversation.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+import { ReplyOptionsProps } from './ConversationOptions';
+import { Message } from '../../../../shared-logic/src/AI/types';
+export declare const Conversation: {
+    Replies: React.FunctionComponent<Message & {
+        onTypingEnd?: (() => void) | undefined;
+        options?: ReplyOptionsProps | undefined;
+    }>;
+    Loading: () => JSX.Element;
+    Reply: (props: {
+        message?: string;
+        label?: string;
+        icon?: ReactNode;
+        onTypingEnd?: (() => void) | undefined;
+        options?: ReplyOptionsProps;
+        loading?: boolean;
+        id: string;
+    }) => JSX.Element;
+    You: (props: {
+        message: string;
+        id: string;
+    }) => JSX.Element;
+};

package/dist/shared-ui/src/components/AI/ConversationOptions.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent } from 'react';
+export declare type ReplyOptionsProps = {
+    onReload?: () => void;
+    onThumbsUp?: () => void;
+    thumbsUp?: boolean;
+    onThumbsDown?: () => void;
+    thumbsDown?: boolean;
+    onSelect?: () => void;
+    ['data-id']: string;
+};
+export declare const ReplyOptions: FunctionComponent<ReplyOptionsProps>;

package/dist/shared-ui/src/components/AI/Typewriter.d.ts

@@ -0,0 +1,14 @@
+import { FunctionComponent } from 'react';
+declare type TypewriterProps = {
+    message: string;
+    onTypingEnd?: () => void;
+    typingSpeed?: number;
+};
+export declare const Typewriter: FunctionComponent<TypewriterProps>;
+declare type UseTypewriterProps = {
+    message: string;
+    typingSpeed?: number;
+    onTypingEnd?: () => void;
+};
+export declare const useTypewriter: ({ message, typingSpeed, onTypingEnd }: UseTypewriterProps) => string;
+export {};

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

@@ -0,0 +1,7 @@
+export declare const getFontProperties: (element: HTMLElement) => {
+    fontFamily: string;
+    fontWeight: string;
+    fontSize: string;
+    letterSpacing: string;
+};
+export declare function calculateLabelWidth(label: string): number;

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

@@ -7,6 +7,7 @@ import { DashboardBehaviour } from '../contexts/DashboardBehaviour/types';
 import { ConditionalFormattingOption } from '../../../charts/src/Legend/Legend';
 import * as Dimension from '../../../shared-logic/src/Dimension';
 import { ConditionalFormattingBoundary } from './DataTable/buildConditionalFormattingBoundaries';
+import { TextOverride } from '../../../shared-logic/src/Translations/types';
 declare type AxisLabelConfig = {
     prefix?: string;
     postfix?: string;
@@ -22,8 +23,8 @@ 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 const formatXAxisLabel: (timeDimension: QueryAttributesType.TimeDimension | null, supportedTimeTruncFunctions: QueryEngineConfig['supportedTimeTruncFunctions'], axisLabelConfig: AxisLabelConfig) => (value: any) => string;
-export declare const formatYAxisLabel: (axisLabelConfig?: AxisLabelConfig | undefined) => (value: any) => string;
-export declare const formatSeriesName: (result: ResultType | null | undefined) => (key: string) => string | undefined;
+export declare const formatYAxisLabel: (textOverride: TextOverride, axisLabelConfig?: AxisLabelConfig | undefined) => (value: any) => string;
+export declare const formatSeriesName: (result: ResultType | null | undefined, textOverride: TextOverride) => (key: string) => string | undefined;
 export declare const convertValueToFormat: (value: any, numberFormatOptions?: {
     [id: string]: import("../contexts/DashboardBehaviour/types").NumberFormatter;
 } | undefined, format?: string | null | undefined) => any;

package/dist/shared-ui/src/{library → components/Icons}/ComponentIcons.d.ts

@@ -11,4 +11,6 @@ export declare const SelectFilter: (props: any) => JSX.Element;
 export declare const SingleStat: (props: any) => JSX.Element;
 export declare const ComboChart: (props: any) => JSX.Element;
 export declare const MercatorMap: (props: any) => JSX.Element;
-export declare const ProgressIcon: () => JSX.Element;
+export declare const ProgressIcon: (props?: {
+    color?: string | undefined;
+} | undefined) => JSX.Element;

package/dist/shared-ui/src/components/Icons/icons.func.d.ts

@@ -0,0 +1 @@
+export declare const componentTypeToIconMapping: any;

package/dist/shared-ui/src/components/Modals/DeleteModal.d.ts

@@ -4,4 +4,5 @@ export declare const DeleteModal: FunctionComponent<{
     onClose: (confirmed: boolean) => void;
     message: string | ReactNode;
     disabledDelete?: boolean;
+    deleteButtonLabel?: string;
 }>;

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

@@ -5,6 +5,7 @@ import { DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';
 import { Dashboard } from '../../../../shared-logic/src/Dashboard/types';
 import { IdentityConfig } from '../../../../shared-logic/src/IdentityConfig/types';
 import { StudioState } from '../../contexts/DashboardContext/types';
+import { AIFunctions } from '../../contexts/AIProvider/types';
 export declare type StudioProps = {
     vizzlyApiConfig?: VizzlyComponents.ApiConfig;
     runQueriesCallback: VizzlyComponents.runQueriesCallback;
@@ -14,6 +15,7 @@ export declare type StudioProps = {
         scope: DashboardBehaviour['scope'];
         featureToggles?: Partial<DashboardBehaviour['featureToggles']>;
     };
+    ai: AIFunctions;
     includeComponents?: ComponentType[];
     excludeComponents?: ComponentType[];
     implementationMeta: VizzlyComponents.ImplementationMeta;

package/dist/shared-ui/src/components/Table/PrefixModal.d.ts

@@ -9,5 +9,5 @@ declare type Props = {
     measures: QueryAttributes.Measure[];
     onSave: (prefix: Component.DataTableAttributes['prefixes'][number]) => void;
 };
-export declare function PrefixModal({ dataSet, isOpen, onClose, measures, onSave, }: Props): JSX.Element;
+export declare function PrefixModal({ dataSet, isOpen, onClose, measures, onSave }: Props): JSX.Element;
 export {};

package/dist/shared-ui/src/contexts/AIProvider/context.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { AIFunctions, AISuggestions } from './types';
+export declare const BACKUP_SUGGESTIONS: string[];
+declare type AIProviderProps = AIFunctions;
+declare type AIProvidedValues = AIFunctions & {
+    suggestions: AISuggestions;
+};
+export declare const AIContext: import("react").Context<{}>;
+export declare const AIContextProvider: FunctionComponent<AIProviderProps & {
+    children: ReactNode;
+}>;
+export declare const useAIBehaviour: () => AIProvidedValues;
+export {};

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

@@ -0,0 +1,15 @@
+import { ConversationState } from '../../../../shared-logic/src/AI/types';
+import { Component } from '../../../../shared-logic/src/Component/types';
+import { AIActionReponse, AIOptions } from '../../../../shared-logic/src/api/vizzly/aiActions';
+export declare type AIFunctions = {
+    onAsk: (question: string, conversationId: string | undefined, currentAttributes: Component.Attributes, abortSignal: AbortSignal) => Promise<OnAskAI>;
+    onAction: (conversationId: string, messageId: string, options: AIOptions) => Promise<OnAIAction>;
+    fetchSuggestions: () => Promise<AISuggestions>;
+};
+export declare type OnAskAI = {
+    conversationId: ConversationState['conversationId'];
+    attributes: Component.Attributes;
+    messageHistory: ConversationState['messageHistory'];
+};
+export declare type AISuggestions = string[];
+export declare type OnAIAction = AIActionReponse;

package/dist/shared-ui/src/contexts/DashboardBehaviour/context.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DashboardBehaviour as DashboardBehaviourType } from './types';
+import { DashboardBehaviour as DashboardBehaviourType, TextOverride } from './types';
 import { Component, ComponentType } from '../../../../shared-logic/src/Component/types';
 import { VizzlyComponents } from '../../types';
 import { Dashboard } from '../../../../shared-logic/src/Dashboard';
@@ -17,6 +17,7 @@ export interface DashboardBehaviourProps {
     disableToolbar?: boolean;
     cascadeFilterSelection?: boolean;
     onReset: () => Promise<Dashboard | null>;
+    textOverride?: TextOverride;
 }
 declare type ProvidedValues = DashboardBehaviourType & {
     setOverrideDeveloperInfo: (developerInfo: DashboardBehaviourType['overrideDeveloperInfo']) => void;

package/dist/shared-ui/src/contexts/DashboardBehaviour/logic.d.ts

@@ -1,8 +1,8 @@
-import { DashboardBehaviour } from './types';
+import { DashboardBehaviour, TextOverride } from './types';
 import { FeatureToggles } from '../../../../shared-logic/src/FeatureToggle/types';
 import { ComponentType } from '../../../../shared-logic/src/Component/types';
 export declare const DEFAULT_MAX_CSV_DOWNLOAD_SIZE = 10000;
 export declare const base: DashboardBehaviour;
 export declare const init: (overrides: Partial<Omit<DashboardBehaviour, 'featureToggles'> & {
     featureToggles: Partial<FeatureToggles>;
-}>, includeComponentTypes: ComponentType[] | undefined, excludeComponentTypes: ComponentType[] | undefined) => DashboardBehaviour;
+}>, includeComponentTypes: ComponentType[] | undefined, excludeComponentTypes: ComponentType[] | undefined, textOverride: TextOverride) => DashboardBehaviour;

package/dist/shared-ui/src/contexts/DashboardBehaviour/numberFormatOptions.d.ts

@@ -1,6 +1,6 @@
-import { DashboardBehaviour } from './types';
-export declare const defaultNumberFormatOptions: DashboardBehaviour['numberFormatOptions'];
+import { DashboardBehaviour, TextOverride } from './types';
+export declare const defaultNumberFormatOptions: (textOverride: TextOverride) => DashboardBehaviour['numberFormatOptions'];
 export declare const DEFAULT_NUMBER_FORMAT_KEY = "default";
-export declare const insertDefaultFormatting: (numberFormatOptions?: {
+export declare const insertDefaultFormatting: (textOverride: TextOverride, numberFormatOptions?: {
     [id: string]: import("./types").NumberFormatter;
 } | undefined) => DashboardBehaviour['numberFormatOptions'];

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

@@ -9,7 +9,7 @@ import { Component } from '../../../../shared-logic/src/Component/types';
 import { Dashboard, SaveableDashboardDefinition } from '../../../../shared-logic/src/Dashboard/types';
 import { AdditionalFilter } from '../../../../shared-logic/src/AdditionalFilter/types';
 import { DateTimeFilterOptions } from '../../../../shared-logic/src/DateTime/types';
-import { ConversationState } from '../../../../shared-logic/src/AI/types';
+import { VizzlyTranslations } from '../../../../shared-logic/src/Translations/translation.types';
 declare type OverrideDeveloperInfo = {
     overrideKey: string;
     componentProps: any;
@@ -26,6 +26,7 @@ export declare type NumberFormatter = {
 export declare type DeveloperTools = {
     theme?: boolean;
     componentOverride?: boolean;
+    translationKeys?: boolean;
 };
 export declare type Scope = 'read' | 'read_write';
 export declare type DashboardFilter = Omit<AdditionalFilter, 'managedByConfiguration'>;
@@ -55,11 +56,10 @@ export declare type DashboardBehaviour = {
     dateFilterOptions: DateTimeFilterOptions;
     overrideDeveloperInfo: OverrideDeveloperInfo | null;
     maxCSVDownloadLimit: number;
-    textOverrides: Partial<{
+    textOverrides: Partial<VizzlyTranslations & {
         'view.data-set-changed': string;
         'view.resizing': string;
         'view.failed-to-fetch-results': string;
-        'dashboard-filters.call-to-action': string;
         'dashboard-filters.custom-range': string;
         'editor.tab.heading.data': string;
         'editor.tab.heading.format': string;
@@ -75,11 +75,6 @@ export declare type DashboardBehaviour = {
         type: ComponentType;
     }) => Array<FormatPanelSection | ((sectionProps: VizzlyComponents.EditorSectionProps<Component.Attributes>) => JSX.Element)>;
     onError?: VizzlyComponents.OnError;
-    onAskAI?: (question: string, conversationId: string | undefined, currentAttributes: Component.Attributes) => Promise<{
-        conversationId: ConversationState['conversationId'];
-        attributes: Component.Attributes;
-        messageHistory: ConversationState['messageHistory'];
-    }>;
     parentDashboard?: (dataSets: DataSet[]) => Promise<Array<Partial<SaveableDashboardDefinition>>>;
     onReset: () => Promise<Dashboard | null>;
     onScheduledReportChange: (reportId: string, newCron: string | null) => Promise<'saved' | 'deleted' | null>;
@@ -91,5 +86,15 @@ export declare type DashboardBehaviour = {
     onViewClick?: (data: Component.OnViewClick) => void;
     disableToolbar?: boolean;
     cascadeFilterSelection?: boolean;
+    textOverride: TextOverride;
+};
+export declare type TextOverride = (key: string, defaultValue: string, options?: TranslationOptions) => string;
+export declare type TranslationOptions = {
+    [key: string]: string | number | Pluralised;
+};
+export declare type Pluralised = {
+    count: number;
+    singular: string;
+    plural: string;
 };
 export {};

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

@@ -79,6 +79,7 @@ export declare type AppendCellAction = {
 export declare type AddHeaderRowAction = {
     type: 'addHeaderRow';
     rowIndex: number;
+    initialTitle: string;
 };
 export declare type RemoveCellAction = {
     type: 'removeCell';

package/dist/shared-ui/src/examples/component-overrides/components.d.ts

@@ -7,9 +7,12 @@ export declare const ConvertToVizzly: (() => null) & {
         secondary?: boolean | undefined;
         disabled?: boolean | undefined;
         onClick?: (() => void | Promise<boolean>) | undefined;
+        onMouseEnter?: (() => boolean | void | Promise<boolean>) | undefined;
         error?: boolean | undefined;
         isLoading?: boolean | undefined;
         success?: boolean | undefined;
+        suppressed?: boolean | undefined;
         type?: "button" | "submit" | undefined;
+        icon?: VizzlyComponents.ComponentOverrides.Props.ButtonIcon | undefined;
     }>>;
 };

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

@@ -1,6 +1,6 @@
 export declare function useDisposables(): {
     enqueue(fn: Function): void;
-    addEventListener<TEventName extends "resize" | "scroll" | "progress" | "reset" | "drag" | "submit" | "select" | "input" | "error" | "mousedown" | "readystatechange" | "abort" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "blur" | "cancel" | "canplay" | "canplaythrough" | "change" | "click" | "close" | "contextmenu" | "cuechange" | "dblclick" | "dragend" | "dragenter" | "dragexit" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "focus" | "focusin" | "focusout" | "gotpointercapture" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "lostpointercapture" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "pause" | "play" | "playing" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "ratechange" | "securitypolicyviolation" | "seeked" | "seeking" | "selectionchange" | "selectstart" | "stalled" | "suspend" | "timeupdate" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "volumechange" | "waiting" | "wheel" | "afterprint" | "beforeprint" | "beforeunload" | "compassneedscalibration" | "devicelight" | "devicemotion" | "deviceorientation" | "deviceorientationabsolute" | "hashchange" | "message" | "mousewheel" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "offline" | "online" | "orientationchange" | "pagehide" | "pageshow" | "popstate" | "storage" | "unload" | "vrdisplayactivate" | "vrdisplayblur" | "vrdisplayconnect" | "vrdisplaydeactivate" | "vrdisplaydisconnect" | "vrdisplayfocus" | "vrdisplaypointerrestricted" | "vrdisplaypointerunrestricted" | "vrdisplaypresentchange" | "languagechange" | "messageerror" | "rejectionhandled" | "unhandledrejection">(element: Document | HTMLElement, name: TEventName, listener: (event: WindowEventMap[TEventName]) => any, options?: boolean | AddEventListenerOptions | undefined): () => void;
+    addEventListener<TEventName extends "resize" | "scroll" | "progress" | "reset" | "drag" | "submit" | "select" | "input" | "error" | "cancel" | "close" | "mousedown" | "readystatechange" | "abort" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "blur" | "canplay" | "canplaythrough" | "change" | "click" | "contextmenu" | "cuechange" | "dblclick" | "dragend" | "dragenter" | "dragexit" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "focus" | "focusin" | "focusout" | "gotpointercapture" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "lostpointercapture" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "pause" | "play" | "playing" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "ratechange" | "securitypolicyviolation" | "seeked" | "seeking" | "selectionchange" | "selectstart" | "stalled" | "suspend" | "timeupdate" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "volumechange" | "waiting" | "wheel" | "afterprint" | "beforeprint" | "beforeunload" | "compassneedscalibration" | "devicelight" | "devicemotion" | "deviceorientation" | "deviceorientationabsolute" | "hashchange" | "message" | "mousewheel" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "offline" | "online" | "orientationchange" | "pagehide" | "pageshow" | "popstate" | "storage" | "unload" | "vrdisplayactivate" | "vrdisplayblur" | "vrdisplayconnect" | "vrdisplaydeactivate" | "vrdisplaydisconnect" | "vrdisplayfocus" | "vrdisplaypointerrestricted" | "vrdisplaypointerunrestricted" | "vrdisplaypresentchange" | "languagechange" | "messageerror" | "rejectionhandled" | "unhandledrejection">(element: Document | HTMLElement, name: TEventName, listener: (event: WindowEventMap[TEventName]) => any, options?: boolean | AddEventListenerOptions | undefined): () => void;
     requestAnimationFrame(callback: FrameRequestCallback): () => void;
     nextFrame(callback: FrameRequestCallback): () => void;
     setTimeout(callback: (args: void) => void, ms?: number | undefined): () => void;

package/dist/shared-ui/src/headlessui/utils/disposables.d.ts

@@ -1,6 +1,6 @@
 export declare function disposables(): {
     enqueue(fn: Function): void;
-    addEventListener<TEventName extends "resize" | "scroll" | "progress" | "reset" | "drag" | "submit" | "select" | "input" | "error" | "mousedown" | "readystatechange" | "abort" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "blur" | "cancel" | "canplay" | "canplaythrough" | "change" | "click" | "close" | "contextmenu" | "cuechange" | "dblclick" | "dragend" | "dragenter" | "dragexit" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "focus" | "focusin" | "focusout" | "gotpointercapture" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "lostpointercapture" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "pause" | "play" | "playing" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "ratechange" | "securitypolicyviolation" | "seeked" | "seeking" | "selectionchange" | "selectstart" | "stalled" | "suspend" | "timeupdate" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "volumechange" | "waiting" | "wheel" | "afterprint" | "beforeprint" | "beforeunload" | "compassneedscalibration" | "devicelight" | "devicemotion" | "deviceorientation" | "deviceorientationabsolute" | "hashchange" | "message" | "mousewheel" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "offline" | "online" | "orientationchange" | "pagehide" | "pageshow" | "popstate" | "storage" | "unload" | "vrdisplayactivate" | "vrdisplayblur" | "vrdisplayconnect" | "vrdisplaydeactivate" | "vrdisplaydisconnect" | "vrdisplayfocus" | "vrdisplaypointerrestricted" | "vrdisplaypointerunrestricted" | "vrdisplaypresentchange" | "languagechange" | "messageerror" | "rejectionhandled" | "unhandledrejection">(element: HTMLElement | Document, name: TEventName, listener: (event: WindowEventMap[TEventName]) => any, options?: boolean | AddEventListenerOptions | undefined): () => void;
+    addEventListener<TEventName extends "resize" | "scroll" | "progress" | "reset" | "drag" | "submit" | "select" | "input" | "error" | "cancel" | "close" | "mousedown" | "readystatechange" | "abort" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "blur" | "canplay" | "canplaythrough" | "change" | "click" | "contextmenu" | "cuechange" | "dblclick" | "dragend" | "dragenter" | "dragexit" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "focus" | "focusin" | "focusout" | "gotpointercapture" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "lostpointercapture" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "pause" | "play" | "playing" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "ratechange" | "securitypolicyviolation" | "seeked" | "seeking" | "selectionchange" | "selectstart" | "stalled" | "suspend" | "timeupdate" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "volumechange" | "waiting" | "wheel" | "afterprint" | "beforeprint" | "beforeunload" | "compassneedscalibration" | "devicelight" | "devicemotion" | "deviceorientation" | "deviceorientationabsolute" | "hashchange" | "message" | "mousewheel" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "offline" | "online" | "orientationchange" | "pagehide" | "pageshow" | "popstate" | "storage" | "unload" | "vrdisplayactivate" | "vrdisplayblur" | "vrdisplayconnect" | "vrdisplaydeactivate" | "vrdisplaydisconnect" | "vrdisplayfocus" | "vrdisplaypointerrestricted" | "vrdisplaypointerunrestricted" | "vrdisplaypresentchange" | "languagechange" | "messageerror" | "rejectionhandled" | "unhandledrejection">(element: HTMLElement | Document, name: TEventName, listener: (event: WindowEventMap[TEventName]) => any, options?: boolean | AddEventListenerOptions | undefined): () => void;
     requestAnimationFrame(callback: FrameRequestCallback): () => void;
     nextFrame(callback: FrameRequestCallback): () => void;
     setTimeout(callback: (args: void) => void, ms?: number | undefined): () => void;

package/dist/shared-ui/src/hooks/useAIAction.d.ts

@@ -0,0 +1,9 @@
+import { AIReaction } from '../../../shared-logic/src/AI/types';
+import { AIFunctions } from '../contexts/AIProvider/types';
+export declare const useAIAction: (onAction: AIFunctions['onAction'], conversationId?: string | undefined) => {
+    reactions?: {
+        messageId: string;
+        reaction: AIReaction;
+    }[] | undefined;
+    sendReaction: (messageId: string, reaction: AIReaction) => Promise<void>;
+};

package/dist/shared-ui/src/hooks/useAiWindow.d.ts

@@ -0,0 +1,21 @@
+import { DashboardBehaviour } from '../contexts/DashboardBehaviour/types';
+import { Component } from '../../../shared-logic/src/Component/types';
+import { AIFeedback, MessageState } from '../../../shared-logic/src/AI/types';
+import { AIFunctions } from '../contexts/AIProvider/types';
+export declare const useAiWindow: (attributes: Component.Attributes, onAskAI: AIFunctions['onAsk'], queryEngineConfig: DashboardBehaviour['queryEngineConfig'], setAttributes: (attributes: Component.Attributes) => void) => {
+    feedback: {
+        error: AIFeedback;
+        message?: string | undefined;
+    } | undefined;
+    reset: () => void;
+    message: string;
+    conversationId: string | undefined;
+    messageState: MessageState;
+    messageHistory: import("../../../shared-logic/src/AI/types").Message[];
+    send: (options?: {
+        message?: string | undefined;
+    } | undefined) => Promise<{
+        status: string;
+    }>;
+    setMessage: (newMessage: string) => void;
+};

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

@@ -1,5 +1,6 @@
 import { SelectOption } from '../base/Select/Select.types';
 import { AsyncSelectOptions } from '../base/Select/types';
+import { TextOverride } from '../../../shared-logic/src/Translations/types';
 declare type Props = {
     currentValue: string | number | null;
     options: SelectOption[] | AsyncSelectOptions;
@@ -8,6 +9,9 @@ declare type Props = {
     maintainOptionOrder?: boolean;
     anchorLeft?: boolean;
     showClearBtn?: boolean;
+    textOverride?: TextOverride;
+    id?: string;
+    labelWidth?: number;
 };
 export declare const Combobox: (props: Props) => JSX.Element;
 export {};

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

@@ -2,7 +2,7 @@ import { FunctionComponent } from 'react';
 import { WipMathField } from './types';
 import { DataSet as DataSetType } from '../../../../../../shared-logic/src/DataSet/types';
 export declare const AddRemoveButton: FunctionComponent<{
-    state: 'Add' | 'Remove';
+    state: 'add' | 'remove';
     onClick?: () => void;
 }>;
 export declare const CalculationReview: FunctionComponent<Omit<WipMathField, 'publicName' | 'mathType'> & {

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

@@ -3,5 +3,6 @@ import { InitValue } from '../../../base/ListView/ListView';
 import { FeatureToggles } from '../../../../../shared-logic/src/FeatureToggle/types';
 import { ComponentType } from '../../../../../shared-logic/src/Component/types';
 import { QueryEngineConfig } from '../../../../../shared-logic/src/QueryEngineConfig/types';
-declare const buildInitOptions: (featureToggles: FeatureToggles, componentType: ComponentType, queryEngineConfig: QueryEngineConfig) => InitValue<CustomFieldCategory>[];
+import { TextOverride } from '../../../../../shared-logic/src/Translations/types';
+declare const buildInitOptions: (featureToggles: FeatureToggles, componentType: ComponentType, queryEngineConfig: QueryEngineConfig, textOverride: TextOverride) => InitValue<CustomFieldCategory>[];
 export default buildInitOptions;

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

@@ -0,0 +1,13 @@
+import { TextOverride } from '../../../../../shared-logic/src/Translations/types';
+interface TextOverrideKeys {
+    math: string;
+    'rules-based_groups': string;
+    percentage: string;
+    number_formatting: string;
+}
+export declare function customMetricText<K extends keyof TextOverrideKeys>(key: K, textOverride: TextOverride): {
+    title: string;
+    subtext: string;
+};
+export declare function buildCustomMetricTitle<K extends keyof TextOverrideKeys>(key: K, textOverride: TextOverride): string;
+export {};

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

@@ -2,7 +2,8 @@ import { DataSet as DataSetType } from '../../../../../shared-logic/src/DataSet/
 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';
 export declare const dimensionToFields: (dataSet: DataSetType, dimension: QueryAttributesType.Dimension[]) => FilterFieldType[];
-export declare const measuresToFields: (dataSet: DataSetType, measures: QueryAttributesType.Measure[], enableChangeToNumber: boolean) => FilterFieldType[];
-export declare const attributesToFields: (dataSet: DataSetType, dimension: QueryAttributesType.Dimension[], measures: QueryAttributesType.Measure[], enableChangeToNumber: boolean) => 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;

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

@@ -3,8 +3,9 @@ import { DataSet as DataSetType } from '../../../../../shared-logic/src/DataSet/
 import { FilterFieldType, WipFilter } from './types';
 import 'twin.macro';
 import { QueryEngineConfig } from '../../../../../shared-logic/src/QueryEngineConfig/types';
+import { TextOverride } from '../../../../../shared-logic/src/Translations/types';
 export declare const FilterInputForm: (props: {
-    fieldHeadingOverride?: "Field" | "Metric" | undefined;
+    fieldHeadingOverride?: string | undefined;
     wipFilters: WipFilter[][];
     completedFilters: QueryAttributes.Filter[][];
     dataSet: DataSetType;
@@ -13,4 +14,5 @@ export declare const FilterInputForm: (props: {
     queryEngineConfig: QueryEngineConfig;
     overrideFieldOptions?: FilterFieldType[] | undefined;
     maxOrFilters?: number | undefined;
+    textOverride: TextOverride;
 }) => JSX.Element;

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

@@ -1,6 +1,7 @@
 import { DataSet } from '../../../../../shared-logic/src/DataSet/types';
 import { FilterFieldType, WipFilter } from './types';
 import { QueryEngineConfig } from '../../../../../shared-logic/src/QueryEngineConfig/types';
+import { TextOverride } from '../../../../../shared-logic/src/Translations/types';
 export declare const IndividualFilter: (props: {
     onChange: (filter: WipFilter) => void;
     onDelete: () => void;
@@ -12,4 +13,5 @@ export declare const IndividualFilter: (props: {
     removeDisabled?: boolean | undefined;
     overrideFieldOptions?: FilterFieldType[] | undefined;
     hideRemove?: boolean | undefined;
+    textOverride: TextOverride;
 }) => JSX.Element;

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

@@ -1,11 +1,13 @@
 import { VizzlyComponents } from '../../types';
 import 'twin.macro';
 import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';
+import { TextOverride } from '../../../../shared-logic/src/Translations/types';
 declare type ManagedProps = {
     filter: QueryAttributes.Filter[][];
 };
 export declare type Props = VizzlyComponents.ManagePartialAttributes<ManagedProps> & {
     defaultOpen?: boolean;
+    textOverride: TextOverride;
 };
 export declare const FilterInput: (inputProps: Props) => JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import { QueryAttributes as QueryAttributesType } from '../../../../../shared-logic/src/QueryAttributes/types';
 import { InitValue } from '../../../base/ListView/ListView';
 import { DataSet as DataSetType } from '../../../../../shared-logic/src/DataSet/types';
-declare const _default: (dataSet: DataSetType, timeDimension: QueryAttributesType['timeDimension'], measure: QueryAttributesType['measure'], dimension: QueryAttributesType['dimension'], createNewSort: (fieldId: string, func: string) => void) => Array<InitValue<any>>;
+import { TextOverride } from '../../../../../shared-logic/src/Translations/types';
+declare const _default: (dataSet: DataSetType, timeDimension: QueryAttributesType['timeDimension'], measure: QueryAttributesType['measure'], dimension: QueryAttributesType['dimension'], createNewSort: (fieldId: string, func: string) => void, textOverride: TextOverride) => Array<InitValue<any>>;
 export default _default;

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

@@ -1,5 +1,10 @@
 import 'twin.macro';
 import { QueryEngineStatusReport } from '../../../shared-logic/src/QueryEngine/types';
+export declare const STRATEGY_TO_TITLE: {
+    dynamic: string;
+    vizzlyApiStore: string;
+    static: string;
+};
 export declare const DisplayStatusReport: (props: {
     statusReport: QueryEngineStatusReport;
 }) => JSX.Element;

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

@@ -5,7 +5,7 @@ export declare type Origin = 'dashboard' | 'library';
 import { Component, Component as ComponentType } from '../../../../shared-logic/src/Component/types';
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';
 import { QueryEngineConfig } from '../../../../shared-logic/src/QueryEngineConfig/types';
-import { DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';
+import { DashboardBehaviour, TextOverride } from '../../contexts/DashboardBehaviour/types';
 import { Dashboard } from '../../../../shared-logic/src/Dashboard/types';
 import { Result } from '../../../../shared-logic/src/Result/types';
 import { StudioAction, StudioState } from '../../contexts/DashboardContext/types';
@@ -22,7 +22,6 @@ declare type ProvidedValues = {
     viewOptions: DashboardBehaviour['onlyViewTypes'];
     onSelectViewType: (viewType: ComponentType['attributes']['type']) => void;
     numberFormatOptions: DashboardBehaviour['numberFormatOptions'];
-    onAskAI: DashboardBehaviour['onAskAI'];
     setAttributes: (attributes: ComponentType.Attributes) => void;
     setLocalFilters: (localFilters: Component['localFilters']) => void;
     setParameterUpdate: (localFilters: Component['updatesFromParameters']) => void;
@@ -35,6 +34,7 @@ declare type ProvidedValues = {
     broadcastEvent: VizzlyComponents.onEventCallback;
     runQueriesCallback: VizzlyComponents.runQueriesCallbackInternal;
     dispatch: React.Dispatch<StudioAction>;
+    textOverride: TextOverride;
 };
 declare const useEditor: () => ProvidedValues | null;
 export default useEditor;

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

@@ -1,4 +1,3 @@
-import 'twin.macro';
 export declare type Origin = 'dashboard' | 'library';
 export declare const Editor: (props: {
     onClose?: () => void;

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

@@ -4,7 +4,8 @@ import { QueryAttributes as QueryAttributesType } from '../../../../../shared-lo
 import { SelectOption } from '../../../base/Select/Select.types';
 import { QueryEngineConfig } from '../../../../../shared-logic/src/QueryEngineConfig/types';
 import { DataType } from '../../../../../shared-logic/src/Field/types';
-export declare const measuresToOptions: (dataSet: DataSetType, measures: QueryAttributesType.Measure[]) => SelectOption[];
+import { TextOverride } from '../../../../../shared-logic/src/Translations/types';
+export declare const measuresToOptions: (dataSet: DataSetType, measures: QueryAttributesType.Measure[], textOverride: TextOverride) => SelectOption[];
 export declare const dimensionToOptions: (dataSet: DataSetType, dimension: QueryAttributesType.Dimension[]) => SelectOption[];
 export declare const resultFieldDataType: (dataSet: DataSetType, fieldId: string, queryEngineConfig: QueryEngineConfig) => DataType;
 export declare const operatorOptions: (dataSet: DataSetType, fieldId: string | undefined, queryEngineConfig: QueryEngineConfig) => SelectOption[];

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function useAutoScroll(): import("react").RefObject<HTMLDivElement>;

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

@@ -0,0 +1,2 @@
+import { Component } from '../../../../shared-logic/src/Component/types';
+export declare function useInitialAttributes(attributes: Component.Attributes): Component.Attributes;