@rescui/select 0.11.7 → 0.11.9-RUI-226-Update-card-cn-6e43cc89.60

package/lib/parts/native-select.js

@@ -1,22 +1,3 @@
-import _toConsumableArray from "@babel/runtime-corejs3/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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; }
-
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.array.join.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.function.name.js";
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
@@ -25,52 +6,52 @@ import { nativeOptionType, nativeOptionsGroupType, noOptionsMessageType } from '
 import SelectTrigger from './trigger.js';
 import FormTriggerWrapper from './form-trigger-wrapper.js';
 import styles from './native-select.p.module.css.js';
-var DEFAULT_NO_OPTIONS_MESSAGES = {
+const DEFAULT_NO_OPTIONS_MESSAGES = {
   noOptions: 'No options',
   loading: 'Loading...'
 };
-var PLACEHOLDER_VALUE = '__placeholder__';
+const PLACEHOLDER_VALUE = '__placeholder__';
 
 function isString(s) {
   return Object.prototype.toString.call(s) === '[object String]';
 }
 
-var isOptionsGroup = function isOptionsGroup(optionOrGroup) {
-  return typeof optionOrGroup.options !== 'undefined';
-};
-
-var collectOptionGroupValues = function collectOptionGroupValues(options) {
-  return _mapInstanceProperty(options).call(options, function (_ref) {
-    var value = _ref.value;
-    return value;
-  }).join('-');
-};
-
-var Option = function Option(_ref2) {
-  var value = _ref2.value,
-      label = _ref2.label,
-      _ref2$disabled = _ref2.disabled,
-      disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
+const isOptionsGroup = optionOrGroup => typeof optionOrGroup.options !== 'undefined';
+
+const collectOptionGroupValues = options => options.map(_ref => {
+  let {
+    value
+  } = _ref;
+  return value;
+}).join('-');
+
+const Option = _ref2 => {
+  let {
+    value,
+    label,
+    disabled = false
+  } = _ref2;
   return /*#__PURE__*/React.createElement("option", {
     value: value,
     disabled: disabled
   }, label);
 };
 
-var OptionGroup = function OptionGroup(_ref3) {
-  var _ref3$options = _ref3.options,
-      options = _ref3$options === void 0 ? [] : _ref3$options,
-      _ref3$label = _ref3.label,
-      label = _ref3$label === void 0 ? '' : _ref3$label,
-      _ref3$disabled = _ref3.disabled,
-      disabled = _ref3$disabled === void 0 ? false : _ref3$disabled;
+const OptionGroup = _ref3 => {
+  let {
+    options = [],
+    label = '',
+    disabled = false
+  } = _ref3;
   return /*#__PURE__*/React.createElement("optgroup", {
     label: label,
     disabled: disabled
-  }, _mapInstanceProperty(options).call(options, function (_ref4) {
-    var value = _ref4.value,
-        optionLabel = _ref4.label,
-        optionDisabled = _ref4.disabled;
+  }, options.map(_ref4 => {
+    let {
+      value,
+      label: optionLabel,
+      disabled: optionDisabled
+    } = _ref4;
     return /*#__PURE__*/React.createElement(Option, {
       key: value,
       value: value,
@@ -80,22 +61,22 @@ var OptionGroup = function OptionGroup(_ref3) {
   }));
 };
 
-var OptionsWithGroups = function OptionsWithGroups(_ref5) {
-  var optionsWithGroups = _ref5.optionsWithGroups;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(optionsWithGroups).call(optionsWithGroups, function (optionOrGroup) {
+const OptionsWithGroups = _ref5 => {
+  let {
+    optionsWithGroups
+  } = _ref5;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, optionsWithGroups.map(optionOrGroup => {
     if (isOptionsGroup(optionOrGroup)) {
-      var _context;
-
-      var group = optionOrGroup;
+      const group = optionOrGroup;
       return /*#__PURE__*/React.createElement(OptionGroup, {
-        key: _concatInstanceProperty(_context = "group--".concat(group.label, "--")).call(_context, collectOptionGroupValues(group.options)),
+        key: `group--${group.label}--${collectOptionGroupValues(group.options)}`,
         options: group.options,
         disabled: group.disabled,
         label: group.label
       });
     }
 
-    var option = optionOrGroup;
+    const option = optionOrGroup;
     return /*#__PURE__*/React.createElement(Option, {
       key: option.value,
       value: option.value,
@@ -106,20 +87,20 @@ var OptionsWithGroups = function OptionsWithGroups(_ref5) {
 };
 
 function findSelectedOption(options, selectedValue) {
-  var result = null;
+  let result = null;
 
-  var checkOption = function checkOption(option) {
+  const checkOption = option => {
     if (result === null || option.value === selectedValue) {
       result = option;
     }
   };
 
-  options.forEach(function (optionOrGroup) {
+  options.forEach(optionOrGroup => {
     if (isOptionsGroup(optionOrGroup)) {
       var _group$options;
 
-      var group = optionOrGroup;
-      (_group$options = group.options) === null || _group$options === void 0 ? void 0 : _group$options.forEach(checkOption);
+      const group = optionOrGroup;
+      (_group$options = group.options) === null || _group$options === void 0 || _group$options.forEach(checkOption);
     } else {
       checkOption(optionOrGroup);
     }
@@ -128,11 +109,14 @@ function findSelectedOption(options, selectedValue) {
 }
 
 function getNoOptionsMessage(noOptionsMessage, isLoading) {
-  var _ref6 = isString(noOptionsMessage) ? _objectSpread(_objectSpread({}, DEFAULT_NO_OPTIONS_MESSAGES), {}, {
+  const {
+    noOptions,
+    loading
+  } = isString(noOptionsMessage) ? { ...DEFAULT_NO_OPTIONS_MESSAGES,
     noOptions: noOptionsMessage
-  }) : _objectSpread(_objectSpread({}, DEFAULT_NO_OPTIONS_MESSAGES), noOptionsMessage),
-      noOptions = _ref6.noOptions,
-      loading = _ref6.loading;
+  } : { ...DEFAULT_NO_OPTIONS_MESSAGES,
+    ...noOptionsMessage
+  };
 
   if (isLoading) {
     return loading;
@@ -141,70 +125,60 @@ function getNoOptionsMessage(noOptionsMessage, isLoading) {
   }
 }
 
-var SIZE_STYLES = {
+const SIZE_STYLES = {
   s: styles.sizeS,
   m: styles.sizeM,
   l: styles.sizeL
 }; // eslint-disable-next-line complexity
 
-var NativeSelect = function NativeSelect(_ref7) {
-  var _context2;
-
-  var _ref7$options = _ref7.options,
-      options = _ref7$options === void 0 ? [] : _ref7$options,
-      _ref7$size = _ref7.size,
-      size = _ref7$size === void 0 ? 'm' : _ref7$size,
-      themeFromProps = _ref7.theme,
-      _ref7$className = _ref7.className,
-      className = _ref7$className === void 0 ? null : _ref7$className,
-      style = _ref7.style,
-      _ref7$value = _ref7.value,
-      value = _ref7$value === void 0 ? undefined : _ref7$value,
-      onChange = _ref7.onChange,
-      placeholder = _ref7.placeholder,
-      _ref7$isLoading = _ref7.isLoading,
-      isLoading = _ref7$isLoading === void 0 ? false : _ref7$isLoading,
-      _ref7$isDisabled = _ref7.isDisabled,
-      isDisabled = _ref7$isDisabled === void 0 ? false : _ref7$isDisabled,
-      trigger = _ref7.trigger,
-      label = _ref7.label,
-      note = _ref7.note,
-      error = _ref7.error,
-      noOptionsMessage = _ref7.noOptionsMessage,
-      name = _ref7.name,
-      boldLabel = _ref7.boldLabel;
-  var theme = useThemeWithUndefined(themeFromProps);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hovered = _useState2[0],
-      setHovered = _useState2[1];
-
-  var handleChange = function handleChange(event) {
-    var newValue = event.target.value;
-    var selectedOption = findSelectedOption(options, newValue);
+const NativeSelect = _ref6 => {
+  let {
+    options = [],
+    size = 'm',
+    theme: themeFromProps,
+    className = null,
+    style,
+    value = undefined,
+    onChange,
+    placeholder,
+    isLoading = false,
+    isDisabled = false,
+    trigger,
+    label,
+    note,
+    error,
+    noOptionsMessage,
+    name,
+    boldLabel
+  } = _ref6;
+  const theme = useThemeWithUndefined(themeFromProps);
+  const [hovered, setHovered] = useState(false);
+
+  const handleChange = event => {
+    const newValue = event.target.value;
+    const selectedOption = findSelectedOption(options, newValue);
 
     if (onChange) {
       onChange(selectedOption);
     }
   };
 
-  var optionList = /*#__PURE__*/React.createElement(OptionsWithGroups, {
-    optionsWithGroups: placeholder !== null ? _concatInstanceProperty(_context2 = [{
+  const optionList = /*#__PURE__*/React.createElement(OptionsWithGroups, {
+    optionsWithGroups: placeholder !== null ? [{
       value: PLACEHOLDER_VALUE,
       label: options.length > 0 ? placeholder : getNoOptionsMessage(noOptionsMessage, isLoading),
       disabled: true
-    }]).call(_context2, _toConsumableArray(options)) : options
+    }, ...options] : options
   });
 
-  var _trigger;
+  let _trigger;
 
   if (trigger) {
     _trigger = trigger({
       selectedLabel: value === null || value === void 0 ? void 0 : value.label,
       selectedValue: value === null || value === void 0 ? void 0 : value.value,
-      placeholder: placeholder,
-      hovered: hovered
+      placeholder,
+      hovered
     });
   } else {
     _trigger = /*#__PURE__*/React.createElement(SelectTrigger, {
@@ -228,18 +202,12 @@ var NativeSelect = function NativeSelect(_ref7) {
     error: error,
     label: label,
     note: note,
-    onKeyDown: function onKeyDown() {
-      return false;
-    },
+    onKeyDown: () => false,
     boldLabel: boldLabel
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.wrapper,
-    onMouseEnter: function onMouseEnter() {
-      return setHovered(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setHovered(false);
-    },
+    onMouseEnter: () => setHovered(true),
+    onMouseLeave: () => setHovered(false),
     style: style,
     "data-test": "native-select"
   }, _trigger, /*#__PURE__*/React.createElement("select", {

package/lib/parts/native-select.p.module.css.js

@@ -1,9 +1,9 @@
 var styles = {
-  "sizeS": "_sizeS_1uckog1_6",
-  "sizeM": "_sizeM_1uckog1_9",
-  "sizeL": "_sizeL_1uckog1_12",
-  "main": "_main_1uckog1_16",
-  "wrapper": "_wrapper_1uckog1_20",
-  "select": "_select_1uckog1_24"
+  "sizeS": "_sizeS_v2to2o_6",
+  "sizeM": "_sizeM_v2to2o_9",
+  "sizeL": "_sizeL_v2to2o_12",
+  "main": "_main_v2to2o_16",
+  "wrapper": "_wrapper_v2to2o_20",
+  "select": "_select_v2to2o_24"
 };
 export { styles as default };

package/lib/parts/throttle.js

@@ -1,22 +1,19 @@
-import _toConsumableArray from "@babel/runtime-corejs3/helpers/esm/toConsumableArray";
-import "core-js/modules/es.number.constructor.js";
-
 function throttle(func, wait) {
-  var argsToApply;
-  var result;
-  var timeout = null;
-  var previous = 0;
+  let argsToApply;
+  let result;
+  let timeout = null;
+  let previous = 0;
 
-  var later = function later() {
+  const later = () => {
     previous = Number(Date.now());
     timeout = null;
-    result = func.apply(void 0, _toConsumableArray(argsToApply));
+    result = func(...argsToApply);
     argsToApply = null;
   };
 
   return function () {
-    var now = Number(Date.now());
-    var remaining = wait - (now - previous);
+    const now = Number(Date.now());
+    const remaining = wait - (now - previous);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -31,7 +28,7 @@ function throttle(func, wait) {
       }
 
       previous = now;
-      result = func.apply(void 0, _toConsumableArray(argsToApply));
+      result = func(...argsToApply);
       argsToApply = null;
     } else if (!timeout) {
       timeout = setTimeout(later, remaining);