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

package/lib/components/InlineDropdown/SimpleInlineDropdown.d.ts

@@ -13,7 +13,7 @@ type ClassNames = Readonly<{
 export interface SimpleInlineDropdownRef {
     selectedKeys?: Array<string>;
 }
-export interface SimpleInlineDropdownProps extends Omit<ButtonProps, 'elevation' | 'classNames' | 'anchorPosition' | 'options' | 'optionsVariant' | 'allowSearch' | 'selectedKeys' | 'showLabelTooltip' | 'allowWrap' | 'onOptionSelect' | 'onMenuOpen' | 'onMenuClose' | 'menuVirtualization' | 'header' | 'footer' | 'menuClassNames' | 'resolveLabel' | 'resolveSecondaryLabel' | 'clickAwayRef'> {
+export interface SimpleInlineDropdownProps extends Omit<ButtonProps, 'elevation' | 'classNames' | 'anchorPosition' | 'options' | 'optionsVariant' | 'allowSearch' | 'selectedKeys' | 'showLabelTooltip' | 'allowWrap' | 'onOptionSelect' | 'onMenuOpen' | 'onMenuClose' | 'menuVirtualization' | 'header' | 'footer' | 'menuClassNames' | 'resolveLabel' | 'resolveSecondaryLabel' | 'clickAwayRef' | 'testId'> {
     elevation?: ElevationType;
     classNames?: ClassNames;
     anchorPosition?: AnchorType;
@@ -33,6 +33,7 @@ export interface SimpleInlineDropdownProps extends Omit<ButtonProps, 'elevation'
     resolveLabel?: (option: MenuOption) => string | React.ReactNode;
     resolveSecondaryLabel?: (option: MenuOption) => string | React.ReactNode;
     clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
+    testId?: string;
 }
 export declare const SimpleInlineDropdown: Flow.AbstractComponent<SimpleInlineDropdownProps, SimpleInlineDropdownRef>;
 export {};

package/lib/components/InlineDropdown/SimpleInlineDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleInlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/SimpleInlineDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AACrE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAM3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAClB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAG1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,WAAW,uBAAuB;IACtC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,yBACf,SAAQ,IAAI,CACV,WAAW,EACT,WAAW,GACX,YAAY,GACZ,gBAAgB,GAChB,SAAS,GACT,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,kBAAkB,GAClB,WAAW,GACX,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,oBAAoB,GACpB,QAAQ,GACR,QAAQ,GACR,gBAAgB,GAChB,cAAc,GACd,uBAAuB,GACvB,cAAc,CACjB;IACD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,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,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChE,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACzD;AA8GD,eAAO,MAAM,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CACvD,yBAAyB,EACzB,uBAAuB,CAGxB,CAAC"}
+{"version":3,"file":"SimpleInlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/SimpleInlineDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AACrE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAM3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAClB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAG1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,WAAW,uBAAuB;IACtC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,yBACf,SAAQ,IAAI,CACV,WAAW,EACT,WAAW,GACX,YAAY,GACZ,gBAAgB,GAChB,SAAS,GACT,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,kBAAkB,GAClB,WAAW,GACX,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,oBAAoB,GACpB,QAAQ,GACR,QAAQ,GACR,gBAAgB,GAChB,cAAc,GACd,uBAAuB,GACvB,cAAc,GACd,QAAQ,CACX;IACD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,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,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChE,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAgHD,eAAO,MAAM,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CACvD,yBAAyB,EACzB,uBAAuB,CAGxB,CAAC"}

package/lib/components/InlineDropdown/SimpleInlineDropdown.js

@@ -33,6 +33,7 @@ const SimpleInlineDropdownBase = (props, ref) => {
     clickAwayRef,
     allowWrap = false,
     elevation = 'modal',
+    testId,
     ...buttonProps
   } = props;
   const [btnText, setBtnText] = React.useState('');
@@ -71,6 +72,7 @@ const SimpleInlineDropdownBase = (props, ref) => {
     onMenuClose: onMenuClose,
     clickAwayRef: clickAwayRef,
     elevation: elevation,
+    testId: testId,
     menu: {
       isFluid,
       options,

package/lib/components/Input/Input.d.ts

@@ -70,6 +70,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     step?: string;
     hideNumberSpinner?: boolean;
     hidePasswordToggleIcon?: boolean;
+    testId?: string;
 }
 export declare const Input: Flow.AbstractComponent<InputProps, HTMLInputElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}

package/lib/components/Input/Input.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Input = exports.INPUT_TYPES = exports.EXPONENT_CHARACTER_LIST = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _Icon = require("../Icon");
 var _Text = require("../Text");
 var _InputModule = _interopRequireDefault(require("./Input.module.css"));
@@ -58,6 +59,7 @@ const Input_ = (props, ref) => {
     disallowExponents,
     hideNumberSpinner,
     hidePasswordToggleIcon,
+    testId,
     ...inputProps
   } = props;
   const [showPassword, setShowPassword] = React.useState(false);
@@ -80,23 +82,43 @@ const Input_ = (props, ref) => {
     onKeyDown?.(e);
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     className: (0, _classify.classify)(_InputModule.default.wrapper, {
       [_InputModule.default.filled]: controlledInputFilled ?? false,
       [_InputModule.default.withError]: error ?? false
     }, classNames?.wrapper),
     children: [Boolean(label) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'label'
+      }),
       className: _InputModule.default.info,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: _InputModule.default.infoContent,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
           color: "secondary",
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'labelText'
+          }),
           children: label ?? ''
         }), "\xA0", required && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
           color: "danger",
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'requiredIndicator'
+          }),
           children: '*'
         })]
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'box'
+      }),
       className: (0, _classify.classify)(_InputModule.default.box, {
         [_InputModule.default.inputDisabled]: disabled ?? false,
         [_InputModule.default.medium]: size === 'medium',
@@ -108,6 +130,10 @@ const Input_ = (props, ref) => {
       onClick: !(disabled || locked) ? onContainerClick : undefined,
       ref: boxRef,
       children: [iconLeftName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'iconLeft'
+        }),
         className: (0, _classify.classify)(classNames?.iconLeft),
         name: iconLeftName,
         color: disabled ? 'disabled' : 'secondary',
@@ -115,6 +141,10 @@ const Input_ = (props, ref) => {
         type: iconLeftType
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
         ...inputProps,
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'input'
+        }),
         disabled: locked || disabled,
         name: name,
         ref: ref,
@@ -127,11 +157,16 @@ const Input_ = (props, ref) => {
         readOnly: readOnly,
         onKeyDown: handleKeyDown
       }), type === 'color' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'colorText'
