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

package/lib/components/Timeline/Timeline.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Timeline = exports.ORIENTATION = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _TimelineModule = _interopRequireDefault(require("./Timeline.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -23,10 +24,11 @@ const Timeline_ = (_ref, ref) => {
   let {
     classNames,
     orientation = ORIENTATION.left,
-    children
+    children,
+    testId
   } = _ref;
   const childrenArray = React.Children.toArray(children).filter(Boolean);
-  const timelineItems = childrenArray.map(timelineItem => {
+  const timelineItems = childrenArray.map((timelineItem, index) => {
     // Type guard to ensure timelineItem is a ReactElement
     if (! /*#__PURE__*/React.isValidElement(timelineItem)) {
       return timelineItem;
@@ -37,13 +39,22 @@ const Timeline_ = (_ref, ref) => {
     const timelineItemProps = timelineItemElement.props;
     return /*#__PURE__*/React.cloneElement(timelineItemElement, {
       ...timelineItemProps,
-      orientation
+      last: index + 1 === childrenArray.length,
+      orientation,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'item',
+        index: index.toString()
+      })
     });
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
     className: (0, _classify.classify)(_TimelineModule.default.timelineWrapper, classNames?.wrapper),
-    "data-testid": "Timeline",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     children: timelineItems
   });
 };

package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts

@@ -12,6 +12,7 @@ type ClassNames = Readonly<{
 }>;
 export interface TimelineItemProps {
     id?: string;
+    last?: boolean;
     title?: React.ReactNode;
     iconName: string;
     children: React.ReactNode;
@@ -22,6 +23,7 @@ export interface TimelineItemProps {
     orientation?: Orientation;
     parentComponent?: React.ReactNode;
     enableCardWrapper?: boolean;
+    testId?: string;
 }
 export declare const TimelineItem: Flow.AbstractComponent<TimelineItemProps, HTMLDivElement>;
 export {};

package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/TimelineItem/TimelineItem.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,EAAC,MAAM,qBAAqB,CAAC;AAElD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAMlE,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAuFD,eAAO,MAAM,YAAY,EAEpB,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC"}
+{"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/TimelineItem/TimelineItem.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;AAOrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAElD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAMlE,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA8GD,eAAO,MAAM,YAAY,EAEpB,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC"}

package/lib/components/Timeline/TimelineItem/TimelineItem.js

@@ -7,6 +7,7 @@ exports.TimelineItem = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _typography = require("../../../types/typography");
 var _classify = require("../../../utils/classify");
+var _qa = require("../../../utils/qa");
 var _Card = require("../../Card");
 var _ConditionalWrapper = require("../../ConditionalWrapper");
 var _Icon = require("../../Icon");
@@ -18,6 +19,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const TimelineItem_ = (_ref, ref) => {
   let {
     id,
+    last,
     title,
     iconName,
     iconType = _Icon.ICON_TYPE.solid,
@@ -27,11 +29,15 @@ const TimelineItem_ = (_ref, ref) => {
     description,
     orientation = _Timeline.ORIENTATION.left,
     parentComponent,
-    enableCardWrapper = true
+    enableCardWrapper = true,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     id: id,
-    "data-testid": "Timeline-item",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     className: (0, _classify.classify)(_TimelineModule.default.timelineItemWrapper, classNames?.wrapper),
     style: {
       '--align': orientation === 'left' ? 'flex-start' : 'flex-end'
@@ -42,29 +48,61 @@ const TimelineItem_ = (_ref, ref) => {
         '--direction': orientation === 'left' ? 'row' : 'row-reverse'
       },
       className: _TimelineModule.default.timelineItemContent,
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'content'
+      }),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: _TimelineModule.default.timelineItemIconWrapper,
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'icon-wrapper'
+        }),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           name: iconName,
           type: iconType,
           size: _Icon.ICON_SIZE.small,
           color: iconColor,
-          className: (0, _classify.classify)(_TimelineModule.default.timelineItemIcon, classNames?.icon)
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classify.classify)(_TimelineModule.default.timelineItemIcon, classNames?.icon),
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'icon'
+          })
+        }), !last && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: _TimelineModule.default.timelineItemBorder,
+          "data-testid": (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'border'
+          }),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: _TimelineModule.default.border
           })
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: _TimelineModule.default.timelineItemEventDetails,
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'details'
+        }),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: _TimelineModule.default.timelineItemInfo,
+          "data-testid": (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'info'
+          }),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: (0, _classify.classify)(_TimelineModule.default.timelineItemTitle, classNames?.title),
+            "data-testid": (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'title'
+            }),
             children: title
           }), description ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: (0, _classify.classify)(_TimelineModule.default.timelineItemDescription, classNames?.description),
