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

package/lib/components/DateRangePicker/DateRangePicker.js

@@ -28,7 +28,8 @@ const DateRangePicker = exports.DateRangePicker = /*#__PURE__*/React.forwardRef(
     startDateLabel,
     endDateLabel,
     t,
-    locale
+    locale,
+    testId
   } = _ref;
   const localTimezone = _momentTimezone.default.tz.guess();
   const {
@@ -137,6 +138,7 @@ const DateRangePicker = exports.DateRangePicker = /*#__PURE__*/React.forwardRef(
     startDateLabel: startDateLabel,
     endDateLabel: endDateLabel,
     t: t,
-    locale: locale
+    locale: locale,
+    testId: testId
   });
 });

package/lib/components/DateRangePicker/DateRangeWrapper.d.ts

@@ -27,6 +27,7 @@ interface DateRangeWrapperProps {
     endDateLabel?: string;
     t?: ((key: string, fallback: string) => string) | null | undefined;
     locale?: string;
+    testId?: string;
 }
 export declare const DateRangeWrapper: Flow.AbstractComponent<DateRangeWrapperProps, HTMLDivElement>;
 export {};

package/lib/components/DateRangePicker/DateRangeWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangeWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,SAAS,EAAE,qBAAqB,EAAC,MAAM,WAAW,CAAC;AAChE,OAAO,EAML,OAAO,EACP,iBAAiB,EAClB,MAAM,WAAW,CAAC;AA8CnB,UAAU,qBAAqB;IAC7B,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,CAAC,uBAAuB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE;QACR,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,eAAe,EAAE,CACf,MAAM,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,EAC9C,MAAM,EAAE,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,KAC/D,IAAI,CAAC;KACX,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyFD,eAAO,MAAM,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,CACnD,qBAAqB,EACrB,cAAc,CA8Mf,CAAC"}
+{"version":3,"file":"DateRangeWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangeWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,SAAS,EAAE,qBAAqB,EAAC,MAAM,WAAW,CAAC;AAChE,OAAO,EAML,OAAO,EACP,iBAAiB,EAClB,MAAM,WAAW,CAAC;AAgDnB,UAAU,qBAAqB;IAC7B,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,CAAC,uBAAuB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE;QACR,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,eAAe,EAAE,CACf,MAAM,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,EAC9C,MAAM,EAAE,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,KAC/D,IAAI,CAAC;KACX,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAoGD,eAAO,MAAM,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,CACnD,qBAAqB,EACrB,cAAc,CA4Pf,CAAC"}

package/lib/components/DateRangePicker/DateRangeWrapper.js

@@ -9,6 +9,7 @@ var _moment = _interopRequireDefault(require("moment"));
 var _utils = require("../../utils");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
 var _dateRangePicker = require("../../utils/date-range-picker");
+var _qa = require("../../utils/qa");
 var _Button = require("../Button");
 var _Card = require("../Card");
 var _Calendar = require("./Calendar");