+        }),
         className: (0, _classify.classify)(_InputModule.default.colorText, _InputModule.default[size], {
           [_InputModule.default.hasValue]: value
         }),
         children: value ? value : placeholder
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(RightInputIcon, {
+        testId: testId,
         isEmail: type === 'email',
         isPassword: type === 'password',
         showPassword: showPassword,
@@ -144,12 +179,24 @@ const Input_ = (props, ref) => {
         className: classNames?.iconRight
       })]
     }), (Boolean(helperText) || error) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'helperText'
+      }),
       className: _InputModule.default.info,
       children: error && errorText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
         color: "danger",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'errorText'
+        }),
         children: errorText
       }) : typeof helperText === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
         color: disabled ? 'disabled' : 'secondary',
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'helperText'
+        }),
         children: helperText
       }) : helperText
     })]
@@ -157,6 +204,7 @@ const Input_ = (props, ref) => {
 };
 const RightInputIcon = _ref => {
   let {
+    testId,
     isEmail,
     isPassword,
     showPassword,
@@ -169,6 +217,10 @@ const RightInputIcon = _ref => {
   } = _ref;
   if (isLocked) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'iconRight'
+      }),
       name: "lock",
       color: isDisabled ? 'disabled' : 'secondary',
       size: "small",
@@ -177,6 +229,10 @@ const RightInputIcon = _ref => {
   }
   if (isEmail) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'iconRight'
+      }),
       name: "at",
       color: isDisabled ? 'disabled' : 'secondary',
       size: "small",
@@ -186,6 +242,10 @@ const RightInputIcon = _ref => {
   }
   if (isPassword && showPasswordToggleIcon) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'iconRight'
+      }),
       name: showPassword ? 'eye-slash' : 'eye',
       color: isDisabled ? 'disabled' : 'secondary',
       size: "small",
@@ -198,6 +258,10 @@ const RightInputIcon = _ref => {
   }
   if (iconRightName) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'iconRight'
+      }),
       name: iconRightName || '',
       color: isDisabled ? 'disabled' : 'secondary',
       size: "small",

package/lib/components/KPIBox/KPIBox.d.ts

@@ -18,6 +18,7 @@ export interface KPIBoxProps {
     iconName?: string;
     iconSize?: IconSize;
     iconType?: IconType;
+    testId?: string;
 }
 export declare const KPIBox: Flow.AbstractComponent<KPIBoxProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"KPIBox.d.ts","sourceRoot":"","sources":["../../../src/components/KPIBox/KPIBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAGxD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAM5D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC,CAAC;AAEH,MAAM,WAAW,WAAW;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,cAAc,CAiEpE,CAAC"}
