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

package/lib/components/Toggle/Toggle.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Toggle = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _ToggleModule = _interopRequireDefault(require("./Toggle.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -29,6 +30,7 @@ const Toggle = exports.Toggle = /*#__PURE__*/React.forwardRef((_ref, forwardRef)
     onChange,
     ariaLabel,
     labelPosition = 'right',
+    testId,
     ...props
   } = _ref;
   const toggleInput = /*#__PURE__*/React.createRef();
@@ -51,17 +53,29 @@ const Toggle = exports.Toggle = /*#__PURE__*/React.forwardRef((_ref, forwardRef)
     }
   }, [focused]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'toggle'
+    }),
     className: (0, _classify.default)(_ToggleModule.default.container, {
       [_ToggleModule.default.disabled]: disabled
     }, classNames?.wrapper),
     onClick: onWrapClickHandler,
     children: [labelPosition === 'left' && React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'label'
+      }),
       className: (0, _classify.default)(_ToggleModule.default.toggleLabel, classNames?.label),
       children: children
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
       className: _ToggleModule.default.toggleWrap,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
         type: "checkbox",
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'input'
+        }),
         name: name,
         value: value,
         checked: checked,
@@ -76,6 +90,10 @@ const Toggle = exports.Toggle = /*#__PURE__*/React.forwardRef((_ref, forwardRef)
         })
       })]
     }), labelPosition === 'right' && React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'label'
+      }),
       className: (0, _classify.default)(_ToggleModule.default.toggleLabel, classNames?.label),
       children: children
     })]

package/lib/components/TokenListInput/TokenListInput.d.ts

@@ -50,6 +50,7 @@ export interface Props<T> {
     resolveTokenValue?: (arg1: ResolveTokenValueProps<T>) => React.ReactNode;
     inputProps?: Omit<InputProps, 'size'>;
     elevation?: ElevationType;
+    testId?: string;
 }
 export declare function TokenListInput<T>(props: Props<T>): React.JSX.Element;
 export declare namespace TokenListInput {

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

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

package/lib/components/TokenListInput/TokenListInput.js

@@ -14,6 +14,7 @@ var _typography = require("../../types/typography");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
 var _clickAway = require("../../utils/click-away");
 var _mergeRefs = require("../../utils/merge-refs");
+var _qa = require("../../utils/qa");
 var _tokenListInput = require("../../utils/token-list-input/token-list-input");
 var _ButtonDropdown = require("../ButtonDropdown");
 var _CircularLoader = require("../CircularLoader");
@@ -56,7 +57,8 @@ function TokenListInput(props) {
     values,
     resolveTokenValue,
     inputProps,
-    elevation = 'modal'
+    elevation = 'modal',
+    testId
   } = props;
   const menuRef = React.useRef(null);
   const {
@@ -162,7 +164,10 @@ function TokenListInput(props) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           ref: menuRef,
           className: (0, _classify.default)(_TokenListInputModule.default.tokenListContainer, classNames?.wrapper),
-          "data-testid": "TokenListInput",
+          "data-testid": (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'root'
+          }),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             onClick: () => {
               if (disabled || locked || values.length >= limit) {
@@ -192,12 +197,20 @@ function TokenListInput(props) {
               [_TokenListInputModule.default.inputLocked]: locked
             }, classNames?.box),
             ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef]),
+            "data-testid": (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'box'
+            }),
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TokenValueChips.TokenValueChips, {
               values: values,
               resolveTokenValue: resolveTokenValue,
               disabled: disabled,
               locked: locked,
-              onDismiss: removeValue
+              onDismiss: removeValue,
+              testId: (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'chips'
+              })
             }), !hideInput && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
               ...inputProps,
               ref: inputRef,
@@ -219,26 +232,54 @@ function TokenListInput(props) {
                 [_TokenListInputModule.default.inputMedium]: size === 'medium',
                 [_TokenListInputModule.default.inputSmall]: size === 'small'
               }, classNames?.input),
-              autoComplete: "off"
+              autoComplete: "off",
+              "data-testid": (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'input'
+              })
             }), isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: _TokenListInputModule.default.loaderContainer,
