@spaced-out/ui-design-system 0.5.11 → 0.5.12

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
     })]
   });

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

@@ -5,6 +5,7 @@ export interface MenuOptionProps extends Omit<BaseMenuProps, 'option' | 'isLastI
     option: MenuOption;
     isLastItem?: boolean;
     style?: CSSProperties | undefined;
+    testId?: string;
 }
 export declare const MenuOptionButton: (props: MenuOptionProps) => React.JSX.Element;
 //# sourceMappingURL=MenuOptionButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuOptionButton.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuOptionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAQzC,OAAO,KAAK,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAQxE,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC;IAC9D,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,gBAAgB,GAAI,OAAO,eAAe,sBAqJtD,CAAC"}
+{"version":3,"file":"MenuOptionButton.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuOptionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AASzC,OAAO,KAAK,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAQxE,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC;IAC9D,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,gBAAgB,GAAI,OAAO,eAAe,sBA+MtD,CAAC"}

package/lib/components/Menu/MenuOptionButton.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.MenuOptionButton = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _Button = require("../Button");
 var _Checkbox = require("../Checkbox");
 var _Icon = require("../Icon");
@@ -33,7 +34,8 @@ const MenuOptionButton = props => {
     resolveSecondaryLabel,
     style,
     showLabelTooltip,
-    allowWrap = false
+    allowWrap = false,
+    testId
   } = props;
   const {
     key,
@@ -48,7 +50,8 @@ const MenuOptionButton = props => {
     disabled,
     optionSize,
     optionVariant = optionsVariant,
-    indeterminate = false
+    indeterminate = false,
+    testId: optionTestId
   } = option;
   const [buttonSize, setButtonSize] = React.useState(optionSize || size);
   const resolvedLabel = resolveLabel ? resolveLabel(option) : label;
@@ -87,6 +90,11 @@ const MenuOptionButton = props => {
     disabled: menuDisabled || disabled,
     onClick: e => onSelect && onSelect(option, e),
     autoFocus: selectedOption?.key === key,
+    testId: (0, _qa.generateTestId)({
+      base: testId || optionTestId,
+      slot: 'option-button',
+      index: key
+    }),
     ...(isLastItem ? {
       ref: lastMenuItemRef
     } : {}),
@@ -94,25 +102,66 @@ const MenuOptionButton = props => {
       tabIndex: -1,
       disabled: menuDisabled || disabled,
       checked: isSelected(),
-      indeterminate: indeterminate
+      indeterminate: indeterminate,
+      testId: (0, _qa.generateTestId)({
+        base: testId || optionTestId,
+        slot: 'checkbox',
+        index: key
+      })
     }), optionVariant === 'radio' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioButton.RadioButton, {
       disabled: menuDisabled || disabled,
       value: option.key,
       selectedValue: selectedKeys?.[0],
-      tabIndex: -1
+      tabIndex: -1,
+      testId: (0, _qa.generateTestId)({
+        base: testId || optionTestId,
+        slot: 'radio-button',
+        index: key
+      })
     }), !!iconLeft && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
       name: iconLeft,
       type: iconLeftType,
       size: "small",
-      className: _MenuModule.default.icon
+      className: _MenuModule.default.icon,
+      testId: (0, _qa.generateTestId)({
+        base: testId || optionTestId,
+        slot: 'icon-left',
+        index: key
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classify.classify)(_MenuModule.default.optionTextContainer, classNames?.optionTextContainer),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId || optionTestId,
+        slot: 'text-container',
+        index: key
+      }),
       children: [/*#__PURE__*/React.isValidElement(customComponent) ? customComponent : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: (0, _classify.classify)(_MenuModule.default.optionTextLabel, classNames?.optionTextLabel),
-        children: renderLabel(resolvedLabel, allowWrap, showLabelTooltip)
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId || optionTestId,
+          slot: 'label',
+          index: key
+        }),
+        children: renderLabel({
+          label: resolvedLabel,
+          allowWrap,
+          showLabelTooltip,
+          testId: testId || optionTestId,
+          key
+        })
       }), !!secondaryLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: _MenuModule.default.optionTextSecondaryLabel,
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId || optionTestId,
+          slot: 'secondary-label',
+          index: key
+        }),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+          testId: (0, _qa.generateTestId)({
+            base: testId || optionTestId,
+            slot: 'secondary-label-text',
+            index: key
+          }),
           children: resolvedSecondaryLabel
         })
       })]