@@ -33,7 +34,8 @@ const CalendarHeader = _ref => {
     onClickNext,
     nextDisabled,
     prevDisabled,
-    onClickPrevious
+    onClickPrevious,
+    testId
   } = _ref;
   const availableYears = (0, _utils.generateAvailableYears)({
     marker,
@@ -53,6 +55,10 @@ const CalendarHeader = _ref => {
   const MONTHS = (0, _utils.getMonths)(t);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: _DateRangeWrapperModule.default.calendarHeader,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: `header-${marker}`
+    }),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.ClickableIcon, {
       ariaLabel: (0, _dateRangePicker.getTranslation)(t, 'Select Previous Month'),
       size: "small",
@@ -61,7 +67,11 @@ const CalendarHeader = _ref => {
         [_DateRangeWrapperModule.default.disabledIcon]: prevDisabled
       }),
       onClick: () => !prevDisabled && onClickPrevious(),
-      color: prevDisabled ? 'disabled' : 'secondary'
+      color: prevDisabled ? 'disabled' : 'secondary',
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: `prev-button-${marker}`
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.Dropdown, {
       size: "small",
       disabled: !availableMonths.length || (0, _dateRangePicker.isAfter)(minDate, maxDate),
@@ -73,7 +83,11 @@ const CalendarHeader = _ref => {
         setMonth((0, _utils.getMonthEndDate)(_moment.default.utc(date).set('M', Number(event.key))));
       },
       dropdownInputText: MONTHS[_moment.default.utc(date).month()].label,
-      scrollMenuToBottom: true
+      scrollMenuToBottom: true,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: `month-dropdown-${marker}`
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.Dropdown, {
       disabled: !availableYears.length || (0, _dateRangePicker.isAfter)(minDate, maxDate),
       menu: {
@@ -85,7 +99,11 @@ const CalendarHeader = _ref => {
         setMonth((0, _utils.getMonthEndDate)(_moment.default.utc(date).set('y', Number(event.key))));
       },
       dropdownInputText: _moment.default.utc(date).year().toString(),
-      scrollMenuToBottom: true
+      scrollMenuToBottom: true,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: `year-dropdown-${marker}`
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.ClickableIcon, {
       size: "small",
       ariaLabel: (0, _dateRangePicker.getTranslation)(t, 'Select Next Month'),
@@ -94,7 +112,11 @@ const CalendarHeader = _ref => {
         [_DateRangeWrapperModule.default.disabledIcon]: nextDisabled
       }),
       onClick: () => !nextDisabled && onClickNext(),
-      color: nextDisabled ? 'disabled' : 'secondary'
+      color: nextDisabled ? 'disabled' : 'secondary',
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: `next-button-${marker}`
+      })
     })]
   });
 };
@@ -120,7 +142,8 @@ const DateRangeWrapper = exports.DateRangeWrapper = /*#__PURE__*/React.forwardRe
     startDateLabel,
     endDateLabel,
     t,
-    locale
+    locale,
+    testId
   } = _ref2;
   const canNavigateCloser = _moment.default.utc(rangeStartMonth).year() !== _moment.default.utc(rangeEndMonth).year() || Math.abs(_moment.default.utc(rangeStartMonth).month() - _moment.default.utc(rangeEndMonth).month()) > 1;
   const handleApplyClick = () => {
@@ -149,7 +172,8 @@ const DateRangeWrapper = exports.DateRangeWrapper = /*#__PURE__*/React.forwardRe
     minDate,
     maxDate,
     today,
-    t
+    t,
+    testId
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusManager.FocusManager, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.Card, {
@@ -157,24 +181,48 @@ const DateRangeWrapper = exports.DateRangeWrapper = /*#__PURE__*/React.forwardRe
         wrapper: (0, _classify.default)(_DateRangeWrapperModule.default.dateRangeWrapper, cardWrapperClass)
       },
       ref: ref,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'card'
+      }),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.CardHeader, {
         className: _DateRangeWrapperModule.default.cardHeader,
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'header'
+        }),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
           className: _DateRangeWrapperModule.default.selectedDate,
           color: _Text.TEXT_COLORS.secondary,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'start-date-label'
+          }),
           children: `${startDateLabel || (0, _dateRangePicker.getTranslation)(t, 'Start Date')}: ${(0, _dateRangePicker.getFormattedDate)(_utils.MARKERS.DATE_RANGE_START, dateRange, locale)}`
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           name: "minus",
           size: _Icon.ICON_SIZE.small,
           type: _Icon.ICON_TYPE.regular,
-          color: _Text.TEXT_COLORS.secondary
+          color: _Text.TEXT_COLORS.secondary,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'separator-icon'
+          })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
           className: _DateRangeWrapperModule.default.selectedDate,
           color: _Text.TEXT_COLORS.secondary,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'end-date-label'
