@luminati-io/uikit 6.3.139 → 6.3.140

package/dist/umd/uikit.development.js

@@ -48095,9 +48095,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _clear_indicator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./clear_indicator */ "./src/input/dropdown/clear_indicator.js");
 /* harmony import */ var _dropdown_indicator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dropdown_indicator */ "./src/input/dropdown/dropdown_indicator.js");
 /* harmony import */ var _group__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./group */ "./src/input/dropdown/group.js");
-/* harmony import */ var _menu_list__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./menu_list */ "./src/input/dropdown/menu_list.js");
-/* harmony import */ var _option__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./option */ "./src/input/dropdown/option.js");
-/* harmony import */ var _value_container__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./value_container */ "./src/input/dropdown/value_container.js");
+/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./input */ "./src/input/dropdown/input.js");
+/* harmony import */ var _menu_list__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./menu_list */ "./src/input/dropdown/menu_list.js");
+/* harmony import */ var _option__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./option */ "./src/input/dropdown/option.js");
+/* harmony import */ var _value_container__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./value_container */ "./src/input/dropdown/value_container.js");
 // LICENSE_CODE ZON
 
 
@@ -48115,6 +48116,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 
 
+
 var buildComponents = function buildComponents(props) {
   var _props$components$Opt, _props$components;
   var components = _objectSpread({
@@ -48125,13 +48127,16 @@ var buildComponents = function buildComponents(props) {
       optionHeight: props.optionHeight,
       defaultValue: props.defaultValue,
       formatOptionLabel: props.formatOptionLabel,
-      Option: (_props$components$Opt = (_props$components = props.components) === null || _props$components === void 0 ? void 0 : _props$components.Option) !== null && _props$components$Opt !== void 0 ? _props$components$Opt : _option__WEBPACK_IMPORTED_MODULE_5__.Option
-    }) : _menu_list__WEBPACK_IMPORTED_MODULE_4__.MenuList,
+      Option: (_props$components$Opt = (_props$components = props.components) === null || _props$components === void 0 ? void 0 : _props$components.Option) !== null && _props$components$Opt !== void 0 ? _props$components$Opt : _option__WEBPACK_IMPORTED_MODULE_6__.Option
+    }) : _menu_list__WEBPACK_IMPORTED_MODULE_5__.MenuList,
     Group: _group__WEBPACK_IMPORTED_MODULE_3__.Group,
-    Option: _option__WEBPACK_IMPORTED_MODULE_5__.Option
+    Option: _option__WEBPACK_IMPORTED_MODULE_6__.Option
   }, props.components);
   if (props.autosize === false && props.multiselect && components.ValueContainer === undefined) {
-    components.ValueContainer = _value_container__WEBPACK_IMPORTED_MODULE_6__.ValueContainer;
+    components.ValueContainer = _value_container__WEBPACK_IMPORTED_MODULE_7__.ValueContainer;
+  }
+  if (props.controlShouldRenderValue === false && components.Input === undefined) {
+    components.Input = _input__WEBPACK_IMPORTED_MODULE_4__.VisibleInput;
   }
   return components;
 };
@@ -48216,8 +48221,14 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["id", "label", "labelIcon", "labelVariant", "labelTooltip", "required", "necessityIndicator", "placeholder", "multiselect", "creatable", "clearable", "disabled", "invalid", "helperText", "className", "classNamePrefix", "hideSelectedOptions", "isOptionDisabled", "async", "searchable", "closeMenuOnSelect", "size", "menuPlacement", "menuPortalTarget", "styles"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -48244,7 +48255,7 @@ var defaultIsOptionDisabled = function defaultIsOptionDisabled(opt) {
   return opt.disabled;
 };
 var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, forwardRef) {
-  var _splitProps = (0,_util__WEBPACK_IMPORTED_MODULE_8__.splitProps)(props, 'autoFocus', 'blurInputOnSelect', 'filterOption', 'formatOptionLabel', 'value', 'defaultValue', 'options', 'onChange', 'onFocus', 'onBlur', 'onChangeCapture', 'onInputChange', 'getOptionValue', 'getOptionLabel', 'isOptionSelected', 'isLoading', 'loadOptions', 'defaultOptions', 'cacheOptions', 'onCreateOption', 'formatCreateLabel', 'isValidNewOption', 'getNewOptionData', 'onMenuOpen', 'onMenuClose', 'openMenuOnFocus', 'menuIsOpen', 'noOptionsMessage', 'minMenuHeight', 'maxMenuHeight'),
+  var _splitProps = (0,_util__WEBPACK_IMPORTED_MODULE_8__.splitProps)(props, 'autoFocus', 'blurInputOnSelect', 'filterOption', 'formatOptionLabel', 'value', 'defaultValue', 'options', 'onChange', 'onFocus', 'onBlur', 'onChangeCapture', 'onInputChange', 'inputValue', 'controlShouldRenderValue', 'getOptionValue', 'getOptionLabel', 'isOptionSelected', 'isLoading', 'loadOptions', 'defaultOptions', 'cacheOptions', 'onCreateOption', 'formatCreateLabel', 'isValidNewOption', 'getNewOptionData', 'onMenuOpen', 'onMenuClose', 'openMenuOnFocus', 'menuIsOpen', 'noOptionsMessage', 'minMenuHeight', 'maxMenuHeight'),
     _splitProps2 = _slicedToArray(_splitProps, 2),
     selectProps = _splitProps2[0],
     restProps = _splitProps2[1];
@@ -48288,6 +48299,22 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     async: async,
     creatable: creatable
   });
