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

package/lib/components/Checkbox/Checkbox.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Checkbox = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Icon = require("../Icon");
 var _CheckboxModule = _interopRequireDefault(require("./Checkbox.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -30,7 +31,8 @@ const Checkbox = exports.Checkbox = /*#__PURE__*/React.forwardRef((_ref, forward
     align,
     classNames,
     tabIndex = 0,
-    ariaLabel = ''
+    ariaLabel = '',
+    testId
   } = _ref;
   const checkboxInput = /*#__PURE__*/React.createRef();
   React.useImperativeHandle(forwardRef, () => checkboxInput.current);
@@ -56,7 +58,10 @@ const Checkbox = exports.Checkbox = /*#__PURE__*/React.forwardRef((_ref, forward
     }
   }, [indeterminate]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    "data-testid": "checkbox",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     className: (0, _classify.default)(_CheckboxModule.default.checkboxContainer, {
       [_CheckboxModule.default.disabled]: disabled,
       [_CheckboxModule.default.horizontalCheckbox]: align === 'horizontal-fixed',
@@ -67,6 +72,10 @@ const Checkbox = exports.Checkbox = /*#__PURE__*/React.forwardRef((_ref, forward
       className: (0, _classify.default)(_CheckboxModule.default.checkboxSquare, {
         [_CheckboxModule.default.disabled]: disabled
       }, classNames?.checkboxSquare),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'square'
+      }),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
         tabIndex: disabled ? -1 : tabIndex,
         type: "checkbox",
@@ -76,29 +85,49 @@ const Checkbox = exports.Checkbox = /*#__PURE__*/React.forwardRef((_ref, forward
         className: (0, _classify.default)(_CheckboxModule.default.inputCheckbox),
         disabled: disabled,
         name: name,
-        "aria-label": ariaLabel || children
+        "aria-label": ariaLabel || children,
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'input'
+        })
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         className: (0, _classify.default)(_CheckboxModule.default.checkboxSquareInner, {
           [_CheckboxModule.default.enabled]: !disabled && !error,
           [_CheckboxModule.default.disabled]: disabled,
           [_CheckboxModule.default.error]: error && !disabled
         }),
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'inner'
+        }),
         children: [indeterminate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           color: disabled ? 'disabled' : 'inversePrimary',
           name: "hyphen",
           size: "small",
-          type: "regular"
+          type: "regular",
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'indeterminate-icon'
+          })
         }), checked && !indeterminate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           color: disabled ? 'disabled' : 'inversePrimary',
           name: "check",
           size: "small",
-          type: "regular"
+          type: "regular",
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'check-icon'
+          })
         })]
       })]
     }), React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classify.default)(_CheckboxModule.default.checkboxLabel, {
         [_CheckboxModule.default.labelDisabled]: disabled
       }, classNames?.label),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'label'
+      }),
       children: children
     })]
   });

package/lib/components/Checkbox/CheckboxGroup.d.ts

@@ -20,6 +20,7 @@ export interface CheckboxGroupProps {
     error?: boolean;
     errorText?: string;
     children?: React.ReactNode;
+    testId?: string;
 }
 export declare const CheckboxGroup: Flow.AbstractComponent<CheckboxGroupProps, HTMLDivElement>;
 export {};

package/lib/components/Checkbox/CheckboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxGroup.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,kBAAkB,CAAC;AAyBjD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC;IAClC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,OAAO,CAAC;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CAgFf,CAAC"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxGroup.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,kBAAkB,CAAC;AA2BjD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC;IAClC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,OAAO,CAAC;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CA4Ff,CAAC"}

