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

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

package/lib/components/Dropdown/Dropdown.js

@@ -11,6 +11,7 @@ var _space = require("../../styles/variables/_space");
 var _classify = require("../../utils/classify");
 var _clickAway = require("../../utils/click-away");
 var _mergeRefs = require("../../utils/merge-refs");
+var _qa = require("../../utils/qa");
 var _Input = require("../Input");
 var _Menu = require("../Menu");
 var _Tooltip = require("../Tooltip");
@@ -31,6 +32,7 @@ const Dropdown = exports.Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) =>
     dropdownInputText = '',
     clickAwayRef,
     elevation = 'modal',
+    testId,
     ...inputProps
   } = _ref;
   const menuRef = React.useRef(null);
@@ -71,7 +73,10 @@ const Dropdown = exports.Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) =>
       } = _ref2;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: (0, _classify.classify)(_DropdownModule.default.dropdownContainer, classNames?.wrapper),
-        "data-testid": "Dropdown",
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'root'
+        }),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
           ...inputProps,
           onKeyDown: e => {
@@ -98,7 +103,11 @@ const Dropdown = exports.Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) =>
             e.stopPropagation();
             onOpen();
           },
-          ref: ref
+          ref: ref,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'input'
+          })
         }), isOpen && menu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingPortal, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingFocusManager, {
             modal: false,
@@ -107,6 +116,10 @@ const Dropdown = exports.Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) =>
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
               className: _DropdownModule.default.menuWrapper,
+              "data-testid": (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'menu-wrapper'
+              }),
               style: {
                 position: strategy,
                 top: y ?? _space.spaceNone,
@@ -123,6 +136,10 @@ const Dropdown = exports.Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) =>
               },
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.Menu, {
                 ...menu,
+                testId: (0, _qa.generateTestId)({
+                  base: testId,
+                  slot: 'menu'
+                }),
                 onSelect: (option, e) => {
                   onChange?.(option, e);
                   if (

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

@@ -37,6 +37,7 @@ export interface SimpleDropdownProps extends Omit<InputProps, 'elevation' | 'cla
     onMenuClose?: () => unknown;
     resolveLabel?: (option: MenuOption) => string | React.ReactNode;
     resolveSecondaryLabel?: (option: MenuOption) => string | React.ReactNode;
+    testId?: string;
 }
 export declare const SimpleDropdown: Flow.AbstractComponent<SimpleDropdownProps, SimpleDropdownRef>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/SimpleDropdown.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;AAO3D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAClB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAG1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,UAAU,EACR,WAAW,GACX,YAAY,GACZ,cAAc,GACd,SAAS,GACT,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,aAAa,GACb,oBAAoB,GACpB,QAAQ,GACR,QAAQ,GACR,gBAAgB,GAChB,kBAAkB,GAClB,WAAW,GACX,cAAc,GACd,UAAU,GACV,YAAY,GACZ,aAAa,GACb,cAAc,GACd,uBAAuB,CAC1B;IACD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACxD,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,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,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,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,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;CAC1E;AA6GD,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,iBAAiB,CAGlB,CAAC"}
+{"version":3,"file":"SimpleDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/SimpleDropdown.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;AAO3D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAClB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAG1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,UAAU,EACR,WAAW,GACX,YAAY,GACZ,cAAc,GACd,SAAS,GACT,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,aAAa,GACb,oBAAoB,GACpB,QAAQ,GACR,QAAQ,GACR,gBAAgB,GAChB,kBAAkB,GAClB,WAAW,GACX,cAAc,GACd,UAAU,GACV,YAAY,GACZ,aAAa,GACb,cAAc,GACd,uBAAuB,CAC1B;IACD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACxD,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,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,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,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,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,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA+GD,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,iBAAiB,CAGlB,CAAC"}

package/lib/components/Dropdown/SimpleDropdown.js

@@ -33,6 +33,7 @@ const SimpleDropdownBase = (props, ref) => {
     clickAwayRef,
     allowWrap = false,
     staticLabels,
+    testId,
     ...inputProps
   } = props;
   const [dropdownInputText, setDropdownInputText] = React.useState('');
@@ -71,6 +72,7 @@ const SimpleDropdownBase = (props, ref) => {
     onMenuClose: onMenuClose,
     dropdownInputText: dropdownInputText,
     clickAwayRef: clickAwayRef,
+    testId: testId,
     menu: {
       options,
       selectedKeys: dropdownSelectedKeys,

package/lib/components/FileUpload/FileBlock/FileBlock.d.ts

@@ -9,6 +9,7 @@ export interface FileBlockProps {
     onFileRefreshClick?: (file: FileObject) => unknown;
     handleFileClear?: (id: string) => unknown;
     showRemoveFile?: boolean;
+    testId?: string;
 }
 export declare const FileBlock: Flow.AbstractComponent<FileBlockProps, HTMLDivElement>;
 export {};

package/lib/components/FileUpload/FileBlock/FileBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/FileUpload/FileBlock/FileBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sCAAsC,CAAC;AAQrE,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IACnD,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CA6E1E,CAAC"}
+{"version":3,"file":"FileBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/FileUpload/FileBlock/FileBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sCAAsC,CAAC;AAQrE,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IACnD,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CA0G1E,CAAC"}

package/lib/components/FileUpload/FileBlock/FileBlock.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.FileBlock = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../../utils/classify"));
+var _qa = require("../../../utils/qa");
 var _Icon = require("../../Icon");
 var _LinearLoader = require("../../LinearLoader");
 var _Truncate = require("../../Truncate");
@@ -19,12 +20,17 @@ const FileBlock = exports.FileBlock = /*#__PURE__*/React.forwardRef((_ref, ref)
     fileObject,
     onFileRefreshClick,
     handleFileClear,
-    showRemoveFile = true
+    showRemoveFile = true,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classify.default)(_FileUploadModule.default.file, classNames?.wrapper),
       ref: ref,
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'wrapper'
+      }),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: _FileUploadModule.default.fileInfo,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -32,22 +38,35 @@ const FileBlock = exports.FileBlock = /*#__PURE__*/React.forwardRef((_ref, ref)
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: _FileUploadModule.default.icon,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FileStatusIcon, {
-              fileObject: fileObject
+              fileObject: fileObject,
+              testId: testId
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: _FileUploadModule.default.fileName,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+              testId: (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'file-name'
+              }),
               children: fileObject.file.name
             })
           })]
         }), fileObject.success && !!fileObject.successMessage && !fileObject.progress && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: _FileUploadModule.default.fileSuccess,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'success-message'