+          }),
           children: `${endDateLabel || (0, _dateRangePicker.getTranslation)(t, 'End Date')}: ${(0, _dateRangePicker.getFormattedDate)(_utils.MARKERS.DATE_RANGE_END, dateRange, locale)}`
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: _DateRangeWrapperModule.default.calendarMenuContainer,
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'calendar-menu-container'
+        }),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarHeader, {
           t: t,
           marker: _utils.MARKERS.DATE_RANGE_START,
@@ -187,7 +235,8 @@ const DateRangeWrapper = exports.DateRangeWrapper = /*#__PURE__*/React.forwardRe
           minDate: minDate,
           maxDate: maxDate,
           onClickNext: () => onMonthNavigate(_utils.MARKERS.DATE_RANGE_START, _utils.NAVIGATION_ACTION.NEXT),
-          onClickPrevious: () => onMonthNavigate(_utils.MARKERS.DATE_RANGE_START, _utils.NAVIGATION_ACTION.PREV)
+          onClickPrevious: () => onMonthNavigate(_utils.MARKERS.DATE_RANGE_START, _utils.NAVIGATION_ACTION.PREV),
+          testId: testId
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarHeader, {
           t: t,
           marker: _utils.MARKERS.DATE_RANGE_END,
@@ -200,25 +249,50 @@ const DateRangeWrapper = exports.DateRangeWrapper = /*#__PURE__*/React.forwardRe
           minDate: minDate,
           maxDate: maxDate,
           onClickNext: () => onMonthNavigate(_utils.MARKERS.DATE_RANGE_END, _utils.NAVIGATION_ACTION.NEXT),
-          onClickPrevious: () => onMonthNavigate(_utils.MARKERS.DATE_RANGE_END, _utils.NAVIGATION_ACTION.PREV)
+          onClickPrevious: () => onMonthNavigate(_utils.MARKERS.DATE_RANGE_END, _utils.NAVIGATION_ACTION.PREV),
+          testId: testId
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.CardContent, {
         className: _DateRangeWrapperModule.default.dateRangeCalendars,
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'calendars'
+        }),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Calendar.Calendar, {
           marker: _utils.MARKERS.DATE_RANGE_START,
           value: rangeStartMonth,
-          ...commonProps
+          ...commonProps,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'start-calendar'
+          })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: _DateRangeWrapperModule.default.divider
+          className: _DateRangeWrapperModule.default.divider,
+          "data-testid": (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'divider'
+          })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Calendar.Calendar, {
           marker: _utils.MARKERS.DATE_RANGE_END,
           value: rangeEndMonth,
-          ...commonProps
+          ...commonProps,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'end-calendar'
+          })
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.CardFooter, {
         className: _DateRangeWrapperModule.default.cardFooter,
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'footer'
+        }),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.CardTitle, {
           className: _DateRangeWrapperModule.default.timezoneDropdownContainer,
+          "data-testid": (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'timezone-container'
+          }),
           children: !hideTimezone && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.Dropdown, {
             menu: {
               selectedKeys: [timezone],
@@ -239,18 +313,34 @@ const DateRangeWrapper = exports.DateRangeWrapper = /*#__PURE__*/React.forwardRe
               box: _DateRangeWrapperModule.default.timezoneDropdown
             },
             onChange: event => setTimezone(event.key),
-            size: "small"
+            size: "small",
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'timezone-dropdown'
+            })
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.CardActions, {
+          "data-testid": (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'actions'
+          }),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
             type: "ghost",
             onClick: onCancel,
             size: "small",
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'cancel-button'
+            }),
             children: (0, _dateRangePicker.getTranslation)(t, 'Cancel')
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
             onClick: handleApplyClick,
             size: "small",
             disabled: !(dateRange.startDate && dateRange.endDate),
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'apply-button'
+            }),
             children: (0, _dateRangePicker.getTranslation)(t, 'Apply')
           })]
         })]

package/lib/components/DateRangePicker/Day.d.ts

@@ -11,7 +11,8 @@ interface DayProps {
     startOfRange: boolean;
     onClick: () => void;
     onHover: () => void;
+    testId?: string;
 }