+              "data-testid": (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'loader'
+              }),
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader.CircularLoader, {
                 size: "small",
-                colorToken: "colorFillPrimary"
+                colorToken: "colorFillPrimary",
+                testId: (0, _qa.generateTestId)({
+                  base: testId,
+                  slot: 'loader-icon'
+                })
               })
             }), locked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
               name: "lock",
               color: disabled ? 'disabled' : 'secondary',
               size: "small",
-              className: _TokenListInputModule.default.lockIcon
+              className: _TokenListInputModule.default.lockIcon,
+              testId: (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'lock-icon'
+              })
             })]
           }), !isOpen && (Boolean(helperText) || errorText) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: _TokenListInputModule.default.footerTextContainer,
+            "data-testid": (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'footer'
+            }),
             children: error && errorText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
               color: _typography.TEXT_COLORS.danger,
+              testId: (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'error'
+              }),
               children: errorText
             }) : typeof helperText === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
               color: _typography.TEXT_COLORS.secondary,
+              testId: (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'helper'
+              }),
               children: helperText
             }) : helperText
           }), !locked && isOpen && menu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingPortal, {
@@ -250,6 +291,10 @@ function TokenListInput(props) {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: _TokenListInputModule.default.menuWrapper,
                 ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
+                "data-testid": (0, _qa.generateTestId)({
+                  base: testId,
+                  slot: 'menu-wrapper'
+                }),
                 style: {
                   position: strategy,
                   top: y ?? _space.spaceNone,
@@ -276,7 +321,11 @@ function TokenListInput(props) {
                   },
                   size: menu.size || size,
                   onTabOut: clickAway,
-                  ref: menuRef
+                  ref: menuRef,
+                  testId: (0, _qa.generateTestId)({
+                    base: testId,
+                    slot: 'menu'
+                  })
                 })
               })
             })

package/lib/components/TokenListInput/TokenValueChips.d.ts

