@thoughtspot/ts-chart-sdk 0.0.1-alpha.5 → 0.0.1-alpha.7

package/lib/react/mocks/custom-chart-context-mock.js

@@ -56,36 +56,38 @@ export const contextChartProps = {
             ],
         },
     ],
-    visualPropEditorDefinition: {
-        elements: [
-            {
-                key: 'color',
-                type: 'radio',
-                defaultValue: 'red',
-                values: ['red', 'green', 'yellow'],
-                label: 'Colors',
-            },
-            {
-                type: 'section',
-                key: 'accordion',
-                label: 'Accordion',
-                children: [
-                    {
-                        key: 'Color2',
-                        type: 'radio',
-                        defaultValue: 'blue',
-                        values: ['blue', 'white', 'red'],
-                        label: 'Color2',
-                    },
-                    {
-                        key: 'datalabels',
-                        type: 'toggle',
-                        defaultValue: false,
-                        label: 'Data Labels',
-                    },
-                ],
-            },
-        ],
+    getVisualPropEditorDefinition: (chartModel) => {
+        return {
+            elements: [
+                {
+                    key: 'color',
+                    type: 'radio',
+                    defaultValue: 'red',
+                    values: ['red', 'green', 'yellow'],
+                    label: 'Colors',
+                },
+                {
+                    type: 'section',
+                    key: 'accordion',
+                    label: 'Accordion',
+                    children: [
+                        {
+                            key: 'Color2',
+                            type: 'radio',
+                            defaultValue: 'blue',
+                            values: ['blue', 'white', 'red'],
+                            label: 'Color2',
+                        },
+                        {
+                            key: 'datalabels',
+                            type: 'toggle',
+                            defaultValue: false,
+                            label: 'Data Labels',
+                        },
+                    ],
+                },
+            ],
+        };
     },
     renderChart: (cx) => {
         return Promise.resolve();

package/lib/react/mocks/custom-chart-context-mock.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-chart-context-mock.js","sourceRoot":"","sources":["../../../src/react/mocks/custom-chart-context-mock.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"custom-chart-context-mock.js","sourceRoot":"","sources":["../../../src/react/mocks/custom-chart-context-mock.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@thoughtspot/ts-chart-sdk",
     "private": false,
-    "version": "0.0.1-alpha.5",
+    "version": "0.0.1-alpha.7",
     "module": "lib/index",
     "main": "lib/index",
     "types": "lib/index",

package/src/main/custom-chart-context.ts

@@ -104,6 +104,8 @@ export type CustomChartContextProps = {
      * on the TS app. If not provided, visual properties will not be configurable in
      * editor
      *
+     * @param chartModel
+     * @returns {@link VisualPropEditorDefinition}
      * @version SDK: 0.1 | ThoughtSpot:
      */
     visualPropEditorDefinition?: VisualPropEditorDefinition;
@@ -116,7 +118,6 @@ const DEFAULT_CHART_CONTEXT_PROPS: Partial<CustomChartContextProps> = {
     validateConfig: () => ({ isValid: true }),
     validateVisualProps: () => ({ isValid: true }),
     chartConfigEditorDefinition: undefined,
-    visualPropEditorDefinition: undefined,
 };
 
 export class CustomChartContext {
@@ -549,7 +550,6 @@ export class CustomChartContext {
                         this.chartModel,
                     );
             }
-
             return {
                 isConfigValid: isValid,
                 defaultChartConfig,

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

@@ -17,49 +17,49 @@ export interface InputValidation {
      *
      * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
      */
-    required: boolean;
+    required?: boolean;
     /**
      * Error message to display when input is required but not provided.
      *
      * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
      */
-    requiredError: string;
+    requiredError?: string;
     /**
      * Regular expression pattern to validate the input against.
      *
      * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
      */
-    regex: string;
+    regex?: string;
     /**
      * Error message to display when input doesn't match the regex pattern.
      *
      * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
      */
-    regexError: string;
+    regexError?: string;
     /**
      * Minimum length required for the input.
      *
      * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
      */
-    minLength: number;
+    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;
+    minLengthError?: string;
     /**
      * Range of values allowed for the input.
      *
      * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
      */
-    range: string;
+    range?: string;
     /**
      * Error message to display when input value is outside the allowed range.
      *
      * @version SDK: 0.0.1-alpha.3 | ThoughtSpot:
      */
-    rangeError: string;
+    rangeError?: string;
 }
 
 /**
@@ -115,6 +115,73 @@ export interface TextInputFormDetail {
     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;
+}
+
 /**
  * Toggle Form Element for the visual props editor
  *
@@ -284,6 +351,8 @@ export interface Section {
 export type PropElement =
     | Section
     | TextInputFormDetail
+    | NumberInputFormDetail
+    | ColorPickerFormDetail
     | ToggleFormDetail
     | CheckboxFormDetail
     | RadioButtonFormDetail

package/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>;
-