@thoughtspot/visual-embed-sdk 1.17.2-customcss → 1.18.0-alpha.1

package/lib/src/visual-embed-sdk.d.ts

@@ -33,8 +33,8 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
         * @module
         * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
         */
-    import { DOMSelector } from '@thoughtspot/visual-embed-sdk/types';
-    import { V1Embed, ViewConfig } from '@thoughtspot/visual-embed-sdk/embed/ts-embed';
+    import { DOMSelector, ViewConfig } from '@thoughtspot/visual-embed-sdk/types';
+    import { V1Embed } from '@thoughtspot/visual-embed-sdk/embed/ts-embed';
     /**
         * Pages within the ThoughtSpot app that can be embedded.
         */
@@ -215,8 +215,8 @@ declare module '@thoughtspot/visual-embed-sdk/embed/liveboard' {
         * @summary Liveboard & visualization embed
         * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
         */
-    import { DOMSelector, HostEvent } from '@thoughtspot/visual-embed-sdk/types';
-    import { V1Embed, ViewConfig } from '@thoughtspot/visual-embed-sdk/embed/ts-embed';
+    import { DOMSelector, HostEvent, ViewConfig } from '@thoughtspot/visual-embed-sdk/types';
+    import { V1Embed } from '@thoughtspot/visual-embed-sdk/embed/ts-embed';
     /**
         * The configuration for the embedded Liveboard or visualization page view.
         * @Category Liveboards and Charts
@@ -320,8 +320,8 @@ declare module '@thoughtspot/visual-embed-sdk/embed/search' {
         * @summary Search embed
         * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
         */
-    import { DOMSelector, Action } from '@thoughtspot/visual-embed-sdk/types';
-    import { ViewConfig, TsEmbed } from '@thoughtspot/visual-embed-sdk/embed/ts-embed';
+    import { DOMSelector, Action, ViewConfig } from '@thoughtspot/visual-embed-sdk/types';
+    import { TsEmbed } from '@thoughtspot/visual-embed-sdk/embed/ts-embed';
     /**
         * Configuration for search options
         */
@@ -358,10 +358,6 @@ declare module '@thoughtspot/visual-embed-sdk/embed/search' {
                 * using raw answer data.
                 */
             hideResults?: boolean;
-            /**
-                * If set to true, expands all the data sources panel.
-                */
-            expandAllDataSource?: boolean;
             /**
                 * If set to true, the Search Assist feature is enabled.
                 * @version SDK: 1.13.0 | ThoughtSpot: 8.5.0.cl, 8.8.1-sw
@@ -410,7 +406,8 @@ declare module '@thoughtspot/visual-embed-sdk/embed/search' {
 }
 
 declare module '@thoughtspot/visual-embed-sdk/embed/search-bar' {
-    import { TsEmbed, ViewConfig } from '@thoughtspot/visual-embed-sdk/embed/ts-embed';
+    import { ViewConfig } from '@thoughtspot/visual-embed-sdk/types';
+    import { TsEmbed } from '@thoughtspot/visual-embed-sdk/embed/ts-embed';
     import { SearchOptions } from '@thoughtspot/visual-embed-sdk/embed/search';
     export interface SearchBarViewConfig extends ViewConfig {
             /**
@@ -430,7 +427,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/search-bar' {
         * Embed ThoughtSpot search bar
         *
         * @Category Search Embed
-        * @version: SDK: 1.17.0 | ThoughtSpot 8.10.0.cl, 9.0.1-sw
+        * @version: SDK: 1.18.0 | ThoughtSpot: 8.10.0.cl, 9.0.1-sw
         */
     export class SearchBarEmbed extends TsEmbed {
             /**
@@ -597,11 +594,11 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
     }
     interface CustomStyles {
             customCSSUrl?: string;
-            customCss?: customCssInterface;
+            customCSS?: customCssInterface;
     }
     export interface CustomisationsInterface {
-            style: CustomStyles;
-            content: {
+            style?: CustomStyles;
+            content?: {
                     [key: string]: string;
             };
     }
@@ -741,7 +738,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *
                 * @version SDK: 1.17.0 | ThoughtSpot: 8.9.0.cl
                 */
-            customisations?: CustomisationsInterface;
+            customizations?: CustomisationsInterface;
             /**
                 * For noRedirect SSO Auth, we need a button which the user
                 * click to trigger the flow. This is the containing element
@@ -757,6 +754,101 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 */
             authTriggerText?: string;
     }
+    export interface LayoutConfig {
+    }
+    /**
+        * Embedded iFrame configuration
+        */
+    export interface FrameParams {
+            /**
+                * The width of the iFrame (unit is pixels if numeric).
+                */
+            width?: number | string;
+            /**
+                * The height of the iFrame (unit is pixels if numeric).
+                */
+            height?: number | string;
+            /**
+                * This parameters will be passed on the iframe
+                * as is.
+                */
+            [key: string]: string | number | boolean | undefined;
+    }
+    /**
+        * The configuration object for an embedded view.
+        */
+    export interface ViewConfig {
+            /**
+                * @hidden
+                */
+            layoutConfig?: LayoutConfig;
+            /**
+                * The <b>width</b> and <b>height</b> dimensions to render an embedded object inside your app.  Specify the values in pixels or percentage.
+                */
+            frameParams?: FrameParams;
+            /**
+                * @hidden
+                */
+            theme?: string;
+            /**
+                * @hidden
+                */
+            styleSheet__unstable?: string;
+            /**
+                * The list of actions to disable from the primary menu, more menu
+                * (...), and the contextual menu.
+                */
+            disabledActions?: Action[];
+            /**
+                * The tooltip to display for disabled actions.
+                */
+            disabledActionReason?: string;
+            /**
+                * The list of actions to hide from the primary menu, more menu
+                * (...), and the contextual menu.
+                */
+            hiddenActions?: Action[];
+            /**
+                * The list of actions to display from the primary menu, more menu
+                * (...), and the contextual menu.
+                * @version SDK: 1.6.0 | ThoughtSpot: ts8.nov.cl, 8.4.1-sw
+                */
+            visibleActions?: Action[];
+            /**
+                * Show alert messages and toast messages in the embedded view.
+                * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
+                */
+            showAlerts?: boolean;
+            /**
+                * The list of runtime filters to apply to a search answer,
+                * visualization, or Liveboard.
+                */
+            runtimeFilters?: RuntimeFilter[];
+            /**
+                * The locale/language to use for the embedded view.
+                * @version SDK: 1.9.4 | ThoughtSpot 8.1.0.cl, 8.4.1-sw
+                */
+            locale?: string;
+            /**
+                * This is an object (key/val) of override flags which will be applied
+                * to the internal embedded object. This can be used to add any
+                * URL flag.
+                * Warning: This option is for advanced use only and is used internally
+                * to control embed behavior in non-regular ways. We do not publish the
+                * list of supported keys and values associated with each.
+                * @version SDK: 1.9.0 | ThoughtSpot: 8.1.0.cl, 8.4.1-sw
+                */
+            additionalFlags?: {
+                    [key: string]: string | number | boolean;
+            };
+            /**
+                * Dynamic CSSUrl and customCSS to be injected in the loaded application.
+                * You would also need to set `style-src` in the CSP settings.
+                * @version SDK: 1.17.2 | ThoughtSpot: 8.4.1-sw, 8.4.0.cl
+                * @default ''
+                */
+            customizations?: CustomisationsInterface;
+    }
     /**
         * MessagePayload: Embed event payload: message type, data and status (start/end)
         */
@@ -1253,7 +1345,10 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * Triggers the Pin action on an embedded object
                 * @param - incase of Liveboard embed, takes in an object with vizId as a key
                 * can be left empty for search and visualization embeds
-                * @example liveboardEmbed.trigger(HostEvent.Pin, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+                * @example
+                * liveboardEmbed.trigger(HostEvent.Pin, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+                * vizEmbed.trigger(HostEvent.Pin)
+                * searchEmbed.trigger(HostEvent.Pin)
                 * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
                 */
             Pin = "pin",
@@ -1300,8 +1395,11 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 */
             DownloadAsPdf = "downloadAsPdf",
             /**
-                * Triggers the Make a copy action on a Liveboard
-                * @example liveboardEmbed.trigger(HostEvent.MakeACopy)
+                * Triggers the Make a copy action on a Liveboard, search or visualization
+                * @example
+                * liveboardEmbed.trigger(HostEvent.MakeACopy, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+                * vizEmbed.trigger(HostEvent.MakeACopy)
+                * searchEmbed.trigger(HostEvent.MakeACopy)
                 * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
                 */
             MakeACopy = "makeACopy",
@@ -1365,15 +1463,74 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * Get TML for the current search.
                 * @example searchEmbed.trigger(HostEvent.GetTML)
-                * @version SDK: 1.18.0 | ThoughtSpot: 8.10.0.cl, 9.0.1-sw
+                * @version SDK: 1.18.0 | ThoughtSpot: 8.10.0.cl
                 */
             GetTML = "getTML",
+            /**
+                * Triggers the ShowUnderlyingData action on visualization or search
+                * @param - an object with vizId as a key
+                * @example
+                * liveboardEmbed.trigger(HostEvent.ShowUnderlyingData, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+                * vizEmbed.trigger(HostEvent.ShowUnderlyingData)
+                * searchEmbed.trigger(HostEvent.ShowUnderlyingData)
+                * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
+                */
+            ShowUnderlyingData = "showUnderlyingData",
+            /**
+                * Triggers the Delete action on visualization or search
+                * @param - incase of Liveboard embed, takes in an object with vizId as a key
+                * can be left empty for search and visualization embeds
+                * @example
+                * liveboardEmbed.trigger(HostEvent.Delete, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+                * vizEmbed.trigger(HostEvent.Delete)
+                * searchEmbed.trigger(HostEvent.Delete)
+                * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
+                */
+            Delete = "delete",
+            /**
+                * Triggers the SpotIQAnalyze action on visualization or search
+                * @param - incase of Liveboard embed, takes in an object with vizId as a key
+                * can be left empty for search and visualization embeds
+                * @example
+                * liveboardEmbed.trigger(HostEvent.SpotIQAnalyze, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+                * vizEmbed.trigger(HostEvent.SpotIQAnalyze)
+                * searchEmbed.trigger(HostEvent.SpotIQAnalyze)
+                * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
+                */
+            SpotIQAnalyze = "spotIQAnalyze",
+            /**
+                * Triggers the Download action on visualization or search when Displaymode is Chart
+                * @example
+                * liveboardEmbed.trigger(HostEvent.Download, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+                * vizEmbed.trigger(HostEvent.Download)
+                * searchEmbed.trigger(HostEvent.Download)
+                * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
+                */
+            Download = "download",
+            /**
+                * Triggers the downloadAsCSV action on visualization or search when Displaymode is Table
+                * @example
+                * liveboardEmbed.trigger(HostEvent.DownloadAsCsv, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+                * vizEmbed.trigger(HostEvent.DownloadAsCsv)
+                * searchEmbed.trigger(HostEvent.DownloadAsCsv)
+                * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
+                */
+            DownloadAsCsv = "downloadAsCSV",
+            /**
+                * Triggers the downloadAsXLSX action on visualization or search when Displaymode is Table
+                * @example
+                * liveboardEmbed.trigger(HostEvent.DownloadAsXlsx, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+                * vizEmbed.trigger(HostEvent.DownloadAsXlsx)
+                * searchEmbed.trigger(HostEvent.DownloadAsXlsx)
+                * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
+                */
+            DownloadAsXlsx = "downloadAsXLSX",
             /**
                 * Triggers the Share action on a liveboard or answer
                 * @example
                 * liveboardEmbed.trigger(HostEvent.Share)
                 * searchEmbed.trigger(HostEvent.Share)
-                * @version SDK: 1.19.0 | Thoughtspot: 9.0.0.cl, 9.0.1-sw
+                * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
                 */
             Share = "share",
             /**
@@ -1381,9 +1538,36 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @example
                 * liveboardEmbed.trigger(HostEvent.Save)
                 * searchEmbed.trigger(HostEvent.Save)
-                * @version SDK: 1.19.0 | Thoughtspot: 9.0.0.cl, 9.0.1-sw
+                * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
+                */
+            Save = "save",
+            /**
+                * Triggers the SyncToSheets action on visualization
+                * @param - an object with vizId as a key
+                * @example
+                * liveboardEmbed.trigger(HostEvent.SyncToSheets, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+                * vizEmbed.trigger(HostEvent.SyncToSheets)
+                * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
+                */
+            SyncToSheets = "sync-to-sheets",
+            /**
+                * Triggers the SyncToOtherApps action on visualization
+                * @param - an object with vizId as a key
+                * @example
+                * liveboardEmbed.trigger(HostEvent.SyncToOtherApps, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+                * vizEmbed.trigger(HostEvent.SyncToOtherApps)
+                * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
+                */
+            SyncToOtherApps = "sync-to-other-apps",
+            /**
+                * Triggers the ManagePipelines action on visualization
+                * @param - an object with vizId as a key
+                * @example
+                * liveboardEmbed.trigger(HostEvent.ManagePipelines, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+                * vizEmbed.trigger(HostEvent.ManagePipelines)
+                * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
                 */
-            Save = "save"
+            ManagePipelines = "manage-pipeline"
     }
     /**
         * The different visual modes that the data sources panel within
@@ -1623,106 +1807,11 @@ declare module '@thoughtspot/visual-embed-sdk/embed/ts-embed' {
         * @summary Base classes
         * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
         */
-    import { DOMSelector, HostEvent, EmbedEvent, MessageCallback, Action, RuntimeFilter, EmbedConfig, MessageOptions } from '@thoughtspot/visual-embed-sdk/types';
+    import { DOMSelector, HostEvent, EmbedEvent, MessageCallback, EmbedConfig, MessageOptions, ViewConfig, FrameParams } from '@thoughtspot/visual-embed-sdk/types';
     /**
         * Global prefix for all Thoughtspot postHash Params.
         */
     export const THOUGHTSPOT_PARAM_PREFIX = "ts-";
-    export interface LayoutConfig {
-    }
-    /**
-        * Embedded iFrame configuration
-        */
-    export interface FrameParams {
-            /**
-                * The width of the iFrame (unit is pixels if numeric).
-                */
-            width?: number | string;
-            /**
-                * The height of the iFrame (unit is pixels if numeric).
-                */
-            height?: number | string;
-            /**
-                * This parameters will be passed on the iframe
-                * as is.
-                */
-            [key: string]: string | number | boolean | undefined;
-    }
-    /**
-        * The configuration object for an embedded view.
-        */
-    export interface ViewConfig {
-            /**
-                * @hidden
-                */
-            layoutConfig?: LayoutConfig;
-            /**
-                * The <b>width</b> and <b>height</b> dimensions to render an embedded object inside your app.  Specify the values in pixels or percentage.
-                */
-            frameParams?: FrameParams;
-            /**
-                * @hidden
-                */
-            theme?: string;
-            /**
-                * @hidden
-                */
-            styleSheet__unstable?: string;
-            /**
-                * The list of actions to disable from the primary menu, more menu
-                * (...), and the contextual menu.
-                */
-            disabledActions?: Action[];
-            /**
-                * The tooltip to display for disabled actions.
-                */
-            disabledActionReason?: string;
-            /**
-                * The list of actions to hide from the primary menu, more menu
-                * (...), and the contextual menu.
-                */
-            hiddenActions?: Action[];
-            /**
-                * The list of actions to display from the primary menu, more menu
-                * (...), and the contextual menu.
-                * @version SDK: 1.6.0 | ThoughtSpot: ts8.nov.cl, 8.4.1-sw
-                */
-            visibleActions?: Action[];
-            /**
-                * Show alert messages and toast messages in the embedded view.
-                * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
-                */
-            showAlerts?: boolean;
-            /**
-                * The list of runtime filters to apply to a search answer,
-                * visualization, or Liveboard.
-                */
-            runtimeFilters?: RuntimeFilter[];
-            /**
-                * The locale/language to use for the embedded view.
-                * @version SDK: 1.9.4 | ThoughtSpot 8.1.0.cl, 8.4.1-sw
-                */
-            locale?: string;
-            /**
-                * This is an object (key/val) of override flags which will be applied
-                * to the internal embedded object. This can be used to add any
-                * URL flag.
-                * Warning: This option is for advanced use only and is used internally
-                * to control embed behavior in non-regular ways. We do not publish the
-                * list of supported keys and values associated with each.
-                * @version SDK: 1.9.0 | ThoughtSpot: 8.1.0.cl, 8.4.1-sw
-                */
-            additionalFlags?: {
-                    [key: string]: string | number | boolean;
-            };
-            /**
-                * Dynamic CSS Url to be injected in the loaded application.
-                * You would also need to set `style-src` in the CSP settings.
-                * @version SDK: 1.17.2 | ThoughtSpot: 8.4.1-sw, 8.4.0.cl
-                * @default ''
-                */
-            customCssUrl?: string;
-    }
     /**
         * Base class for embedding v2 experience
         * Note: the v2 version of ThoughtSpot Blink is built on the new stack:
@@ -1823,7 +1912,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/ts-embed' {
                 * @param messageType The event type
                 * @param data The payload to send with the message
                 */
-            trigger(messageType: HostEvent, data: any): Promise<any>;
+            trigger(messageType: HostEvent, data?: any): Promise<any>;
             /**
                 * Marks the ThoughtSpot object to have been rendered
                 * Needs to be overridden by subclasses to do the actual

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.17.2-customcss",
+    "version": "1.18.0-alpha.1",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",
@@ -12,12 +12,16 @@
     ],
     "exports": {
         ".": "./lib/src/index.js",
-        "./react": "./lib/src/react/index.js"
+        "./react": {
+            "import": "./lib/src/react/index.js",
+            "require": "./cjs/src/react.index.js",
+            "types": "./lib/src/react/index.d.ts"
+        }
     },
     "scripts": {
         "lint": "eslint 'src/**'",
         "lint:fix": "eslint 'src/**/*.*' --fix",
-        "tsc": "tsc -p . --incremental false",
+        "tsc": "tsc -p . --incremental false; tsc -p . --incremental false --module commonjs --outDir cjs",
         "start": "gatsby develop",
         "build:gatsby": "npm run clean:gatsby && gatsby build --prefix-paths",
         "build:gatsby:noprefix": "npm run clean:gatsby && gatsby build",
@@ -117,7 +121,7 @@
         "typedoc": "0.21.6",
         "typedoc-neo-theme": "^1.1.0",
         "typedoc-plugin-toc-group": "0.0.5",
-        "typescript": "^4.1.0",
+        "typescript": "^4.9.4",
         "url-search-params-polyfill": "^8.1.0",
         "util": "^0.12.4"
     },

package/src/embed/app.ts

@@ -10,8 +10,14 @@
  */
 
 import { getFilterQuery, getQueryParamString } from '../utils';
-import { Param, RuntimeFilter, DOMSelector, HostEvent } from '../types';
-import { V1Embed, ViewConfig } from './ts-embed';
+import {
+    Param,
+    RuntimeFilter,
+    DOMSelector,
+    HostEvent,
+    ViewConfig,
+} from '../types';
+import { V1Embed } from './ts-embed';
 
 /**
  * Pages within the ThoughtSpot app that can be embedded.

package/src/embed/base.ts

@@ -171,11 +171,11 @@ export const init = (embedConfig: EmbedConfig): EventEmitter => {
         authType: config.authType,
         host: config.thoughtSpotHost,
         usedCustomizationSheet:
-            embedConfig.customisations?.style?.customCSSUrl != null,
+            embedConfig.customizations?.style?.customCSSUrl != null,
         usedCustomizationVariables:
-            embedConfig.customisations?.style?.customCss?.variables != null,
+            embedConfig.customizations?.style?.customCSS?.variables != null,
         usedCustomizationRules:
-            embedConfig.customisations?.style?.customCss?.rules_UNSTABLE !=
+            embedConfig.customizations?.style?.customCSS?.rules_UNSTABLE !=
             null,
     });
 

package/src/embed/liveboard.ts

@@ -17,9 +17,10 @@ import {
     RuntimeFilter,
     DOMSelector,
     HostEvent,
+    ViewConfig,
 } from '../types';
 import { getFilterQuery, getQueryParamString } from '../utils';
-import { V1Embed, ViewConfig } from './ts-embed';
+import { V1Embed } from './ts-embed';
 
 /**
  * The configuration for the embedded Liveboard or visualization page view.

package/src/embed/search-bar.tsx

@@ -1,6 +1,6 @@
-import { DOMSelector, Param, Action } from '../types';
+import { DOMSelector, Param, Action, ViewConfig } from '../types';
 import { getQueryParamString } from '../utils';
-import { TsEmbed, ViewConfig } from './ts-embed';
+import { TsEmbed } from './ts-embed';
 import { SearchOptions } from './search';
 
 export interface SearchBarViewConfig extends ViewConfig {
@@ -22,7 +22,7 @@ export interface SearchBarViewConfig extends ViewConfig {
  * Embed ThoughtSpot search bar
  *
  * @Category Search Embed
- * @version: SDK: 1.17.0 | ThoughtSpot 8.10.0.cl, 9.0.1-sw
+ * @version: SDK: 1.18.0 | ThoughtSpot: 8.10.0.cl, 9.0.1-sw
  */
 export class SearchBarEmbed extends TsEmbed {
     /**

package/src/embed/search.ts

@@ -7,9 +7,15 @@
  * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
  */
 
-import { DataSourceVisualMode, DOMSelector, Param, Action } from '../types';
+import {
+    DataSourceVisualMode,
+    DOMSelector,
+    Param,
+    Action,
+    ViewConfig,
+} from '../types';
 import { getQueryParamString, checkReleaseVersionInBeta } from '../utils';
-import { ViewConfig, TsEmbed } from './ts-embed';
+import { TsEmbed } from './ts-embed';
 import { version } from '../../package.json';
 import { ERROR_MESSAGE } from '../errors';
 import { getAuthPromise, getEmbedConfig } from './base';
@@ -52,10 +58,6 @@ export interface SearchViewConfig extends ViewConfig {
      * using raw answer data.
      */
     hideResults?: boolean;
-    /**
-     * If set to true, expands all the data sources panel.
-     */
-    expandAllDataSource?: boolean;
     /**
      * If set to true, the Search Assist feature is enabled.
      * @version SDK: 1.13.0 | ThoughtSpot: 8.5.0.cl, 8.8.1-sw
@@ -134,7 +136,6 @@ export class SearchEmbed extends TsEmbed {
     private getIFrameSrc(answerId: string, dataSources?: string[]) {
         const {
             hideResults,
-            expandAllDataSource,
             enableSearchAssist,
             forceTable,
             searchOptions,

package/src/embed/ts-embed.spec.ts

@@ -48,6 +48,13 @@ const customisations = {
     content: {},
 };
 
+const customisationsView = {
+    style: {
+        customCSSUrl: 'http://localhost:8000',
+    },
+    content: {},
+};
+
 describe('Unit test case for ts embed', () => {
     const mockMixPanelEvent = jest.spyOn(
         mixpanelInstance,
@@ -66,7 +73,8 @@ describe('Unit test case for ts embed', () => {
             init({
                 thoughtSpotHost: 'tshost',
                 authType: AuthType.None,
-                customisations,
+                customizations: customisations,
+                customCssUrl: 'http://localhost:5000',
             });
         });
 
@@ -94,6 +102,36 @@ describe('Unit test case for ts embed', () => {
             });
         });
 
+        test('verify Customisations from viewConfig', async () => {
+            const mockEmbedEventPayload = {
+                type: EmbedEvent.APP_INIT,
+                data: {},
+            };
+            const searchEmbed = new SearchEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                customizations: customisationsView,
+            });
+            searchEmbed.render();
+            const mockPort: any = {
+                postMessage: jest.fn(),
+            };
+            await executeAfterWait(() => {
+                const iframe = getIFrameEl();
+                postMessageToParent(
+                    iframe.contentWindow,
+                    mockEmbedEventPayload,
+                    mockPort,
+                );
+            });
+            expect(mockPort.postMessage).toHaveBeenCalledWith({
+                type: EmbedEvent.APP_INIT,
+                data: { customisations: customisationsView },
+            });
+            expect(getIFrameSrc()).toContain(
+                `customCssUrl=${customisationsView.style.customCSSUrl}`,
+            );
+        });
+
         test('when Embed event status have start status', (done) => {
             const mockEmbedEventPayload = {
                 type: EmbedEvent.Save,