@@ -5,12 +5,14 @@ interface Props<T> {
     locked?: boolean;
     onDismiss: (arg1: T) => unknown;
     resolveTokenValue?: (arg1: ResolveTokenValueProps<T>) => React.ReactNode;
+    testId?: string;
 }
 export interface ResolveTokenValueProps<T> {
     token: T;
     disabled?: boolean;
     onDismiss?: (arg1: T) => unknown;
     locked?: boolean;
+    testId?: string;
 }
 export declare function TokenValueChips<T>(props: Props<T>): (string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined)[];
 export declare namespace TokenValueChips {

package/lib/components/TokenListInput/TokenValueChips.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenValueChips.d.ts","sourceRoot":"","sources":["../../../src/components/TokenListInput/TokenValueChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,UAAU,KAAK,CAAC,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC1E;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAyBD,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,uSAkBjD;yBAlBe,eAAe"}
+{"version":3,"file":"TokenValueChips.d.ts","sourceRoot":"","sources":["../../../src/components/TokenListInput/TokenValueChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,UAAU,KAAK,CAAC,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA+BD,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,uSAoBjD;yBApBe,eAAe"}

package/lib/components/TokenListInput/TokenValueChips.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TokenValueChips = TokenValueChips;
 var React = _interopRequireWildcard(require("react"));
+var _qa = require("../../utils/qa");
 var _Chip = require("../Chip");
 var _Tooltip = require("../Tooltip");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -15,10 +16,15 @@ function defaultResolveTokenValue(_ref) {
   let {
     token,
     disabled,
-    onDismiss
+    onDismiss,
+    testId
   } = _ref;
   // Type assertion to access expected properties
   const tokenWithProps = token;
+  const tokenTestId = (0, _qa.generateTestId)({
+    base: testId,
+    slot: `chip-${tokenWithProps?.key}`
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
     body: tokenWithProps?.label,
     elevation: "menu",
@@ -27,6 +33,7 @@ function defaultResolveTokenValue(_ref) {
       dismissable: true,
       semantic: 'primary',
       disabled: disabled,
+      testId: tokenTestId,
       children: tokenWithProps?.label
     }, tokenWithProps?.key)
   });
@@ -37,14 +44,16 @@ function TokenValueChips(props) {
     disabled,
     locked,
     onDismiss,
-    resolveTokenValue = defaultResolveTokenValue
+    resolveTokenValue = defaultResolveTokenValue,
+    testId
   } = props;
   return values.map(token => {
     const resolvedTokenValue = resolveTokenValue({
       token,
       onDismiss,
       disabled,
-      locked
+      locked,
+      testId
     });
     return resolvedTokenValue;
   });

package/lib/components/Tooltip/Tooltip.d.ts

@@ -34,11 +34,12 @@ export interface BaseTooltipProps {
     delayMotionDuration?: DelayMotionDurationType;
     hidden?: boolean;
     elevation?: ElevationType;
+    testId?: string;
 }
 export interface TooltipProps extends Omit<BaseTooltipProps, 'children'> {
     children: React.ReactNode;
 }
 export declare const getElevationValue: (elevation: string) => string;
-export declare const Tooltip: ({ classNames, children, title, body, placement, bodyMaxLines, titleMaxLines, delayMotionDuration, elevation, hidden, }: TooltipProps) => React.JSX.Element;
+export declare const Tooltip: ({ classNames, children, title, body, placement, bodyMaxLines, titleMaxLines, delayMotionDuration, elevation, hidden, testId, }: TooltipProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4B/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,2BAA2B;;;;;;;EAOtC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GACjC,CAAC,OAAO,2BAA2B,CAAC,CAAC,MAAM,OAAO,2BAA2B,CAAC,CAAC;AAEjF,eAAO,MAAM,eAAe;;;;;;;;EAQ1B,CAAC;AAEH,MAAM,MAAM,aAAa,GACvB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,MAAM,aAAa,GACrB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,OAAO,CAAC;AAEZ,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,GAAI,WAAW,MAAM,KAAG,MAIrD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,wHAWrB,YAAY,sBAyGd,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6B/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,2BAA2B;;;;;;;EAOtC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GACjC,CAAC,OAAO,2BAA2B,CAAC,CAAC,MAAM,OAAO,2BAA2B,CAAC,CAAC;AAEjF,eAAO,MAAM,eAAe;;;;;;;;EAQ1B,CAAC;AAEH,MAAM,MAAM,aAAa,GACvB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,MAAM,aAAa,GACrB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,OAAO,CAAC;AAEZ,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,GAAI,WAAW,MAAM,KAAG,MAIrD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,gIAYrB,YAAY,sBAyHd,CAAC"}

package/lib/components/Tooltip/Tooltip.js

@@ -10,6 +10,7 @@ var ELEVATION = _interopRequireWildcard(require("../../styles/variables/_elevati
 var MOTION = _interopRequireWildcard(require("../../styles/variables/_motion"));
 var _space = require("../../styles/variables/_space");
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _string = require("../../utils/string");
 var _Truncate = require("../Truncate");
 var _TooltipModule = _interopRequireDefault(require("./Tooltip.module.css"));
@@ -49,7 +50,8 @@ const Tooltip = _ref => {
     titleMaxLines = 1,
     delayMotionDuration = 'none',
     elevation = 'tooltip',
-    hidden
+    hidden,
+    testId
   } = _ref;
   const [isOpen, setIsOpen] = React.useState(false);
   const {
@@ -97,6 +99,10 @@ const Tooltip = _ref => {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
         children: !hidden && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           ref: refs.setFloating,
+          "data-testid": (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'tooltip'
+          }),
           className: (0, _classify.classify)(_TooltipModule.default.tooltip, classNames?.tooltip),
           style: {
             position: strategy,
@@ -107,14 +113,30 @@ const Tooltip = _ref => {
           children: [!!title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
             line: titleMaxLines,
             wordBreak: "initial",
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'title'
+            }),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              "data-testid": (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'title'
+              }),
               className: (0, _classify.classify)(_TooltipModule.default.title, classNames?.title),
               children: title
             })
           }), !!body && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
             line: bodyMaxLines,
             wordBreak: "initial",
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'body'
+            }),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              "data-testid": (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'body'
+              }),
               className: (0, _classify.classify)(_TooltipModule.default.body, {
                 [_TooltipModule.default.hasTitle]: !!title
               }, classNames?.body),

package/lib/components/Truncate/Truncate.d.ts

