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

package/lib/components/WeekdayPicker/WeekdayPicker.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.WeekdayPicker = exports.WEEKDAY_PICKER_SIZE = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Button = require("../Button");
 var _WeekdayPickerModule = _interopRequireDefault(require("./WeekdayPicker.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -46,7 +47,8 @@ const DayButton = _ref => {
     onClick,
     classNames,
     size,
-    readOnly
+    readOnly,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.UnstyledButton, {
     className: (0, _classify.default)(_WeekdayPickerModule.default.weekdayButton, {
@@ -63,6 +65,11 @@ const DayButton = _ref => {
     "aria-label": `Select ${day.label}`,
     tabIndex: isDisabled || readOnly ? -1 : 0,
     role: "checkbox",
+    testId: (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'day-button',
+      index: day.key
+    }),
     children: [day.secondaryLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classify.default)(_WeekdayPickerModule.default.secondaryLabel, {
         [_WeekdayPickerModule.default.secondaryLabelSelected]: isSelected,
@@ -86,7 +93,8 @@ const WeekdayPicker = exports.WeekdayPicker = /*#__PURE__*/React.forwardRef((_re
     ariaLabel = 'Select weekdays',
     label,
     helperText,
-    disableMultiSelect = false
+    disableMultiSelect = false,
+    testId
   } = _ref2;
   const [selectedDays, setSelectedDays] = React.useState(selectedWeekDays);
   const handleDayToggle = (day, event) => {
@@ -112,7 +120,10 @@ const WeekdayPicker = exports.WeekdayPicker = /*#__PURE__*/React.forwardRef((_re
     onChange?.(updatedSelectedDays, event);
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    "data-testid": "Weekday-Picker",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     ref: ref,
     className: (0, _classify.default)(_WeekdayPickerModule.default.weekdayPickerContainer, classNames.wrapper, {
       [_WeekdayPickerModule.default.weekdayReadOnly]: readOnly
@@ -148,7 +159,8 @@ const WeekdayPicker = exports.WeekdayPicker = /*#__PURE__*/React.forwardRef((_re
             selectedButton: classNames.selectedButton
           },
           size: size,
-          readOnly: readOnly
+          readOnly: readOnly,
+          testId: testId
         }, day.key);
       })
     }), !!helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/package.json

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