@@ -120,12 +169,24 @@ const MenuOptionButton = props => {
       name: iconRight,
       type: iconRightType,
       size: "small",
-      className: (0, _classify.classify)(_MenuModule.default.icon, _MenuModule.default.rightIcon)
+      className: (0, _classify.classify)(_MenuModule.default.icon, _MenuModule.default.rightIcon),
+      testId: (0, _qa.generateTestId)({
+        base: testId || optionTestId,
+        slot: 'icon-right',
+        index: key
+      })
     })]
   });
 };
 exports.MenuOptionButton = MenuOptionButton;
-const renderLabel = (label, allowWrap, showLabelTooltip) => {
+const renderLabel = _ref => {
+  let {
+    label,
+    allowWrap,
+    showLabelTooltip,
+    testId,
+    key
+  } = _ref;
   if (showLabelTooltip) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TruncatedTextWithTooltip.TruncatedTextWithTooltip, {
       tooltip: {
@@ -133,6 +194,11 @@ const renderLabel = (label, allowWrap, showLabelTooltip) => {
         delayMotionDuration: 'normal'
       },
       line: 3,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'label-tooltip',
+        index: key
+      }),
       children: label
     });
   }
@@ -143,10 +209,20 @@ const renderLabel = (label, allowWrap, showLabelTooltip) => {
         delayMotionDuration: 'normal'
       },
       line: 3,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'label-wrap-tooltip',
+        index: key
+      }),
       children: label
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+    testId: (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'label-text',
+      index: key
+    }),
     children: label
   });
 };

package/lib/components/Modal/Modal.d.ts

@@ -19,6 +19,7 @@ export interface ModalProps {
     allowBackgroundInteraction?: boolean;
     initialFocus?: number;
     customAnimation?: UseTransitionStylesProps;
+    testId?: string;
 }
 export type ModalSize = 'small' | 'medium' | 'large';
 export interface BaseModalProps extends Omit<ModalProps, 'size'> {
@@ -29,19 +30,22 @@ export interface ModalHeaderProps {
     hideCloseBtn?: boolean;
     onCloseButtonClick?: React.MouseEventHandler<HTMLButtonElement>;
     className?: string;
+    testId?: string;
 }
 export interface ModalFooterProps {
     children?: React.ReactNode;
     classNames?: FooterClassNames;
+    testId?: string;
 }
 export interface ModalBodyProps {
     children?: React.ReactNode;
     className?: string;
+    testId?: string;
 }
-export declare const ModalHeader: ({ children, hideCloseBtn, onCloseButtonClick, className, }: ModalHeaderProps) => React.JSX.Element;
-export declare const ModalBody: ({ children, className }: ModalBodyProps) => React.JSX.Element;
-export declare const ModalFooter: ({ children, classNames }: ModalFooterProps) => React.JSX.Element;
-export declare const Modal: ({ classNames, children, isOpen, onClose, hideBackdrop, tapOutsideToClose, initialFocus, customAnimation, allowBackgroundInteraction, size, }: BaseModalProps) => React.ReactPortal | null;
-export declare const FullScreenModal: ({ classNames, ...props }: ModalProps) => React.JSX.Element;
+export declare const ModalHeader: ({ children, hideCloseBtn, onCloseButtonClick, className, testId, }: ModalHeaderProps) => React.JSX.Element;
+export declare const ModalBody: ({ children, className, testId }: ModalBodyProps) => React.JSX.Element;
+export declare const ModalFooter: ({ children, classNames, testId, }: ModalFooterProps) => React.JSX.Element;
+export declare const Modal: ({ classNames, children, isOpen, onClose, hideBackdrop, tapOutsideToClose, initialFocus, customAnimation, allowBackgroundInteraction, testId, size, }: BaseModalProps) => React.ReactPortal | null;
+export declare const FullScreenModal: ({ classNames, testId, ...props }: ModalProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Modal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,oBAAoB,CAAC;AAwBjE,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,wBAAwB,CAAC;CAC5C;AAED,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD,eAAO,MAAM,WAAW,GAAI,4DAKzB,gBAAgB,sBAkBlB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,yBAAuB,cAAc,sBAE9D,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,0BAAwB,gBAAgB,sBAUnE,CAAC;AAuDF,eAAO,MAAM,KAAK,GAAI,8IAanB,cAAc,6BAgJhB,CAAC;AAGF,eAAO,MAAM,eAAe,GAAI,0BAAwB,UAAU,sBAQjE,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,oBAAoB,CAAC;AAyBjE,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,wBAAwB,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAqBD,eAAO,MAAM,WAAW,GAAI,oEAMzB,gBAAgB,sBAwBlB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,iCAA+B,cAAc,sBAOtE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mCAIzB,gBAAgB,sBAgBlB,CAAC;AAuDF,eAAO,MAAM,KAAK,GAAI,sJAanB,cAAc,6BAmJhB,CAAC;AAGF,eAAO,MAAM,eAAe,GAAI,kCAAgC,UAAU,sBASzE,CAAC"}

package/lib/components/Modal/Modal.js

@@ -13,6 +13,7 @@ var _opacity = require("../../styles/variables/_opacity");
 var _space = require("../../styles/variables/_space");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
 var _helpers = require("../../utils/helpers");
+var _qa = require("../../utils/qa");
 var _Button = require("../Button/Button");
 var _Truncate = require("../Truncate/Truncate");
 var _ModalModule = _interopRequireDefault(require("./Modal.module.css"));
@@ -42,21 +43,34 @@ const ModalHeader = _ref => {
     children,
     hideCloseBtn,
     onCloseButtonClick,
-    className
+    className,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classify.default)(_ModalModule.default.modalHeader, className),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'wrapper'
+      }),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: _ModalModule.default.headerContent,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'title'
+          }),
           children: children
         })
       }), !hideCloseBtn && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
         iconLeftName: "xmark",
         type: "ghost",
         onClick: onCloseButtonClick,