+{"version":3,"file":"KPIBox.d.ts","sourceRoot":"","sources":["../../../src/components/KPIBox/KPIBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAIxD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAM5D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC,CAAC;AAEH,MAAM,WAAW,WAAW;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,cAAc,CAyEpE,CAAC"}

package/lib/components/KPIBox/KPIBox.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.KPIBox = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Icon = require("../Icon");
 var _KPIBoxModule = _interopRequireDefault(require("./KPIBox.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -21,28 +22,52 @@ const KPIBox = exports.KPIBox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     iconName,
     iconSize = 'large',
     iconType = 'solid',
+    testId,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ...props,
     ref: ref,
-    "data-testid": "KPIBox",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     className: (0, _classify.default)(_KPIBoxModule.default.wrapper, classNames?.wrapper),
     children: [!!iconName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.SemanticIcon, {
       semantic: semantic,
       name: iconName,
       size: iconSize,
-      type: iconType
+      type: iconType,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'icon'
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classify.default)(_KPIBoxModule.default.textContainer, classNames?.textContainer),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'content'
+      }),
       children: [!!topContent && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: (0, _classify.default)(_KPIBoxModule.default.topFoldContent, classNames?.topFoldContent),
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'top'
+        }),
         children: topContent
       }), !!middleContent && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: (0, _classify.default)(_KPIBoxModule.default.middleFoldContent, classNames?.middleFoldContent),
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'middle'
+        }),
         children: middleContent
       }), !!bottomContent && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: (0, _classify.default)(_KPIBoxModule.default.bottomFoldContent, classNames?.bottomFoldContent),
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'bottom'
+        }),
         children: bottomContent
       })]
     })]

package/lib/components/LinearLoader/LinearLoader.d.ts

@@ -4,6 +4,7 @@ export interface LinearLoaderProps {
     size?: 'large' | 'medium' | 'small';
     className?: string;
     indeterminate?: boolean;
+    testId?: string;
 }
 export declare const LinearLoader: Flow.AbstractComponent<LinearLoaderProps, HTMLDivElement>;
 //# sourceMappingURL=LinearLoader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinearLoader.d.ts","sourceRoot":"","sources":["../../../src/components/LinearLoader/LinearLoader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,cAAc,CA8Bf,CAAC"}