package/lib/components/Checkbox/CheckboxGroup.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CheckboxGroup = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Text = require("../Text/Text");
 var _CheckboxGroupModule = _interopRequireDefault(require("./CheckboxGroup.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -25,7 +26,8 @@ const CheckboxGroup = exports.CheckboxGroup = /*#__PURE__*/React.forwardRef((_re
     classNames,
     error = false,
     errorText = '',
-    children
+    children,
+    testId
   } = _ref;
   const onChangeHandler = _ref2 => {
     let {
@@ -63,13 +65,22 @@ const CheckboxGroup = exports.CheckboxGroup = /*#__PURE__*/React.forwardRef((_re
         onChange: childOnChange,
         align,
         error: errorChild || error,
-        disabled: disabledChild || disabled
+        disabled: disabledChild || disabled,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'checkbox',
+          index: value
+        })
       });
     }
     return child;
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classify.default)(_CheckboxGroupModule.default.checkboxGroupContainer, classNames?.wrapper),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classify.default)({
         [_CheckboxGroupModule.default.vertical]: align === 'vertical',
@@ -77,10 +88,18 @@ const CheckboxGroup = exports.CheckboxGroup = /*#__PURE__*/React.forwardRef((_re
         [_CheckboxGroupModule.default.horizontalFluid]: align === 'horizontal-fluid'
       }, classNames?.checkboxGroup),
       ref: forwardRef,
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'group'
+      }),
       children: childrenWithProps
     }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
       className: (0, _classify.default)(classNames?.errorText),
       color: "danger",
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'error'
+      }),
       children: errorText
     })]
   });

package/lib/components/Chip/Chip.d.ts

@@ -27,6 +27,7 @@ export interface BaseChipProps {
     onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
     onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
     onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
+    testId?: string;
 }
 export interface LargeChipProps extends Omit<BaseChipProps, 'iconName' | 'iconType' | 'dismissable' | 'onDismiss' | 'size'> {
     iconName?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAQlD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;EAOxB,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAErD,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,aAAa,EACb,UAAU,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,CAC/D;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EACN,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IACnE,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG,eAAe,GAAG,cAAc,CAAC;AAE1E,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CAwIhE,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAQlD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;EAOxB,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAErD,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,aAAa,EACb,UAAU,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,CAC/D;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EACN,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IACnE,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG,eAAe,GAAG,cAAc,CAAC;AAE1E,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CAgJhE,CAAC"}

package/lib/components/Chip/Chip.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Chip = exports.CHIP_SEMANTIC = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _Icon = require("../Icon");
 var _StatusIndicator = require("../StatusIndicator");
 var _Truncate = require("../Truncate");
@@ -32,6 +33,7 @@ const Chip = exports.Chip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     disabled,
     line = 1,
     wordBreak,
+    testId,
     // There is no reason for hover state to be active when there is no click handler attached
     disableHoverState = !onClick,
     ...restProps
@@ -68,7 +70,10 @@ const Chip = exports.Chip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     }
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    "data-testid": "Chip",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     ...restProps,
     ref: ref,
     className: (0, _classify.classify)(_ChipModule.default.chipWrapper, {
@@ -95,17 +100,29 @@ const Chip = exports.Chip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       classNames: {
         wrapper: (0, _classify.classify)(_ChipModule.default.statusIndicatorBlock, classNames?.statusIndicator)
       },
-      disabled: disabled
+      disabled: disabled,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'status'
+      })
     }), iconName && size !== 'small' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
       className: (0, _classify.classify)(_ChipModule.default.chipIcon, {
         [_ChipModule.default.alignTop]: line > 1
       }, classNames?.icon),
       name: iconName,
       type: iconType,
-      size: "small"
+      size: "small",
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'icon'
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
       line: line,
       wordBreak: wordBreak,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'text'
