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

package/lib/components/Stepper/Step/StepContent.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.StepContent = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../../utils/classify");
+var _qa = require("../../../utils/qa");
 var _StepperModule = _interopRequireDefault(require("../Stepper.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -16,7 +17,8 @@ const StepContent = _ref => {
     classNames,
     active,
     completed = false,
-    disabled = false
+    disabled = false,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.classify)(_StepperModule.default.stepContentWrapper, {
@@ -24,6 +26,10 @@ const StepContent = _ref => {
       [_StepperModule.default.completed]: completed,
       [_StepperModule.default.disabled]: disabled
     }, classNames?.wrapper),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     children: children
   });
 };

package/lib/components/Stepper/Step/StepLabel.d.ts

@@ -8,7 +8,8 @@ export interface StepLabelProps {
     completed?: boolean;
     disabled?: boolean;
     classNames?: ClassNames;
+    testId?: string;
 }
-export declare const StepLabel: ({ children, classNames, active, completed, disabled, }: StepLabelProps) => React.JSX.Element;
+export declare const StepLabel: ({ children, classNames, active, completed, disabled, testId, }: StepLabelProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=StepLabel.d.ts.map

package/lib/components/Stepper/Step/StepLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/StepLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,GAAI,wDAMvB,cAAc,sBAchB,CAAC"}
+{"version":3,"file":"StepLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/StepLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,GAAI,gEAOvB,cAAc,sBAehB,CAAC"}

package/lib/components/Stepper/Step/StepLabel.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.StepLabel = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../../utils/classify");
+var _qa = require("../../../utils/qa");
 var _StepperModule = _interopRequireDefault(require("../Stepper.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -16,7 +17,8 @@ const StepLabel = _ref => {
     classNames,
     active,
     completed = false,
-    disabled = false
+    disabled = false,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.classify)(_StepperModule.default.stepLabelWrapper, {
@@ -24,6 +26,10 @@ const StepLabel = _ref => {
       [_StepperModule.default.completed]: completed,
       [_StepperModule.default.disabled]: disabled
     }, classNames?.wrapper),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     children: children
   });
 };

package/lib/components/Stepper/Stepper.d.ts

@@ -9,6 +9,7 @@ export interface StepperProps {
     children: React.ReactNode;
     orientation?: 'horizontal' | 'vertical';
     disabled?: boolean;
+    testId?: string;
 }
 export declare const Stepper: Flow.AbstractComponent<StepperProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAiBH,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CA+DtE,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAQrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAkBH,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAsEtE,CAAC"}

package/lib/components/Stepper/Stepper.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Stepper = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _StepperModule = _interopRequireDefault(require("./Stepper.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -20,7 +21,8 @@ const Stepper = exports.Stepper = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     children,
     orientation = 'horizontal',
     classNames,
-    disabled = false
+    disabled = false,
+    testId
   } = _ref;
   const childrenArray = React.Children.toArray(children).filter(Boolean);
   const steps = childrenArray.map((step, index) => {
@@ -55,12 +57,21 @@ const Stepper = exports.Stepper = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       last: index + 1 === childrenArray.length,
       active: index === activeStep,
       allowClick: onClick && index !== activeStep && isLastStepCompleted,
-      disabled: disabledChild || disabled
+      disabled: disabledChild || disabled,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'step',
+        index: index.toString()
+      })
     });
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.classify)(_StepperModule.default.stepperWrapper, _StepperModule.default[orientation], classNames?.wrapper),
     ref: ref,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     children: steps
   });
 });

package/lib/components/SubMenu/SubMenu.d.ts

@@ -13,6 +13,7 @@ export interface SubMenuProps {
     children?: React.ReactNode;
     onClose?: () => unknown;
     showClose?: boolean;
+    testId?: string;
 }
 export declare const SubMenu: Flow.AbstractComponent<SubMenuProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"SubMenu.d.ts","sourceRoot":"","sources":["../../../src/components/SubMenu/SubMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAO5D,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,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAmEtE,CAAC"}
+{"version":3,"file":"SubMenu.d.ts","sourceRoot":"","sources":["../../../src/components/SubMenu/SubMenu.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,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAO5D,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,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAwEtE,CAAC"}

package/lib/components/SubMenu/SubMenu.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SubMenu = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Button = require("../Button");
 var _Icon = require("../Icon");
 var _Text = require("../Text");
@@ -22,7 +23,8 @@ const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     titleIconSize,
     titleIconType,
     onClose,
-    showClose = false
+    showClose = false,
+    testId
   } = _ref;
   const childrenWithProps = React.Children.map(children, child => {
     if (/*#__PURE__*/React.isValidElement(child)) {
@@ -35,6 +37,10 @@ const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classify.default)(_SubMenuModule.default.subMenuWrapper, classNames?.wrapper),
     ref: ref,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: _SubMenuModule.default.subMenuTitleAndButton,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -44,10 +50,18 @@ const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
           name: titleIcon,
           type: titleIconType,
           size: titleIconSize,
-          className: _SubMenuModule.default.titleIcon
+          className: _SubMenuModule.default.titleIcon,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'title-icon'
+          })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.SubTitleMedium, {
           className: _SubMenuModule.default.subMenuHeader,
           color: _Text.TEXT_COLORS.inversePrimary,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'title'
+          }),
           children: title
         })]
       }), showClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
@@ -60,7 +74,11 @@ const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         classNames: {
           wrapper: _SubMenuModule.default.subMenuCloseButton,
           icon: _SubMenuModule.default.subMenuCloseIcon
-        }
+        },
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'close-button'
+        })
       })]
     }), childrenWithProps]
   });

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,qBAyDA"}

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,29 @@ function DefaultRow(_ref2) {
     selected,
     onSelect,
     classNames,
-    disabled
+    disabled,
+    testId
   } = _ref2;
+  // Generate a unique row identifier based on the data
+  const rowId = data.id || data.key || JSON.stringify(data);
+  const rowTestId = (0, _qa.generateTestId)({
+    base: testId,
+    slot: `row-${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 +115,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 +128,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"}