+{"version":3,"file":"LinearLoader.d.ts","sourceRoot":"","sources":["../../../src/components/LinearLoader/LinearLoader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAQrD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,cAAc,CAqCf,CAAC"}

package/lib/components/LinearLoader/LinearLoader.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.LinearLoader = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _LinearLoaderModule = _interopRequireDefault(require("./LinearLoader.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -15,9 +16,14 @@ const LinearLoader = exports.LinearLoader = /*#__PURE__*/React.forwardRef((_ref,
     value,
     size = 'medium',
     className,
-    indeterminate
+    indeterminate,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'loader'
+    }),
     className: (0, _classify.classify)(_LinearLoaderModule.default.lineContainer, {
       [_LinearLoaderModule.default.large]: size === 'large',
       [_LinearLoaderModule.default.medium]: size === 'medium',

package/lib/components/Link/Link.d.ts

@@ -59,6 +59,7 @@ export interface BaseLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAncho
     iconRightName?: string;
     iconRightSize?: IconSize;
     iconRightType?: IconType;
+    testId?: string;
     /**
      * IMPORTANT: If you are using `to` make sure to provide link component from your router
      * if you want to prevent full page reloads in a Single Page Application (SPA).

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAKrD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAM5D,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;EAiBlB,CAAC;AAEH,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAE5D,eAAO,MAAM,UAAU;;;;;;;;;;;;;EAarB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAErE,eAAO,MAAM,aAAa;;;;;;EAMxB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE9E,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,UAAU,GACV,SAAS,GACT,UAAU,GACV,UAAU,GACV,WAAW,GACX,IAAI,GACJ,KAAK,GACL,QAAQ,GACR,cAAc,GACd,cAAc,GACd,cAAc,GACd,eAAe,GACf,eAAe,GACf,eAAe,GACf,IAAI,GACJ,MAAM,CACT;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB;;;;;;;;;;;;;OAaG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,WAAW,GAAG,eAAe,CAAC;IACpE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CACpC,aAAa,EACb,iBAAiB,GAAG,IAAI,GAAG,SAAS,CACrC,CAAC;CACH;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CACvC,SAAS,EACT,iBAAiB,GAAG,IAAI,GAAG,SAAS,CA6GrC,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAMrD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAM5D,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;EAiBlB,CAAC;AAEH,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAE5D,eAAO,MAAM,UAAU;;;;;;;;;;;;;EAarB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAErE,eAAO,MAAM,aAAa;;;;;;EAMxB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE9E,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,UAAU,GACV,SAAS,GACT,UAAU,GACV,UAAU,GACV,WAAW,GACX,IAAI,GACJ,KAAK,GACL,QAAQ,GACR,cAAc,GACd,cAAc,GACd,cAAc,GACd,eAAe,GACf,eAAe,GACf,eAAe,GACf,IAAI,GACJ,MAAM,CACT;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;;;;;;OAaG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,WAAW,GAAG,eAAe,CAAC;IACpE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CACpC,aAAa,EACb,iBAAiB,GAAG,IAAI,GAAG,SAAS,CACrC,CAAC;CACH;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CACvC,SAAS,EACT,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAiHrC,CAAC"}

package/lib/components/Link/Link.js

@@ -7,6 +7,7 @@ exports.Link = exports.LINK_AS = exports.ANCHOR_TARGET = exports.ANCHOR_REL = vo
 var React = _interopRequireWildcard(require("react"));
 var _typography = require("../../types/typography");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _ConditionalWrapper = require("../ConditionalWrapper");
 var _Icon = require("../Icon");
 var _typographyModule = _interopRequireDefault(require("../../styles/typography.module.css"));
@@ -62,6 +63,7 @@ const Link = exports.Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     tabIndex = 0,
     disabled,
     onClick,
+    testId,
     linkComponent: LinkComponent = DefaultLink,
     iconLeftName,
     iconLeftSize = _Icon.ICON_SIZE.small,
@@ -101,7 +103,10 @@ const Link = exports.Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     ...props,
     tabIndex: disabled ? -1 : tabIndex,
     ref: linkRef,
-    "data-testid": "Link",
+    testId: (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     className: (0, _classify.default)(_typographyModule.default.link, _typographyModule.default[as], _typographyModule.default[color], {
       [_typographyModule.default.underline]: underline && !(iconLeftName || iconRightName),
       [_typographyModule.default.disabled]: disabled
@@ -114,6 +119,10 @@ const Link = exports.Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       type: iconLeftType,
       className: (0, _classify.default)(_typographyModule.default[color], {
         [_typographyModule.default.disabled]: disabled
+      }),
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'icon-left'
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
       condition: Boolean(iconLeftName || iconRightName),
@@ -121,6 +130,10 @@ const Link = exports.Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         className: (0, _classify.default)({
           [_typographyModule.default.underline]: underline
         }),
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'text'
+        }),
         children: children
       }),
       children: children
@@ -128,7 +141,11 @@ const Link = exports.Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       name: iconRightName,
       size: iconRightSize,
       type: iconRightType,
-      className: _typographyModule.default[color]
+      className: _typographyModule.default[color],
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'icon-right'
+      })
     })]
   });
 });
@@ -137,6 +154,7 @@ const DefaultLink = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     children,
     href,
     to,
+    testId,
     ...props
   } = _ref2;
   const resolvedHref = to ?? href;
@@ -144,6 +162,10 @@ const DefaultLink = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     ...props,
     href: resolvedHref,
     ref: ref,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     children: children
   });
 });

package/lib/components/Menu/Menu.d.ts

@@ -26,6 +26,7 @@ export interface MenuOption {
     optionVariant?: MenuOptionsVariant;
     keepMenuOpenOnOptionSelect?: boolean;
     indeterminate?: boolean;
+    testId?: string;
 }
 export interface BaseMenuProps {
     onSelect?: (option: MenuOption, arg2?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;
@@ -52,6 +53,7 @@ export interface BaseMenuProps {
     };
     showLabelTooltip?: MenuLabelTooltip;
     allowWrap?: boolean;
+    testId?: string;
 }
 export interface MenuOptionTypes {
     options?: Array<MenuOption>;

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"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"}

package/lib/components/Menu/Menu.js

@@ -8,6 +8,7 @@ var React = _interopRequireWildcard(require("react"));
 var _reactWindow = require("react-window");
 var _classify = require("../../utils/classify");
 var _menu = require("../../utils/menu");
+var _qa = require("../../utils/qa");
 var _MenuOptionButton = require("./MenuOptionButton");
 var _SearchInput = require("../SearchInput");
 var _Text = require("../Text");
@@ -29,6 +30,7 @@ const RenderOption = _ref => {
     classNames,
     searchText = '',
     showResultText = true,
+    testId,
     staticLabels = {
       RESULT: 'result',
       RESULTS: 'results',
@@ -57,6 +59,10 @@ const RenderOption = _ref => {
       children: [allowSearch && showResultText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
         className: _MenuModule.default.filterOptionsResultText,
         color: "tertiary",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'result-text'
+        }),
         children: finalResultText
       }), virtualization && isVirtualizationEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactWindow.FixedSizeList, {
         height: menuHeight || (size === 'medium' ? menuSizeMedium : menuSizeSmall),
@@ -75,7 +81,12 @@ const RenderOption = _ref => {
               classNames: classNames,
               style: style,
               ...restProps,
-              isLastItem: idx === optionsFiltered.length - 1
+              isLastItem: idx === optionsFiltered.length - 1,
+              testId: (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'option',
+                index: idx.toString()
+              })
             })
           }, buttonOption.key);
         }
@@ -84,7 +95,12 @@ const RenderOption = _ref => {
           option: option,
           classNames: classNames,
           ...restProps,
-          isLastItem: idx === optionsFiltered.length - 1
+          isLastItem: idx === optionsFiltered.length - 1,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'option',
+            index: idx.toString()
+          })
         })
       }, option.key))]
     });
@@ -96,6 +112,10 @@ const RenderOption = _ref => {
       children: [allowSearch && showResultText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
         className: _MenuModule.default.filterOptionsResultText,
         color: "tertiary",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'result-text'
+        }),
         children: finalResultText
       }), optionsFiltered.map((composeMenuOptions, index) =>
       /*#__PURE__*/
@@ -107,7 +127,12 @@ const RenderOption = _ref => {
             option: option,
             classNames: classNames,
             ...restProps,
-            isLastItem: index === optionsFiltered.length - 1 && idx === composeMenuOptions.length - 1
+            isLastItem: index === optionsFiltered.length - 1 && idx === composeMenuOptions.length - 1,
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'option',
+              index: `${index}-${idx}`
+            })
           })
         }, option.key))
       }, index))]