-export declare const Day: ({ date, value, filled, onHover, onClick, disabled, hoverDay, outlined, endOfRange, highlighted, startOfRange, }: DayProps) => React.JSX.Element;
+export declare const Day: ({ date, value, filled, onHover, onClick, disabled, hoverDay, outlined, endOfRange, highlighted, startOfRange, testId, }: DayProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Day.d.ts.map

package/lib/components/DateRangePicker/Day.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Day.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/Day.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,UAAU,QAAQ;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAYD,eAAO,MAAM,GAAG,GAAI,iHAYjB,QAAQ,sBAwBV,CAAC"}
+{"version":3,"file":"Day.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/Day.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,UAAU,QAAQ;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAYD,eAAO,MAAM,GAAG,GAAI,yHAajB,QAAQ,sBA0BV,CAAC"}

package/lib/components/DateRangePicker/Day.js

@@ -7,6 +7,7 @@ exports.Day = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _moment = _interopRequireDefault(require("moment"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Button = require("../Button");
 var _Text = require("../Text");
 var _DayModule = _interopRequireDefault(require("./Day.module.css"));
@@ -34,7 +35,8 @@ const Day = _ref => {
     outlined,
     endOfRange,
     highlighted,
-    startOfRange
+    startOfRange,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.UnstyledButton, {
     tabIndex: disabled ? -1 : 0,
@@ -45,6 +47,10 @@ const Day = _ref => {
     onMouseOver: onHover,
     onClick: onClick,
     onKeyUp: onHover,
+    testId: (0, _qa.generateTestId)({
+      base: testId,
+      slot: `day-button-${date}`
+    }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodyMedium, {
       color: getTextColor(disabled, filled),
       className: (0, _classify.default)(_DayModule.default.calendarRowItem, {
@@ -52,6 +58,10 @@ const Day = _ref => {
         [_DayModule.default.calendarRowItemFilled]: !disabled && filled,
         [_DayModule.default.calendarRowItemOutlined]: outlined
       }),
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: `day-text-${date}`
+      }),
       children: value
     })
   });

package/lib/components/Dialog/Dialog.d.ts

@@ -15,19 +15,23 @@ export type DialogSemanticType = (typeof DIALOG_SEMANTIC)[keyof typeof DIALOG_SE
 export interface DialogHeaderProps {
     children?: React.ReactNode;
     className?: string;
+    testId?: string;
 }
 export interface DialogFooterProps {
     children?: React.ReactNode;
     classNames?: FooterClassNames;
+    testId?: string;
 }
 export interface DialogBodyProps {
     children?: React.ReactNode;
     className?: string;
+    testId?: string;
 }
 export type DialogPropsBase = ModalProps;
 export interface DialogProps extends Omit<DialogPropsBase, 'semantic' | 'iconName'> {
     semantic?: DialogSemanticType;
     iconName?: string;
+    testId?: string;
 }
 export interface BasicDialogProps extends Omit<DialogProps, 'heading' | 'body' | 'confirmText' | 'abortText' | 'handleConfirm' | 'handleAbort'> {
     heading?: React.ReactNode;
@@ -36,11 +40,12 @@ export interface BasicDialogProps extends Omit<DialogProps, 'heading' | 'body' |
     abortText?: string;
     handleConfirm?: (event: React.SyntheticEvent) => unknown;
     handleAbort?: (event: React.SyntheticEvent) => unknown;
+    testId?: string;
 }
-export declare const DialogHeader: ({ children, className }: DialogHeaderProps) => React.JSX.Element;
-export declare const DialogBody: ({ children, className }: DialogBodyProps) => React.JSX.Element;
-export declare const DialogFooter: ({ children, classNames }: DialogFooterProps) => React.JSX.Element;
-export declare const Dialog: ({ children, isOpen, hideBackdrop, onClose, tapOutsideToClose, iconName, semantic, classNames, ...restDialogProps }: DialogProps) => React.JSX.Element;
-export declare const BasicDialog: ({ heading, body, confirmText, abortText, handleConfirm, handleAbort, ...restDialogProps }: BasicDialogProps) => React.JSX.Element;
+export declare const DialogHeader: ({ children, className, testId, }: DialogHeaderProps) => React.JSX.Element;
+export declare const DialogBody: ({ children, className, testId }: DialogBodyProps) => React.JSX.Element;
+export declare const DialogFooter: ({ children, classNames, testId, }: DialogFooterProps) => React.JSX.Element;
+export declare const Dialog: ({ children, isOpen, hideBackdrop, onClose, tapOutsideToClose, iconName, semantic, classNames, testId, ...restDialogProps }: DialogProps) => React.JSX.Element;
+export declare const BasicDialog: ({ heading, body, confirmText, abortText, handleConfirm, handleAbort, testId, ...restDialogProps }: BasicDialogProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAMrD,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;EAM1B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;AAEzC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,UAAU,CAAC;IACtD,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,WAAW,EACT,SAAS,GACT,MAAM,GACN,aAAa,GACb,WAAW,GACX,eAAe,GACf,aAAa,CAChB;IACD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,OAAO,CAAC;IACzD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,OAAO,CAAC;CACxD;AAiED,eAAO,MAAM,YAAY,GAAI,yBAAuB,iBAAiB,sBAQpE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,yBAAuB,eAAe,sBAEhE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,0BAAwB,iBAAiB,sBAUrE,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,oHAUpB,WAAW,sBA4Bb,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,2FAQzB,gBAAgB,sBAiBlB,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAMrD,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;EAM1B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;AAEzC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,UAAU,CAAC;IACtD,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,WAAW,EACT,SAAS,GACT,MAAM,GACN,aAAa,GACb,WAAW,GACX,eAAe,GACf,aAAa,CAChB;IACD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,OAAO,CAAC;IACzD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,OAAO,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyED,eAAO,MAAM,YAAY,GAAI,kCAI1B,iBAAiB,sBAWnB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,iCAA+B,eAAe,sBAOxE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,mCAI1B,iBAAiB,sBAgBnB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,4HAWpB,WAAW,sBA8Bb,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mGASzB,gBAAgB,sBA0BlB,CAAC"}

package/lib/components/Dialog/Dialog.js

@@ -7,6 +7,7 @@ exports.DialogHeader = exports.DialogFooter = exports.DialogBody = exports.Dialo
 var React = _interopRequireWildcard(require("react"));
 var _typography = require("../../types/typography");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Button = require("../Button");
 var _Icon = require("../Icon");
 var _Modal = require("../Modal");
@@ -24,55 +25,85 @@ const DIALOG_SEMANTIC = exports.DIALOG_SEMANTIC = Object.freeze({
 const DialogIcon = _ref => {
   let {
     semantic,
-    iconName
+    iconName,
+    testId
   } = _ref;
   switch (semantic) {
     case DIALOG_SEMANTIC.neutral:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         color: _typography.TEXT_COLORS.neutral,
         name: iconName ? iconName : 'face-smile',
-        type: "solid"
+        type: "solid",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'icon'
+        })
       });
     case DIALOG_SEMANTIC.success:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: iconName ? iconName : 'circle-check',
         color: _typography.TEXT_COLORS.success,
-        type: "solid"
+        type: "solid",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'icon'
+        })
       });
     case DIALOG_SEMANTIC.information:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: iconName ? iconName : 'circle-info',
         color: _typography.TEXT_COLORS.information,
-        type: "solid"
+        type: "solid",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'icon'
+        })
       });
     case DIALOG_SEMANTIC.warning:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: iconName ? iconName : 'circle-exclamation',
         color: _typography.TEXT_COLORS.warning,
