@bigbinary/neetoui 5.1.10 → 5.1.11

package/index.cjs.js

@@ -14980,7 +14980,7 @@ var MenuItemButton = function MenuItemButton(_ref) {
 MenuItem.Button = MenuItemButton;
 
 var _excluded$y = ["style", "size"],
-  _excluded2$3 = ["icon", "label", "isOpen", "onClose", "dropdownProps", "position", "children", "className", "buttonStyle", "buttonSize", "buttonProps", "customTarget", "disabled", "closeOnEsc", "closeOnSelect", "closeOnOutsideClick", "dropdownModifiers", "trigger", "strategy", "onClick"],
+  _excluded2$4 = ["icon", "label", "isOpen", "onClose", "dropdownProps", "position", "children", "className", "buttonStyle", "buttonSize", "buttonProps", "customTarget", "disabled", "closeOnEsc", "closeOnSelect", "closeOnOutsideClick", "dropdownModifiers", "trigger", "strategy", "onClick"],
   _excluded3 = ["classNames"];
 var BTN_STYLES$1 = {
   primary: "primary",
@@ -15078,7 +15078,7 @@ var Dropdown = function Dropdown(_ref2) {
     _ref2$strategy = _ref2.strategy,
     strategy = _ref2$strategy === void 0 ? STRATEGY.absolute : _ref2$strategy,
     onClick = _ref2.onClick,
-    otherProps = _objectWithoutProperties$1(_ref2, _excluded2$3);
+    otherProps = _objectWithoutProperties$1(_ref2, _excluded2$4);
   var _useState = React$5.useState(null),
     _useState2 = _slicedToArray$2(_useState, 2),
     instance = _useState2[0],
@@ -18161,7 +18161,7 @@ function useId(idFromProps) {
 }
 
 var _excluded$s = ["children", "className", "required", "helpIconProps"],
-  _excluded2$2 = ["onClick", "icon", "tooltipProps", "className"];
+  _excluded2$3 = ["onClick", "icon", "tooltipProps", "className"];
 var Label = function Label(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
@@ -18176,7 +18176,7 @@ var Label = function Label(_ref) {
     icon = _ref2.icon,
     tooltipProps = _ref2.tooltipProps,
     helpIconClassName = _ref2.className,
-    otherHelpIconProps = _objectWithoutProperties$1(_ref2, _excluded2$2);
+    otherHelpIconProps = _objectWithoutProperties$1(_ref2, _excluded2$3);
   var HelpIcon = icon || neetoIcons.Info;
   return /*#__PURE__*/React__default["default"].createElement("label", _extends$4({
     className: classnames$1("neeto-ui-label neeto-ui-flex neeto-ui-items-center", className)
@@ -27138,6 +27138,10 @@ var CreatableSelect = /*#__PURE__*/React$5.forwardRef(function (props, ref) {
   }, selectProps));
 });
 
+function _toArray(arr) {
+  return _arrayWithHoles$2(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableRest$2();
+}
+
 var StateManagedSelect = /*#__PURE__*/React$5.forwardRef(function (props, ref) {
   var baseSelectProps = useStateManager(props);
   return /*#__PURE__*/React__namespace.createElement(Select$1, _extends$2({
@@ -27145,10 +27149,88 @@ var StateManagedSelect = /*#__PURE__*/React$5.forwardRef(function (props, ref) {
   }, baseSelectProps));
 });
 
-var _excluded$j = ["children"];
+var _excluded$j = ["style", "indicatorStyle", "label", "icon", "className", "onClose", "disabled", "size", "type", "children"];
+var SIZES$4 = {
+  small: "small",
+  large: "large"
+};
+var TYPES = {
+  outline: "outline",
+  solid: "solid"
+};
+var STYLES$1 = {
+  primary: "primary",
+  secondary: "secondary",
+  info: "info",
+  success: "success",
+  warning: "warning",
+  danger: "danger"
+};
+var Tag = function Tag(_ref) {
+  var _ref$style = _ref.style,
+    style = _ref$style === void 0 ? STYLES$1.primary : _ref$style,
+    indicatorStyle = _ref.indicatorStyle,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? null : _ref$icon,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? null : _ref$onClose,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SIZES$4.small : _ref$size,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? TYPES.outline : _ref$type,
+    children = _ref.children,
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$j);
+  var Icon = typeof icon === "string" ? function () {
+    return /*#__PURE__*/React__default["default"].createElement("i", {
+      className: icon
+    });
+  } : icon || React$5.Fragment;
+  var renderLabel = label || children;
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends$4({
+    "data-testid": "tag-container",
+    className: classnames$1("neeto-ui-tag", {
+      "neeto-ui-tag--size-large": size === SIZES$4.large,
+      "neeto-ui-tag--size-small": size === SIZES$4.small,
+      "neeto-ui-tag--type-outline": type === TYPES.outline,
+      "neeto-ui-tag--type-solid": type === TYPES.solid,
+      "neeto-ui-tag--style-primary": style === STYLES$1.primary,
+      "neeto-ui-tag--style-secondary": style === STYLES$1.secondary,
+      "neeto-ui-tag--style-success": style === STYLES$1.success,
+      "neeto-ui-tag--style-info": style === STYLES$1.info,
+      "neeto-ui-tag--style-warning": style === STYLES$1.warning,
+      "neeto-ui-tag--style-danger": style === STYLES$1.danger
+    }, className)
+  }, otherProps), indicatorStyle && /*#__PURE__*/React__default["default"].createElement("span", {
+    "data-testid": "tag-indicator",
+    className: classnames$1("neeto-ui-tag__indicator", {
+      "neeto-ui-bg-error-500": indicatorStyle === STYLES$1.danger,
+      "neeto-ui-bg-info-500": indicatorStyle === STYLES$1.info,
+      "neeto-ui-bg-warning-500": indicatorStyle === STYLES$1.warning,
+      "neeto-ui-bg-success-500": indicatorStyle === STYLES$1.success,
+      "neeto-ui-bg-primary-500": indicatorStyle === STYLES$1.primary,
+      "neeto-ui-bg-gray-500": indicatorStyle === STYLES$1.secondary
+    })
+  }), icon && /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "neeto-ui-tag__icon",
+    "data-testid": "class-icon"
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, null)), renderLabel, onClose && /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "neeto-ui-tag__close",
+    "data-testid": "tag-close-button",
+    onClick: !disabled ? onClose : null
+  }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, null)));
+};
+
+var _excluded$i = ["children"],
+  _excluded2$2 = ["children"];
 function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var STYLES$1 = {
+var STYLES = {
   border: {
     "default": "1px solid rgb(var(--neeto-ui-gray-400))",
     error: "1px solid rgb(var(--neeto-ui-error-800)) !important"
@@ -27160,7 +27242,7 @@ var STYLES$1 = {
 };
 var CustomControl = function CustomControl(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties$1(_ref, _excluded$j);
+    props = _objectWithoutProperties$1(_ref, _excluded$i);
   var prefix = props.selectProps.prefix;
   return /*#__PURE__*/React__default["default"].createElement(components.Control, props, prefix && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-email-input__prefix"
@@ -27177,16 +27259,33 @@ var MultiValueRemove = function MultiValueRemove(props) {
     size: 16
   }));
 };
+var CustomValueContainer = function CustomValueContainer(_ref2) {
+  var children = _ref2.children,
+    props = _objectWithoutProperties$1(_ref2, _excluded2$2);
+  var getValue = props.getValue,
+    _props$selectProps = props.selectProps,
+    isFocused = _props$selectProps.isFocused,
+    visibleEmailsCount = _props$selectProps.visibleEmailsCount;
+  var value = getValue();
+  var _children = _toArray(children),
+    firstChild = _children[0],
+    rest = _children.slice(1);
+  var shouldCollapse = !isFocused && value.length > visibleEmailsCount;
+  return /*#__PURE__*/React__default["default"].createElement(components.ValueContainer, props, shouldCollapse ? firstChild.slice(0, visibleEmailsCount) : firstChild, shouldCollapse && /*#__PURE__*/React__default["default"].createElement(Tag, {
+    label: "".concat(value.length - visibleEmailsCount, " more"),
+    style: "secondary"
+  }), rest);
+};
 var EMAIL_REGEX = new RegExp("^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$", "i");
 var UNSTRICT_EMAIL_REGEX = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/g;
 var EMAIL_SEPARATION_REGEX = /[^\s,]+/g;
 var CUSTOM_STYLES = {
   input: assoc("overflow", "hidden"),
-  multiValue: function multiValue(styles, _ref2) {
-    var valid = _ref2.data.valid;
+  multiValue: function multiValue(styles, _ref3) {
+    var valid = _ref3.data.valid;
     return _objectSpread$c(_objectSpread$c({}, styles), {}, {
-      border: valid ? STYLES$1.border["default"] : STYLES$1.border.error,
-      color: valid ? STYLES$1.color["default"] : STYLES$1.color.error
+      border: valid ? STYLES.border["default"] : STYLES.border.error,
+      color: valid ? STYLES.color["default"] : STYLES.color.error
     });
   }
 };
@@ -27194,7 +27293,8 @@ var CUSTOM_COMPONENTS = {
   DropdownIndicator: CustomDropdownIndicator,
   ClearIndicator: null,
   Control: CustomControl,
-  MultiValueRemove: MultiValueRemove
+  MultiValueRemove: MultiValueRemove,
+  ValueContainer: CustomValueContainer
 };
 
 var formatEmailInputOptions = function formatEmailInputOptions(label) {
@@ -27223,7 +27323,7 @@ var renderDefaultText = function renderDefaultText(count) {
   return count === 1 ? "email" : "emails";
 };
 
-var _excluded$i = ["label", "placeholder", "helpText", "value", "onChange", "error", "onBlur", "filterInvalidEmails", "counter", "disabled", "maxHeight", "required", "labelProps"];
+var _excluded$h = ["label", "placeholder", "helpText", "value", "onChange", "error", "onBlur", "filterInvalidEmails", "counter", "disabled", "maxHeight", "required", "labelProps", "visibleEmailsCount"];
 function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MultiEmailInput = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
@@ -27250,11 +27350,17 @@ var MultiEmailInput = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
     _ref$required = _ref.required,
     required = _ref$required === void 0 ? false : _ref$required,
     labelProps = _ref.labelProps,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$i);
+    _ref$visibleEmailsCou = _ref.visibleEmailsCount,
+    visibleEmailsCount = _ref$visibleEmailsCou === void 0 ? 3 : _ref$visibleEmailsCou,
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$h);
   var _useState = React$5.useState(""),
     _useState2 = _slicedToArray$2(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
+  var _useState3 = React$5.useState(false),
+    _useState4 = _slicedToArray$2(_useState3, 2),
+    isFocused = _useState4[0],
+    setIsFocused = _useState4[1];
   var isCounterVisible = !!counter && (!counter.startsFrom || getValidEmailsCount(value) >= counter.startsFrom);
   var isOptionsPresent = !!otherProps.options;
   var handleFilterEmails = function handleFilterEmails() {
@@ -27296,7 +27402,8 @@ var MultiEmailInput = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
     otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onCreateO = otherProps.onCreateOption) === null || _otherProps$onCreateO === void 0 ? void 0 : _otherProps$onCreateO.call(otherProps, input);
   };
   var handleBlur = function handleBlur(event) {
-    return inputValue ? handleEmailChange() : onBlur(event);
+    inputValue ? handleEmailChange() : onBlur(event);
+    setIsFocused(false);
   };
   var overrideProps = {};
   if (isOptionsPresent) {
@@ -27333,9 +27440,11 @@ var MultiEmailInput = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
     components: CUSTOM_COMPONENTS,
     inputValue: inputValue,
     isDisabled: disabled,
+    isFocused: isFocused,
     placeholder: placeholder,
     ref: ref,
     value: value,
+    visibleEmailsCount: visibleEmailsCount,
     className: classnames$1("neeto-ui-react-select__container neeto-ui-email-input__select", {
       "neeto-ui-react-select__container--error": !!error
     }),
@@ -27347,6 +27456,9 @@ var MultiEmailInput = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
     }),
     onBlur: handleBlur,
     onChange: onChange,
+    onFocus: function onFocus() {
+      return setIsFocused(true);
+    },
     onInputChange: function onInputChange(inputValue) {
       return setInputValue(inputValue);
     },
@@ -27377,7 +27489,7 @@ var renderImage = function renderImage(image) {
   }) : image;
 };
 