@@ -6,6 +6,7 @@ export interface TruncateProps {
     showFullTextOnHover?: boolean;
     wordBreak?: string;
     className?: string;
+    testId?: string;
 }
 export declare const BaseTruncate: Flow.AbstractComponent<TruncateProps, HTMLSpanElement>;
 export declare const Truncate: Flow.AbstractComponent<TruncateProps, HTMLSpanElement>;

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

@@ -1 +1 @@
-{"version":3,"file":"Truncate.d.ts","sourceRoot":"","sources":["../../../src/components/Truncate/Truncate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAcrD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,aAAa,EACb,eAAe,CAqBhB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,eAAe,CA2CzE,CAAC"}
+{"version":3,"file":"Truncate.d.ts","sourceRoot":"","sources":["../../../src/components/Truncate/Truncate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAgBrD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,aAAa,EACb,eAAe,CAuBhB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,eAAe,CA8CzE,CAAC"}

package/lib/components/Truncate/Truncate.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Truncate = exports.BaseTruncate = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _TruncateModule = _interopRequireDefault(require("./Truncate.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -19,9 +20,14 @@ const BaseTruncate = exports.BaseTruncate = /*#__PURE__*/React.forwardRef((_ref,
     line = 1,
     showFullTextOnHover = false,
     wordBreak = 'break-all',
-    className
+    className,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'truncate'
+    }),
     className: (0, _classify.classify)(_TruncateModule.default.truncateLineClamp, className),
     style: {
       '--line-clamp': line,
@@ -38,7 +44,8 @@ const Truncate = exports.Truncate = /*#__PURE__*/React.forwardRef((_ref2, ref) =
     line = 1,
     showFullTextOnHover = false,
     wordBreak = 'break-all',
-    className: truncateClassName
+    className: truncateClassName,
+    testId
   } = _ref2;
   const arrayChildren = React.Children.toArray(children);
   if (arrayChildren.length) {
@@ -55,7 +62,8 @@ const Truncate = exports.Truncate = /*#__PURE__*/React.forwardRef((_ref2, ref) =
           '--word-break': wordBreak
         },
         title: showFullTextOnHover ? children : '',
-        ref
+        ref,
+        testId
       });
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseTruncate, {
@@ -64,6 +72,7 @@ const Truncate = exports.Truncate = /*#__PURE__*/React.forwardRef((_ref2, ref) =
       ref: ref,
       wordBreak: wordBreak,
       className: truncateClassName,
+      testId: testId,
       children: children
     });
   }

package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.d.ts

@@ -10,7 +10,8 @@ export interface TruncatedTextWithTooltipProps {
     line?: number;
     wordBreak?: string;
     wrapText?: boolean;
+    testId?: string;
 }
-export declare const TruncatedTextWithTooltip: ({ classNames, children, tooltip, wrapText, line, wordBreak, }: TruncatedTextWithTooltipProps) => React.JSX.Element;
+export declare const TruncatedTextWithTooltip: ({ classNames, children, tooltip, wrapText, line, wordBreak, testId, }: TruncatedTextWithTooltipProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=TruncatedTextWithTooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TruncatedTextWithTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAM7D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAWD,eAAO,MAAM,wBAAwB,GAAI,+DAOtC,6BAA6B,sBAgF/B,CAAC"}
+{"version":3,"file":"TruncatedTextWithTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAM7D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAYD,eAAO,MAAM,wBAAwB,GAAI,uEAQtC,6BAA6B,sBAuF/B,CAAC"}

package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.js

@@ -8,6 +8,7 @@ var React = _interopRequireWildcard(require("react"));
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _useWindowSize = require("../../hooks/useWindowSize");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _ConditionalWrapper = require("../ConditionalWrapper");
 var _Tooltip = require("../Tooltip");
 var _TruncatedTextWithTooltipModule = _interopRequireDefault(require("./TruncatedTextWithTooltip.module.css"));
@@ -25,7 +26,8 @@ const TruncatedTextWithTooltip = _ref => {
     tooltip,
     wrapText = false,
     line = 1,
-    wordBreak = 'break-all'
+    wordBreak = 'break-all',
+    testId
   } = _ref;
   const {
     width
@@ -75,8 +77,16 @@ const TruncatedTextWithTooltip = _ref => {
         ...tooltip,
         body: tooltip?.body || modifiedChild,
         elevation: tooltip?.elevation ?? 'toast',
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'tooltip'
+        }),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: _TruncatedTextWithTooltipModule.default.childrenWrapper,
+          "data-testid": (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'wrapper'
+          }),
           children: children
         })
       });