-        type: "solid"
+        type: "solid",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'icon'
+        })
       });
     case DIALOG_SEMANTIC.danger:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: iconName ? iconName : 'shield-exclamation',
         color: _typography.TEXT_COLORS.danger,
-        type: "solid"
+        type: "solid",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'icon'
+        })
       });
     default:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         color: _typography.TEXT_COLORS.neutral,
         name: iconName ? iconName : 'face-smile',
-        type: "solid"
+        type: "solid",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'icon'
+        })
       });
   }
 };
 const DialogHeader = _ref2 => {
   let {
     children,
-    className
+    className,
+    testId
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classify.default)(_DialogModule.default.dialogHeader, className),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'header'
+      }),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: _DialogModule.default.headerContent,
         children: children
@@ -84,10 +115,15 @@ exports.DialogHeader = DialogHeader;
 const DialogBody = _ref3 => {
   let {
     children,
-    className
+    className,
+    testId
   } = _ref3;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.default)(_DialogModule.default.dialogBody, className),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'body'
+    }),
     children: children
   });
 };
@@ -95,13 +131,22 @@ exports.DialogBody = DialogBody;
 const DialogFooter = _ref4 => {
   let {
     children,
-    classNames
+    classNames,
+    testId
   } = _ref4;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classify.default)(_DialogModule.default.dialogFooter, classNames?.wrapper),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'footer'
