@luminati-io/uikit 3.0.23 → 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;
 };
 
@@ -25158,10 +25158,6 @@ __webpack_require__.r(__webpack_exports__);
 /*jslint react:true*/
 var _excluded = ["children", "getValue"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -25184,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),
@@ -25208,16 +25204,14 @@ var ValueContainerComponent = function ValueContainerComponent(props) {
     }, 0);
     var moreOptWidth = ((_moreOptRef$current = moreOptRef.current) === null || _moreOptRef$current === void 0 ? void 0 : _moreOptRef$current.offsetWidth) || 0 + _constants__WEBPACK_IMPORTED_MODULE_3__.offset * 2;
     if (inputWidth - moreOptWidth < inputChildrenWidth) {
-      var _tempOpts;
       var stopWidth = 0;
       inputElements.forEach(function (tag, index) {
         stopWidth += tag.offsetWidth + _constants__WEBPACK_IMPORTED_MODULE_3__.offset * 2;
         if (inputWidth - moreOptWidth >= stopWidth) tempOpts.push(opts[index]);
       });
-      (_tempOpts = tempOpts).push.apply(_tempOpts, _toConsumableArray(opts.slice(length)));
     } 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();
@@ -25235,7 +25229,11 @@ var ValueContainerComponent = function ValueContainerComponent(props) {
     setRecalculationRender(true);
   }, [opts]);
   (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useResize)(handleResize);
-  console.log(react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children));
+
+  // 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, visibleOpts, (recalculationRender || hiddenCount > 0) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MoreOpt, {
@@ -25243,7 +25241,7 @@ var ValueContainerComponent = function ValueContainerComponent(props) {
     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) {
@@ -25271,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) || '');
+};
 
 /***/ }),