-        ariaLabel: "Close Button"
+        ariaLabel: "Close Button",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'close-button'
+        })
       })]
     })
   });
@@ -65,10 +79,15 @@ exports.ModalHeader = ModalHeader;
 const ModalBody = _ref2 => {
   let {
     children,
-    className
+    className,
+    testId
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.default)(_ModalModule.default.modalBody, className),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     children: children
   });
 };
@@ -76,13 +95,22 @@ exports.ModalBody = ModalBody;
 const ModalFooter = _ref3 => {
   let {
     children,
-    classNames
+    classNames,
+    testId
   } = _ref3;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classify.default)(_ModalModule.default.modalFooter, classNames?.wrapper),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'wrapper'
+      }),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: (0, _classify.default)(_ModalModule.default.modalFooterActions, classNames?.actions),
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'actions'
+        }),
         children: children
       })
     })
@@ -145,6 +173,7 @@ const Modal = _ref4 => {
     initialFocus = -1,
     customAnimation,
     allowBackgroundInteraction = false,
+    testId,
     // Size is not set to default for backward compatibility. Don't change if you don't know this.
     size
   } = _ref4;
@@ -233,6 +262,10 @@ const Modal = _ref4 => {
         [_ModalModule.default.in]: isTransitioning,
         [_ModalModule.default.open]: isOpen
       }, classNames?.container),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'container'
+      }),
       children: [!allowBackgroundInteraction && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: (0, _classify.default)(_ModalModule.default.backdrop, {
           [_ModalModule.default.darkBackdrop]: !hideBackdrop
@@ -241,7 +274,11 @@ const Modal = _ref4 => {
         style: {
           opacity: styles?.opacity,
           transition: styles?.transition
-        }
+        },
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'backdrop'
+        })
       }), isMounted && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: (0, _classify.default)(_ModalModule.default.modal, {
           [_ModalModule.default.small]: size === 'small',
@@ -253,6 +290,10 @@ const Modal = _ref4 => {
           // Transition styles
           ...styles
         },
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'content'
+        }),
         children: children
       })]
     })
@@ -264,6 +305,7 @@ exports.Modal = Modal;
 const FullScreenModal = _ref5 => {
   let {
     classNames,
+    testId,
     ...props
   } = _ref5;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Modal, {
@@ -271,6 +313,7 @@ const FullScreenModal = _ref5 => {
       ...classNames,
       content: (0, _classify.default)(_ModalModule.default.fullscreenModalContainer, classNames?.content)
     },
+    testId: testId,
     ...props
   });
 };