+            }),
             children: fileObject.successMessage
           })
         }), fileObject.reject && !!fileObject.rejectReason && !fileObject.progress && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: _FileUploadModule.default.fileError,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'error-message'
+            }),
             children: fileObject.rejectReason
           })
         }), !!fileObject.progress && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -55,7 +74,11 @@ const FileBlock = exports.FileBlock = /*#__PURE__*/React.forwardRef((_ref, ref)
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinearLoader.LinearLoader, {
             size: "small",
             value: fileObject.progress === 'indeterminate' ? 0 : fileObject.progress,
-            indeterminate: fileObject.progress === 'indeterminate'
+            indeterminate: fileObject.progress === 'indeterminate',
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'progress'
+            })
           })
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -65,13 +88,21 @@ const FileBlock = exports.FileBlock = /*#__PURE__*/React.forwardRef((_ref, ref)
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.ClickableIcon, {
             name: "refresh",
             size: "small",
-            onClick: () => onFileRefreshClick?.(fileObject)
+            onClick: () => onFileRefreshClick?.(fileObject),
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'refresh-button'
+            })
           })
         }), showRemoveFile && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: _FileUploadModule.default.rightBlock,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.CloseIcon, {
             size: "small",
-            onClick: () => handleFileClear?.(fileObject.id)
+            onClick: () => handleFileClear?.(fileObject.id),
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'remove-button'
+            })
           })
         })]
       })]
@@ -96,7 +127,8 @@ const getFileStatus = fileObject => {
 // This component renders the status icon for a file
 const FileStatusIcon = _ref2 => {
   let {
-    fileObject
+    fileObject,
+    testId
   } = _ref2;
   const status = getFileStatus(fileObject);
   switch (status) {
@@ -104,26 +136,42 @@ const FileStatusIcon = _ref2 => {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         size: "small",
         name: "loader",
-        color: "tertiary"
+        color: "tertiary",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'status-icon'
+        })
       });
     case 'success':
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         size: "small",
         name: "check",
-        color: "success"
+        color: "success",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'status-icon'
+        })
       });
     case 'error':
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         size: "small",
         name: "circle-exclamation",
         color: "danger",
-        type: "solid"
+        type: "solid",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'status-icon'
+        })
       });
     default:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         size: "small",
         name: "check",
-        color: "success"
+        color: "success",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'status-icon'
+        })
       });
   }
 };

package/lib/components/FileUpload/FileUpload.d.ts

@@ -58,6 +58,7 @@ export interface FileUploadProps extends Omit<FileUploadBaseProps, 'classNames'
     required?: boolean;
     handleFileDeletionExternally?: boolean;
     onFileRefreshClick?: (file: FileObject) => unknown;
+    testId?: string;
 }
 export declare const FileUpload: Flow.AbstractComponent<FileUploadProps, FileUploadRef>;
 export {};

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

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

