@bigbinary/neetoui 5.1.11 → 5.1.13

package/formik.js

@@ -9878,6 +9878,7 @@ var Portal$1 = function Portal(_ref, ref) {
   var children = _ref.children,
     otherProps = _objectWithoutProperties$1(_ref, _excluded$t);
   return /*#__PURE__*/React__default.createElement("div", _extends$2({
+    "data-cy": "neeto-backdrop",
     "data-testid": "neeto-backdrop",
     ref: ref
   }, otherProps), children);
@@ -13939,7 +13940,11 @@ var Tooltip = function Tooltip(_ref) {
     role: "tooltip",
     theme: theme,
     zIndex: 100001,
-    onCreate: setInstance
+    onCreate: function onCreate(instance) {
+      var _instance$popper$firs;
+      setInstance(instance);
+      (_instance$popper$firs = instance.popper.firstElementChild) === null || _instance$popper$firs === void 0 ? void 0 : _instance$popper$firs.setAttribute("data-cy", "tooltip-box");
+    }
   }, localProps, otherProps), /*#__PURE__*/React__default.isValidElement(children) ? children : /*#__PURE__*/React__default.createElement("span", null, children));
 };
 
@@ -16556,7 +16561,7 @@ var getScrollbarWidth = function getScrollbarWidth() {
 var noop$1 = function noop() {};
 var hyphenize = function hyphenize(string) {
   var fallbackString = "nui";
-  if (string && string.replace) {
+  if (string && typeof string === "string" && string.replace) {
     return string.replace(/[\s_]/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").replace(/-+/g, "-").toLowerCase();
   }
   return fallbackString;
@@ -16693,17 +16698,21 @@ var useSyncedRef = function useSyncedRef(ref) {
 
 var Body = function Body(_ref) {
   var children = _ref.children,
-    className = _ref.className;
+    className = _ref.className,
+    dataCy = _ref.dataCy;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames$1("neeto-ui-modal__body", className)
+    className: classnames$1("neeto-ui-modal__body", className),
+    "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : "modal-body"
   }, children);
 };
 
 var Footer = function Footer(_ref) {
   var children = _ref.children,
-    className = _ref.className;
+    className = _ref.className,
+    dataCy = _ref.dataCy;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames$1("neeto-ui-modal__footer", className)
+    className: classnames$1("neeto-ui-modal__footer", className),
+    "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : "modal-footer"
   }, children);
 };
 
@@ -16844,11 +16853,14 @@ var Header = function Header(_ref) {
   var _ref$description = _ref.description,
     description = _ref$description === void 0 ? "" : _ref$description,
     children = _ref.children,
-    className = _ref.className;
+    className = _ref.className,
+    dataCy = _ref.dataCy;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames$1("neeto-ui-modal__header", className)
+    className: classnames$1("neeto-ui-modal__header", className),
+    "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : "modal-header"
   }, children, description && /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-ui-modal__header-desc"
+    className: "neeto-ui-modal__header-desc",
+    "data-cy": "modal-header-desc"
   }, /*#__PURE__*/React__default.createElement(Typography, {
     lineHeight: "normal",
     style: "body2"
@@ -16941,6 +16953,7 @@ var Modal = function Modal(_ref) {
   }, otherProps), closeButton && /*#__PURE__*/React__default.createElement(Button, {
     "aria-label": "Close",
     className: "neeto-ui-modal__close",
+    "data-cy": "modal-close-button",
     "data-testid": "close-button",
     icon: Close,
     size: "small",
@@ -17004,6 +17017,7 @@ var Alert = function Alert(_ref) {
     closeButton: closeButton,
     closeOnEsc: closeOnEsc,
     closeOnOutsideClick: closeOnOutsideClick,
+    "data-cy": "alert-box",
     isOpen: isOpen,
     size: size,
     onClose: onClose
@@ -17256,6 +17270,7 @@ var Checkbox$1 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   }, /*#__PURE__*/React__default.createElement("input", _extends$2({
     "aria-invalid": !!error,
     className: "neeto-ui-checkbox",
+    "data-cy": "".concat(hyphenize(renderLabel), "-checkbox-input"),
     id: id,
     name: id,
     ref: ref,
@@ -21011,7 +21026,7 @@ var MenuPlacer = function MenuPlacer(props) {
     })
   });
 };
-var Menu = function Menu(props) {
+var Menu$1 = function Menu(props) {
   var children = props.children,
     className = props.className,
     cx = props.cx,
@@ -21256,7 +21271,7 @@ var valueContainerCSS = function valueContainerCSS(_ref2) {
     overflow: 'hidden'
   };
 };
-var ValueContainer = function ValueContainer(props) {
+var ValueContainer$1 = function ValueContainer(props) {
   var children = props.children,
     className = props.className,
     cx = props.cx,
@@ -21358,7 +21373,7 @@ var baseCSS = function baseCSS(_ref3) {
   };
 };
 var dropdownIndicatorCSS = baseCSS;
-var DropdownIndicator = function DropdownIndicator(props) {
+var DropdownIndicator$1 = function DropdownIndicator(props) {
   var children = props.children,
     className = props.className,
     cx = props.cx,
@@ -21373,7 +21388,7 @@ var DropdownIndicator = function DropdownIndicator(props) {
   }, innerProps), children || jsx(DownChevron, null));
 };
 var clearIndicatorCSS = baseCSS;
-var ClearIndicator = function ClearIndicator(props) {
+var ClearIndicator$1 = function ClearIndicator(props) {
   var children = props.children,
     className = props.className,
     cx = props.cx,
@@ -21730,7 +21745,7 @@ var MultiValueGeneric = function MultiValueGeneric(_ref4) {
 };
 var MultiValueContainer = MultiValueGeneric;
 var MultiValueLabel = MultiValueGeneric;
-function MultiValueRemove$1(_ref5) {
+function MultiValueRemove$2(_ref5) {
   var children = _ref5.children,
     innerProps = _ref5.innerProps;
   return jsx("div", _extends({
@@ -21845,7 +21860,7 @@ var placeholderCSS = function placeholderCSS(_ref) {
     marginRight: spacing.baseUnit / 2
   };
 };
-var Placeholder = function Placeholder(props) {
+var Placeholder$1 = function Placeholder(props) {
   var children = props.children,
     className = props.className,
     cx = props.cx,
@@ -21893,9 +21908,9 @@ var SingleValue = function SingleValue(props) {
 };
 
 var components = {
-  ClearIndicator: ClearIndicator,
+  ClearIndicator: ClearIndicator$1,
   Control: Control,
-  DropdownIndicator: DropdownIndicator,
+  DropdownIndicator: DropdownIndicator$1,
   DownChevron: DownChevron,
   CrossIcon: CrossIcon,
   Group: Group,
@@ -21904,7 +21919,7 @@ var components = {
   IndicatorSeparator: IndicatorSeparator,
   Input: Input,
   LoadingIndicator: LoadingIndicator,
-  Menu: Menu,
+  Menu: Menu$1,
   MenuList: MenuList,
   MenuPortal: MenuPortal,
   LoadingMessage: LoadingMessage,
@@ -21912,12 +21927,12 @@ var components = {
   MultiValue: MultiValue,
   MultiValueContainer: MultiValueContainer,
   MultiValueLabel: MultiValueLabel,
-  MultiValueRemove: MultiValueRemove$1,
+  MultiValueRemove: MultiValueRemove$2,
   Option: Option,
-  Placeholder: Placeholder,
+  Placeholder: Placeholder$1,
   SelectContainer: SelectContainer,
   SingleValue: SingleValue,
-  ValueContainer: ValueContainer
+  ValueContainer: ValueContainer$1
 };
 var defaultComponents = function defaultComponents(props) {
   return _objectSpread2(_objectSpread2({}, components), props.components);
@@ -24757,7 +24772,7 @@ var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
     className: "neeto-ui-email-input__suffix"
   }, suffix)) : null;
 };
-var MultiValueRemove = function MultiValueRemove(props) {
+var MultiValueRemove$1 = function MultiValueRemove(props) {
   return /*#__PURE__*/React__default.createElement(components.MultiValueRemove, props, /*#__PURE__*/React__default.createElement(Close, {
     size: 16
   }));
@@ -24796,7 +24811,7 @@ var CUSTOM_COMPONENTS = {
   DropdownIndicator: CustomDropdownIndicator,
   ClearIndicator: null,
   Control: CustomControl,
-  MultiValueRemove: MultiValueRemove,
+  MultiValueRemove: MultiValueRemove$1,
   ValueContainer: CustomValueContainer
 };
 
@@ -25273,14 +25288,60 @@ var STRATEGIES = {
   "default": "default",
   fixed: "fixed"
 };
+var DropdownIndicator = function DropdownIndicator(props) {
+  return /*#__PURE__*/React__default.createElement(components.DropdownIndicator, props, /*#__PURE__*/React__default.createElement(Down, {
+    size: 16
+  }));
+};
+var ClearIndicator = function ClearIndicator(props) {
+  return /*#__PURE__*/React__default.createElement(components.ClearIndicator, props, /*#__PURE__*/React__default.createElement(Close, {
+    size: 16
+  }));
+};
+var MultiValueRemove = function MultiValueRemove(props) {
+  return /*#__PURE__*/React__default.createElement(components.MultiValueRemove, props, /*#__PURE__*/React__default.createElement(Close, {
+    size: 16
+  }));
+};
 var CustomInput = function CustomInput(props) {
   var selectProps = props.selectProps;
   return /*#__PURE__*/React__default.createElement(components.Input, _extends$2({}, props, {
-    "data-cy": selectProps && selectProps["data-cy"],
+    "data-cy": selectProps ? selectProps["data-cy"] : "select-input",
     "data-testid": selectProps && selectProps["data-testid"],
     maxLength: selectProps && selectProps.maxLength
   }));
 };
+var CustomOption = function CustomOption(props) {
+  return /*#__PURE__*/React__default.createElement(components.Option, _extends$2({}, props, {
+    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
+      "data-cy": "".concat(hyphenize(props.label), "-select-option")
+    })
+  }));
+};
+var Placeholder = function Placeholder(props) {
+  var selectProps = props.selectProps;
+  return /*#__PURE__*/React__default.createElement(components.Placeholder, _extends$2({}, props, {
+    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
+      "data-cy": selectProps ? "".concat(hyphenize(selectProps.label), "-select-placeholder") : "select-placeholder"
+    })
+  }));
+};
+var Menu = function Menu(props) {
+  var selectProps = props.selectProps;
+  return /*#__PURE__*/React__default.createElement(components.Menu, _extends$2({}, props, {
+    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
+      "data-cy": selectProps ? "".concat(hyphenize(selectProps.label), "-select-menu") : "select-menu"
+    })
+  }));
+};
+var ValueContainer = function ValueContainer(props) {
+  var selectProps = props.selectProps;
+  return /*#__PURE__*/React__default.createElement(components.ValueContainer, _extends$2({}, props, {
+    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
+      "data-cy": selectProps ? "".concat(hyphenize(selectProps.label), "-select-value-container") : "select-value-container"
+    })
+  }));
+};
 var Select = function Select(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? SIZES$1.medium : _ref$size,
@@ -25328,21 +25389,6 @@ var Select = function Select(_ref) {
     },
     menuPosition: "fixed"
   };
-  var DropdownIndicator = function DropdownIndicator(props) {
-    return /*#__PURE__*/React__default.createElement(components.DropdownIndicator, props, /*#__PURE__*/React__default.createElement(Down, {
-      size: 16
-    }));
-  };
-  var ClearIndicator = function ClearIndicator(props) {
-    return /*#__PURE__*/React__default.createElement(components.ClearIndicator, props, /*#__PURE__*/React__default.createElement(Close, {
-      size: 16
-    }));
-  };
-  var MultiValueRemove = function MultiValueRemove(props) {
-    return /*#__PURE__*/React__default.createElement(components.MultiValueRemove, props, /*#__PURE__*/React__default.createElement(Close, {
-      size: 16
-    }));
-  };
   var options = otherProps.options,
     defaultOptions = otherProps.defaultOptions,
     getOptionValue = otherProps.getOptionValue;
@@ -25376,6 +25422,7 @@ var Select = function Select(_ref) {
     "data-cy": "".concat(hyphenize(label), "-select-container"),
     defaultValue: findInOptions(defaultValue),
     inputId: inputId,
+    label: label,
     ref: innerRef,
     value: findInOptions(value),
     className: classnames$1(["neeto-ui-react-select__container"], {
@@ -25386,9 +25433,13 @@ var Select = function Select(_ref) {
     }),
     components: _objectSpread({
       Input: CustomInput,
+      Option: CustomOption,
       DropdownIndicator: DropdownIndicator,
       ClearIndicator: ClearIndicator,
-      MultiValueRemove: MultiValueRemove
+      MultiValueRemove: MultiValueRemove,
+      Placeholder: Placeholder,
+      Menu: Menu,
+      ValueContainer: ValueContainer
     }, componentOverrides)
   }, portalProps, otherProps)), !!error && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__error",
@@ -25504,6 +25555,7 @@ var Switch = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     onChange: onChange
   }, otherProps)), /*#__PURE__*/React__default.createElement("span", {
     "aria-hidden": "true",
+    "data-cy": "".concat(hyphenize(renderLabel), "-switch"),
     className: classnames$1("neeto-ui-switch", {
       "neeto-ui-switch--checked": !!checked
     })