-var _excluded$h = ["image", "title", "description", "helpText", "className", "primaryButtonProps", "secondaryButtonProps", "buttonSeparatorText"];
+var _excluded$g = ["image", "title", "description", "helpText", "className", "primaryButtonProps", "secondaryButtonProps", "buttonSeparatorText"];
 var NoData = function NoData(_ref) {
   var _ref$image = _ref.image,
     image = _ref$image === void 0 ? null : _ref$image,
@@ -27395,7 +27507,7 @@ var NoData = function NoData(_ref) {
     secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP,
     _ref$buttonSeparatorT = _ref.buttonSeparatorText,
     buttonSeparatorText = _ref$buttonSeparatorT === void 0 ? "" : _ref$buttonSeparatorT,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$h);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$g);
   var hasPrimaryButtonProps = !isEmpty(primaryButtonProps);
   var hasSecondaryButtonProps = !isEmpty(secondaryButtonProps);
   var hasButtonSeparatorText = !isEmpty(buttonSeparatorText);
@@ -27609,14 +27721,14 @@ var getHeaderHeight = function getHeaderHeight(paneWrapper) {
   return header ? header.offsetHeight : DEFAULT_PANE_HEADER_HEIGHT;
 };
 
-var _excluded$g = ["size", "isOpen", "onClose", "children", "className", "closeOnEsc", "closeButton", "backdropClassName", "closeOnOutsideClick", "initialFocusRef", "finalFocusRef"];
-var SIZES$4 = {
+var _excluded$f = ["size", "isOpen", "onClose", "children", "className", "closeOnEsc", "closeButton", "backdropClassName", "closeOnOutsideClick", "initialFocusRef", "finalFocusRef"];
+var SIZES$3 = {
   small: "small",
   large: "large"
 };
 var Pane = function Pane(_ref) {
   var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? SIZES$4.small : _ref$size,
+    size = _ref$size === void 0 ? SIZES$3.small : _ref$size,
     _ref$isOpen = _ref.isOpen,
     isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
     _ref$onClose = _ref.onClose,
@@ -27634,7 +27746,7 @@ var Pane = function Pane(_ref) {
     closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
     initialFocusRef = _ref.initialFocusRef,
     finalFocusRef = _ref.finalFocusRef,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$g);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$f);
   var _useState = React$5.useState(false),
     _useState2 = _slicedToArray$2(_useState, 2),
     hasTransitionCompleted = _useState2[0],
@@ -27687,8 +27799,8 @@ var Pane = function Pane(_ref) {
     key: "pane-wrapper",
     ref: paneWrapper,
     className: classnames$1("neeto-ui-pane__wrapper", _defineProperty$7({
-      "neeto-ui-pane__wrapper--small": size === SIZES$4.small,
-      "neeto-ui-pane__wrapper--large": size === SIZES$4.large
+      "neeto-ui-pane__wrapper--small": size === SIZES$3.small,
+      "neeto-ui-pane__wrapper--large": size === SIZES$3.large
     }, className, className))
   }, otherProps), closeButton && /*#__PURE__*/React__default["default"].createElement(Button, {
     "aria-label": "Close",
@@ -27718,12 +27830,12 @@ var Title = function Title(_ref) {
   }, children);
 };
 