+            "data-testid": (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'description'
+            }),
             children: description
           }) : null]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
@@ -75,6 +113,10 @@ const TimelineItem_ = (_ref, ref) => {
             classNames: {
               wrapper: (0, _classify.classify)(_TimelineModule.default.timelineItemCardWrapper, classNames?.card)
             },
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'card'
+            }),
             children: children
           }),
           children: children

package/lib/components/Toast/Toast.d.ts

@@ -21,26 +21,30 @@ export interface ToastProps {
     initialFocus?: number;
     customIcon?: React.ReactNode;
     hideCloseIcon?: boolean;
+    testId?: string;
 }
 export interface ToastTitleProps {
     children?: React.ReactNode;
     className?: string;
     semantic?: ToastSemanticType;
+    testId?: string;
 }
 export declare const ToastTitle: Flow.AbstractComponent<ToastTitleProps, HTMLDivElement>;
 export interface ToastBodyProps {
     children?: React.ReactNode;
     className?: string;
+    testId?: string;
 }
 export declare const ToastBody: Flow.AbstractComponent<ToastBodyProps, HTMLDivElement>;
 export interface ToastFooterProps {
     children?: React.ReactNode;
     onClose?: () => void;
+    testId?: string;
 }
 export declare const ToastFooter: {
-    ({ children, onClose }: ToastFooterProps): React.JSX.Element | null;
+    ({ children, onClose, testId }: ToastFooterProps): React.JSX.Element | null;
     displayName: string;
 };
-export declare const Toast: ({ classNames, children, time, semantic, onClose, initialFocus, customIcon, hideCloseIcon, }: ToastProps) => React.JSX.Element;
+export declare const Toast: ({ classNames, children, time, semantic, onClose, initialFocus, customIcon, hideCloseIcon, testId, }: ToastProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Toast.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAWrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;EAMzB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAuFD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAmBf,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAO1E,CAAC;AAIJ,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW;4BAAyB,gBAAgB;;CAqChE,CAAC;AAIF,eAAO,MAAM,KAAK,GAAI,6FASnB,UAAU,sBA6DZ,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAYrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;EAMzB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAoGD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAqBf,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAY1E,CAAC;AAIJ,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW;oCAAiC,gBAAgB;;CAoDxE,CAAC;AAIF,eAAO,MAAM,KAAK,GAAI,qGAUnB,UAAU,sBAuEZ,CAAC"}

package/lib/components/Toast/Toast.js

@@ -7,6 +7,7 @@ exports.ToastTitle = exports.ToastFooter = exports.ToastBody = exports.Toast = e
 var React = _interopRequireWildcard(require("react"));
 var _react2 = require("@floating-ui/react");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Icon = require("../Icon");
 var _Text = require("../Text");
 var _ToastModule = _interopRequireDefault(require("./Toast.module.css"));
@@ -32,7 +33,8 @@ const TOAST_SEMANTIC = exports.TOAST_SEMANTIC = Object.freeze({
 
 const ToastIcon = _ref => {
   let {
-    semantic
+    semantic,
+    testId
   } = _ref;
   switch (semantic) {
     case 'success':
@@ -40,35 +42,55 @@ const ToastIcon = _ref => {
         name: "circle-check",
         size: "medium",
         color: _Text.TEXT_COLORS.success,
-        type: "solid"
+        type: "solid",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'icon'
+        })
       });
     case TOAST_SEMANTIC.information:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: "circle-info",
         size: "medium",
         color: _Text.TEXT_COLORS.information,
-        type: "solid"
+        type: "solid",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'icon'
+        })
       });
     case TOAST_SEMANTIC.warning:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: "circle-exclamation",
         size: "medium",
         color: _Text.TEXT_COLORS.warning,
-        type: "solid"
+        type: "solid",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'icon'
+        })
       });
     case TOAST_SEMANTIC.danger:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: "shield-exclamation",
         size: "medium",
         color: _Text.TEXT_COLORS.danger,