@@ -120,6 +145,10 @@ const RenderOption = _ref => {
       children: [allowSearch && showResultText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
         className: _MenuModule.default.filterOptionsResultText,
         color: "tertiary",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'result-text'
+        }),
         children: finalResultText
       }), optionsFiltered.map((optionsGroup, index) =>
       /*#__PURE__*/
@@ -127,13 +156,23 @@ const RenderOption = _ref => {
       (0, _jsxRuntime.jsxs)(React.Fragment, {
         children: [!!optionsGroup.groupTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: (0, _classify.classify)(_MenuModule.default.groupTitleWrapper, classNames?.groupTitle),
+          "data-testid": (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'group-title',
+            index: index.toString()
+          }),
           children: optionsGroup.groupTitle
         }), optionsGroup.options?.map((option, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuOptionButton.MenuOptionButton, {
             option: option,
             classNames: classNames,
             ...restProps,
-            isLastItem: index === optionsFiltered.length - 1 && idx === (optionsGroup.options && optionsGroup.options.length - 1)
+            isLastItem: index === optionsFiltered.length - 1 && idx === (optionsGroup.options && optionsGroup.options.length - 1),
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'option',
+              index: `${index}-${idx}`
+            })
           })
         }, option.key))]
       }, index))]
@@ -155,7 +194,8 @@ const Menu = exports.Menu = /*#__PURE__*/React.forwardRef((props, ref) => {
     },
     header,
     footer,
-    staticLabels
+    staticLabels,
+    testId
   } = props;
   const [searchText, setSearchText] = React.useState('');
   const {
@@ -182,20 +222,37 @@ const Menu = exports.Menu = /*#__PURE__*/React.forwardRef((props, ref) => {
       maxHeight: menuHeight ? menuHeight + 'px' : ''
     },
     ref: ref,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     children: [hasHeader && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classify.classify)(_MenuModule.default.menuHeader, classNames?.header),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'header'
+      }),
       children: header
     }), allowSearch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchInput.SearchInput, {
       value: searchText,
       onChange: e => setSearchText(e.target.value),
       onClear: () => setSearchText(''),
       size: size,
-      placeholder: staticLabels?.SEARCH_PLACEHOLDER ?? 'Search...'
+      placeholder: staticLabels?.SEARCH_PLACEHOLDER ?? 'Search...',
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'search'
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderOption, {
       ...props,
-      searchText: searchText
+      searchText: searchText,
+      testId: testId
     }), hasFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classify.classify)(_MenuModule.default.menuFooter, classNames?.footer),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'footer'
+      }),
       children: footer
     })]
   });