+      }),
       children: children
     }), dismissable && size !== 'small' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.CloseIcon, {
       classNames: {
@@ -118,6 +135,10 @@ const Chip = exports.Chip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       size: "small",
       ariaLabel: "Dismiss",
       disabled: disabled,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'dismiss'
+      }),
       onClick: event => {
         event.stopPropagation();
         if (!disabled && onDismiss) {

package/lib/components/CollapsibleCard/CollapsibleCard.d.ts

@@ -23,18 +23,21 @@ export interface CollapsibleCardProps {
     headerIconName?: string;
     headerIconType?: IconType;
     semantic?: CollapsibleCardSemanticType;
+    testId?: string;
     onChange?: ((e: React.SyntheticEvent<HTMLElement>, isOpen: boolean, id?: string) => unknown) | null | undefined;
 }
 export interface CollapsibleCardActionProps {
     children: React.ReactNode;
     className?: string;
+    testId?: string;
 }
-export declare const CollapsibleCardAction: ({ children, className, }: CollapsibleCardActionProps) => React.JSX.Element;
+export declare const CollapsibleCardAction: ({ children, className, testId, }: CollapsibleCardActionProps) => React.JSX.Element;
 export interface CollapsibleCardContentProps {
     children: React.ReactNode;
     className?: string;
+    testId?: string;
 }
-export declare const CollapsibleCardContent: ({ children, className, }: CollapsibleCardActionProps) => React.JSX.Element;
+export declare const CollapsibleCardContent: ({ children, className, testId, }: CollapsibleCardContentProps) => React.JSX.Element;
 export declare const CollapsibleCard: Flow.AbstractComponent<CollapsibleCardProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=CollapsibleCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleCard.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleCard/CollapsibleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAOlD,eAAO,MAAM,yBAAyB;;;;;;EAMpC,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GACrC,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,OAAO,yBAAyB,CAAC,CAAC;AAE7E,MAAM,WAAW,oBAAoB;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,QAAQ,CAAC,EAAE,2BAA2B,CAAC;IACvC,QAAQ,CAAC,EACL,CAAC,CACC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACpC,MAAM,EAAE,OAAO,EACf,EAAE,CAAC,EAAE,MAAM,KACR,OAAO,CAAC,GACb,IAAI,GACJ,SAAS,CAAC;CACf;AAED,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,GAAI,0BAGnC,0BAA0B,sBAE5B,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,GAAI,0BAGpC,0BAA0B,sBAE5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAClD,oBAAoB,EACpB,cAAc,CAwEf,CAAC"}
+{"version":3,"file":"CollapsibleCard.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleCard/CollapsibleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAOlD,eAAO,MAAM,yBAAyB;;;;;;EAMpC,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GACrC,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,OAAO,yBAAyB,CAAC,CAAC;AAE7E,MAAM,WAAW,oBAAoB;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,QAAQ,CAAC,EAAE,2BAA2B,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EACL,CAAC,CACC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACpC,MAAM,EAAE,OAAO,EACf,EAAE,CAAC,EAAE,MAAM,KACR,OAAO,CAAC,GACb,IAAI,GACJ,SAAS,CAAC;CACf;AAED,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,qBAAqB,GAAI,kCAInC,0BAA0B,sBAO5B,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,sBAAsB,GAAI,kCAIpC,2BAA2B,sBAO7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAClD,oBAAoB,EACpB,cAAc,CA0Ff,CAAC"}

package/lib/components/CollapsibleCard/CollapsibleCard.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CollapsibleCardContent = exports.CollapsibleCardAction = exports.CollapsibleCard = exports.COLLAPSIBLE_CARD_SEMANTIC = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Button = require("../Button");
 var _Icon = require("../Icon");
 var _Truncate = require("../Truncate");
@@ -23,10 +24,15 @@ const COLLAPSIBLE_CARD_SEMANTIC = exports.COLLAPSIBLE_CARD_SEMANTIC = Object.fre
 const CollapsibleCardAction = _ref => {
   let {
     children,
-    className
+    className,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.default)(_CollapsibleCardModule.default.actionContainer, className),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     children: children
   });
 };
@@ -34,10 +40,15 @@ exports.CollapsibleCardAction = CollapsibleCardAction;
 const CollapsibleCardContent = _ref2 => {
   let {
     children,
-    className
+    className,
+    testId
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.default)(_CollapsibleCardModule.default.contentContainer, className),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     children: children
   });
 };
