impact-ui 4.0.13 → 4.0.14-alpha.2

package/dist/mcp-component-registry.json

@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "generatedAt": "2026-09-08T12:21:32.564Z",
+  "generatedAt": "2026-09-17T10:43:04.375Z",
   "components": {
     "Menu": {
       "title": "Components/Menu",
@@ -2115,7 +2115,10 @@
       "title": "Components/CreateItemFlow",
       "category": "Components",
       "description": "A create item flow is a UI component that allows users to create an item. It is often used in forms, settings, and surveys to capture user preferences or multiple selections.",
-      "examples": [],
+      "examples": [
+        "Default",
+        "WithAppLayout"
+      ],
       "props": {
         "title": {
           "description": "Title displayed in the header.",
@@ -2127,6 +2130,11 @@
           "type": "unknown",
           "required": true
         },
+        "leftPanelWidth": {
+          "description": "Custom width for the left panel in pixels.",
+          "type": "unknown",
+          "required": true
+        },
         "leftPanelContent": {
           "description": "Component rendered in the left panel area (e.g. a Stepper).",
           "type": "unknown",
@@ -2137,57 +2145,38 @@
           "type": "unknown",
           "required": true
         },
-        "leftPanelWidth": {
-          "description": "Custom width for the left panel in pixels.",
-          "type": "unknown",
-          "required": true
-        },
         "rightContent": {
           "description": "Component rendered as the main content on the right side.",
           "type": "unknown",
           "required": true
         },
-        "onPrev": {
-          "description": "Callback fired when the back/previous button is clicked.",
-          "type": "unknown",
-          "required": true
-        },
-        "onNext": {
-          "description": "Callback fired when the next/submit button is clicked.",
+        "prevButtonProps": {
+          "description": "Props passed to the back/previous Button component (e.g. { children:",
           "type": "unknown",
           "required": true
         },
-        "prevLabel": {
-          "description": "Label for the back/previous button.",
+        "nextButtonProps": {
+          "description": "Props passed to the next/submit Button component (e.g. { children:",
           "type": "unknown",
           "required": true
         },
-        "nextLabel": {
-          "description": "Label for the next/submit button.",
+        "extraButtonProp": {
+          "description": "Additional element rendered between the prev and next buttons in the footer.",
           "type": "unknown",
           "required": true
         },
-        "showPrevIcon": {
-          "description": "Whether to show a chevron icon on the back button.",
+        "customCSS": {
+          "description": "Custom inline styles applied to the root DynamicLayout container.",
           "type": "unknown",
           "required": true
         },
-        "showNextIcon": {
-          "description": "Whether to show a chevron icon on the next button.",
+        "className": {
+          "description": "Additional CSS class name applied to the root DynamicLayout container.",
           "type": "unknown",
           "required": true
         }
       },
-      "storyArgs": {
-        "Default": {
-          "title": "Create Alert",
-          "description": "Create and configure your alert settings. Follow the steps to set up your alert preferences."
-        },
-        "WithAppLayout": {
-          "title": "Create Alert",
-          "description": "Create and configure your alert settings. Follow the steps to set up your alert preferences."
-        }
-      },
+      "storyArgs": {},
       "storyFile": "src/stories/CreateItemFlow.stories.tsx"
     },
     "DatePicker": {
@@ -3918,6 +3907,71 @@
       },
       "storyFile": "src/stories/Notification.stories.tsx"
     },
+    "OnboardingTour": {
+      "title": "Components/OnboardingTour",
+      "category": "Components",
+      "description": "A unified onboarding component that orchestrates three stages:",
+      "examples": [],
+      "props": {
+        "badgeLabel": {
+          "description": "Optional badge label displayed above the title.",
+          "type": "unknown",
+          "required": true
+        },
+        "title": {
+          "description": "Modal title.",
+          "type": "unknown",
+          "required": true
+        },
+        "description": {
+          "description": "Optional modal description.",
+          "type": "unknown",
+          "required": true
+        },
+        "onClose": {
+          "description": "Callback fired when the close icon is clicked.",
+          "type": "() => void",
+          "required": true
+        },
+        "primaryAction": {
+          "description": "Primary footer action configuration.",
+          "type": "{ label: string; onClick: () => void; variant?: string }",
+          "required": true
+        },
+        "secondaryAction": {
+          "description": "Secondary footer action configuration.",
+          "type": "{ label: string; onClick: () => void; variant?: string }",
+          "required": true
+        },
+        "carouselScreens": {
+          "description": "Optional array of slides to render inside the built-in carousel.",
+          "type": "ReactNode[]",
+          "required": true
+        },
+        "carouselDurations": {
+          "description": "Optional durations (ms) for each carousel slide before auto-advancing.",
+          "type": "number[]",
+          "required": true
+        },
+        "carouselOnActiveIndexChange": {
+          "description": "Callback invoked when the active carousel slide changes.",
+          "type": "(index: number) => void",
+          "required": true
+        },
+        "tooltip": {
+          "description": "Tooltip data + required callbacks. When provided, Try now on the modal advances to the tooltip stage.",
+          "type": "unknown",
+          "required": true
+        },
+        "productTour": {
+          "description": "Product tour data + required callbacks. When provided, Skip on tooltip advances to the minimized product tour.",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyArgs": {},
+      "storyFile": "src/stories/OnboardingTour.stories.tsx"
+    },
     "Panel": {
       "title": "Components/Panel",
       "category": "Components",
@@ -6207,6 +6261,831 @@
       },
       "storyFile": "src/stories/TableOld.stories.tsx"
     },
+    "TableV36.Performance": {
+      "title": "Components/TableV36/Performance",
+      "category": "Components",
+      "description": "Performance benchmarks for \\",
+      "examples": [],
+      "props": {
+        "rowCount": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "columnCount": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "rowBuffer": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "animateRows": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "suppressColumnMoveAnimation": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "suppressRowHoverHighlight": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "enableValueCache": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "domLayout": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "normal",
+            "autoHeight"
+          ],
+          "required": true
+        }
+      },
+      "storyArgs": {
+        "BasicLargeData": {
+          "rowCount": 10000,
+          "columnCount": 15,
+          "rowBuffer": 8,
+          "animateRows": false,
+          "enableValueCache": false,
+          "domLayout": "normal"
+        },
+        "HeavyCellRenderer": {
+          "rowCount": 10000,
+          "columnCount": 50,
+          "rowBuffer": 8,
+          "animateRows": false,
+          "suppressRowHoverHighlight": true,
+          "enableValueCache": true,
+          "domLayout": "normal"
+        },
+        "ColumnDragging": {
+          "rowCount": 2000,
+          "columnCount": 50,
+          "rowBuffer": 8,
+          "suppressColumnMoveAnimation": true,
+          "animateRows": false,
+          "domLayout": "normal"
+        },
+        "VirtualizationStress": {
+          "rowCount": 50000,
+          "columnCount": 100,
+          "rowBuffer": 8,
+          "animateRows": false,
+          "suppressRowHoverHighlight": true,
+          "suppressColumnMoveAnimation": true,
+          "enableValueCache": true,
+          "domLayout": "normal"
+        },
+        "StatePersistence": {
+          "rowCount": 5000,
+          "columnCount": 25,
+          "rowBuffer": 8,
+          "animateRows": false,
+          "suppressColumnMoveAnimation": true,
+          "domLayout": "normal"
+        },
+        "DomLayoutAutoHeight": {
+          "rowCount": 30,
+          "columnCount": 8,
+          "domLayout": "autoHeight",
+          "rowBuffer": 8
+        },
+        "DomLayoutNormal": {
+          "rowCount": 5000,
+          "columnCount": 12,
+          "domLayout": "normal",
+          "rowBuffer": 8
+        },
+        "RowBufferBenchmark": {
+          "rowCount": 10000,
+          "columnCount": 15,
+          "rowBuffer": 8,
+          "domLayout": "normal"
+        }
+      },
+      "storyFile": "src/stories/TableV36.Performance.stories.tsx"
+    },
+    "TableV36": {
+      "title": "Components/TableV36",
+      "category": "Components",
+      "description": "## TableV36 (AG Grid v36)\n\nDrop-in table built on **AG Grid v36**. The existing \\",
+      "examples": [
+        "ListViewIntegration"
+      ],
+      "props": {
+        "tableHeader": {
+          "description": "Title of the Table.",
+          "type": "string",
+          "required": true
+        },
+        "cardContainer": {
+          "description": "If true, display Table component in the card UI.",
+          "type": "boolean",
+          "defaultValue": "true",
+          "required": false
+        },
+        "rowData": {
+          "description": "Array object holding different rows data of the Table.",
+          "type": "Array Object",
+          "defaultValue": [],
+          "required": false
+        },
+        "columnDefs": {
+          "description": "Array object holding different columns header data of the Table. \n        <code>\n          <ul class=\"storybook-order-list\">\n            <li><strong>field</strong>: field of the column [string]</li>\n            <li><strong>isSearchable?</strong>: If true, display search <br/>icon on the Column Header. [boolean]</li>\n          </ul>\n        </code>",
+          "type": "Array Object",
+          "defaultValue": [],
+          "required": false
+        },
+        "rowHeight": {
+          "description": "You can choose different height of the Row of the Table.",
+          "type": "string",
+          "defaultValue": "default",
+          "options": [
+            "compact",
+            "comfort",
+            "default"
+          ],
+          "required": false
+        },
+        "enableRowTextWrap": {
+          "description": "When true, default/comfort body cells wrap and clamp to the row height. Compact stays single-line ellipsis.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "topLeftOptions": {
+          "description": "React Children you want to render along with header at the Top Left Table Header Section.",
+          "type": "React Children",
+          "required": true
+        },
+        "topCenterOptions": {
+          "description": "React Children you want to render at the Top Center Table Header Section.",
+          "type": "React Children",
+          "required": true
+        },
+        "topRightOptions": {
+          "description": "React Children you want to render at the Top Right Table Header Section.",
+          "type": "React Children",
+          "required": true
+        },
+        "bottomLeftOptions": {
+          "description": "React Children you want to render at the Bottom Left Table Header Section.",
+          "type": "React Children",
+          "required": true
+        },
+        "bottomCenterOptions": {
+          "description": "React Children you want to render at the Bottom Center Table Footer Section.",
+          "type": "React Children",
+          "required": true
+        },
+        "bottomRightOptions": {
+          "description": "React Children you want to render at the Bottom Right Table Header Section.",
+          "type": "React Children",
+          "required": true
+        },
+        "onNumberFormatChange": {
+          "description": "You can handle the event when number format changes in Table Setting Section.",
+          "type": "Function",
+          "required": true
+        },
+        "onColumnSearchClick": {
+          "description": "You can handle the search event when user click on the search icon in the Table Header.",
+          "type": "Function",
+          "required": true
+        },
+        "hideRowHeightOptionMenu": {
+          "description": "If true, disabled the rowHeight option menu.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "showDownloadButton": {
+          "description": "If true, render the download button.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "onDownloadButtonClick": {
+          "description": "You can handle the event when download button is click",
+          "type": "Function",
+          "required": true
+        },
+        "nestedTable": {
+          "description": "If true, render the component which is passed in the nestedTableComponent props within the same card-container",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "nestedTableComponent": {
+          "description": "React Children you want to render within the same card-container",
+          "type": "React Children",
+          "required": true
+        },
+        "closeButton": {
+          "description": "If true, render the close button",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "handleCloseButtonClick": {
+          "description": "You can handle the event when close button is click",
+          "type": "Function",
+          "required": true
+        },
+        "applySort": {
+          "description": "If true, enabled the sorting on column header click",
+          "type": "boolean",
+          "defaultValue": "true",
+          "required": false
+        },
+        "gridId": {
+          "description": "Unique identifier for the grid. It is mandatory to pass this prop when there are multiple grids on the same screen.",
+          "type": "string",
+          "required": true
+        },
+        "additionalButtons": {
+          "description": "Additional buttons to be rendered in the table more content section.",
+          "type": "React Children",
+          "required": true
+        },
+        "showContentualFilter": {
+          "description": "If true, render the contentual filter.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "showContentualFilterBadge": {
+          "description": "If true, render the contentual filter badge when selected filters are present.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "contentualFilterProps": {
+          "description": "Props for the contentual filter component i.e same as filters strip props if using default component.",
+          "type": "Object",
+          "required": true
+        },
+        "contentualFilterComponent": {
+          "description": "Custom Component to be rendered in the contentual filter.",
+          "type": "React Children",
+          "required": true
+        },
+        "showFilterStrip": {
+          "description": "If true, shows the filter strip below the table header",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "filterStripProps": {
+          "description": "Props to be passed to the FilterStrip component",
+          "type": "object",
+          "required": true
+        },
+        "onContentualFilterClick": {
+          "description": "Function to handle the contentual filter click event",
+          "type": "function",
+          "required": true
+        },
+        "contextualFilterLabel": {
+          "description": "Label for the contextual filter button",
+          "type": "string",
+          "required": true
+        },
+        "contextualFilterIcon": {
+          "description": "Icon to be displayed in the contextual filter button",
+          "type": "node",
+          "required": true
+        },
+        "hidePaginationPageSizeSelector": {
+          "description": "If true, disabled the pagination page size selector.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "options": [
+            true,
+            false
+          ],
+          "required": false
+        },
+        "onTableActionsTabClick": {
+          "description": "Callback function that is called when the table actions tab is clicked in the table settings panel.",
+          "type": "() => void",
+          "required": true
+        },
+        "customGetMainMenuItems": {
+          "description": "Custom function to override the default column menu items. This function receives the column parameters and should return an array of menu items.\n      <br/>\n      <br/>\n      Example:\n      <br/>\n      <code>\n      const customGetMainMenuItems = (params) => {\n        const { column } = params;\n        return [\n          {\n            name: \"Custom Menu Item\",\n            action: () => {\n              console.log(\"Custom action for column:\", column.colId);\n            }\n          }\n        ];\n      };\n      </code>",
+          "type": "(params: { column: Column }) => Array<MenuItem>",
+          "defaultValue": "null",
+          "required": false
+        },
+        "onAdvanceSearchClick": {
+          "description": "Callback function that is called when the advance search button is clicked in the table header.",
+          "type": "() => void",
+          "required": true
+        },
+        "customHeaderIcons": {
+          "description": "Array of custom icons to be displayed in the table header. Each icon should be a React element.\n      <br/>\n      <br/>\n      Example:\n      <br/>\n      <code>\n      const customHeaderIcons = [\n        {\n          icon: <SearchIcon />,\n          onClick: () => console.log(\"Search clicked\"),\n          tooltip: \"Search\"\n        }\n      ];\n      </code>",
+          "type": "Array<{ icon: ReactNode, onClick: () => void, tooltip?: string }>",
+          "defaultValue": [],
+          "required": false
+        },
+        "handleInlineSearch": {
+          "description": "Callback function that is called when inline search is performed in the table.",
+          "type": "(searchText: string) => void",
+          "required": true
+        },
+        "tableActions": {
+          "description": "Custom actions to be displayed in the table settings panel. This can be any valid React element or component.",
+          "type": "React.ReactNode",
+          "defaultValue": "null",
+          "required": false
+        },
+        "hideTableFormat": {
+          "description": "If true, hide the table format section in the table settings panel.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "hideTableActions": {
+          "description": "If true, hide the table actions section in the table settings panel.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "handleClearSearchInline": {
+          "description": "Callback function that is called when the clear search button is clicked in the inline search input.",
+          "type": "() => void",
+          "required": true
+        },
+        "handleCloseInputField": {
+          "description": "Callback function that is called when the input field is closed in the table settings panel.",
+          "type": "() => void",
+          "defaultValue": "null",
+          "required": false
+        },
+        "aboveTableComponent": {
+          "description": "React Children to be rendered above the table.",
+          "type": "React.ReactNode",
+          "defaultValue": "null",
+          "required": false
+        },
+        "explicitlyCloseTableSetting": {
+          "description": "If true, explicitly close the table settings panel.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "hideTableSetting": {
+          "description": "If true, hide the table settings panel.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "customSystemButton": {
+          "description": "Custom system button to be rendered in the table header.",
+          "type": "React.ReactNode",
+          "defaultValue": "null",
+          "required": false
+        },
+        "hideFontSize": {
+          "description": "If true, hide the font size section in the table settings panel.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "options": [
+            true,
+            false
+          ],
+          "required": false
+        },
+        "hideNumericFormat": {
+          "description": "If true, hide the numeric format section in the table settings panel.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "options": [
+            true,
+            false
+          ],
+          "required": false
+        },
+        "isSaveViewEnabled": {
+          "description": "If true, enables Save View feature in table settings.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "maxSavedViews": {
+          "description": "Maximum number of saved views allowed.",
+          "type": "number",
+          "defaultValue": "50",
+          "required": false
+        },
+        "savedViewsOptions": {
+          "description": "Array of saved view objects to display in the Save View panel.",
+          "type": "Array<Object>",
+          "defaultValue": [],
+          "required": false
+        },
+        "handleSaveAndApply": {
+          "description": "Callback fired on Save & Apply. Receives (newView, replaceWith?).",
+          "type": "(newView: object, replaceWith?: object) => void",
+          "required": true
+        },
+        "handleSavedViewClick": {
+          "description": "Callback fired when a saved view is selected.",
+          "type": "(view: object) => void",
+          "required": true
+        },
+        "handleEditSaveView": {
+          "description": "Callback fired when editing a saved view.",
+          "type": "(newView: object, prevView: object) => void",
+          "required": true
+        },
+        "handleDeleteViewClick": {
+          "description": "Callback fired when deleting a saved view.",
+          "type": "(view: object) => void",
+          "required": true
+        },
+        "deleteViewPromptText": {
+          "description": "Confirmation text shown in the delete saved view prompt dialog.",
+          "type": "string",
+          "required": true
+        },
+        "isViewNameUniqueAcrossTypes": {
+          "description": "Controls how Save View checks for duplicate names. If true, a view name must be unique across all view types (e.g. a",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "handleSetDefaultView": {
+          "description": "Callback to set a saved view as default.",
+          "type": "(view: object) => void",
+          "required": true
+        },
+        "isSaveViewLoading": {
+          "description": "Loading state for save view operations.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "isDeleteViewLoading": {
+          "description": "Loading state for delete saved view operation.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "saveViewCustomFilter": {
+          "description": "Save View filter control state: options and selectedOption.",
+          "type": "Object",
+          "required": true
+        },
+        "customTabInTableSettings": {
+          "description": "Custom tabs to render inside table settings. Each item should contain tabNames and tabPanels.",
+          "type": "Array<{ tabNames: Object, tabPanels: ReactNode }>",
+          "defaultValue": "null",
+          "required": false
+        },
+        "customRenderSaveViewContent": {
+          "description": "Custom renderer to inject additional content in Save View.",
+          "type": "React.ReactNode",
+          "defaultValue": "null",
+          "required": false
+        },
+        "onTableSettingClick": {
+          "description": "Callback when table settings open/close toggles. Receives boolean.",
+          "type": "(open: boolean) => void",
+          "required": true
+        },
+        "closeTableSettingOnOutsideClick": {
+          "description": "If true, clicking outside the settings panel closes it automatically.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "contentualFilterOpenByDefault": {
+          "description": "If true, opens the filter strip by default.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "tableSettingsTitle": {
+          "description": "Custom title for the table settings panel.",
+          "type": "string",
+          "required": true
+        },
+        "hideTableBody": {
+          "description": "If true, hides the table body area below the header.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "isCommentFeatureEnabled": {
+          "description": "If true, enables comment feature and UI in the header.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "commentProps": {
+          "description": "Configuration and handlers for comments: author, handlers, comments, resolvedComments, configuration, handleFetchResolvedComments (optional promise callback when",
+          "type": "Object",
+          "defaultValue": "undefined",
+          "required": false
+        },
+        "showBulkActionBar": {
+          "description": "If true, shows the bulk action bar at the top of the table.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "bulkActionBarProps": {
+          "description": "Configuration and handlers for the bulk action bar.",
+          "type": "Object",
+          "defaultValue": "undefined",
+          "required": false
+        },
+        "onSelectAllRows": {
+          "description": "Callback function when",
+          "type": "function",
+          "defaultValue": "undefined",
+          "required": false
+        },
+        "onClearAll": {
+          "description": "Callback function when",
+          "type": "function",
+          "defaultValue": "undefined",
+          "required": false
+        },
+        "advanceSortEnabled": {
+          "description": "If true, enables advance sort feature in the table.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "emptyStateText": {
+          "description": "Text displayed inside the empty state overlay. Falls back to",
+          "type": "string",
+          "required": true
+        }
+      },
+      "storyArgs": {
+        "Default": {
+          "tableHeader": "Table",
+          "cardContainer": true,
+          "emptyStateText": "No data to display",
+          "rowData": "carsData",
+          "showBulkActionBar": false,
+          "advanceSortEnabled": true,
+          "bulkActionBarProps": "{",
+          "actionBarLabel": "",
+          "enableSelectAll": true,
+          "totalRowCount": 0
+        },
+        "SaveView": {
+          "tableHeader": "Table with Save View",
+          "isSaveViewEnabled": true,
+          "maxSavedViews": 5,
+          "savedViewsOptions": "[",
+          "viewName": "Default",
+          "viewType": "global",
+          "isDefaultView": true,
+          "isActive": true,
+          "isEditable": true,
+          "isDeletable": false
+        },
+        "ApiDrivenSaveViewFeature": {
+          "tableHeader": "API Driven Save View Feature",
+          "isSaveViewEnabled": true,
+          "maxSavedViews": "null",
+          "savedViewsOptions": "initialApiDrivenSavedViews",
+          "isSaveViewLoading": false,
+          "isDeleteViewLoading": false,
+          "isViewNameUniqueAcrossTypes": false
+        },
+        "CommentFeature": {
+          "isCommentFeatureEnabled": true,
+          "commentProps": "{",
+          "author": "User 1",
+          "handleSaveComment": "async (cellId",
+          "BE": "'"
+        },
+        "ApiDrivenCommentFeature": {
+          "tableHeader": "API Driven Comment Feature",
+          "rowData": "carsData.map((car",
+          "id": "`car-${index + 1"
+        },
+        "ListView": {
+          "cardContainer": true,
+          "rowSelection": "multiple",
+          "viewPoint": "list",
+          "suppressRowClickSelection": true,
+          "suppressColumnMenu": true,
+          "defaultColDef": "{",
+          "maxWidth": 120
+        },
+        "ListViewIntegration": {
+          "cardContainer": true,
+          "rowSelection": "multiple",
+          "viewPoint": "list",
+          "suppressRowClickSelection": true,
+          "suppressColumnMenu": true,
+          "columnDefs": "[",
+          "colId": "checkbox",
+          "field": "",
+          "checkboxSelection": true,
+          "headerCheckboxSelection": true,
+          "suppressMenu": true,
+          "filter": false,
+          "sortable": false,
+          "order": 1
+        },
+        "DynamicColumnAddition": {
+          "tableHeader": "Dynamic Column Addition",
+          "cardContainer": true,
+          "rowHeight": "default",
+          "showFilterStrip": false,
+          "hideRowHeightOptionMenu": false
+        },
+        "CollapsibleNestedRows": {
+          "tableHeader": "Collapsible Nested Rows (Expand to Add More Children)",
+          "cardContainer": true,
+          "rowHeight": "default",
+          "showFilterStrip": false,
+          "hideRowHeightOptionMenu": false,
+          "treeData": true,
+          "columnDefs": "[",
+          "field": "product",
+          "headerName": "Product",
+          "cellRenderer": "agGroupCellRenderer",
+          "flex": 1
+        },
+        "CollapsibleNestedColumns": {
+          "tableHeader": "Collapsible Nested Columns (Expand to Add More Columns)",
+          "cardContainer": true,
+          "rowHeight": "default",
+          "showFilterStrip": false,
+          "hideRowHeightOptionMenu": false,
+          "defaultColDef": "{",
+          "sortable": true,
+          "filter": true
+        },
+        "IaRecommendationAdvanceSearchReopen": {
+          "tableHeader": "IA Recommendation Advance Search Reopen",
+          "cardContainer": true,
+          "rowHeight": "default",
+          "columnDefs": "iaRecommendationAdvanceSearchColumnDefs",
+          "rowData": "iaRecommendationAdvanceSearchRowData",
+          "defaultColDef": "{",
+          "sortable": true,
+          "filter": true,
+          "resizable": true
+        },
+        "EmptyStateText": {
+          "rowData": "[]",
+          "tableHeader": "Table",
+          "cardContainer": true,
+          "emptyStateText": "No data to display",
+          "showBulkActionBar": false,
+          "advanceSortEnabled": true
+        },
+        "ServerSideAdvanceSearch": {
+          "tableHeader": "Server-side Table — Inline & Advance Search (100 rows)",
+          "cardContainer": true,
+          "rowHeight": "default",
+          "rowModelType": "serverSide",
+          "columnDefs": "serverSideAdvanceSearchColumnDefs",
+          "pagination": true,
+          "paginationPageSize": 20,
+          "paginationPageSizeSelector": "[10",
+          "cacheBlockSize": 20,
+          "advanceSortEnabled": true,
+          "defaultColDef": "{",
+          "sortable": true,
+          "resizable": true,
+          "filter": true
+        },
+        "Frozen": {
+          "rowData": "carsData",
+          "columnDefs": "[",
+          "field": "make",
+          "sortable": true
+        },
+        "RowSelect": {
+          "rowData": "carsData",
+          "rowSelection": "multiple",
+          "columnDefs": "[",
+          "field": "",
+          "checkboxSelection": true,
+          "headerCheckboxSelection": true,
+          "headerComponent": "SelectAllComponent",
+          "suppressMenu": true,
+          "filter": false,
+          "sortable": false,
+          "pinned": "left",
+          "minWidth": 56,
+          "maxWidth": 56
+        },
+        "RowGroup": {
+          "rowData": "olympicData",
+          "autoGroupColumnDef": "{",
+          "headerName": "Grouped Rows"
+        },
+        "CellRenderer": {
+          "rowData": "olympicData",
+          "columnDefs": "[",
+          "field": "athlete",
+          "minWidth": 200,
+          "pinned": "left"
+        },
+        "Master": {
+          "rowData": "masterData",
+          "columnDefs": "[",
+          "field": "name",
+          "cellRenderer": "agGroupCellRenderer"
+        },
+        "Aggregation": {
+          "rowData": "[",
+          "make": "Toyota",
+          "model": "Celica",
+          "price": 35000
+        },
+        "Paginated": {
+          "rowData": "olympicData",
+          "columnDefs": "[",
+          "field": "athlete"
+        },
+        "ColumnGroup": {
+          "rowData": "carsData",
+          "columnDefs": "[",
+          "field": "athlete"
+        },
+        "EditableColumn": {
+          "rowData": "carsData",
+          "columnDefs": "[",
+          "field": "make"
+        },
+        "CellAndRowStates": {
+          "tableHeader": "Cell & Row States",
+          "cardContainer": true,
+          "rowHeight": "default",
+          "rowSelection": "multiple",
+          "rowData": "[",
+          "id": "1",
+          "make": "Tesla",
+          "model": "Model Y",
+          "status": "ok",
+          "price": 64950,
+          "note": "Default cell"
+        },
+        "HeaderComponent": {
+          "rowData": "carsData",
+          "columnDefs": "[",
+          "field": "make"
+        },
+        "ServerSide": {
+          "rowModelType": "serverSide",
+          "columnDefs": "[",
+          "field": "id",
+          "headerName": "ID",
+          "filter": "agNumberColumnFilter",
+          "cellClass": "cell-renderer"
+        },
+        "nestedTable": {
+          "rowData": "carsData",
+          "columnDefs": "[",
+          "field": "make"
+        },
+        "NumberWithSpecialCharacters": {
+          "tableHeader": "'Complete Filtering Test: Numbers",
+          "cardContainer": true,
+          "rowData": "[",
+          "id": 1,
+          "product": "Product A",
+          "base_cost": 11.38,
+          "formatted_base_cost": "$11.38",
+          "revenue": 1234.56,
+          "formatted_revenue": "'$1",
+          "quantity": 1000,
+          "formatted_quantity": "'1",
+          "discount": 5.5,
+          "formatted_discount": "5.5%",
+          "order_date": "2025-11-01",
+          "delivery_date": "2025-11-05",
+          "status": "active",
+          "category": "Electronics"
+        }
+      },
+      "storyFile": "src/stories/TableV36.stories.tsx"
+    },
     "Tabs": {
       "title": "Components/Tabs",
       "category": "Components",