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

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

@@ -5,33 +5,39 @@ interface CellsProps {
     className?: string | null | undefined;
     truncatedText?: React.ReactNode;
     onClick?: (e: React.SyntheticEvent<HTMLElement>) => unknown;
+    testId?: string;
 }
-export declare const Cells: ({ children, className, ...rest }: CellsProps) => React.ReactElement<React.ComponentProps<"div">>;
-export declare const Cell: ({ children, className, }: CellsProps) => React.ReactElement<React.ComponentProps<"div">>;
+export declare const Cells: ({ children, className, testId, ...rest }: CellsProps) => React.ReactElement<React.ComponentProps<"div">>;
+export declare const Cell: ({ children, className, testId, }: CellsProps) => React.ReactElement<React.ComponentProps<"div">>;
 export declare const BasicSingleCell: ClassNameComponent<'td'>;
 export declare const BasicDoubleCell: ClassNameComponent<'td'>;
 export declare const PaddedContentCell: ClassNameComponent<'td'>;
 export declare const PaddedDoubleContentCell: ClassNameComponent<'td'>;
-export declare const SingleCell: ({ title, className, }: {
+export declare const SingleCell: ({ title, className, testId, }: {
     title: string;
     icon?: React.ReactNode;
     className?: string;
+    testId?: string;
 }) => React.JSX.Element;
-export declare const DoubleCell: ({ title, subtitle, className, }: {
+export declare const DoubleCell: ({ title, subtitle, className, testId, }: {
     title: React.ReactNode;
     subtitle?: React.ReactNode;
     className?: string;
+    testId?: string;
 }) => React.JSX.Element;
-export declare const DateCell: ({ date, className, }: {
+export declare const DateCell: ({ date, className, testId, }: {
     date: string | Date;
     className?: string;
+    testId?: string;
 }) => React.JSX.Element;
-export declare const Monogram: ({ initials }: {
+export declare const Monogram: ({ initials, testId, }: {
     initials: string;
+    testId?: string;
 }) => React.JSX.Element;
-export declare const MonogramCell: ({ initials, className, }: {
+export declare const MonogramCell: ({ initials, className, testId, }: {
     initials: string;
     className?: string;
+    testId?: string;
 }) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Cell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AASzE,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC;CAC7D;AAED,eAAO,MAAM,KAAK,GAAI,kCAInB,UAAU,KAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAI7D,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,0BAGlB,UAAU,KAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAE7D,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,kBAAkB,CAAC,IAAI,CAGpD,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,kBAAkB,CAAC,IAAI,CAGpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,kBAAkB,CAAC,IAAI,CACF,CAAC;AAEtD,eAAO,MAAM,uBAAuB,EAAE,kBAAkB,CAAC,IAAI,CACR,CAAC;AAEtD,eAAO,MAAM,UAAU,GAAI,uBAGxB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sBAIA,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,iCAIxB;IACD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sBASA,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,sBAGtB;IACD,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sBAWA,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,cAAY;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAC,sBAEtD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,0BAG1B;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sBAIA,CAAC"}
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAUzE,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,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,KAAK,GAAI,0CAKnB,UAAU,KAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAQ7D,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,kCAIlB,UAAU,KAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAO7D,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,kBAAkB,CAAC,IAAI,CAGpD,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,kBAAkB,CAAC,IAAI,CAGpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,kBAAkB,CAAC,IAAI,CACF,CAAC;AAEtD,eAAO,MAAM,uBAAuB,EAAE,kBAAkB,CAAC,IAAI,CACR,CAAC;AAEtD,eAAO,MAAM,UAAU,GAAI,+BAIxB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,sBAOA,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,yCAKxB;IACD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,sBAYA,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,8BAItB;IACD,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,sBAYA,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,uBAGtB;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,sBAA4D,CAAC;AAE9D,eAAO,MAAM,YAAY,GAAI,kCAI1B;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,sBAOA,CAAC"}

package/lib/components/Table/Cell.js

@@ -9,6 +9,7 @@ var _formatDistance = _interopRequireDefault(require("date-fns/formatDistance"))
 var _parseISO = _interopRequireDefault(require("date-fns/parseISO"));
 var _classify = require("../../utils/classify");
 var _makeClassNameComponent = require("../../utils/makeClassNameComponent");
+var _qa = require("../../utils/qa");
 var _Avatar = require("../Avatar");
 var _Text = require("../Text");
 var _TableModule = _interopRequireDefault(require("./Table.module.css"));
@@ -19,10 +20,15 @@ const Cells = _ref => {
   let {
     children,
     className,
+    testId,
     ...rest
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.classify)(_TableModule.default.row, className),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'cells'
+    }),
     ...rest,
     children: children
   });
@@ -31,10 +37,15 @@ exports.Cells = Cells;
 const Cell = _ref2 => {
   let {
     children,
-    className
+    className,
+    testId
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.classify)(_TableModule.default.cell, className),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'cell'
+    }),
     children: children
   });
 };
@@ -46,10 +57,15 @@ const PaddedDoubleContentCell = exports.PaddedDoubleContentCell = (0, _makeClass
 const SingleCell = _ref3 => {
   let {
     title,
-    className
+    className,
+    testId
   } = _ref3;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(PaddedContentCell, {
     className: className,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'single-cell'
+    }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodyMedium, {
       className: _TableModule.default.paddedTitleBlock,
       children: title
@@ -61,10 +77,15 @@ const DoubleCell = _ref4 => {
   let {
     title,
     subtitle,
-    className
+    className,
+    testId
   } = _ref4;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(PaddedDoubleContentCell, {
     className: className,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'double-cell'
+    }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: _TableModule.default.paddedTitleBlock,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodyMedium, {
@@ -82,35 +103,45 @@ exports.DoubleCell = DoubleCell;
 const DateCell = _ref5 => {
   let {
     date,
-    className
+    className,
+    testId
   } = _ref5;
   const parsedDate = typeof date === 'object' ? date : (0, _parseISO.default)(date);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(DoubleCell, {
     title: `${parsedDate.getMonth() + 1} / ${parsedDate.getDate() + 1} / ${parsedDate.getFullYear()}`,
     subtitle: `${(0, _formatDistance.default)(parsedDate, new Date())} ago`,
-    className: className
+    className: className,
+    testId: testId
   });
 };
 exports.DateCell = DateCell;
 const Monogram = _ref6 => {
   let {
-    initials
+    initials,
+    testId
   } = _ref6;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
     size: "small",
-    text: initials
+    text: initials,
+    testId: testId
   });
 };
 exports.Monogram = Monogram;
 const MonogramCell = _ref7 => {
   let {
     initials,
-    className
+    className,
+    testId
   } = _ref7;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(PaddedContentCell, {
     className: className,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'monogram-cell'
+    }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Monogram, {
-      initials: initials
+      initials: initials,
+      testId: testId
     })
   });
 };

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

@@ -13,6 +13,7 @@ export interface TableRowProps<T, U> {
     headers?: GenericHeaderItems<T, U>;
     selected?: boolean;
     disabled?: boolean;
+    testId?: string;
 }
 export type TableRow<T, U> = React.ComponentType<TableRowProps<T, U>>;
 export declare const BasicRow: ClassNameComponent<'tr'>;
@@ -21,9 +22,10 @@ interface EmptyRowProps {
     isLoading?: boolean;
     headersLength: number;
     customLoader?: React.ReactNode;
+    testId?: string;
 }
-export declare const EmptyRow: ({ isLoading, emptyText, headersLength, customLoader, }: EmptyRowProps) => React.ReactElement<React.ComponentProps<"tr">>;
-export declare function DefaultRow<T extends GenericObject, U extends GenericObject>({ data, extras, headers, selected, onSelect, classNames, disabled, }: {
+export declare const EmptyRow: ({ isLoading, emptyText, headersLength, customLoader, testId, }: EmptyRowProps) => React.ReactElement<React.ComponentProps<"tr">>;
+export declare function DefaultRow<T extends GenericObject, U extends GenericObject>({ data, extras, headers, selected, onSelect, classNames, disabled, testId, }: {
     data: T;
     extras?: U;
     headers: GenericHeaderItems<T, U>;
@@ -34,6 +36,7 @@ export declare function DefaultRow<T extends GenericObject, U extends GenericObj
     }) => unknown;
     classNames?: ClassNames;
     disabled?: boolean;
+    testId?: string;
 }): React.JSX.Element;
 export {};
 //# sourceMappingURL=DefaultRow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/DefaultRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAMzE,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AAChF,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAM9D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAQH,MAAM,WAAW,aAAa,CAAC,CAAC,EAAE,CAAC;IACjC,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAEtE,eAAO,MAAM,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAG7C,CAAC;AAEF,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,QAAQ,GAAI,wDAKtB,aAAa,KAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CA0B/D,CAAC;AASF,wBAAgB,UAAU,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,SAAS,aAAa,EAAE,EAC3E,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,KAAK,OAAO,CAAC;IAChE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,qBA4CA"}
+{"version":3,"file":"DefaultRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/DefaultRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAOzE,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AAChF,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAM9D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAQH,MAAM,WAAW,aAAa,CAAC,CAAC,EAAE,CAAC;IACjC,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAEtE,eAAO,MAAM,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAG7C,CAAC;AAEF,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,GAAI,gEAMtB,aAAa,KAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CA+B/D,CAAC;AASF,wBAAgB,UAAU,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,SAAS,aAAa,EAAE,EAC3E,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAAM,GACP,EAAE;IACD,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,KAAK,OAAO,CAAC;IAChE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,qBA6EA"}

package/lib/components/Table/DefaultRow.js

@@ -9,6 +9,7 @@ exports.EmptyRow = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
 var _makeClassNameComponent = require("../../utils/makeClassNameComponent");
+var _qa = require("../../utils/qa");
 var _Checkbox = require("../Checkbox");
 var _CircularLoader = require("../CircularLoader");
 var _Cell = require("./Cell");
@@ -30,9 +31,14 @@ const EmptyRow = _ref => {
     isLoading,
     emptyText,
     headersLength = 0,
-    customLoader
+    customLoader,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'empty-row'
+    }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
       colSpan: headersLength,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -41,11 +47,19 @@ const EmptyRow = _ref => {
           className: _TableModule.default.defaultLoader,
           children: [' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader.CircularLoader, {
             colorToken: "colorFillPrimary",
-            size: "large"
+            size: "large",
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'loader'
+            })
           })]
         }) : emptyText || /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodyLarge, {
           color: _Text.TEXT_COLORS.secondary,
           className: _TableModule.default.defaultEmptyText,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'empty-text'
+          }),
           children: "Nothing to display here."
         })
       })