@@ -52,14 +63,18 @@ const CollapsibleCard = exports.CollapsibleCard = /*#__PURE__*/React.forwardRef(
     children,
     semantic = 'neutral',
     headerIconName,
-    headerIconType = 'solid'
+    headerIconType = 'solid',
+    testId
   } = _ref3;
   const [collapsibleCardIsOpen, setCollapsibleCardIsOpen] = React.useState(Boolean(isOpen));
   React.useEffect(() => {
     setCollapsibleCardIsOpen(Boolean(isOpen));
   }, [isOpen]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    "data-testid": "CollapsibleCard",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     className: (0, _classify.default)(_CollapsibleCardModule.default.wrapper, classNames?.wrapper),
     ref: ref,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.UnstyledButton, {
@@ -70,6 +85,10 @@ const CollapsibleCard = exports.CollapsibleCard = /*#__PURE__*/React.forwardRef(
         onChange?.(e, !collapsibleCardIsOpen, id);
         setCollapsibleCardIsOpen(!collapsibleCardIsOpen);
       },
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'header-button'
+      }),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: _CollapsibleCardModule.default.headerContent,
         children: [!!headerIconName && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -78,22 +97,42 @@ const CollapsibleCard = exports.CollapsibleCard = /*#__PURE__*/React.forwardRef(
             name: headerIconName,
             type: headerIconType,
             size: "small",
-            className: _CollapsibleCardModule.default[semantic]
+            className: _CollapsibleCardModule.default[semantic],
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'header-icon'
+            })
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'title'
+          }),
           children: title
         })]
       }), collapsibleCardIsOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: "chevron-up",
         color: "secondary",
-        size: "small"
+        size: "small",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'chevron-up'
+        })
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: "chevron-down",
         color: "secondary",
-        size: "small"
+        size: "small",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'chevron-down'
+        })
       })]
     }), collapsibleCardIsOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classify.default)(_CollapsibleCardModule.default.content, classNames?.content),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'content'
+      }),
       children: children
     })]
   });

package/lib/components/Combobox/Combobox.d.ts

@@ -72,6 +72,7 @@ export interface ComboboxProps {
     dropdownName?: string;
     dropdownPlaceholder?: string;
     dropdownBoxRef?: React.Ref<HTMLDivElement>;
+    testId?: string;
 }
 export declare const Combobox: Flow.AbstractComponent<ComboboxProps, HTMLDivElement>;
 export {};

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

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

package/lib/components/Combobox/Combobox.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Combobox = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Dropdown = require("../Dropdown");
 var _Input = require("../Input");
 var _Text = require("../Text");
@@ -57,7 +58,8 @@ const Combobox = exports.Combobox = /*#__PURE__*/React.forwardRef((props, ref) =
     onDropdownContainerClick,
     dropdownName,
     dropdownPlaceholder,
-    dropdownBoxRef
+    dropdownBoxRef,
+    testId
   } = props;
   const inputRef = React.useRef(null);
   const dropdownRef = React.useRef(null);
@@ -104,15 +106,31 @@ const Combobox = exports.Combobox = /*#__PURE__*/React.forwardRef((props, ref) =
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: ref,
     className: (0, _classify.default)(_ComboboxModule.default.wrapper, classNames?.wrapper),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     children: [Boolean(label) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: _ComboboxModule.default.info,
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'label'
+      }),
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: _ComboboxModule.default.infoContent,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
           color: "secondary",
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'label-text'
+          }),
           children: label ?? ''
         }), "\xA0", required && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
           color: "danger",
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'required'
+          }),
           children: "*"
         })]
       })
@@ -122,6 +140,10 @@ const Combobox = exports.Combobox = /*#__PURE__*/React.forwardRef((props, ref) =
       }, classNames?.box),
       onClick: !(disabled || locked) ? onContainerClick : undefined,
       ref: boxRef,
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'box'
+      }),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.Dropdown, {
         ref: dropdownRef,
         menu: menu,
@@ -147,7 +169,11 @@ const Combobox = exports.Combobox = /*#__PURE__*/React.forwardRef((props, ref) =
         onBlur: onDropdownBlur,
         onKeyDown: onDropdownKeyDown,
         onContainerClick: onDropdownContainerClick,
-        name: dropdownName
+        name: dropdownName,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'dropdown'
+        })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
         ref: inputRef,
         boxRef: inputBoxRef,
