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

package/lib/key-codes.js

@@ -1,8 +1,8 @@
-var ARROW_UP = 'ArrowUp';
-var ARROW_DOWN = 'ArrowDown';
-var SPACE = ' ';
-var ESCAPE = 'Escape';
-var ENTER = 'Enter';
-var TAB = 'Tab';
-var BACKSPACE = 'Backspace';
+const ARROW_UP = 'ArrowUp';
+const ARROW_DOWN = 'ArrowDown';
+const SPACE = ' ';
+const ESCAPE = 'Escape';
+const ENTER = 'Enter';
+const TAB = 'Tab';
+const BACKSPACE = 'Backspace';
 export { ARROW_DOWN, ARROW_UP, BACKSPACE, ENTER, ESCAPE, SPACE, TAB };

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

@@ -1,15 +1,15 @@
 var styles = {
-  "sizeS": "_sizeS_1xwctyq_3",
-  "sizeM": "_sizeM_1xwctyq_6",
-  "sizeL": "_sizeL_1xwctyq_9",
-  "menu": "_menu_1xwctyq_13",
-  "menuSizeS": "_menuSizeS_1xwctyq_26",
-  "menuSizeM": "_menuSizeM_1xwctyq_30",
-  "menuSizeL": "_menuSizeL_1xwctyq_34",
-  "withGroupsLabel": "_withGroupsLabel_1xwctyq_40",
-  "lastOption": "_lastOption_1xwctyq_39",
-  "divider": "_divider_1xwctyq_45",
-  "checkIcon": "_checkIcon_1xwctyq_51",
-  "observable": "_observable_1xwctyq_56"
+  "sizeS": "_sizeS_vvka4z_3",
+  "sizeM": "_sizeM_vvka4z_6",
+  "sizeL": "_sizeL_vvka4z_9",
+  "menu": "_menu_vvka4z_13",
+  "menuSizeS": "_menuSizeS_vvka4z_26",
+  "menuSizeM": "_menuSizeM_vvka4z_30",
+  "menuSizeL": "_menuSizeL_vvka4z_34",
+  "withGroupsLabel": "_withGroupsLabel_vvka4z_40",
+  "lastOption": "_lastOption_vvka4z_39",
+  "divider": "_divider_vvka4z_45",
+  "checkIcon": "_checkIcon_vvka4z_51",
+  "observable": "_observable_vvka4z_56"
 };
 export { styles as default };

package/lib/parts/foldable.js

