@thoughtspot/ts-chart-sdk 0.0.1-alpha.1 → 0.0.1-alpha.10

package/src/types/visual-prop.types.ts

@@ -8,6 +8,60 @@
  * Copyright: ThoughtSpot Inc. 2023
  */
 
+/**
+ * Configuration for input validation rules
+ */
+export interface InputValidation {
+    /**
+     * Determines if the input is required.
+     *
+     * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
+     */
+    required?: boolean;
+    /**
+     * Error message to display when input is required but not provided.
+     *
+     * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
+     */
+    requiredError?: string;
+    /**
+     * Regular expression pattern to validate the input against.
+     *
+     * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
+     */
+    regex?: string;
+    /**
+     * Error message to display when input doesn't match the regex pattern.
+     *
+     * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
+     */
+    regexError?: string;
+    /**
+     * Minimum length required for the input.
+     *
+     * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
+     */
+    minLength?: number;
+    /**
+     * Error message to display when input length is less than the required minimum.
+     *
+     * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
+     */
+    minLengthError?: string;
+    /**
+     * Range of values allowed for the input.
+     *
+     * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
+     */
+    range?: string;
+    /**
+     * Error message to display when input value is outside the allowed range.
+     *
+     * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
+     */
+    rangeError?: string;
+}
+
 /**
  * Text Form Element for the visual props editor
  *
@@ -53,6 +107,79 @@ export interface TextInputFormDetail {
      * @version SDK: 0.1 | ThoughtSpot:
      */
     defaultValue?: string;
+    /**
+     * inputValidation config for input field
+     *
+     * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
+     */
+    inputValidation?: InputValidation;
+}
+
+/**
+ * Number Form Element for the visual props editor
+ *
+ * @group Visual Properties Editor
+ */
+export interface NumberInputFormDetail {
+    type: 'number';
+    /**
+     * Key to store the value
+     *
+     * @version SDK: 0.0.1-alpha.7 | ThoughtSpot:
+     */
+    key: string;
+    /**
+     * I18n'ed string to show on the form label
+     *
+     * @version SDK: 0.0.1-alpha.7 | ThoughtSpot:
+     */
+    label?: string;
+    /**
+     * Default value
+     *
+     * @version SDK: 0.0.1-alpha.7 | ThoughtSpot:
+     */
+    defaultValue?: number;
+    /**
+     * inputValidation config for input field
+     *
+     * @version SDK: 0.0.1-alpha.7 | ThoughtSpot:
+     */
+    inputValidation?: InputValidation;
+}
+
+/**
+ * Color Picker Form Element for the visual props editor
+ *
+ * @group Visual Properties Editor
+ */
+export interface ColorPickerFormDetail {
+    type: 'colorpicker';
+    /**
+     * Key to store the value
+     *
+     * @version SDK: 0.0.1-alpha.7 | ThoughtSpot:
+     */
+    key: string;
+    /**
+     * I18n'ed string to show on the form label
+     *
+     * @version SDK: 0.0.1-alpha.7 | ThoughtSpot:
+     */
+    label?: string;
+    /**
+     * Display selected color with font or with color only
+     *
+     * @default COLOR
+     * @version SDK: 0.0.1-alpha.7 | ThoughtSpot:
+     */
+    selectorType?: 'FONT' | 'COLOR';
+    /**
+     * Default value
+     *
+     * @version SDK: 0.0.1-alpha.7 | ThoughtSpot:
+     */
+    defaultValue?: string;
 }
 
 /**
@@ -206,6 +333,14 @@ export interface Section {
      * @version SDK: 0.1 | ThoughtSpot:
      */
     alignment?: 'row' | 'column';
