SCAL-274111 Add hideTagFilterChips option to BaseViewConfig for cleaner UI

Author: shivam-kumar-ts

src/embed/ts-embed.ts

@@ -57,6 +57,7 @@ import {
     ContextMenuTriggerOptions,
     DefaultAppInitData,
     AllEmbedViewConfig as ViewConfig,
+    ListPageColumns,
 } from '../types';
 import { uploadMixpanelEvent, MIXPANEL_EVENT } from '../mixpanel-service';
 import { processEventData, processAuthFailure } from '../utils/processData';
@@ -426,6 +427,12 @@ export class TsEmbed {
                 message: customActionsResult.errors,
             });
         }
+        const finalHiddenListColumns = [...(this.viewConfig.hiddenListColumns || [])];
+        if (this.viewConfig.hideTagFilterChips) {
+            if (!finalHiddenListColumns.includes(ListPageColumns.Tags)) {
+                finalHiddenListColumns.push(ListPageColumns.Tags);
+            }
+        }
         return {
             customisations: getCustomisations(this.embedConfig, this.viewConfig),
             authToken,
@@ -443,7 +450,7 @@ export class TsEmbed {
                 : [],
             customVariablesForThirdPartyTools:
                 this.embedConfig.customVariablesForThirdPartyTools || {},
-            hiddenListColumns: this.viewConfig.hiddenListColumns || [],
+            hiddenListColumns: finalHiddenListColumns,
             customActions: customActionsResult.actions,
         };
     }
@@ -623,6 +630,7 @@ export class TsEmbed {
             overrideOrgId,
             exposeTranslationIDs,
             primaryAction,
+            hideTagFilterChips,
         } = this.viewConfig;
 
         const { additionalFlags: additionalFlagsFromInit } = this.embedConfig;
@@ -654,7 +662,13 @@ export class TsEmbed {
         if (exposeTranslationIDs) {
             queryParams[Param.ExposeTranslationIDs] = exposeTranslationIDs;
         }
-        queryParams[Param.HideActions] = [...this.defaultHiddenActions, ...(hiddenActions ?? [])];
+        const finalHiddenActions = [...(hiddenActions ?? [])];
+        if (hideTagFilterChips) {
+            if (!finalHiddenActions.includes(Action.ManageTags)) {
+                finalHiddenActions.push(Action.ManageTags);
+            }
+        }
+        queryParams[Param.HideActions] = [...this.defaultHiddenActions, ...finalHiddenActions];
         if (Array.isArray(visibleActions)) {
             queryParams[Param.VisibleActions] = visibleActions;
         }

src/types.ts

@@ -1084,6 +1084,32 @@ export interface BaseViewConfig {
      * ```
      */
     customActions?: CustomAction[];
+        /**
+     * Hide tag filter chips that appear when content is filtered by tags.
+     * When enabled, this automatically:
+     * - Hides tag filter indicators/chips from the UI
+     * - Adds Action.ManageTags to hiddenActions (if not already present)
+     * - Adds ListPageColumns.Tags to hiddenListColumns (if not already present)
+     * 
+     * This provides a clean interface without tag-related UI elements.
+     *
+     * Supported embed types: `AppEmbed`
+     * @version SDK: 1.42.1 | ThoughtSpot: 10.14.0.cl
+     * @example
+     * ```js
+     * // Simple usage - automatically hides all tag-related UI
+     * const embed = new AppEmbed('#tsEmbed', {
+     *    ... // other embed view config
+     *    tag: 'Retail Sales',
+     *    hideTagFilterChips: true, // This is all you need!
+     * });
+     * 
+     * // No need to manually specify:
+     * // hiddenActions: [Action.ManageTags],
+     * // hiddenListColumns: [ListPageColumns.Tags]
+     * ```
+     */
+    hideTagFilterChips?: boolean;
 }
 
 /**