@spaced-out/ui-design-system 0.5.10 → 0.5.12-beta.0

package/lib/components/Table/StaticTable.js

@@ -15,6 +15,7 @@ var _size = require("../../styles/variables/_size");
 var _space = require("../../styles/variables/_space");
 var _classify = require("../../utils/classify");
 var _makeClassNameComponent = require("../../utils/makeClassNameComponent");
+var _qa = require("../../utils/qa");
 var _CircularLoader = require("../CircularLoader");
 var _DefaultRow = require("./DefaultRow");
 var _DefaultTableHeader = require("./DefaultTableHeader");
@@ -63,8 +64,14 @@ function RowRenderer(_ref2) {
     disabled,
     classNames,
     keyId,
-    onSelect
+    onSelect,
+    testId
   } = _ref2;
+  // Generate a unique testId for this specific row
+  const rowTestId = (0, _qa.generateTestId)({
+    base: testId,
+    slot: `row-${keyId}`
+  });
   return TableRow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(TableRow, {
     data: data,
     headers: headers
@@ -73,7 +80,8 @@ function RowRenderer(_ref2) {
     extras: extras,
     sortedKeys: sortedKeys,
     selected: selected,
-    disabled: disabled
+    disabled: disabled,
+    testId: rowTestId
   }, keyId) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultRow.DefaultRow, {
     data: data,
     extras: extras,
@@ -84,7 +92,8 @@ function RowRenderer(_ref2) {
     classNames: {
       tableRow: classNames?.tableRow,
       checkbox: classNames?.checkbox
-    }
+    },
+    testId: rowTestId
   }, keyId);
 }
 function TableWrapper(_ref3) {
@@ -107,15 +116,24 @@ function TableWrapper(_ref3) {
     sortKey,
     sortDirection,
     handleSortClick,
-    handleHeaderCheckboxClick
+    handleHeaderCheckboxClick,
+    testId
   } = _ref3;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.classify)(_TableModule.default.tableContainer, classNames?.wrapper),
     "data-id": 'table-wrap',
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     ref: tableRef,
     style: wrapperStyle,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(BasicTable, {
       "data-id": "basic-table",
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'table'
+      }),
       className: (0, _classify.classify)(className, {
         [_TableModule.default.fullHeightTable]: isLoading || !entriesLength && !!emptyText
       }, classNames?.table),
@@ -129,9 +147,17 @@ function TableWrapper(_ref3) {
         disabled: disabled,
         handleCheckboxClick: handleHeaderCheckboxClick,
         stickyHeader: stickyHeader,
-        checked: selectedKeys == null || selectedKeys.length === 0 ? 'false' : selectedKeys.length < entriesLength ? 'mixed' : 'true'
+        checked: selectedKeys == null || selectedKeys.length === 0 ? 'false' : selectedKeys.length < entriesLength ? 'mixed' : 'true',
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'header'
+        })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BasicTableBody, {
         className: classNames?.tableBody,
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'body'
+        }),
         children: children
       })]
     })
@@ -168,7 +194,8 @@ function StaticTable(props) {
     disabled,
     customLoader,
     borderRadius,
-    stickyHeader
+    stickyHeader,
+    testId
   } = props;
 
   // this is a fallback and honestly probably doesn't need the
@@ -204,11 +231,13 @@ function StaticTable(props) {
     sortDirection: sortDirection,
     handleSortClick: handleSortClick,
     handleHeaderCheckboxClick: handleHeaderCheckboxClick,
+    testId: testId,
     children: isLoading || !entries.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultRow.EmptyRow, {
       isLoading: isLoading,
       emptyText: emptyText,
       headersLength: handleHeaderCheckboxClick ? headers.length + 1 : headers.length,
-      customLoader: customLoader
+      customLoader: customLoader,
+      testId: testId
     }) : mappedKeys.map(key => {
       const data = entries.find(e => (0, _get.default)(e, idName) === key);
       if (data == null) {
@@ -226,7 +255,8 @@ function StaticTable(props) {
         selected: selected,
         disabled: disabled || isRowDisabled,
         classNames: classNames,
-        onSelect: selectedKeys != null ? _v => onSelect?.((0, _xor.default)(selectedKeys ?? [], [key])) : undefined
+        onSelect: selectedKeys != null ? _v => onSelect?.((0, _xor.default)(selectedKeys ?? [], [key])) : undefined,
+        testId: testId
       });
     })
   });