-var _excluded$f = ["children", "theme"];
+var _excluded$e = ["children", "theme"];
 var Popover = function Popover(_ref) {
   var children = _ref.children,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? "light" : _ref$theme,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$f);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$e);
   return /*#__PURE__*/React__default["default"].createElement(Tooltip, _extends$4({
     interactive: true,
     arrow: false,
@@ -27734,7 +27846,7 @@ var Popover = function Popover(_ref) {
 };
 Popover.Title = Title;
 
-var _excluded$e = ["name", "label", "className", "labelProps"];
+var _excluded$d = ["name", "label", "className", "labelProps"];
 var Item$1 = function Item(_ref) {
   var _ref$name = _ref.name,
     name = _ref$name === void 0 ? "" : _ref$name,
@@ -27743,7 +27855,7 @@ var Item$1 = function Item(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     labelProps = _ref.labelProps,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$e);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$d);
   var id = useId(otherProps.id);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames$1(["neeto-ui-radio__item", className])
@@ -27759,7 +27871,7 @@ var Item$1 = function Item(_ref) {
 };
 Item$1.displayName = "Radio.Item";
 
-var _excluded$d = ["label", "children", "stacked", "className", "containerClassName", "error", "onChange", "labelProps"];
+var _excluded$c = ["label", "children", "stacked", "className", "containerClassName", "error", "onChange", "labelProps"];
 function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Radio = function Radio(_ref) {
@@ -27776,7 +27888,7 @@ var Radio = function Radio(_ref) {
     error = _ref$error === void 0 ? "" : _ref$error,
     onChange = _ref.onChange,
     labelProps = _ref.labelProps,
-    props = _objectWithoutProperties$1(_ref, _excluded$d);
+    props = _objectWithoutProperties$1(_ref, _excluded$c);
   var _useState = React$5.useState(""),
     _useState2 = _slicedToArray$2(_useState, 2),
     internalValue = _useState2[0],
@@ -27810,7 +27922,7 @@ var Radio = function Radio(_ref) {
 };
 Radio.Item = Item$1;
 
-var _excluded$c = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
+var _excluded$b = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
 function useAsync(_ref) {
   var _ref$defaultOptions = _ref.defaultOptions,
     propsDefaultOptions = _ref$defaultOptions === void 0 ? false : _ref$defaultOptions,
@@ -27823,7 +27935,7 @@ function useAsync(_ref) {
     propsOnInputChange = _ref.onInputChange,
     _ref$filterOption = _ref.filterOption,
     filterOption = _ref$filterOption === void 0 ? null : _ref$filterOption,
-    restSelectProps = _objectWithoutProperties(_ref, _excluded$c);
+    restSelectProps = _objectWithoutProperties(_ref, _excluded$b);
   var propsInputValue = restSelectProps.inputValue;
   var lastRequest = React$5.useRef(undefined);
   var mounted = React$5.useRef(false);
@@ -27958,10 +28070,10 @@ var AsyncCreatableSelect = /*#__PURE__*/React$5.forwardRef(function (props, ref)
   }, selectProps));
 });
 
-var _excluded$b = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components", "optionRemapping"];
+var _excluded$a = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components", "optionRemapping"];
 function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var SIZES$3 = {
+var SIZES$2 = {
   small: "small",
   medium: "medium",
   large: "large"
@@ -27980,7 +28092,7 @@ var CustomInput = function CustomInput(props) {
 };
 var Select = function Select(_ref) {
   var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? SIZES$3.medium : _ref$size,
+    size = _ref$size === void 0 ? SIZES$2.medium : _ref$size,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
     _ref$required = _ref.required,
@@ -28003,7 +28115,7 @@ var Select = function Select(_ref) {
     componentOverrides = _ref.components,
     _ref$optionRemapping = _ref.optionRemapping,
     optionRemapping = _ref$optionRemapping === void 0 ? {} : _ref$optionRemapping,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$b);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$a);
   var inputId = useId(id);
   var Parent = StateManagedSelect;
   if (isCreateable) {
@@ -28077,9 +28189,9 @@ var Select = function Select(_ref) {
     value: findInOptions(value),
     className: classnames$1(["neeto-ui-react-select__container"], {
       "neeto-ui-react-select__container--error": !!error,
-      "neeto-ui-react-select__container--small": size === SIZES$3.small,
-      "neeto-ui-react-select__container--medium": size === SIZES$3.medium,
-      "neeto-ui-react-select__container--large": size === SIZES$3.large
+      "neeto-ui-react-select__container--small": size === SIZES$2.small,
+      "neeto-ui-react-select__container--medium": size === SIZES$2.medium,
+      "neeto-ui-react-select__container--large": size === SIZES$2.large
     }),
     components: _objectSpread$9({
       Input: CustomInput,
@@ -28122,7 +28234,7 @@ var Spinner = function Spinner(_ref) {
   }));
 };
 
-var _excluded$a = ["label", "required", "className", "error", "onChange", "labelProps", "children"];
+var _excluded$9 = ["label", "required", "className", "error", "onChange", "labelProps", "children"];
 var Switch = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
@@ -28136,7 +28248,7 @@ var Switch = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
     onChange = _ref$onChange === void 0 ? noop$2 : _ref$onChange,
     labelProps = _ref.labelProps,
     children = _ref.children,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$a);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$9);
   var id = useId(otherProps.id);
   var errorId = "error_".concat(id);
   var checked = otherProps.checked,
@@ -28181,7 +28293,7 @@ var Switch = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
 });
 Switch.displayName = "Switch";
 
-var _excluded$9 = ["active", "className", "children", "icon", "onClick", "activeClassName"];
+var _excluded$8 = ["active", "className", "children", "icon", "onClick", "activeClassName"];
 function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Item = function Item(_ref) {
@@ -28195,7 +28307,7 @@ var Item = function Item(_ref) {
     onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
     _ref$activeClassName = _ref.activeClassName,
     activeClassName = _ref$activeClassName === void 0 ? "" : _ref$activeClassName,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$9);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$8);
   var Icon = typeof icon === "string" ? function () {
     return /*#__PURE__*/React__default["default"].createElement("i", {
       className: icon,
@@ -28219,26 +28331,26 @@ var Item = function Item(_ref) {
 };
 Item.displayName = "Tab.Item";
 
-var _excluded$8 = ["size", "noUnderline", "children", "className"];
-var SIZES$2 = {
+var _excluded$7 = ["size", "noUnderline", "children", "className"];
+var SIZES$1 = {
   large: "large",
   small: "small"
 };
 var Tab = function Tab(_ref) {
   var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? SIZES$2.small : _ref$size,
+    size = _ref$size === void 0 ? SIZES$1.small : _ref$size,
     _ref$noUnderline = _ref.noUnderline,
     noUnderline = _ref$noUnderline === void 0 ? false : _ref$noUnderline,
     children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$8);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$7);
   return /*#__PURE__*/React__default["default"].createElement("div", _extends$4({
     "data-cy": "tab-container",
     className: classnames$1({
       "neeto-ui-tab__wrapper neeto-ui-flex": true,
-      "neeto-ui-tab__wrapper--size-large": size === SIZES$2.large,
-      "neeto-ui-tab__wrapper--size-small": size === SIZES$2.small,
+      "neeto-ui-tab__wrapper--size-large": size === SIZES$1.large,
+      "neeto-ui-tab__wrapper--size-small": size === SIZES$1.small,
       "neeto-ui-tab__wrapper--underline-none": noUnderline
     }, [className])
   }, otherProps), children);
@@ -31973,7 +32085,7 @@ var _utils = utils$3;
 
 var _propTypes$1 = propTypes;
 
-var _excluded$7 = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
+var _excluded$6 = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
 
 function _getRequireWildcardCache$1(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache$1 = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -32206,7 +32318,7 @@ var Resizable$1 = /*#__PURE__*/function (_React$Component) {
         _this$props2.onResizeStart;
         var resizeHandles = _this$props2.resizeHandles;
         _this$props2.transformScale;
-        var p = _objectWithoutPropertiesLoose$1(_this$props2, _excluded$7); // What we're doing here is getting the child of this element, and cloning it with this element's props.
+        var p = _objectWithoutPropertiesLoose$1(_this$props2, _excluded$6); // What we're doing here is getting the child of this element, and cloning it with this element's props.
     // We are then defining its children as:
     // 1. Its original children (resizable's child's children), and
     // 2. One or more draggable handles.
@@ -32258,7 +32370,7 @@ var _Resizable = _interopRequireDefault$3(Resizable$2);
 
 var _propTypes2 = propTypes;
 
-var _excluded$6 = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
+var _excluded$5 = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
 
 function _interopRequireDefault$3(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -32351,7 +32463,7 @@ var ResizableBox = /*#__PURE__*/function (_React$Component) {
         var resizeHandles = _this$props.resizeHandles,
         style = _this$props.style,
         transformScale = _this$props.transformScale,
-        props = _objectWithoutPropertiesLoose(_this$props, _excluded$6);
+        props = _objectWithoutPropertiesLoose(_this$props, _excluded$5);
 
     return /*#__PURE__*/React$2.createElement(_Resizable.default, {
       axis: axis,
@@ -32391,14 +32503,14 @@ reactResizable.exports = function() {
 var Resizable = reactResizable.exports.Resizable = Resizable$2.default;
 reactResizable.exports.ResizableBox = ResizableBox$1.default;
 
-var _excluded$5 = ["onResize", "width", "onResizeStop", "className"],
+var _excluded$4 = ["onResize", "width", "onResizeStop", "className"],
   _excluded2$1 = ["onResize", "width", "onResizeStop"];
 var HeaderCell = function HeaderCell(props) {
   var onResize = props.onResize,
     width = props.width,
     onResizeStop = props.onResizeStop,
     className = props.className,
-    restProps = _objectWithoutProperties$1(props, _excluded$5);
+    restProps = _objectWithoutProperties$1(props, _excluded$4);
   if (!width) {
     return /*#__PURE__*/React__default["default"].createElement("th", _extends$4({}, restProps, {
       className: "drag-handler"
@@ -34648,7 +34760,7 @@ var useTableSort = function useTableSort() {
   };
 };
 
-var _excluded$4 = ["allowRowClick", "enableColumnResize", "enableColumnReorder", "className", "columnData", "currentPageNumber", "defaultPageSize", "handlePageChange", "loading", "onRowClick", "onRowSelect", "rowData", "totalCount", "selectedRowKeys", "fixedHeight", "paginationProps", "scroll", "rowSelection", "shouldDynamicallyRenderRowSize", "bordered", "onColumnUpdate", "components", "preserveTableStateInQuery"];
+var _excluded$3 = ["allowRowClick", "enableColumnResize", "enableColumnReorder", "className", "columnData", "currentPageNumber", "defaultPageSize", "handlePageChange", "loading", "onRowClick", "onRowSelect", "rowData", "totalCount", "selectedRowKeys", "fixedHeight", "paginationProps", "scroll", "rowSelection", "shouldDynamicallyRenderRowSize", "bordered", "onColumnUpdate", "components", "preserveTableStateInQuery"];
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TABLE_PAGINATION_HEIGHT = 64;
@@ -34697,7 +34809,7 @@ var Table = function Table(_ref) {
     components = _ref$components === void 0 ? {} : _ref$components,
     _ref$preserveTableSta = _ref.preserveTableStateInQuery,
     preserveTableStateInQuery = _ref$preserveTableSta === void 0 ? false : _ref$preserveTableSta,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$4);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$3);
   var _useState = React$5.useState(null),
     _useState2 = _slicedToArray$2(_useState, 2),
     containerHeight = _useState2[0],
@@ -34892,83 +35004,6 @@ var Table = function Table(_ref) {
   return renderTable();
 };
 
-var _excluded$3 = ["style", "indicatorStyle", "label", "icon", "className", "onClose", "disabled", "size", "type", "children"];
-var SIZES$1 = {
-  small: "small",
-  large: "large"
-};
-var TYPES = {
-  outline: "outline",
-  solid: "solid"
-};
-var STYLES = {
-  primary: "primary",
-  secondary: "secondary",
-  info: "info",
-  success: "success",
-  warning: "warning",
-  danger: "danger"
-};
-var Tag = function Tag(_ref) {
-  var _ref$style = _ref.style,
-    style = _ref$style === void 0 ? STYLES.primary : _ref$style,
-    indicatorStyle = _ref.indicatorStyle,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? "" : _ref$label,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? null : _ref$icon,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? null : _ref$onClose,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? SIZES$1.small : _ref$size,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? TYPES.outline : _ref$type,
-    children = _ref.children,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$3);
-  var Icon = typeof icon === "string" ? function () {
-    return /*#__PURE__*/React__default["default"].createElement("i", {
-      className: icon
-    });
-  } : icon || React$5.Fragment;
-  var renderLabel = label || children;
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends$4({
-    "data-testid": "tag-container",
-    className: classnames$1("neeto-ui-tag", {
-      "neeto-ui-tag--size-large": size === SIZES$1.large,
-      "neeto-ui-tag--size-small": size === SIZES$1.small,
-      "neeto-ui-tag--type-outline": type === TYPES.outline,
-      "neeto-ui-tag--type-solid": type === TYPES.solid,
-      "neeto-ui-tag--style-primary": style === STYLES.primary,
-      "neeto-ui-tag--style-secondary": style === STYLES.secondary,
-      "neeto-ui-tag--style-success": style === STYLES.success,
-      "neeto-ui-tag--style-info": style === STYLES.info,
-      "neeto-ui-tag--style-warning": style === STYLES.warning,
-      "neeto-ui-tag--style-danger": style === STYLES.danger
-    }, className)
-  }, otherProps), indicatorStyle && /*#__PURE__*/React__default["default"].createElement("span", {
-    "data-testid": "tag-indicator",
-    className: classnames$1("neeto-ui-tag__indicator", {
-      "neeto-ui-bg-error-500": indicatorStyle === STYLES.danger,
-      "neeto-ui-bg-info-500": indicatorStyle === STYLES.info,
-      "neeto-ui-bg-warning-500": indicatorStyle === STYLES.warning,
-      "neeto-ui-bg-success-500": indicatorStyle === STYLES.success,
-      "neeto-ui-bg-primary-500": indicatorStyle === STYLES.primary,
-      "neeto-ui-bg-gray-500": indicatorStyle === STYLES.secondary
-    })
-  }), icon && /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "neeto-ui-tag__icon",
-    "data-testid": "class-icon"
-  }, /*#__PURE__*/React__default["default"].createElement(Icon, null)), renderLabel, onClose && /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "neeto-ui-tag__close",
-    "data-testid": "tag-close-button",
-    onClick: !disabled ? onClose : null
-  }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, null)));
-};
-
 var _excluded$2 = ["size", "rows", "disabled", "required", "nakedTextarea", "helpText", "error", "label", "className", "maxLength", "unlimitedChars", "labelProps"];
 var SIZES = {
   small: "small",