@@ -85,6 +95,10 @@ const TruncatedTextWithTooltip = _ref => {
       className: (0, _classify.default)(_TruncatedTextWithTooltipModule.default.truncateLineClamp, classNames?.wrapper),
       style: styles,
       ref: truncatedRef,
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'text'
+      }),
       children: children
     })
   });

package/lib/components/Typeahead/SimpleTypeahead.d.ts

@@ -35,6 +35,7 @@ export interface SimpleTypeaheadProps extends Omit<InputProps, 'isLoading' | 'me
     clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
     allowInternalFilter?: boolean;
     typeaheadInputText?: string;
+    testId?: string;
 }
 export declare const SimpleTypeahead: Flow.AbstractComponent<SimpleTypeaheadProps, SimpleTypeaheadRef>;
 export {};

package/lib/components/Typeahead/SimpleTypeahead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleTypeahead.d.ts","sourceRoot":"","sources":["../../../src/components/Typeahead/SimpleTypeahead.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;AAG3D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,qBAAqB,CAAC;AACpE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAI1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CACV,UAAU,EACR,WAAW,GACX,gBAAgB,GAChB,YAAY,GACZ,SAAS,GACT,cAAc,GACd,oBAAoB,GACpB,QAAQ,GACR,QAAQ,GACR,gBAAgB,GAChB,kBAAkB,GAClB,WAAW,GACX,WAAW,GACX,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,SAAS,GACT,cAAc,GACd,uBAAuB,GACvB,cAAc,GACd,qBAAqB,GACrB,oBAAoB,CACvB;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,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,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IACjE,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,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,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AA4GD,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAClD,oBAAoB,EACpB,kBAAkB,CAGnB,CAAC"}
+{"version":3,"file":"SimpleTypeahead.d.ts","sourceRoot":"","sources":["../../../src/components/Typeahead/SimpleTypeahead.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;AAG3D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,qBAAqB,CAAC;AACpE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAI1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CACV,UAAU,EACR,WAAW,GACX,gBAAgB,GAChB,YAAY,GACZ,SAAS,GACT,cAAc,GACd,oBAAoB,GACpB,QAAQ,GACR,QAAQ,GACR,gBAAgB,GAChB,kBAAkB,GAClB,WAAW,GACX,WAAW,GACX,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,SAAS,GACT,cAAc,GACd,uBAAuB,GACvB,cAAc,GACd,qBAAqB,GACrB,oBAAoB,CACvB;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,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,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IACjE,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,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,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA8GD,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAClD,oBAAoB,EACpB,kBAAkB,CAGnB,CAAC"}

package/lib/components/Typeahead/SimpleTypeahead.js

@@ -32,6 +32,7 @@ const SimpleTypeaheadBase = (props, ref) => {
     allowInternalFilter = true,
     allowWrap = false,
     elevation = 'modal',
+    testId,
     ...inputProps
   } = props;
   const [typeaheadInputText, setTypeaheadInputText] = React.useState('');
@@ -87,7 +88,8 @@ const SimpleTypeaheadBase = (props, ref) => {
       allowWrap
     },
     clickAwayRef: clickAwayRef,
-    elevation: elevation
+    elevation: elevation,
+    testId: testId
   });
 };
 const SimpleTypeahead = exports.SimpleTypeahead = /*#__PURE__*/React.forwardRef(SimpleTypeaheadBase);

package/lib/components/Typeahead/Typeahead.d.ts

@@ -21,6 +21,7 @@ interface BaseTypeaheadProps extends Omit<InputProps, 'classNames' | 'onSelect'
     menuOpenOffset?: number;
     clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
     elevation?: ElevationType;