package/lib/components/FileUpload/FileUpload.js

@@ -7,6 +7,7 @@ exports.FileUpload = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _useFileUpload = require("../../hooks/useFileUpload");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Button = require("../Button");
 var _FileBlock = require("./FileBlock");
 var _Truncate = require("../Truncate");
@@ -39,7 +40,8 @@ const FileUploadBase = (props, ref) => {
     onFileClear,
     onFileRefreshClick,
     maxFiles = 1,
-    handleFileDeletionExternally
+    handleFileDeletionExternally,
+    testId
   } = props;
 
   // Get file upload state from useFileUpload hook
@@ -66,7 +68,6 @@ const FileUploadBase = (props, ref) => {
   });
 
   // Expose file upload actions to parent component
-
   React.useImperativeHandle(ref, () => ({
     moveFileToProgress,
     moveFileToSuccess,
@@ -82,9 +83,17 @@ const FileUploadBase = (props, ref) => {
   const files = [...validFiles, ...rejectedFiles];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classify.default)(_FileUploadModule.default.wrapper, classNames?.wrapper),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     children: [Boolean(label) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: _FileUploadModule.default.label,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'label'
+        }),
         children: label
       }), required && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: _FileUploadModule.default.required,
@@ -98,8 +107,16 @@ const FileUploadBase = (props, ref) => {
         [_FileUploadModule.default.dragActive]: isDragActive,
         [_FileUploadModule.default.error]: error
       }, classNames?.dropZone),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'dropzone'
+      }),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-        ...getInputProps()
+        ...getInputProps(),
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'input'
+        })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: (0, _classify.default)(_FileUploadModule.default.instruction, classNames?.instruction),
         children: isDragActive ? draggingInstruction : instruction
@@ -109,6 +126,10 @@ const FileUploadBase = (props, ref) => {
       })]
     }), files.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: _FileUploadModule.default.files,
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'files'
+      }),
       children: files.map(fileObject => /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileBlock.FileBlock, {
           fileObject: fileObject,
@@ -116,7 +137,12 @@ const FileUploadBase = (props, ref) => {
           handleFileClear: handleFileDeletionExternally ? onFileClear : handleFileClear,
           classNames: {
             wrapper: classNames?.files
-          }
+          },
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'file-block',
+            index: fileObject.id
+          })
         })
       }, fileObject.id))
     })]

package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.d.ts

@@ -4,6 +4,7 @@ import type { FocusManagerProps } from '../../components/FocusManager';
 export interface SkipElementFromNavigationProps {
     children: React.ReactNode;
     className?: string;
+    testId?: string;
 }
 export declare const SkipElementFromNavigation: Flow.AbstractComponent<SkipElementFromNavigationProps, HTMLDivElement>;
 export interface FocusManagerWithArrowKeyNavigationProps extends Omit<FocusManagerProps, 'cols' | 'orientation' | 'focusItemOnOpen' | 'loop' | 'listReference'> {
@@ -14,6 +15,7 @@ export interface FocusManagerWithArrowKeyNavigationProps extends Omit<FocusManag
     listReference?: {
         current: Array<HTMLElement>;
     };
+    testId?: string;
 }
 export declare const FocusManagerWithArrowKeyNavigation: (props: FocusManagerWithArrowKeyNavigationProps) => React.JSX.Element;
 //# sourceMappingURL=FocusManagerWithArrowKeyNavigation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FocusManagerWithArrowKeyNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAOnE,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,yBAAyB,EAAE,IAAI,CAAC,iBAAiB,CAC5D,8BAA8B,EAC9B,cAAc,CAUf,CAAC;AAIF,MAAM,WAAW,uCACf,SAAQ,IAAI,CACV,iBAAiB,EACjB,MAAM,GAAG,aAAa,GAAG,iBAAiB,GAAG,MAAM,GAAG,eAAe,CACtE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE;QACd,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;KAC7B,CAAC;CACH;AAgBD,eAAO,MAAM,kCAAkC,GAC7C,OAAO,uCAAuC,sBAwH/C,CAAC"}
+{"version":3,"file":"FocusManagerWithArrowKeyNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAOnE,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,yBAAyB,EAAE,IAAI,CAAC,iBAAiB,CAC5D,8BAA8B,EAC9B,cAAc,CAgBf,CAAC;AAIF,MAAM,WAAW,uCACf,SAAQ,IAAI,CACV,iBAAiB,EACjB,MAAM,GAAG,aAAa,GAAG,iBAAiB,GAAG,MAAM,GAAG,eAAe,CACtE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE;QACd,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;KAC7B,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAgBD,eAAO,MAAM,kCAAkC,GAC7C,OAAO,uCAAuC,sBAyH/C,CAAC"}