@@ -69,17 +83,50 @@ function DefaultRow(_ref2) {
     selected,
     onSelect,
     classNames,
-    disabled
+    disabled,
+    testId
   } = _ref2;
+  // Generate a stable row identifier based on the data
+  const getRowId = () => {
+    if (data.id) {
+      return String(data.id);
+    }
+    if (data.key) {
+      return String(data.key);
+    }
+    if (typeof data === 'object' && data !== null) {
+      const keys = Object.keys(data);
+      if (keys.length > 0) {
+        const firstKey = keys[0];
+        // Use the value of the first property for uniqueness
+        const firstValue = data[firstKey];
+        if (firstValue !== undefined && firstValue !== null) {
+          return String(firstValue);
+        }
+      }
+    }
+    return 'row';
+  };
+  const rowId = getRowId();
+  const rowTestId = (0, _qa.generateTestId)({
+    base: testId,
+    slot: 'row',
+    index: rowId
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BasicRow, {
     className: (0, _classify.default)(selected ? _TableModule.default.defaultSelectedBodyRow : _TableModule.default.defaultBodyRow, classNames?.tableRow),
+    "data-testid": rowTestId,
     children: [selected != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.PaddedContentCell, {
       className: (0, _classify.default)(_TableModule.default.checkbox, classNames?.checkbox),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
         checked: selected ? true : false,
         onChange: onSelect,
         disabled: disabled,
-        ariaLabel: "Select row"
+        ariaLabel: "Select row",
+        testId: (0, _qa.generateTestId)({
+          base: rowTestId,
+          slot: 'checkbox'
+        })
       })
     }), headers.map((item, index) => {
       const {
@@ -89,6 +136,10 @@ function DefaultRow(_ref2) {
         sticky
       } = item;
       const value = data[key];
+      const cellTestId = (0, _qa.generateTestId)({
+        base: rowTestId,
+        slot: `cell-${String(key)}-${index}`
+      });
       return Renderer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Renderer
       // eslint-disable-next-line react/no-array-index-key
       , {
@@ -98,14 +149,16 @@ function DefaultRow(_ref2) {
         disabled: disabled,
         className: (0, _classify.default)({
           [_TableModule.default.stickyCell]: sticky
-        })
+        }),
+        testId: cellTestId
       }, index) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.SingleCell
       // eslint-disable-next-line react/no-array-index-key
       , {
         title: String(value),
         className: (0, _classify.default)(cellClassName, {
           [_TableModule.default.stickyCell]: sticky
-        })
+        }),
+        testId: cellTestId
       }, index);
     })]
   });

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