+    /**
+     * Defines form layout in the view for the section.
+     * default will be 'accordion' for first section if nothing specified
+     * and will be 'none' for all nested section.
+     *
+     * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
+     */
+    layoutType?: 'accordion' | 'tab' | 'none';
 }
 
 /**
@@ -216,6 +351,8 @@ export interface Section {
 export type PropElement =
     | Section
     | TextInputFormDetail
+    | NumberInputFormDetail
+    | ColorPickerFormDetail
     | ToggleFormDetail
     | CheckboxFormDetail
     | RadioButtonFormDetail

package/lib/dist/ts-chart-sdk.d.ts

@@ -1,312 +0,0 @@
-// Generated by dts-bundle v0.7.3
-
-export interface ChartConfigDimension {
-    key: string;
-    columns: ChartColumn[];
-}
-export interface ChartConfig {
-    key: string;
-    dimensions: ChartConfigDimension[];
-}
-export type DataArray = {
-    columnId: string;
-    columnDataType: DataType;
-    dataValue: any[];
-};
-export type QueryData = {
-    data: DataArray[];
-    completionRatio: number;
-    samplingRatio: number;
-    totalRowCount: number;
-};
-export interface ChartModel {
-    columns: ChartColumn[];
-    data?: QueryData[];
-    sortInfo?: any;
-    visualProps?: VisualProps;
-    config: {
-        chartConfig?: ChartConfig[];
-    };
-}
-export type ValidationResponse = {
-    isValid: boolean;
-    validationErrorMessage?: string[];
-};
-export type VisualProps = JSON;
-type CustomStylingConfig = any;
-export interface AppConfig {
-    styleConfig?: CustomStylingConfig;
-    appOptions?: {
-        isMobile?: boolean;
-        isPrintMode?: boolean;
-        isDebugMode?: boolean;
-    };
-    localeOptions?: {
-        locale: string;
-        quarterStartMonth: string;
-        sessionTimezone: string;
-    };
-    customCalendarConfig?: any;
-}
-export {};
-
-export interface ChartConfigSection {
-    key: string;
-    label: string;
-    maxColumnCount?: number;
-    allowMeasureColumns?: boolean;
-    allowAttributeColumns?: boolean;
-    allowTimeSeriesColumns?: boolean;
-}
-export interface ChartConfigEditorDefinition {
-    key: string;
-    label?: string;
-    descriptionText?: string;
-    columnSections: ChartConfigSection[];
-}
-
-export interface TextInputFormDetail {
-    type: 'text';
-    key: string;
-    label?: string;
-    password?: boolean;
-    multiline?: boolean;
-    placeholder?: string;
-    defaultValue?: string;
-}
-export interface ToggleFormDetail {
-    type: 'toggle';
-    key: string;
-    label?: string;
-    defaultValue?: boolean;
-}
-export interface CheckboxFormDetail {
-    type: 'checkbox';
-    key: string;
-    label?: string;
-    defaultValue?: boolean;
-}
-export interface RadioButtonFormDetail {
-    type: 'radio';
-    key: string;
-    label?: string;
-    defaultValue?: string;
-    values: string[];
-}
-export interface DropDownFormDetail {
-    type: 'dropdown';
-    key: string;
-    label?: string;
-    defaultValue?: string;
-    values: string[];
-}
-export interface Section {
-    type: 'section';
-    key: string;
-    label?: string;
-    children?: PropElement[];
-    alignment?: 'row' | 'column';
-}
-export type PropElement = Section | TextInputFormDetail | ToggleFormDetail | CheckboxFormDetail | RadioButtonFormDetail | DropDownFormDetail;
-export interface VisualPropEditorDefinition {
-    elements: PropElement[];
-}
-
-export enum ColumnType {
-    UNKNOWN = 0,
-    MEASURE = 1,
-    ATTRIBUTE = 2
-}
-export enum DataType {
-    UNKNOWN = 0,
-    BOOL = 1,
-    CHAR = 2,
-    INT32 = 3,
-    INT64 = 4,
-    FLOAT = 5,
-    DOUBLE = 6,
-    DATE = 7,
-    DATE_TIME = 8,
-    TIME = 9,
-    MAX_TYPE = 10
-}
-export enum ColumnTimeBucket {
-    NO_BUCKET = 0,
-    DAILY = 1,
-    WEEKLY = 2,
-    MONTHLY = 3,
-    QUARTERLY = 4,
-    YEARLY = 5,
-    HOURLY = 6,
-    AUTO = 7,
-    HOUR_OF_DAY = 8,
-    DAY_OF_WEEK = 9,
-    DAY_OF_MONTH = 10,
-    DAY_OF_QUARTER = 11,
-    DAY_OF_YEAR = 12,
-    WEEK_OF_MONTH = 13,
-    WEEK_OF_QUARTER = 14,
-    WEEK_OF_YEAR = 15,
-    MONTH_OF_QUARTER = 16,
-    MONTH_OF_YEAR = 17,
-    QUARTER_OF_YEAR = 18
-}
-export enum FormatType {
-    NONE = 0,
-    PATTERN = 1,
-    PERCENTAGE = 2,
-    CURRENCY = 3
-}
-export enum CurrencyFormatType {
-    USER_LOCALE = 0,
-    COLUMN = 1,
-    ISO_CODE = 2
-}
-export interface CurrencyFormat {
-    type: CurrencyFormatType;
-    column: string;
-    isoCode: string;
-}
-export interface ColumnFormat {
-    type: FormatType;
-    pattern?: string;
-    currencyFormat?: CurrencyFormat;
-}
-export interface ChartColumn {
-    id: string;
-    name: string;
-    type: ColumnType;
-    timeBucket: ColumnTimeBucket;
-    dataType: DataType;
-    format?: ColumnFormat;
-}
-
-export enum ChartToTSEvent {
-    OpenContextMenu = "OpenContextMenu",
-    CloseContextMenu = "CloseContextMenu",
-    OpenAxisMenu = "OpenAxisMenu",
-    CloseAxisMenu = "CloseAxisMenu",
-    RenderStart = "RenderStart",
-    RenderError = "RenderError",
-    RenderComplete = "RenderComplete",
-    UpdateVisualProps = "UpdateVisualProps"
-}
-export interface ChartToTSEventsPayloadMap {
-    [ChartToTSEvent.OpenContextMenu]: OpenContextMenuEventPayload;
-    [ChartToTSEvent.CloseContextMenu]: null;
-    [ChartToTSEvent.RenderStart]: null;
-    [ChartToTSEvent.RenderComplete]: null;
-    [ChartToTSEvent.RenderError]: RenderErrorEventPayload;
-    [ChartToTSEvent.UpdateVisualProps]: UpdateVisualPropsEventPayload;
-}
-type UpdateVisualPropsEventPayload = VisualProps;
-export interface PointVal {
-    columnId: string;
-    value: any;
-}
-export interface Point {
-    tuple: PointVal[];
-}
-export interface CustomAction {
-    id: string;
-    label: string;
-    icon: string;
-    onClick: (...args: any[]) => void;
-}
-export interface OpenContextMenuEventPayload {
-    event: Pick<PointerEvent, 'x' | 'y' | 'clientX' | 'clientY' | 'pageX' | 'pageY' | 'screenX' | 'screenY'>;
-    clickedPoint: Point;
-    selectedPoints?: Point[];
-    customActions?: CustomAction[];
-}
-interface RenderErrorEventPayload {
-    hasError: boolean;
-    error: any;
-}
-export enum ErrorType {
-    MultipleContextsNotSupported = "MultipleContextsNotSupported"
-}
-export {};
-
-export enum TSToChartEvent {
-    Initialize = "Initialize",
-    GetDataQuery = "GetDataQuery",
-    ChartConfigValidate = "ChartConfigValidate",
-    ChartModelUpdate = "ChartModelUpdate",
-    DataUpdate = "DataUpdate",
-    TriggerRenderChart = "TriggerRenderChart",
-    VisualPropsValidate = "VisualPropsValidate",
-    VisualPropsUpdate = "VisualPropsUpdate"
-}
-export interface TSToChartEventsPayloadMap {
-    [TSToChartEvent.ChartModelUpdate]: (payload: ChartModelUpdateEventPayload) => void;
-    [TSToChartEvent.DataUpdate]: (payload: DataUpdateEventPayload) => void;
-    [TSToChartEvent.VisualPropsUpdate]: (payload: VisualPropsUpdateEventPayload) => void;
-}
-export interface TSToChartInternalEventsPayloadMap {
-    [TSToChartEvent.Initialize]: (payload: InitializeEventPayload) => InitializeEventResponsePayload;
-    [TSToChartEvent.GetDataQuery]: (payload: GetDataQueryPayload) => GetDataQueryResponsePayload;
-    [TSToChartEvent.ChartConfigValidate]: (payload: ChartConfigValidateEventPayload) => ValidationResponse;
-    [TSToChartEvent.VisualPropsValidate]: (payload: VisualPropsValidateEventPayload) => ValidationResponse;
-    [TSToChartEvent.TriggerRenderChart]: () => void;
-}
-export interface InitializeEventPayload {
-    chartModel: ChartModel;
-    appConfig?: AppConfig;
-    componentId: string;
-    hostUrl: string;
-}
-export interface InitializeEventResponsePayload {
-    isConfigValid: boolean;
-    defaultChartConfig: ChartConfig[];
-    chartConfigEditorDefinition?: ChartConfigEditorDefinition[];
-    visualPropEditorDefinition?: VisualPropEditorDefinition;
-}
-export interface GetDataQueryPayload {
-    config: ChartConfig[];
-}
-export interface Query {
-    queryColumns: ChartColumn[];
-    queryParams?: {
-        offset?: number;
-        size?: number;
-    };
-}
-export interface GetDataQueryResponsePayload {
-    queries: Query[];
-}
-export interface ChartModelUpdateEventPayload {
-    chartModel: ChartModel;
-}
-export interface DataUpdateEventPayload {
-    data: QueryData[];
-}
-export interface VisualPropsUpdateEventPayload {
-    visualProps: VisualProps;
-}
-export interface VisualPropsValidateEventPayload {
-    visualProps: VisualProps;
-}
-export interface ChartConfigValidateEventPayload {
-    chartConfig: ChartConfig[];
-}
-
-export type CustomChartContextProps = {
-    getDefaultChartConfig: (chartModel: ChartModel) => ChartConfig[];
-    getQueriesFromChartConfig: (chartConfig: ChartConfig[]) => Query[];
-    renderChart: (ctx: CustomChartContext) => Promise<void>;
-    validateConfig?: (updatedConfig: ChartConfig[], chartModel: ChartModel) => ValidationResponse;
-    validateVisualProps?: (updatedVisualProps: VisualProps, chartModel: ChartModel) => ValidationResponse;
-    chartConfigEditorDefinition?: ChartConfigEditorDefinition[];
-    visualPropEditorDefinition?: VisualPropEditorDefinition;
-};
-export class CustomChartContext {
-    constructor(chartContextProps: CustomChartContextProps);
-    initialize: () => Promise<void>;
-    on<T extends keyof TSToChartEventsPayloadMap>(eventType: T, callbackFn: TSToChartEventsPayloadMap[T]): void;
-    destroy(): void;
-    getChartModel: () => ChartModel;
-    emitEvent<T extends keyof ChartToTSEventsPayloadMap>(eventType: T, eventPayload: ChartToTSEventsPayloadMap[T]): Promise<any>;
-}
-export const getChartContext: (customChartConfig: CustomChartContextProps) => Promise<CustomChartContext>;
-