@@ -256,7 +286,8 @@ function StaticTableVirtualized(props) {
     customLoader,
     borderRadius,
     stickyHeader,
-    virtualizationOptions
+    virtualizationOptions,
+    testId
   } = props;
   const {
     rowsCount,
@@ -366,11 +397,13 @@ function StaticTableVirtualized(props) {
     sortDirection: sortDirection,
     handleSortClick: handleSortClick,
     handleHeaderCheckboxClick: handleHeaderCheckboxClick,
+    testId: testId,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(VirtualizedStartRow, {}), isLoading || !entries.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultRow.EmptyRow, {
       isLoading: isLoading,
       emptyText: emptyText,
       headersLength: handleHeaderCheckboxClick ? headers.length + 1 : headers.length,
-      customLoader: customLoader
+      customLoader: customLoader,
+      testId: testId
     }) : currRows.map(virtualRow => {
       const key = virtualRow.key;
       const data = entries[virtualRow.index];
@@ -389,7 +422,8 @@ function StaticTableVirtualized(props) {
         selected: selected,
         disabled: disabled || isRowDisabled,
         classNames: classNames,
-        onSelect: selectedKeys != null ? _v => onSelect?.((0, _xor.default)(selectedKeys ?? [], [key])) : undefined
+        onSelect: selectedKeys != null ? _v => onSelect?.((0, _xor.default)(selectedKeys ?? [], [key])) : undefined,
+        testId: testId
       });
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(VirtualizedEndRow, {}), isEndLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {

package/lib/components/Table/Table.d.ts

@@ -46,6 +46,7 @@ export interface TableProps<T, U> {
     borderRadius?: string;
     stickyHeader?: boolean;
     virtualizationOptions?: VirtualizationOptions;
+    testId?: string;
 }
 /**
  * Table

package/lib/components/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,iCAAiC,CAAC;AAC9D,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AAChF,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAQ9D,MAAM,WAAW,aAAa;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,UAAU,qBAAqB;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC;IACnD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAED;;;;;IAKI;AAEJ;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,IAAI,SAAS,aAAa,EAAE,MAAM,SAAS,aAAa,EAC5E,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,qBAoDhC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,iCAAiC,CAAC;AAC9D,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AAChF,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAQ9D,MAAM,WAAW,aAAa;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,UAAU,qBAAqB;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC;IACnD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;IAKI;AAEJ;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,IAAI,SAAS,aAAa,EAAE,MAAM,SAAS,aAAa,EAC5E,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,qBAuDhC"}

package/lib/components/Table/Table.docs.d.ts

@@ -283,6 +283,17 @@ export declare const TABLE_DOCS: {
                 };
             };
         };
+        readonly testId: {
+            readonly description: "Test ID for the component";
+            readonly control: {
+                readonly type: "text";
+            };
+            readonly table: {
+                readonly type: {
+                    readonly summary: "string";
+                };
+            };
+        };
     };
     readonly parameters: {
         readonly docs: {

package/lib/components/Table/Table.docs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.docs.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.docs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqiBb,CAAC"}
+{"version":3,"file":"Table.docs.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.docs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8iBb,CAAC"}

package/lib/components/Table/Table.docs.js

@@ -292,6 +292,17 @@ const TABLE_DOCS = exports.TABLE_DOCS = {
           summary: '() => void'
         }
       }
+    },
+    testId: {
+      description: 'Test ID for the component',
+      control: {
+        type: 'text'
+      },
+      table: {
+        type: {
+          summary: 'string'
+        }
+      }
     }
   },
   parameters: {

package/lib/components/Table/Table.js

@@ -33,7 +33,8 @@ function Table(props) {
     onSort,
     enableInternalSorting,
     idName = 'id',
-    virtualizationOptions
+    virtualizationOptions,
+    testId
   } = props;
 
   /**
@@ -58,12 +59,14 @@ function Table(props) {
     ...sortableProps,
     sortable: sortable,
     entries: sortedEntries,
-    rowKeys: sortedKeys
+    rowKeys: sortedKeys,
+    testId: testId
   }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticTable.StaticTable, {
     ...props,
     ...sortableProps,
     sortable: sortable,
     entries: sortedEntries,
-    rowKeys: sortedKeys
+    rowKeys: sortedKeys,
+    testId: testId
   });
 }

package/lib/components/Table/TableActionBar.d.ts

@@ -4,8 +4,13 @@ import type { SimpleButtonDropdownProps } from '../../components/ButtonDropdown'
 export interface TableActionBarProps {
     children?: React.ReactNode;
     className?: string;
+    testId?: string;
 }
-export declare const ButtonCta: ({ classNames, ...props }: ButtonProps) => React.JSX.Element;
-export declare const DropdownCta: ({ classNames, ...props }: SimpleButtonDropdownProps) => React.JSX.Element;
-export declare const TableActionBar: ({ children, className, ...props }: TableActionBarProps) => React.JSX.Element;
+export declare const ButtonCta: ({ classNames, testId, ...props }: ButtonProps & {
+    testId?: string;
+}) => React.JSX.Element;
+export declare const DropdownCta: ({ classNames, testId, ...props }: SimpleButtonDropdownProps & {
+    testId?: string;
+}) => React.JSX.Element;
+export declare const TableActionBar: ({ children, className, testId, ...props }: TableActionBarProps) => React.JSX.Element;
 //# sourceMappingURL=TableActionBar.d.ts.map

package/lib/components/Table/TableActionBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableActionBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAEvD,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,+BAA+B,CAAC;AAM7E,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,GAAI,0BAAwB,WAAW,sBAQ5D,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,0BAGzB,yBAAyB,sBAQ3B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,sBAQrB,CAAC"}
+{"version":3,"file":"TableActionBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAEvD,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,+BAA+B,CAAC;AAM7E,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,GAAI,kCAIvB,WAAW,GAAG;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAC,sBAQjC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,kCAIzB,yBAAyB,GAAG;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAC,sBAQ/C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,2CAK5B,mBAAmB,sBAQrB,CAAC"}

package/lib/components/Table/TableActionBar.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TableActionBar = exports.DropdownCta = exports.ButtonCta = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _Button = require("../Button");
 var _ButtonDropdown = require("../ButtonDropdown");
 var _TableBarModule = _interopRequireDefault(require("./TableBar.module.css"));
@@ -15,11 +16,15 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const ButtonCta = _ref => {
   let {
     classNames,
+    testId,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
     ...props,
-    "data-testid": "table-action-bar-button-cta",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'button-cta'
+    }),
     type: "primary",
     size: "small",
     classNames: {
@@ -32,11 +37,15 @@ exports.ButtonCta = ButtonCta;
 const DropdownCta = _ref2 => {
   let {
     classNames,
+    testId,
     ...props
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonDropdown.SimpleButtonDropdown, {
     ...props,
-    "data-testid": "table-action-bar-dropdown-cta",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'dropdown-cta'
+    }),
     type: "primary",
     size: "small",
     classNames: {
@@ -50,12 +59,16 @@ const TableActionBar = _ref3 => {
   let {
     children,
     className,
+    testId,
     ...props
   } = _ref3;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
     className: (0, _classify.classify)(_TableBarModule.default.tableActionBar, className),
-    "data-testid": "table-action-bar",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'action-bar'
+    }),
     children: children
   });
 };

package/lib/components/Table/TableBottomBar.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 export interface TableBottomBarProps {
     children?: React.ReactNode;
     className?: string;
+    testId?: string;
 }
-export declare const TableBottomBar: ({ children, className, ...props }: TableBottomBarProps) => React.JSX.Element;
+export declare const TableBottomBar: ({ children, className, testId, ...props }: TableBottomBarProps) => React.JSX.Element;
 //# sourceMappingURL=TableBottomBar.d.ts.map

package/lib/components/Table/TableBottomBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableBottomBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableBottomBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,sBAQrB,CAAC"}
+{"version":3,"file":"TableBottomBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableBottomBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,cAAc,GAAI,2CAK5B,mBAAmB,sBAQrB,CAAC"}

package/lib/components/Table/TableBottomBar.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TableBottomBar = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _TableBarModule = _interopRequireDefault(require("./TableBar.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -14,12 +15,16 @@ const TableBottomBar = _ref => {
   let {
     children,
     className,
+    testId,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
     className: (0, _classify.classify)(_TableBarModule.default.tableBar, _TableBarModule.default.bottomBar, className),
-    "data-testid": "table-bottom-bar",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'bottom-bar'
+    }),
     children: children
   });
 };

package/lib/components/Table/TableTopBar.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 export interface TableTopBarProps {
     children?: React.ReactNode;
     className?: string;
+    testId?: string;
 }
-export declare const TableTopBar: ({ children, className, ...props }: TableTopBarProps) => React.JSX.Element;
+export declare const TableTopBar: ({ children, className, testId, ...props }: TableTopBarProps) => React.JSX.Element;
 //# sourceMappingURL=TableTopBar.d.ts.map

package/lib/components/Table/TableTopBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableTopBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableTopBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,GAAI,mCAIzB,gBAAgB,sBAQlB,CAAC"}
+{"version":3,"file":"TableTopBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableTopBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,2CAKzB,gBAAgB,sBAQlB,CAAC"}

package/lib/components/Table/TableTopBar.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TableTopBar = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _TableBarModule = _interopRequireDefault(require("./TableBar.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -14,12 +15,16 @@ const TableTopBar = _ref => {
   let {
     children,
     className,
+    testId,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
     className: (0, _classify.classify)(_TableBarModule.default.tableBar, _TableBarModule.default.topBar, className),
-    "data-testid": "table-top-bar",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'top-bar'
+    }),
     children: children
   });
 };

package/lib/components/Tabs/Tab/Tab.d.ts

@@ -31,6 +31,7 @@ export interface TabProps {
     maxWidth?: string;
     elevation?: ElevationType;
     onClick?: (e: React.SyntheticEvent<HTMLElement>) => unknown;
+    testId?: string;
 }
 export declare const Tab: Flow.AbstractComponent<TabProps, HTMLButtonElement>;
 export {};

package/lib/components/Tabs/Tab/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAGlD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,QAAQ;;;EAGnB,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,OAAO,CAA8B,CAAC;AAEzE,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,QAAQ,CAAC;AAE5C,MAAM,WAAW,QAAQ;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,OAAO,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC;CAC7D;AAED,eAAO,MAAM,GAAG,EAAE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,iBAAiB,CAqHjE,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAGlD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,QAAQ;;;EAGnB,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,OAAO,CAA8B,CAAC;AAEzE,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,QAAQ,CAAC;AAE5C,MAAM,WAAW,QAAQ;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,OAAO,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,GAAG,EAAE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,iBAAiB,CA6HjE,CAAC"}

package/lib/components/Tabs/Tab/Tab.js

@@ -34,6 +34,7 @@ const Tab = exports.Tab = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
     onClick,
     maxWidth,
     elevation,
+    testId,
     ...props
   } = _ref;
   const tabRef = React.useRef(null);
@@ -65,24 +66,28 @@ const Tab = exports.Tab = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
     },
     tabIndex: disabled ? -1 : 0,
     ref: tabRef,
+    testId: testId,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
       className: (0, _classify.classify)(_TabModule.default.iconTextWrap, {
         [_TabModule.default.selected]: selected === true,
         [_TabModule.default.disabled]: disabled === true
       }, classNames?.iconTextWrap),
+      "data-testid": testId ? `${testId}__content` : undefined,
       children: [iconName ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: iconName,
         type: iconType,
         size: size,
         className: (0, _classify.classify)(_TabModule.default.icon, {
           [_TabModule.default.disabled]: disabled === true
-        })
+        }),
+        testId: testId ? `${testId}__icon` : undefined
       }) : null, label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
         children: size === TAB_SIZE.medium ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.ButtonTextMedium, {
           color: _typography.TEXT_COLORS.secondary,
           className: (0, _classify.classify)(_TabModule.default.tabContainer, {
             [_TabModule.default.disabled]: disabled === true
           }),
+          testId: testId ? `${testId}__text` : undefined,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             style: {
               maxWidth
@@ -93,6 +98,7 @@ const Tab = exports.Tab = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
                 body: label,
                 elevation
               },
+              testId: testId ? `${testId}__tooltip` : undefined,
               children: label
             })
           })
@@ -102,6 +108,7 @@ const Tab = exports.Tab = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
             [_TabModule.default.selected]: selected === true,
             [_TabModule.default.disabled]: disabled === true
           }),
+          testId: testId ? `${testId}__text` : undefined,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             style: {
               maxWidth
@@ -112,6 +119,7 @@ const Tab = exports.Tab = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
                 body: label,
                 elevation
               },
+              testId: testId ? `${testId}__tooltip` : undefined,
               children: label
             })
           })

package/lib/components/Tabs/TabList/TabDropdown.d.ts

@@ -18,7 +18,8 @@ export interface TabDropdownProps {
     selected?: boolean;
     disabled?: boolean;
     elevation?: ElevationType;
+    testId?: string;
 }
-export declare const TabDropdown: ({ anchorPosition, size, onOptionSelect, props, elevation, classNames, }: TabDropdownProps) => React.JSX.Element;
+export declare const TabDropdown: ({ anchorPosition, size, onOptionSelect, props, elevation, classNames, testId, }: TabDropdownProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=TabDropdown.d.ts.map

package/lib/components/Tabs/TabList/TabDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList/TabDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAE/D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AAEtD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE;QACN,GAAG,EAAE,QAAQ,CAAC;QACd,IAAI,EAAE,SAAS,CAAC;KACjB,CAAC;IACF,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,GAAI,yEAOzB,gBAAgB,sBAgElB,CAAC"}
+{"version":3,"file":"TabDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList/TabDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAE/D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AAEtD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE;QACN,GAAG,EAAE,QAAQ,CAAC;QACd,IAAI,EAAE,SAAS,CAAC;KACjB,CAAC;IACF,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,iFAQzB,gBAAgB,sBAsElB,CAAC"}

package/lib/components/Tabs/TabList/TabDropdown.js

@@ -10,6 +10,7 @@ var _space = require("../../../styles/variables/_space");
 var _classify = require("../../../utils/classify");
 var _clickAway = require("../../../utils/click-away");
 var _mergeRefs = require("../../../utils/merge-refs");
+var _qa = require("../../../utils/qa");
 var _Menu = require("../../Menu");
 var _Tab = require("../Tab");
 var _Tooltip = require("../../Tooltip");
@@ -24,7 +25,8 @@ const TabDropdown = _ref => {
     onOptionSelect,
     props,
     elevation = 'modal',
-    classNames
+    classNames,
+    testId
   } = _ref;
   const {
     x,
@@ -49,7 +51,10 @@ const TabDropdown = _ref => {
         triggerRef
       } = _ref2;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        "data-testid": "TabDropdown",
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'dropdown'
+        }),
         className: (0, _classify.classify)(_TabDropdownModule.default.tabDropdownContainer, classNames?.wrapper),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.Tab, {
           ...props?.tab,
@@ -62,7 +67,11 @@ const TabDropdown = _ref => {
           classNames: {
             wrapper: _TabDropdownModule.default.dotTabWrapper,
             iconTextWrap: _TabDropdownModule.default.dotTextWrap
-          }
+          },
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'dropdown-tab'
+          })
         }), isOpen && props?.menu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingPortal, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingFocusManager, {
             modal: false,
@@ -71,6 +80,10 @@ const TabDropdown = _ref => {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
               className: _TabDropdownModule.default.menuWrapper,
+              "data-testid": (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'menu-wrapper'
+              }),
               style: {
                 display: 'flex',
                 position: strategy,
@@ -85,7 +98,11 @@ const TabDropdown = _ref => {
                   clickAway();
                 },
                 size: props.menu.size || size,
-                onTabOut: clickAway
+                onTabOut: clickAway,
+                testId: (0, _qa.generateTestId)({
+                  base: testId,
+                  slot: 'menu'
+                })
               })
             })
           })

package/lib/components/Tabs/TabList/TabList.d.ts

@@ -19,6 +19,7 @@ export interface TabListProps {
     menuWidth?: string;
     elevation?: ElevationType;
     maxTabWidth?: string;
+    testId?: string;
 }
 export declare const TabList: Flow.AbstractComponent<TabListProps, HTMLDivElement>;
 export {};

package/lib/components/Tabs/TabList/TabList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAUrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAsB1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,OAAO,CAAC;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAoJtE,CAAC"}
+{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAWrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAuB1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,OAAO,CAAC;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CA8JtE,CAAC"}