@bigbinary/neetoui 5.2.28 → 5.2.29

package/index.d.ts

@@ -332,6 +332,8 @@ export type SelectProps = {
   fetchMore?: () => void;
   totalOptionsCount?: number;
   isAsyncLoadOptionEnabled?: boolean;
+  isMulti?: boolean;
+  addButtonLabel?: string;
 };
 
 export type SpinnerProps = {

package/index.js

@@ -15919,7 +15919,7 @@ var MenuItemButton = function MenuItemButton(_ref) {
 MenuItem.Button = MenuItemButton;
 
 var _excluded$B = ["style", "size"],
-  _excluded2$4 = ["icon", "label", "isOpen", "onClose", "dropdownProps", "position", "children", "className", "buttonStyle", "buttonSize", "buttonProps", "customTarget", "disabled", "closeOnEsc", "closeOnSelect", "closeOnOutsideClick", "dropdownModifiers", "trigger", "strategy", "onClick"],
+  _excluded2$5 = ["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",
@@ -16017,7 +16017,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$4);
+    otherProps = _objectWithoutProperties$1(_ref2, _excluded2$5);
   var _useState = useState(null),
     _useState2 = _slicedToArray$2(_useState, 2),
     instance = _useState2[0],
@@ -19004,7 +19004,7 @@ var Callout = function Callout(_ref) {
 };
 
 var _excluded$v = ["children", "className", "required", "helpIconProps"],
-  _excluded2$3 = ["onClick", "icon", "tooltipProps", "className"];
+  _excluded2$4 = ["onClick", "icon", "tooltipProps", "className"];
 var Label = function Label(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
@@ -19019,7 +19019,7 @@ var Label = function Label(_ref) {
     icon = _ref2.icon,
     tooltipProps = _ref2.tooltipProps,
     helpIconClassName = _ref2.className,
-    otherHelpIconProps = _objectWithoutProperties$1(_ref2, _excluded2$3);
+    otherHelpIconProps = _objectWithoutProperties$1(_ref2, _excluded2$4);
   var HelpIcon = icon || Info;
   return /*#__PURE__*/React__default.createElement("label", _extends$4({
     className: classnames$1("neeto-ui-label neeto-ui-flex neeto-ui-items-center", className)
@@ -24623,7 +24623,7 @@ var css$1 = function css(_ref) {
     }
   };
 };
-var Control = function Control(props) {
+var Control$1 = function Control(props) {
   var children = props.children,
     cx = props.cx,
     getStyles = props.getStyles,
@@ -25001,7 +25001,7 @@ var SingleValue$1 = function SingleValue(props) {
 
 var components = {
   ClearIndicator: ClearIndicator$1,
-  Control: Control,
+  Control: Control$1,
   DropdownIndicator: DropdownIndicator$1,
   DownChevron: DownChevron,
   CrossIcon: CrossIcon,
@@ -27840,7 +27840,7 @@ var Tag = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
 Tag.displayName = "Tag";
 
 var _excluded$l = ["children"],
-  _excluded2$2 = ["children"];
+  _excluded2$3 = ["children"];
 function ownKeys$e(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$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var STYLES = {
@@ -27876,7 +27876,7 @@ var MultiValueRemove$1 = function MultiValueRemove(props) {
 };
 var CustomValueContainer = function CustomValueContainer(_ref2) {
   var children = _ref2.children,
-    props = _objectWithoutProperties$1(_ref2, _excluded2$2);
+    props = _objectWithoutProperties$1(_ref2, _excluded2$3);
   var getValue = props.getValue,
     _props$selectProps = props.selectProps,
     isFocused = _props$selectProps.isFocused,
@@ -28734,7 +28734,8 @@ var Spinner = function Spinner(_ref) {
   }));
 };
 
-var _excluded$d = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components", "optionRemapping"];
+var _excluded$d = ["children"],
+  _excluded2$2 = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components", "optionRemapping"];
 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 SIZES$2 = {
@@ -28746,6 +28747,14 @@ var STRATEGIES = {
   "default": "default",
   fixed: "fixed"
 };
+var Control = function Control(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties$1(_ref, _excluded$d);
+  var selectProps = props.selectProps;
+  return /*#__PURE__*/React__default.createElement(components.Control, props, selectProps.isMulti && /*#__PURE__*/React__default.createElement("span", {
+    className: "neeto-ui-btn neeto-ui-btn--style-primary neeto-ui-react-select__add-btn"
+  }, selectProps.addButtonLabel || "Add"), " ", children);
+};
 var DropdownIndicator = function DropdownIndicator(props) {
   return /*#__PURE__*/React__default.createElement(components.DropdownIndicator, _extends$4({}, props, {
     innerProps: _objectSpread$b(_objectSpread$b({}, props.innerProps), {}, _defineProperty$7({}, "data-cy", "action-select-indicator"))
@@ -28845,32 +28854,32 @@ var MenuList = function MenuList(props) {
     ref: loaderRef
   }, /*#__PURE__*/React__default.createElement(Spinner, null)));
 };
-var Select = function Select(_ref) {
-  var _ref$size = _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,
-    required = _ref$required === void 0 ? false : _ref$required,
-    _ref$error = _ref.error,
-    error = _ref$error === void 0 ? "" : _ref$error,
-    _ref$helpText = _ref.helpText,
-    helpText = _ref$helpText === void 0 ? "" : _ref$helpText,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    innerRef = _ref.innerRef,
-    _ref$isCreateable = _ref.isCreateable,
-    isCreateable = _ref$isCreateable === void 0 ? false : _ref$isCreateable,
-    _ref$strategy = _ref.strategy,
-    strategy = _ref$strategy === void 0 ? STRATEGIES["default"] : _ref$strategy,
-    id = _ref.id,
-    labelProps = _ref.labelProps,
-    value = _ref.value,
-    defaultValue = _ref.defaultValue,
-    componentOverrides = _ref.components,
-    _ref$optionRemapping = _ref.optionRemapping,
-    optionRemapping = _ref$optionRemapping === void 0 ? {} : _ref$optionRemapping,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$d);
+var Select = function Select(_ref2) {
+  var _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? SIZES$2.medium : _ref2$size,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? "" : _ref2$label,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required,
+    _ref2$error = _ref2.error,
+    error = _ref2$error === void 0 ? "" : _ref2$error,
+    _ref2$helpText = _ref2.helpText,
+    helpText = _ref2$helpText === void 0 ? "" : _ref2$helpText,
+    _ref2$className = _ref2.className,
+    className = _ref2$className === void 0 ? "" : _ref2$className,
+    innerRef = _ref2.innerRef,
+    _ref2$isCreateable = _ref2.isCreateable,
+    isCreateable = _ref2$isCreateable === void 0 ? false : _ref2$isCreateable,
+    _ref2$strategy = _ref2.strategy,
+    strategy = _ref2$strategy === void 0 ? STRATEGIES["default"] : _ref2$strategy,
+    id = _ref2.id,
+    labelProps = _ref2.labelProps,
+    value = _ref2.value,
+    defaultValue = _ref2.defaultValue,
+    componentOverrides = _ref2.components,
+    _ref2$optionRemapping = _ref2.optionRemapping,
+    optionRemapping = _ref2$optionRemapping === void 0 ? {} : _ref2$optionRemapping,
+    otherProps = _objectWithoutProperties$1(_ref2, _excluded2$2);
   var inputId = useId(id);
   var Parent = StateManagedSelect;
   if (isCreateable) {
@@ -28923,6 +28932,7 @@ var Select = function Select(_ref) {
   }, labelProps), label), /*#__PURE__*/React__default.createElement(Parent, _extends$4({
     blurInputOnSelect: false,
     classNamePrefix: "neeto-ui-react-select",
+    closeMenuOnSelect: !otherProps.isMulti,
     "data-cy": "".concat(hyphenize(label), "-select-container"),
     defaultValue: findInOptions(defaultValue),
     inputId: inputId,
@@ -28945,7 +28955,8 @@ var Select = function Select(_ref) {
       Menu: Menu,
       ValueContainer: ValueContainer,
       MenuList: MenuList,
-      SingleValue: SingleValue
+      SingleValue: SingleValue,
+      Control: Control
     }, componentOverrides)
   }, portalProps, otherProps)), !!error && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__error",