@@ -18,6 +18,7 @@ export interface GenericHeaderItem<T, U> {
         className?: string;
         selected?: boolean;
         disabled?: boolean;
+        testId?: string;
     }>;
 }
 export type GenericHeaderItems<T, U> = GenericHeaderItem<T, U>[];
@@ -38,6 +39,7 @@ export interface TableHeaderProps<T, U> {
     }) => unknown;
     disabled?: boolean;
     stickyHeader?: boolean;
+    testId?: string;
 }
 export declare function DefaultTableHeader<T extends GenericObject, U extends GenericObject>(props: TableHeaderProps<T, U>): React.JSX.Element;
 //# sourceMappingURL=DefaultTableHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultTableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/DefaultTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAMzE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAM9D,MAAM,WAAW,iBAAiB,CAAC,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,IAAI,EAAE,CAAC,CAAC;QACR,MAAM,CAAC,EAAE,CAAC,CAAC;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC,CAAC;CACJ;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAEjE,eAAO,MAAM,aAAa,EAAE,kBAAkB,CAAC,IAAI,CAGlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAAkB,CAAC,OAAO,CACA,CAAC;AAExD,MAAM,WAAW,gBAAgB,CAAC,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,OAAO,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IACrC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,KAAK,OAAO,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA4CD,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,aAAa,EACvB,CAAC,SAAS,aAAa,EACvB,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,qBAqI9B"}