-        type: "solid"
+        type: "solid",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'icon'
+        })
       });
     default:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         color: _Text.TEXT_COLORS.neutral,
         name: "face-smile",
         size: "medium",
-        type: "solid"
+        type: "solid",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'icon'
+        })
       });
   }
 };
@@ -77,12 +99,17 @@ const ToastTitle = exports.ToastTitle = /*#__PURE__*/React.forwardRef((_ref2, re
     children,
     semantic = TOAST_SEMANTIC.information,
     className,
+    testId,
     ...props
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.default)(_ToastModule.default.toastTitle, _typographyModule.default[semantic], className),
     ...props,
     ref: ref,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'title'
+    }),
     children: children
   });
 });
@@ -91,12 +118,17 @@ const ToastBody = exports.ToastBody = /*#__PURE__*/React.forwardRef((_ref3, ref)
   let {
     children,
     className,
+    testId,
     ...props
   } = _ref3;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.default)(_ToastModule.default.toastBody, className),
     ...props,
     ref: ref,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'body'
+    }),
     children: children
   });
 });
@@ -104,7 +136,8 @@ ToastBody.displayName = 'ToastBody';
 const ToastFooter = _ref4 => {
   let {
     children,
-    onClose
+    onClose,
+    testId
   } = _ref4;
   const arrayChildren = React.Children.toArray(children);
   const footerActions = React.Children.map(children, (child, index) => {
@@ -125,14 +158,24 @@ const ToastFooter = _ref4 => {
           size: 'small',
           type: 'primary',
           ...buttonProps,
-          onClick: buttonClickHandler
+          onClick: buttonClickHandler,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'button',
+            index: index.toString()
+          })
         });
       } else if (buttonElement?.type?.displayName === 'Button') {
         return /*#__PURE__*/React.cloneElement(buttonElement, {
           size: 'small',
           type: 'tertiary',
           ...buttonProps,
-          onClick: buttonClickHandler
+          onClick: buttonClickHandler,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'button',
+            index: index.toString()
+          })
         });
       }
     }
@@ -140,6 +183,10 @@ const ToastFooter = _ref4 => {
   });
   return React.Children.count(children) > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: _ToastModule.default.toastFooterActions,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'footer'
+    }),
     children: footerActions
   }) : null;
 };
@@ -154,7 +201,8 @@ const Toast = _ref5 => {
     onClose,
     initialFocus = -1,
     customIcon,
-    hideCloseIcon
+    hideCloseIcon,
+    testId
   } = _ref5;
   const {
     refs,
@@ -173,7 +221,8 @@ const Toast = _ref5 => {
           const toastChildElement = child;
           if (toastChildElement?.type?.displayName === comp) {
             nodes.push(/*#__PURE__*/React.cloneElement(toastChildElement, {
-              semantic
+              semantic,
+              testId
             }));
           }
         }
@@ -184,7 +233,8 @@ const Toast = _ref5 => {
   };
   const footer = getComp('ToastFooter');
   const footerWithClose = footer ? /*#__PURE__*/React.cloneElement(footer, {
-    onClose
+    onClose,
+    testId
   }) : null;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingFocusManager, {
     context: context,
@@ -192,10 +242,19 @@ const Toast = _ref5 => {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classify.default)(_ToastModule.default.toastContainer, classNames?.wrapper),
       ref: refs.setFloating,
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'root'
+      }),
       children: [customIcon || /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastIcon, {
-        semantic: semantic
+        semantic: semantic,
+        testId: testId
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: _ToastModule.default.toastMidSection,
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'content'
+        }),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: _ToastModule.default.contentWrap,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -203,6 +262,10 @@ const Toast = _ref5 => {
             children: [getComp('ToastTitle'), getComp('ToastBody')]
           }), time && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.SubTitleExtraSmall, {
             className: classNames?.time,
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'time'
+            }),
             children: time
           })]
         }), footerWithClose]
@@ -211,7 +274,11 @@ const Toast = _ref5 => {
           button: _ToastModule.default.closeIcon
         },
         onClick: onClose,
-        ariaLabel: "Close Button"
+        ariaLabel: "Close Button",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'close'
+        })
       })]
     })
   });

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/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"}