@spaced-out/ui-design-system 0.5.13-beta.1 → 0.5.14

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.5.13-beta.1",
+  "version": "0.5.14",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"