+{"version":3,"file":"DefaultTableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/DefaultTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAOzE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAM9D,MAAM,WAAW,iBAAiB,CAAC,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,IAAI,EAAE,CAAC,CAAC;QACR,MAAM,CAAC,EAAE,CAAC,CAAC;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC,CAAC;CACJ;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAEjE,eAAO,MAAM,aAAa,EAAE,kBAAkB,CAAC,IAAI,CAGlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAAkB,CAAC,OAAO,CACA,CAAC;AAExD,MAAM,WAAW,gBAAgB,CAAC,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,OAAO,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IACrC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,KAAK,OAAO,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA4CD,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,aAAa,EACvB,CAAC,SAAS,aAAa,EACvB,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,qBAiJ9B"}

package/lib/components/Table/DefaultTableHeader.js

@@ -8,6 +8,7 @@ exports.DefaultTableHeader = DefaultTableHeader;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
 var _makeClassNameComponent = require("../../utils/makeClassNameComponent");
+var _qa = require("../../utils/qa");
 var _Checkbox = require("../Checkbox");
 var _Icon = require("../Icon");
 var _DefaultRow = require("./DefaultRow");
@@ -61,7 +62,8 @@ function DefaultTableHeader(props) {
     handleCheckboxClick,
     checked,
     disabled,
-    stickyHeader
+    stickyHeader,
+    testId
   } = props;
   const tableHeaderCells = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: columns.map((columnData, index) => {
@@ -96,6 +98,10 @@ function DefaultTableHeader(props) {
       if (sortKey === key) {
         columnSortDirection = sortDirection;
       }
+      const headerCellTestId = (0, _qa.generateTestId)({
+        base: testId,
+        slot: `header-cell-${String(key)}-${index}`
+      });
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(BasicHeadCell, {
         className: (0, _classify.default)({
           [_TableModule.default.selectedHeader]: sortKey === key && columnSortDirection !== 'original'
@@ -105,6 +111,7 @@ function DefaultTableHeader(props) {
 
         scope: "col",
         onClick: headCellClickHandler,
+        "data-testid": headerCellTestId,
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: (0, _classify.default)(_TableModule.default.labelContents),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -140,6 +147,10 @@ function DefaultTableHeader(props) {
     className: (0, _classify.default)(_TableModule.default.tableHeaderSortable, {
       [_TableModule.default.stickyHeader]: stickyHeader
     }, className),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'header'
+    }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DefaultRow.BasicRow, {
       className: _TableModule.default.defaultHeaderRow,
       children: [handleCheckboxClick && /*#__PURE__*/(0, _jsxRuntime.jsx)(BasicHeadCell, {
@@ -152,7 +163,11 @@ function DefaultTableHeader(props) {
             indeterminate: checked === 'mixed',
             onChange: handleCheckboxClick,
             disabled: disabled,
-            ariaLabel: "Select all rows"
+            ariaLabel: "Select all rows",
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'select-all-checkbox'
+            })
           })
         })
       }), tableHeaderCells()]

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

@@ -1 +1 @@
-{"version":3,"file":"StaticTable.d.ts","sourceRoot":"","sources":["../../../src/components/Table/StaticTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAQzE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EACV,aAAa,EAEb,UAAU,EACX,MAAM,4BAA4B,CAAC;AAKpC,eAAO,MAAM,UAAU,EAAE,kBAAkB,CAAC,OAAO,CAGlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAAkB,CAAC,OAAO,CACA,CAAC;AAuMxD;;;;GAIG;AAEH,wBAAgB,WAAW,CACzB,IAAI,SAAS,aAAa,EAC1B,MAAM,SAAS,aAAa,EAE5B,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG;IAChC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,qBAqHF;AAED,wBAAgB,sBAAsB,CACpC,IAAI,SAAS,aAAa,EAC1B,MAAM,SAAS,aAAa,EAE5B,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG;IAChC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,qBAwNF"}
+{"version":3,"file":"StaticTable.d.ts","sourceRoot":"","sources":["../../../src/components/Table/StaticTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AASzE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EACV,aAAa,EAEb,UAAU,EACX,MAAM,4BAA4B,CAAC;AAKpC,eAAO,MAAM,UAAU,EAAE,kBAAkB,CAAC,OAAO,CAGlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAAkB,CAAC,OAAO,CACA,CAAC;AAsNxD;;;;GAIG;AAEH,wBAAgB,WAAW,CACzB,IAAI,SAAS,aAAa,EAC1B,MAAM,SAAS,aAAa,EAE5B,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG;IAChC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,qBAyHF;AAED,wBAAgB,sBAAsB,CACpC,IAAI,SAAS,aAAa,EAC1B,MAAM,SAAS,aAAa,EAE5B,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG;IAChC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,qBA4NF"}

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: {