+      }),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: (0, _classify.default)(_DialogModule.default.dialogFooterActions, classNames?.actions),
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'actions'
+        }),
         children: children
       })
     })
@@ -118,6 +163,7 @@ const Dialog = _ref5 => {
     iconName = '',
     semantic = 'neutral',
     classNames,
+    testId,
     ...restDialogProps
   } = _ref5;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Modal.Modal, {
@@ -125,6 +171,7 @@ const Dialog = _ref5 => {
     onClose: onClose,
     hideBackdrop: hideBackdrop,
     tapOutsideToClose: tapOutsideToClose,
+    testId: testId,
     ...restDialogProps,
     classNames: {
       content: (0, _classify.default)(_DialogModule.default.dialog, classNames?.content),
@@ -141,9 +188,14 @@ const Dialog = _ref5 => {
           [_DialogModule.default.warning]: semantic === DIALOG_SEMANTIC.warning,
           [_DialogModule.default.danger]: semantic === DIALOG_SEMANTIC.danger
         }),
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'icon-container'
+        }),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogIcon, {
           semantic: semantic,
-          iconName: iconName
+          iconName: iconName,
+          testId: testId
         })
       })
     }), children]
@@ -158,23 +210,36 @@ const BasicDialog = _ref6 => {
     abortText,
     handleConfirm,
     handleAbort,
+    testId,
     ...restDialogProps
   } = _ref6;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Dialog, {
     ...restDialogProps,
+    testId: testId,
     children: [!!heading && /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogHeader, {
+      testId: testId,
       children: heading
     }), !!body && /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogBody, {
+      testId: testId,
       children: body
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(DialogFooter, {
+      testId: testId,
       children: [!!abortText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
         isFluid: true,
         type: "tertiary",
         onClick: handleAbort,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'abort-button'
+        }),
         children: abortText
       }), !!confirmText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
         isFluid: true,
         onClick: handleConfirm,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'confirm-button'
+        }),
         children: confirmText
       })]
     })]

package/lib/components/Dropdown/Dropdown.d.ts

@@ -19,6 +19,7 @@ export interface DropdownProps extends Omit<InputProps, 'classNames' | 'onChange
     menu?: MenuProps;
     elevation?: ElevationType;
     clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
+    testId?: string;
 }
 export declare const Dropdown: Flow.AbstractComponent<DropdownProps, HTMLInputElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.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;AAErD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAE/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;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,UAAU,EACR,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,aAAa,GACb,oBAAoB,GACpB,mBAAmB,GACnB,MAAM,GACN,WAAW,GACX,cAAc,CACjB;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,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,gBAAgB,CAyI1E,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.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;AAErD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAE/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;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,UAAU,EACR,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,aAAa,GACb,oBAAoB,GACpB,mBAAmB,GACnB,MAAM,GACN,WAAW,GACX,cAAc,CACjB;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,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,gBAAgB,CAgJ1E,CAAC"}