@@ -182,15 +208,31 @@ const Combobox = exports.Combobox = /*#__PURE__*/React.forwardRef((props, ref) =
         maxLength: maxLength,
         pattern: pattern,
         min: min,
-        max: max
+        max: max,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'input'
+        })
       })]
     }), (Boolean(helperText) || error) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: _ComboboxModule.default.info,
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'helper'
+      }),
       children: error && errorText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
         color: "danger",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'error'
+        }),
         children: errorText
       }) : typeof helperText === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
         color: disabled ? 'disabled' : 'secondary',
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'helper-text'
+        }),
         children: helperText
       }) : helperText
     })]

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

@@ -16,7 +16,8 @@ interface CalendarProps {
     };
     today: string;
     t: ((key: string, fallback: string) => string) | null | undefined;
+    testId?: string;
 }
-export declare const Calendar: ({ value, minDate, maxDate, handlers, hoverDay, dateRange, inHoverRange, today, t, }: CalendarProps) => React.JSX.Element;
+export declare const Calendar: ({ value, minDate, maxDate, handlers, hoverDay, dateRange, inHoverRange, today, t, testId, }: CalendarProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Calendar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AACzC,OAAO,KAAK,EAAC,OAAO,EAAE,iBAAiB,EAAC,MAAM,WAAW,CAAC;AAuB1D,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,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,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACnE;AAED,eAAO,MAAM,QAAQ,GAAI,qFAUtB,aAAa,sBAgDf,CAAC"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AACzC,OAAO,KAAK,EAAC,OAAO,EAAE,iBAAiB,EAAC,MAAM,WAAW,CAAC;AAwB1D,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,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,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,GAAI,6FAWtB,aAAa,sBA4Df,CAAC"}

package/lib/components/DateRangePicker/Calendar.js

@@ -8,6 +8,7 @@ var React = _interopRequireWildcard(require("react"));
 var _moment = _interopRequireDefault(require("moment"));
 var _utils = require("../../utils");
 var _dateRangePicker = require("../../utils/date-range-picker");
+var _qa = require("../../utils/qa");
 var _Day = require("./Day");
 var _Text = require("../Text");
 var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
@@ -24,19 +25,36 @@ const Calendar = _ref => {
     dateRange,
     inHoverRange,
     today,
-    t
+    t,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: _CalendarModule.default.calendar,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: `calendar-${value}`
+    }),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: _CalendarModule.default.calendarRow,
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'weekdays'
+      }),
       children: _utils.WEEKDAYS.map(day => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
         className: _CalendarModule.default.calendarRowItem,
         color: _Text.TEXT_COLORS.tertiary,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: `weekday-${day}`
+        }),
         children: (0, _dateRangePicker.getTranslation)(t, day)
       }, day))
     }), (0, _utils.getDaysInMonth)(value).map((week, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: _CalendarModule.default.calendarRow,
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: `week-${index}`
+      }),
       children: week.map(date => {
         const isRangeValid = (0, _utils.isStartDateEndDateSame)(dateRange);
         const isStart = (0, _utils.isStartOfRange)(dateRange, date);
@@ -58,7 +76,11 @@ const Calendar = _ref => {
           highlighted: highlighted && !isRangeValid,
           startOfRange: isStart && !isRangeValid,
           value: dateValue.date().toString(),
-          hoverDay: hoverDay
+          hoverDay: hoverDay,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: `day-${date}`
+          })
         }, date);
       })
     }, week[index]))]

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAEV,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,WAAW,CAAC;AAyBnB,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,oBAAoB;IACnC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAC1C,OAAO,EAAE,CAAC,uBAAuB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,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;AAED,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAClD,oBAAoB,EACpB,cAAc,CA8Jf,CAAC"}
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAEV,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,WAAW,CAAC;AAyBnB,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,oBAAoB;IACnC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAC1C,OAAO,EAAE,CAAC,uBAAuB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,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;AAED,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAClD,oBAAoB,EACpB,cAAc,CAgKf,CAAC"}