+    testId?: string;
 }
 export interface TypeaheadProps extends Omit<BaseTypeaheadProps, 'allowInternalFilter'> {
     allowInternalFilter?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../../src/components/Typeahead/Typeahead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAI3D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAG/D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,UAAU,kBACR,SAAQ,IAAI,CACV,UAAU,EACR,YAAY,GACZ,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,oBAAoB,GACpB,MAAM,GACN,SAAS,GACT,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,WAAW,CACd;IACD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IACjE,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,qBAAqB,CAAC;IACvD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAgMD,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAC5C,cAAc,EACd,gBAAgB,CASjB,CAAC"}
+{"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../../src/components/Typeahead/Typeahead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAK3D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAG/D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,UAAU,kBACR,SAAQ,IAAI,CACV,UAAU,EACR,YAAY,GACZ,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,oBAAoB,GACpB,MAAM,GACN,SAAS,GACT,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,WAAW,CACd;IACD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IACjE,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,qBAAqB,CAAC;IACvD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAuMD,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAC5C,cAAc,EACd,gBAAgB,CASjB,CAAC"}

package/lib/components/Typeahead/Typeahead.js

@@ -11,6 +11,7 @@ var _space = require("../../styles/variables/_space");
 var _classify = require("../../utils/classify");
 var _clickAway = require("../../utils/click-away");
 var _mergeRefs = require("../../utils/merge-refs");
+var _qa = require("../../utils/qa");
 var _Menu = require("../Menu");
 var _SearchInput = require("../SearchInput");
 var _Tooltip = require("../Tooltip");
@@ -35,6 +36,7 @@ const BaseTypeahead = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     onFocus,
     clickAwayRef,
     elevation = 'modal',
+    testId,
     ...inputProps
   } = _ref;
   const menuOptions = menu?.options;
@@ -71,7 +73,10 @@ const BaseTypeahead = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         triggerRef
       } = _ref2;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        "data-testid": "Typeahead",
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'root'
+        }),
         className: (0, _classify.classify)(_TypeaheadModule.default.typeaheadContainer, classNames?.wrapper),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchInput.SearchInput, {
           ...inputProps,
@@ -107,7 +112,11 @@ const BaseTypeahead = /*#__PURE__*/React.forwardRef((_ref, ref) => {
           },
           onClear: () => {
             onClear?.();
-          }
+          },
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'search-input'
+          })
         }), isOpen && !isLoading && menu && menuOptions && !!menuOptions.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingPortal, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingFocusManager, {
             modal: false,
@@ -117,6 +126,10 @@ const BaseTypeahead = /*#__PURE__*/React.forwardRef((_ref, ref) => {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
               className: _TypeaheadModule.default.menuWrapper,
+              "data-testid": (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'menu-wrapper'
+              }),
               style: {
                 position: strategy,
                 top: y ?? _space.spaceNone,
@@ -134,6 +147,10 @@ const BaseTypeahead = /*#__PURE__*/React.forwardRef((_ref, ref) => {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.Menu, {
                 ...menu,
                 options: menuOptions,
+                testId: (0, _qa.generateTestId)({
+                  base: testId,
+                  slot: 'menu'
+                }),
                 onSelect: (option, e) => {
                   onSelect?.(option, e);
                   if (

package/lib/components/WeekdayPicker/WeekdayPicker.d.ts

@@ -31,6 +31,7 @@ export interface WeekdayPickerProps {
     label?: React.ReactNode;
     helperText?: React.ReactNode;
     disableMultiSelect?: boolean;
+    testId?: string;
 }
 export declare const WeekdayPicker: Flow.AbstractComponent<WeekdayPickerProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"WeekdayPicker.d.ts","sourceRoot":"","sources":["../../../src/components/WeekdayPicker/WeekdayPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAqBrD,eAAO,MAAM,mBAAmB;;;EAG9B,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC,CAAC;AAEH,KAAK,iBAAiB,GACpB,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,gBAAgB,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACjC,eAAe,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,CACT,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AA6DD,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CAsHf,CAAC"}
+{"version":3,"file":"WeekdayPicker.d.ts","sourceRoot":"","sources":["../../../src/components/WeekdayPicker/WeekdayPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAsBrD,eAAO,MAAM,mBAAmB;;;EAG9B,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC,CAAC;AAEH,KAAK,iBAAiB,GACpB,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,gBAAgB,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACjC,eAAe,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,CACT,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAoED,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CAwHf,CAAC"}