@@ -1,36 +1,12 @@
-import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _classCallCheck from "@babel/runtime-corejs3/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime-corejs3/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime-corejs3/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime-corejs3/helpers/esm/inherits";
-import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime-corejs3/helpers/esm/getPrototypeOf";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-import _toConsumableArray from "@babel/runtime-corejs3/helpers/esm/toConsumableArray";
-var _excluded = ["children"];
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.promise.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
-import _JSON$stringify from "@babel/runtime-corejs3/core-js-stable/json/stringify";
 import React, { Component } from 'react';
 import { throttle } from './throttle.js';
 
 function lastVisibleIndex(lens, maxLen, gap) {
-  var extra = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-  var currentLen = 0;
+  let extra = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  let currentLen = 0;
 
-  for (var i = 0; i < lens.length; ++i) {
-    var gapIfNeeded = i === 0 ? 0 : gap;
+  for (let i = 0; i < lens.length; ++i) {
+    const gapIfNeeded = i === 0 ? 0 : gap;
 
     if (currentLen + lens[i] + gapIfNeeded > maxLen - extra) {
       return [i - 1, maxLen - currentLen];
@@ -50,12 +26,9 @@ function measureElement(element) {
 } // Flattens all child elements into a single list
 
 
-var flatten = function flatten(children) {
-  var _context;
-
-  var flat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
-  var newFlat = _concatInstanceProperty(_context = []).call(_context, _toConsumableArray(flat), _toConsumableArray(React.Children.toArray(children)));
+const flatten = function (children) {
+  let flat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  const newFlat = [...flat, ...React.Children.toArray(children)];
 
   if (children.props && children.props.children) {
     return flatten(children.props.children, newFlat);
@@ -65,234 +38,199 @@ var flatten = function flatten(children) {
 }; // Strips all circular references and internal fields
 
 
-var simplify = function simplify(children) {
-  var flat = flatten(children);
-  return _mapInstanceProperty(flat).call(flat, function (_ref) {
-    var key = _ref.key,
-        type = _ref.type,
-        _ref$props = _ref.props,
-        flattenChildren = _ref$props.children,
-        props = _objectWithoutProperties(_ref$props, _excluded);
-
+const simplify = children => {
+  const flat = flatten(children);
+  return flat.map(_ref => {
+    let {
+      key,
+      type,
+      props: {
+        children: flattenChildren,
+        ...props
+      }
+    } = _ref;
     return {
-      key: key,
-      type: type,
-      props: props
+      key,
+      type,
+      props
     };
   });
 };
 
-var Foldable = /*#__PURE__*/function (_Component) {
-  _inherits(Foldable, _Component);
+class Foldable extends Component {
+  // eslint-disable-next-line react/sort-comp
+  containerRef;
+  plusNRef;
+  childrenEls;
+  childrenWidths;
+  resizeObserver;
+  tagsResizeObserver;
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      lastVisible: props.children.length - 1,
+      renderingStage: 0,
+      prevChildren: props.children
+    };
+    this.containerRef = /*#__PURE__*/React.createRef();
+    this.plusNRef = /*#__PURE__*/React.createRef();
+    this.childrenEls = [];
+    this.childrenWidths = [];
+  }
 
-  var _super = _createSuper(Foldable);
+  static getDerivedStateFromProps(props, state) {
+    if (JSON.stringify(simplify(props.children)) !== JSON.stringify(simplify(state.prevChildren))) {
+      return {
+        prevChildren: props.children,
+        renderingStage: 0
+      };
+    }
 
-  // eslint-disable-next-line react/sort-comp
-  function Foldable(props) {
-    var _this;
+    return null;
+  }
 
-    _classCallCheck(this, Foldable);
+  observeChildren() {
+    let isInitialized = false;
 
-    _this = _super.call(this, props);
+    const onTagsSizeChangedThrottled = () => {
+      if (isInitialized && // skip updating if the container is not displayed on the page
+      this.containerRef.current.offsetParent !== null) {
+        this.setState({
+          renderingStage: 0
+        });
+      } else {
+        isInitialized = true;
+      }
+    };
+
+    if (this.tagsResizeObserver) {
+      this.tagsResizeObserver.disconnect();
+    }
 
-    _defineProperty(_assertThisInitialized(_this), "containerRef", void 0);
+    this.tagsResizeObserver = new ResizeObserver(onTagsSizeChangedThrottled);
+    this.childrenEls.forEach(child => this.tagsResizeObserver.observe(child));
+  }
 
-    _defineProperty(_assertThisInitialized(_this), "plusNRef", void 0);
+  componentDidMount() {
+    const {
+      renderingStage
+    } = this.state;
 
-    _defineProperty(_assertThisInitialized(_this), "childrenEls", void 0);
+    if (renderingStage === 0) {
+      this.measureChildren();
+      this.observeChildren();
+      this.recalculateLastVisibleAndSetStage(1);
+    }
 
-    _defineProperty(_assertThisInitialized(_this), "childrenWidths", void 0);
+    const onSizeChangedThrottled = throttle(() => {
+      if (this.state.renderingStage === 2) {
+        this.recalculateLastVisibleAndSetStage();
+      }
+    }, 50);
+    this.resizeObserver = new ResizeObserver(onSizeChangedThrottled);
+    this.resizeObserver.observe(this.containerRef.current);
+  }
 
-    _defineProperty(_assertThisInitialized(_this), "resizeObserver", void 0);
+  componentDidUpdate() {
+    const {
+      renderingStage
+    } = this.state;
+
+    if (renderingStage === 0) {
+      this.measureChildren();
+      this.observeChildren();
+      this.recalculateLastVisibleAndSetStage(1);
+    } else if (renderingStage === 1) {
+      this.recalculateLastVisibleAndSetStage(2);
+    }
+  }
 
-    _defineProperty(_assertThisInitialized(_this), "tagsResizeObserver", void 0);
+  componentWillUnmount() {
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+    }
 
-    _defineProperty(_assertThisInitialized(_this), "measureChildren", function () {
-      var _assertThisInitialize = _assertThisInitialized(_this),
-          childrenEls = _assertThisInitialize.childrenEls;
+    if (this.tagsResizeObserver) {
+      this.tagsResizeObserver.disconnect();
+    }
+  }
 
-      if (childrenEls.some(function (r) {
-        return r === null;
-      })) {
-        throw new Error('childrenEls should be all not nulls');
-      }
+  measureChildren = () => {
+    const {
+      childrenEls
+    } = this;
 
-      _this.childrenWidths = _mapInstanceProperty(childrenEls).call(childrenEls, function (r) {
-        return measureElement(r).width;
-      });
-    });
+    if (childrenEls.some(r => r === null)) {
+      throw new Error('childrenEls should be all not nulls');
+    }
 
-    _defineProperty(_assertThisInitialized(_this), "recalculateLastVisibleAndSetStage", function () {
-      var nextStage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    this.childrenWidths = childrenEls.map(r => measureElement(r).width);
+  };
+  recalculateLastVisibleAndSetStage = (() => {
+    var _this = this;
 
-      var _assertThisInitialize2 = _assertThisInitialized(_this),
-          containerRef = _assertThisInitialize2.containerRef,
-          plusNRef = _assertThisInitialize2.plusNRef;
+    return function () {
+      let nextStage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      const {
+        containerRef,
+        plusNRef
+      } = _this;
 
       if (!containerRef.current) {
         throw new Error('containerRef should be not null during recalculate');
       }
 
-      var containerWidth = measureElement(containerRef.current).width;
-      var plusNWidth = 0;
+      const containerWidth = measureElement(containerRef.current).width;
+      let plusNWidth = 0;
 
       if (plusNRef.current) {
         plusNWidth = measureElement(plusNRef.current).width;
       }
 
-      var containerStyles = getComputedStyle(containerRef.current);
-      var gap = parseInt(containerStyles.getPropertyValue('--_rs-select-trigger-foldable-gap'), 10) || 0;
-
-      var _lastVisibleIndex = lastVisibleIndex(_this.childrenWidths, containerWidth, gap, plusNWidth + gap + 1),
-          _lastVisibleIndex2 = _slicedToArray(_lastVisibleIndex, 2),
-          index = _lastVisibleIndex2[0],
-          extra = _lastVisibleIndex2[1];
-
-      var children = React.Children.toArray(_this.props.children);
-      var showLastChildIfFit = index === children.length - 2 && extra - gap - 1 > _this.childrenWidths[_this.childrenWidths.length - 1];
-      var newLastVisible = index + (showLastChildIfFit ? 1 : 0);
-      var newState = {
+      const containerStyles = getComputedStyle(containerRef.current);
+      const gap = parseInt(containerStyles.getPropertyValue('--_rs-select-trigger-foldable-gap'), 10) || 0;
+      const [index, extra] = lastVisibleIndex(_this.childrenWidths, containerWidth, gap, plusNWidth + gap + 1);
+      const children = React.Children.toArray(_this.props.children);
+      const showLastChildIfFit = index === children.length - 2 && extra - gap - 1 > _this.childrenWidths[_this.childrenWidths.length - 1];
+      const newLastVisible = index + (showLastChildIfFit ? 1 : 0);
+      const newState = {
         lastVisible: newLastVisible,
         renderingStage: nextStage ? nextStage : _this.state.renderingStage
       };
 
       _this.setState(newState);
-    });
-
-    _this.state = {
-      lastVisible: props.children.length - 1,
-      renderingStage: 0,
-      prevChildren: props.children
     };
-    _this.containerRef = /*#__PURE__*/React.createRef();
-    _this.plusNRef = /*#__PURE__*/React.createRef();
-    _this.childrenEls = [];
-    _this.childrenWidths = [];
-    return _this;
-  }
-
-  _createClass(Foldable, [{
-    key: "observeChildren",
-    value: function observeChildren() {
-      var _this2 = this;
-
-      var isInitialized = false;
-
-      var onTagsSizeChangedThrottled = function onTagsSizeChangedThrottled() {
-        if (isInitialized && // skip updating if the container is not displayed on the page
-        _this2.containerRef.current.offsetParent !== null) {
-          _this2.setState({
-            renderingStage: 0
-          });
-        } else {
-          isInitialized = true;
+  })();
+
+  renderChildren(lastVisible) {
+    const children = React.Children.toArray(this.props.children);
+    return children.slice(0, lastVisible + 1).map((child, i) => /*#__PURE__*/React.cloneElement(child, {
+      ref: el => {
+        if (el) {
+          this.childrenEls[i] = el;
         }
-      };
-
-      if (this.tagsResizeObserver) {
-        this.tagsResizeObserver.disconnect();
       }
+    }));
+  }
 
-      this.tagsResizeObserver = new ResizeObserver(onTagsSizeChangedThrottled);
-      this.childrenEls.forEach(function (child) {
-        return _this2.tagsResizeObserver.observe(child);
-      });
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this3 = this;
-
-      var renderingStage = this.state.renderingStage;
-
-      if (renderingStage === 0) {
-        this.measureChildren();
-        this.observeChildren();
-        this.recalculateLastVisibleAndSetStage(1);
-      }
-
-      var onSizeChangedThrottled = throttle(function () {
-        if (_this3.state.renderingStage === 2) {
-          _this3.recalculateLastVisibleAndSetStage();
-        }
-      }, 50);
-      this.resizeObserver = new ResizeObserver(onSizeChangedThrottled);
-      this.resizeObserver.observe(this.containerRef.current);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      var renderingStage = this.state.renderingStage;
-
-      if (renderingStage === 0) {
-        this.measureChildren();
-        this.observeChildren();
-        this.recalculateLastVisibleAndSetStage(1);
-      } else if (renderingStage === 1) {
-        this.recalculateLastVisibleAndSetStage(2);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.resizeObserver) {
-        this.resizeObserver.disconnect();
-      }
-
-      if (this.tagsResizeObserver) {
-        this.tagsResizeObserver.disconnect();
-      }
-    }
-  }, {
-    key: "renderChildren",
-    value: function renderChildren(lastVisible) {
-      var _context2,
-          _this4 = this;
-
-      var children = React.Children.toArray(this.props.children);
-      return _mapInstanceProperty(_context2 = _sliceInstanceProperty(children).call(children, 0, lastVisible + 1)).call(_context2, function (child, i) {
-        return /*#__PURE__*/React.cloneElement(child, {
-          ref: function ref(el) {
-            if (el) {
-              _this4.childrenEls[i] = el;
-            }
-          }
-        });
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var renderHiddenCounter = this.props.renderHiddenCounter;
-      var children = React.Children.toArray(this.props.children);
-      var lastVisible = this.state.renderingStage === 0 ? children.length - 1 : this.state.lastVisible;
-
-      if (children.length !== this.childrenEls.length) {
-        var _context3;
-
-        this.childrenEls = _sliceInstanceProperty(_context3 = this.childrenEls).call(_context3, 0, children.length);
-      }
+  render() {
+    const {
+      renderHiddenCounter
+    } = this.props;
+    const children = React.Children.toArray(this.props.children);
+    const lastVisible = this.state.renderingStage === 0 ? children.length - 1 : this.state.lastVisible;
 
-      return /*#__PURE__*/React.createElement("div", {
-        className: this.props.className,
-        ref: this.containerRef
-      }, this.renderChildren(lastVisible), lastVisible !== children.length - 1 ? renderHiddenCounter(children.length - lastVisible - 1, this.plusNRef) : null);
+    if (children.length !== this.childrenEls.length) {
+      this.childrenEls = this.childrenEls.slice(0, children.length);
     }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props, state) {
-      if (_JSON$stringify(simplify(props.children)) !== _JSON$stringify(simplify(state.prevChildren))) {
-        return {
-          prevChildren: props.children,
-          renderingStage: 0
-        };
-      }
 
-      return null;
-    }
-  }]);
+    return /*#__PURE__*/React.createElement("div", {
+      className: this.props.className,
+      ref: this.containerRef
+    }, this.renderChildren(lastVisible), lastVisible !== children.length - 1 ? renderHiddenCounter(children.length - lastVisible - 1, this.plusNRef) : null);
+  }
 
-  return Foldable;
-}(Component);
+}
 
 export { Foldable as default };

package/lib/parts/form-trigger-wrapper.js

@@ -3,19 +3,21 @@ import cn from 'classnames';
 import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import WarningIcon from '../_virtual/warning.js';
 import styles from './form-trigger.p.module.css.js';
-var SIZE_STYLES = {
+const SIZE_STYLES = {
   l: styles.sizeL,
   m: styles.sizeM,
   s: styles.sizeS
 };
-var THEME_STYLES = {
+const THEME_STYLES = {
   light: styles.themeLight,
   dark: styles.themeDark
 };
 
-var Label = function Label(_ref) {
-  var children = _ref.children,
-      boldLabel = _ref.boldLabel;
+const Label = _ref => {
+  let {
+    children,
+    boldLabel
+  } = _ref;
 
   if (!children) {
     return null;
@@ -27,17 +29,19 @@ var Label = function Label(_ref) {
   }
 };
 
-var FormTriggerWrapper = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
-  var size = _ref2.size,
-      themeFromProps = _ref2.theme,
-      className = _ref2.className,
-      error = _ref2.error,
-      label = _ref2.label,
-      note = _ref2.note,
-      children = _ref2.children,
-      onKeyDown = _ref2.onKeyDown,
-      boldLabel = _ref2.boldLabel;
-  var theme = useThemeWithUndefined(themeFromProps);
+const FormTriggerWrapper = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
+  let {
+    size,
+    theme: themeFromProps,
+    className,
+    error,
+    label,
+    note,
+    children,
+    onKeyDown,
+    boldLabel
+  } = _ref2;
+  const theme = useThemeWithUndefined(themeFromProps);
   return /*#__PURE__*/React.createElement("div", {
     className: cn(className, styles.main, SIZE_STYLES[size], THEME_STYLES[theme]),
     ref: ref,
@@ -52,7 +56,8 @@ var FormTriggerWrapper = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     "data-rs-internal": 'select-form-trigger-wrapper__error-message'
   }, /*#__PURE__*/React.createElement(WarningIcon, {
     className: styles.errorIcon,
-    "data-rs-internal": 'select-form-trigger-wrapper__error-icon'
+    "data-rs-internal": 'select-form-trigger-wrapper__error-icon',
+    "data-render-all-sizes": true
   }), /*#__PURE__*/React.createElement("span", null, error)), note && /*#__PURE__*/React.createElement("div", {
     className: styles.note,
     "data-rs-internal": 'select-form-trigger-wrapper__note'

package/lib/parts/form-trigger.p.module.css.js

@@ -1,13 +1,13 @@
 var styles = {
-  "themeLight": "_themeLight_eeuqon_7",
-  "themeDark": "_themeDark_eeuqon_10",
-  "sizeS": "_sizeS_eeuqon_14",
-  "sizeM": "_sizeM_eeuqon_17",
-  "sizeL": "_sizeL_eeuqon_20",
-  "main": "_main_eeuqon_24",
-  "label": "_label_eeuqon_28",
-  "errorMessage": "_errorMessage_eeuqon_34",
-  "errorIcon": "_errorIcon_eeuqon_45",
-  "note": "_note_eeuqon_50"
+  "themeLight": "_themeLight_bn5t9y_7",
+  "themeDark": "_themeDark_bn5t9y_10",
+  "sizeS": "_sizeS_bn5t9y_14",
+  "sizeM": "_sizeM_bn5t9y_17",
+  "sizeL": "_sizeL_bn5t9y_20",
+  "main": "_main_bn5t9y_24",
+  "label": "_label_bn5t9y_28",
+  "errorMessage": "_errorMessage_bn5t9y_34",
+  "errorIcon": "_errorIcon_bn5t9y_45",
+  "note": "_note_bn5t9y_50"
 };
 export { styles as default };