@luminati-io/uikit 3.0.22 → 3.0.24

package/dist/umd/uikit.development.js

@@ -24438,7 +24438,7 @@ var buildComponents = function buildComponents(props) {
       formatOptionLabel: props.formatOptionLabel
     });
   }
-  if (props.autosize === false) components.ValueContainer = _value_container__WEBPACK_IMPORTED_MODULE_5__.ValueContainer;
+  if (props.autosize === false && props.multiselect) components.ValueContainer = _value_container__WEBPACK_IMPORTED_MODULE_5__.ValueContainer;
   return components;
 };
 
@@ -25180,7 +25180,7 @@ var ValueContainerComponent = function ValueContainerComponent(props) {
   var optsRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
   var moreOptRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
   var opts = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children);
+    return react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children).filter(isValueChild);
   }, [length]);
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(opts),
     _useState2 = _slicedToArray(_useState, 2),
@@ -25211,7 +25211,7 @@ var ValueContainerComponent = function ValueContainerComponent(props) {
       });
     } else tempOpts = opts;
     return tempOpts;
-  }, [optsRef, opts]);
+  }, [optsRef, opts, length]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(function () {
     if (recalculationRender && optsRef.current) {
       var visible = calculateVisibleTags();
@@ -25229,14 +25229,19 @@ var ValueContainerComponent = function ValueContainerComponent(props) {
     setRecalculationRender(true);
   }, [opts]);
   (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useResize)(handleResize);
+
+  // Keep standard placeholder and input from react-select
+  var childsToRender = react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children).filter(function (child) {
+    return !isValueChild(child);
+  });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(OptsWrapper, {
     ref: optsRef
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_5__.c.ValueContainer, rest, !props.selectProps.inputValue && visibleOpts, (recalculationRender || hiddenCount > 0) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MoreOpt, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_5__.c.ValueContainer, rest, visibleOpts, (recalculationRender || hiddenCount > 0) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MoreOpt, {
     key: "more-badge",
     ref: moreOptRef,
     inputProps: props,
     count: hiddenCount
-  })));
+  }), childsToRender));
 };
 var ValueContainer = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(ValueContainerComponent);
 var MoreOpt = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
@@ -25264,6 +25269,10 @@ var Generic = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withC
 })(["", ""], function (prop) {
   return prop.$css;
 });
+var isValueChild = function isValueChild(child) {
+  var _child$type;
+  return ['MultiValue', 'SingleValue'].includes((child === null || child === void 0 ? void 0 : (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) || '');
+};
 
 /***/ }),