@luminati-io/uikit 3.0.23 → 3.1.0

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) || '');
+};
 
 /***/ }),
 
@@ -28218,7 +28220,13 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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 ownKeys(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(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 
 
 
@@ -28226,7 +28234,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-var assign = Object.assign;
 var Cell = function Cell(props) {
   var classNamePrefix = props.classNamePrefix,
     rowDensity = props.rowDensity,
@@ -28257,21 +28264,22 @@ var Cell = function Cell(props) {
   var doneEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
     columnDoneEditing(columnId, rowId);
   }, [columnDoneEditing, columnId, rowId]);
-  var cellProps = assign({
-    type: type,
-    rowDensity: rowDensity,
-    canEdit: canEdit,
-    isEditing: isEditing
-  }, {
-    border: isLastRow ? null : 'bottom'
-  }, cell.getCellProps([getColumnProps(column), getCellProps(cell)]), canEdit ? {
-    onClick: function onClick(e) {
+  var cellProps = _objectSpread({
+    $type: type,
+    $rowDensity: rowDensity,
+    $canEdit: canEdit,
+    $isEditing: isEditing,
+    $isLastRow: isLastRow
+  }, cell.getCellProps([getColumnProps(column), getCellProps(cell)]));
+  if (canEdit) {
+    cellProps.onClick = function (e) {
       e.stopPropagation();
       startEditing();
-    }
-  } : undefined);
+    };
+  }
+  var className = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, null, columnClassName, cellClassName, cellProps.className);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledCell, _extends({}, cellProps, {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, null, columnClassName, cellClassName, cellProps.className)
+    className: className
   }), cell.render('Cell', {
     row: row,
     isEditing: isEditing,
@@ -28284,25 +28292,25 @@ var StyledCell = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.wi
   displayName: "StyledCell",
   componentId: "sc-b034il-0"
 })(["padding:5px 15px;overflow-x:clip;", " background-color:", ";border:1px solid ", ";", ":hover &{background-color:", ";border-left-color:", ";border-right-color:", ";}", " ", " &[data-pinned-last]{", "}", ""], function (props) {
-  return props.type == 'number' ? 'text-align: right;' : null;
+  return props.$type == 'number' ? 'text-align: right;' : null;
 }, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _table_row__WEBPACK_IMPORTED_MODULE_6__["default"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, function (props) {
-  if (props.border == 'top') return "border-top-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
-  if (props.border == 'bottom') return "border-bottom-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
+  if (props.$isFooter) return "border-top-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
+  if (props.$isLastRow) return "border-bottom-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
 }, function (props) {
-  if (props.rowDensity == 'diamond_hand') {
+  if (props.$rowDensity == 'diamond_hand') {
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding-top:11px;padding-bottom:11px;"]);
   }
-  if (props.rowDensity == 'white_spaced') {
+  if (props.$rowDensity == 'white_spaced') {
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding-top:25px;padding-bottom:25px;"]);
   }
 }, function (props) {
-  if (props.canEdit && props.isEditing) {
+  if (props.$canEdit && props.$isEditing) {
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["box-shadow:2px 0px 4px -2px rgba(24,39,75,0.12),4px 0px 4px -2px rgba(24,39,75,0.08),inset 0px 0px 0px 3px rgba(0,106,220,0.4);"]);
   }
   return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["box-shadow:2px 0px 4px -2px rgba(24,39,75,0.12),4px 0px 4px -2px rgba(24,39,75,0.08);"]);
 }, function (props) {
-  if (props.canEdit) {
-    if (props.isEditing) {
+  if (props.$canEdit) {
+    if (props.$isEditing) {
       return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["border:1px solid ", " !important;box-shadow:inset 0px 0px 0px 3px rgba(0,106,220,0.4);z-index:", ";"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_11, _constants__WEBPACK_IMPORTED_MODULE_4__.Z_INDEX.editingCell);
     }
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["&:hover{border-color:", " !important;}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_9);
@@ -28905,7 +28913,13 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["key"];
+function ownKeys(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(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -28955,7 +28969,7 @@ var TableFooter = function TableFooter(props) {
 };
 TableFooter.displayName = 'TableFooter';
 var FooterCell = function FooterCell(props) {
-  var className = props.className,
+  var footerClassName = props.className,
     column = props.column,
     rowDensity = props.rowDensity;
   var _column$type = column.type,
@@ -28964,15 +28978,18 @@ var FooterCell = function FooterCell(props) {
   var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useTableContext)(),
     getColumnProps = _useTableContext2.getColumnProps,
     getFooterProps = _useTableContext2.getFooterProps;
-  var footerProps = column.getFooterProps([getColumnProps(column), getFooterProps(column)]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__.StyledCell, _extends({}, footerProps, {
-    type: type,
-    role: "cell",
-    rowDensity: rowDensity,
-    border: "top",
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
-      footer: true
-    }, className, footerProps.className)
+  var footerProps = _objectSpread({
+    $type: type,
+    $rowDensity: rowDensity,
+    $isFooter: true
+  }, column.getFooterProps([getColumnProps(column), getFooterProps(column)]));
+  var className = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
+    footer: true
+  }, footerClassName, footerProps.className);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__.StyledCell, _extends({
+    role: "cell"
+  }, footerProps, {
+    className: className
   }), column.render('Footer'));
 };
 FooterCell.displayName = 'FooterCell';