+  var onInputChange = selectProps.onInputChange,
+    value = selectProps.value,
+    getOptionLabel = selectProps.getOptionLabel;
+  var handle_input_change = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (input_value, meta) {
+    var _selectProps$getOptio, _selectProps$getOptio2;
+    var is_blurred = meta.action === 'input-blur';
+    if (!is_blurred) {
+      var _selectProps$onInputC;
+      (_selectProps$onInputC = selectProps.onInputChange) === null || _selectProps$onInputC === void 0 || _selectProps$onInputC.call(selectProps, input_value, meta);
+      return;
+    }
+    var next_value = value ? (_selectProps$getOptio = (_selectProps$getOptio2 = selectProps.getOptionLabel) === null || _selectProps$getOptio2 === void 0 ? void 0 : _selectProps$getOptio2.call(selectProps, value)) !== null && _selectProps$getOptio !== void 0 ? _selectProps$getOptio : value.label : '';
+    onInputChange === null || onInputChange === void 0 || onInputChange(next_value, _objectSpread(_objectSpread({}, meta), {}, {
+      action: 'input-change'
+    }));
+  }, [onInputChange, value, getOptionLabel]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_6__.Flex, _extends({
     ref: forwardRef,
     "data-testid": "dropdown",
@@ -48324,7 +48351,8 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     hideSelectedOptions: (0,_util__WEBPACK_IMPORTED_MODULE_8__.firstDefined)(props.autosize === false ? false : undefined, hideSelectedOptions),
     isOptionDisabled: (0,_util__WEBPACK_IMPORTED_MODULE_8__.firstDefined)(isOptionDisabled, defaultIsOptionDisabled),
     menuPlacement: menuPlacement,
-    menuPortalTarget: menuPortalTarget
+    menuPortalTarget: menuPortalTarget,
+    onInputChange: handle_input_change
   })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.HelperText, {
     invalid: invalid
   }, helperText));
@@ -48359,6 +48387,10 @@ Dropdown.propTypes = {
   autosize: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   hideSelectedOptions: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   onInputChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  /** Controlled value of the search input */
+  inputValue: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  /** Whether to render the selected value in the control */
+  controlShouldRenderValue: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   getOptionValue: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   getOptionLabel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   isOptionDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
@@ -48598,6 +48630,37 @@ __webpack_require__.r(__webpack_exports__);
 _dropdown__WEBPACK_IMPORTED_MODULE_0__.Dropdown.Embedded = _embedded_dropdown__WEBPACK_IMPORTED_MODULE_1__.EmbeddedDropdown;
 
 
+/***/ }),
+
+/***/ "./src/input/dropdown/input.js":
+/*!*************************************!*\
+  !*** ./src/input/dropdown/input.js ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   VisibleInput: () => (/* binding */ VisibleInput)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/index-641ee5b8.esm.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+
+
+// xxx alexeyvo: react-select hides the input after select
+var VisibleInput = function VisibleInput(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_1__.c.Input, _extends({}, props, {
+    isHidden: false
+  }));
+};
+
 /***/ }),
 
 /***/ "./src/input/dropdown/menu_list.js":
@@ -56143,14 +56206,14 @@ ProgressBar.propTypes = {
 var ProgressBarWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "ProgressBarWrapper",
   componentId: "sc-k8bgfd-0"
-})(["background-color:", ";border-radius:30px;height:6px;"], function (_ref2) {
+})(["background-color:", ";border-radius:30px;height:6px;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;"], function (_ref2) {
   var color = _ref2.theme.color;
   return color.bg_fill_secondary;
 });
 var ProgressBarFill = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "ProgressBarFill",
   componentId: "sc-k8bgfd-1"
-})(["background-color:", ";border-radius:30px;width:", "%;height:100%;"], function (_ref3) {
+})(["background-color:", ";border-radius:30px;width:", "%;height:100%;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;"], function (_ref3) {
   var themeColor = _ref3.theme.color,
     $color = _ref3.$color;
   return themeColor[$color] || $color || themeColor.bg_fill_primary_hover;