@rescui/input 0.11.8 → 0.11.10

package/lib/index.js

@@ -5,5 +5,5 @@ export { Input } from './input.js';
  * @deprecated use named import instead
  */
 
-var DefaultInput = Input;
+const DefaultInput = Input;
 export { DefaultInput as default };

package/lib/input.js

@@ -1,19 +1,3 @@
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "className", "placeholder", "disabled", "error", "busy", "onChange", "onFocus", "onBlur", "onClear", "mode", "size", "theme", "type", "value", "icon", "iconType", "label", "note", "clearIcon", "suffix", "offSystemMicroelements", "style", "boldLabel"];
-
-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 * as React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
@@ -23,83 +7,80 @@ import WarningIcon from './_virtual/warning.js';
 import styles from './input.p.module.css.js';
 import { RightIcons } from './parts/right-icons.js';
 import { CustomIcon } from './parts/custom-icon.js';
-var useEffect = React.useEffect,
-    useRef = React.useRef,
-    useState = React.useState;
-var sizeStyles = {
+const {
+  useEffect,
+  useRef,
+  useState
+} = React;
+const sizeStyles = {
   l: styles.sizeL,
   m: styles.sizeM,
   s: styles.sizeS
 };
-var Input = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complexity
-function (_ref, ref) {
-  var _cn;
-
-  var id = _ref.id,
-      className = _ref.className,
-      placeholder = _ref.placeholder,
-      disabled = _ref.disabled,
-      error = _ref.error,
-      busy = _ref.busy,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      onBlur = _ref.onBlur,
-      onClear = _ref.onClear,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? 'classic' : _ref$mode,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'm' : _ref$size,
-      themeFromProps = _ref.theme,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'text' : _ref$type,
-      value = _ref.value,
-      icon = _ref.icon,
-      _ref$iconType = _ref.iconType,
-      iconType = _ref$iconType === void 0 ? 'right' : _ref$iconType,
-      label = _ref.label,
-      note = _ref.note,
-      _ref$clearIcon = _ref.clearIcon,
-      clearIcon = _ref$clearIcon === void 0 ? /*#__PURE__*/React.createElement(CloseIcon, null) : _ref$clearIcon,
-      suffix = _ref.suffix,
-      offSystemMicroelements = _ref.offSystemMicroelements,
-      style = _ref.style,
-      boldLabel = _ref.boldLabel,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  var theme = useThemeWithUndefined(themeFromProps); // replace with :focus-within when ie11 is not supported anymore
+const Input = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complexity
+(_ref, ref) => {
+  let {
+    id,
+    className,
+    placeholder,
+    disabled,
+    error,
+    busy,
+    onChange,
+    onFocus,
+    onBlur,
+    onClear,
+    mode = 'classic',
+    size = 'm',
+    theme: themeFromProps,
+    type = 'text',
+    value,
+    icon,
+    iconType = 'right',
+    label,
+    note,
+    clearIcon = /*#__PURE__*/React.createElement(CloseIcon, null),
+    suffix,
+    offSystemMicroelements,
+    style,
+    boldLabel,
+    ...restProps
+  } = _ref;
+  const theme = useThemeWithUndefined(themeFromProps); // replace with :focus-within when ie11 is not supported anymore
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      focused = _useState2[0],
-      setFocused = _useState2[1];
+  const [focused, setFocused] = useState(false);
+  const empty = !value;
+  const filled = !empty;
+  const enabled = !disabled;
+  const inputMouseDown = useRef(false);
+  const activeRef = useRef(false); // run effect only on unmount with final props
 
-  var empty = !value;
-  var filled = !empty;
-  var enabled = !disabled;
-  var inputMouseDown = useRef(false);
-  var activeRef = useRef(false); // run effect only on unmount with final props
-
-  var unmountPropsRef = useRef({});
+  const unmountPropsRef = useRef({});
   unmountPropsRef.current = {
-    type: type,
-    onChange: onChange
+    type,
+    onChange
   };
-  useEffect(function () {
-    return function () {
-      if (unmountPropsRef.current.type === 'file' && unmountPropsRef.current.onChange) {
-        unmountPropsRef.current.onChange({
-          target: {
-            type: 'file',
-            files: null
-          }
-        });
-      }
-    };
+  useEffect(() => () => {
+    if (unmountPropsRef.current.type === 'file' && unmountPropsRef.current.onChange) {
+      unmountPropsRef.current.onChange({
+        target: {
+          type: 'file',
+          files: null
+        }
+      });
+    }
   }, []);
-  var renderLeftCustomIcon = icon && iconType === 'left';
-  var renderRightCustomIcon = icon && (iconType === 'right' || iconType === 'rightAction' || iconType === 'rightActionFocusable');
+  const renderLeftCustomIcon = icon && iconType === 'left';
+  const renderRightCustomIcon = icon && (iconType === 'right' || iconType === 'rightAction' || iconType === 'rightActionFocusable');
   return /*#__PURE__*/React.createElement("div", {
-    className: cn(styles.container, styles[theme], styles[mode], sizeStyles[size], (_cn = {}, _defineProperty(_cn, styles.focused, focused), _defineProperty(_cn, styles.filled, filled), _defineProperty(_cn, styles.enabled, enabled), _defineProperty(_cn, styles.error, Boolean(error)), _defineProperty(_cn, styles.disabled, disabled), _defineProperty(_cn, styles.offSystemMicroelements, offSystemMicroelements), _cn), className),
+    className: cn(styles.container, styles[theme], styles[mode], sizeStyles[size], {
+      [styles.focused]: focused,
+      [styles.filled]: filled,
+      [styles.enabled]: enabled,
+      [styles.error]: Boolean(error),
+      [styles.disabled]: disabled,
+      [styles.offSystemMicroelements]: offSystemMicroelements
+    }, className),
     style: style,
     "data-test": "input"
   }, /*#__PURE__*/React.createElement("label", null, label && /*#__PURE__*/React.createElement("div", {
@@ -107,17 +88,17 @@ function (_ref, ref) {
     "data-rs-internal": boldLabel ? 'input__bold-label' : 'input__label'
   }, label), /*#__PURE__*/React.createElement("div", {
     className: styles.wrapper,
-    onFocus: function onFocus() {
+    onFocus: () => {
       setFocused(true);
     },
-    onMouseUp: function onMouseUp() {
+    onMouseUp: () => {
       if (activeRef.current) {
         setFocused(false);
       }
 
       activeRef.current = false;
     },
-    onMouseDown: function onMouseDown() {
+    onMouseDown: () => {
       if (inputMouseDown.current) {
         inputMouseDown.current = false;
         return;
@@ -125,14 +106,14 @@ function (_ref, ref) {
 
       activeRef.current = true;
     },
-    onMouseLeave: function onMouseLeave() {
+    onMouseLeave: () => {
       if (activeRef.current) {
         setFocused(false);
       }
 
       activeRef.current = false;
     },
-    onBlur: function onBlur() {
+    onBlur: () => {
       if (!activeRef.current) {
         setFocused(false);
       }
@@ -144,7 +125,7 @@ function (_ref, ref) {
     iconIsAction: false,
     iconIsFocusable: false,
     iconPosition: "left"
-  }), /*#__PURE__*/React.createElement("input", _objectSpread(_objectSpread({}, restProps), {}, {
+  }), /*#__PURE__*/React.createElement("input", { ...restProps,
     id: id,
     className: styles.inner,
     type: type,
@@ -153,7 +134,7 @@ function (_ref, ref) {
     onChange: onChange,
     onFocus: onFocus,
     onBlur: onBlur,
-    onMouseDown: function onMouseDown(e) {
+    onMouseDown: e => {
       inputMouseDown.current = true;
 
       if (restProps.onMouseDown) {
@@ -165,7 +146,7 @@ function (_ref, ref) {
     "aria-invalid": Boolean(error),
     "data-test": "input__inner",
     "data-rs-internal": "input__inner"
-  })), /*#__PURE__*/React.createElement(RightIcons, {
+  }), /*#__PURE__*/React.createElement(RightIcons, {
     icon: renderRightCustomIcon && icon,
     iconIsAction: iconType === 'rightAction' || iconType === 'rightActionFocusable',
     iconIsFocusable: iconType === 'rightActionFocusable',

package/lib/input.p.module.css.js

@@ -1,31 +1,31 @@
 var styles = {
-  "light": "_light_xzr84l_8",
-  "dark": "_dark_xzr84l_11",
-  "sizeS": "_sizeS_xzr84l_15",
-  "sizeM": "_sizeM_xzr84l_18",
-  "sizeL": "_sizeL_xzr84l_21",
-  "classic": "_classic_xzr84l_25",
-  "rock": "_rock_xzr84l_28",
-  "container": "_container_xzr84l_32",
-  "wrapper": "_wrapper_xzr84l_39",
-  "disabled": "_disabled_xzr84l_51",
-  "error": "_error_xzr84l_57",
-  "enabled": "_enabled_xzr84l_63",
-  "filled": "_filled_xzr84l_63",
-  "focused": "_focused_xzr84l_75",
-  "field": "_field_xzr84l_101",
-  "inner": "_inner_xzr84l_114",
-  "offSystemMicroelements": "_offSystemMicroelements_xzr84l_229",
-  "iconWrapper": "_iconWrapper_xzr84l_239",
-  "action": "_action_xzr84l_254",
-  "right": "_right_xzr84l_292",
-  "left": "_left_xzr84l_296",
-  "icon": "_icon_xzr84l_239",
-  "divider": "_divider_xzr84l_342",
-  "suffix": "_suffix_xzr84l_356",
-  "errorMessage": "_errorMessage_xzr84l_376",
-  "errorIcon": "_errorIcon_xzr84l_388",
-  "note": "_note_xzr84l_394",
-  "label": "_label_xzr84l_405"
+  "light": "_light_tb5lyv_8",
+  "dark": "_dark_tb5lyv_11",
+  "sizeS": "_sizeS_tb5lyv_15",
+  "sizeM": "_sizeM_tb5lyv_18",
+  "sizeL": "_sizeL_tb5lyv_21",
+  "classic": "_classic_tb5lyv_25",
+  "rock": "_rock_tb5lyv_28",
+  "container": "_container_tb5lyv_32",
+  "wrapper": "_wrapper_tb5lyv_39",
+  "disabled": "_disabled_tb5lyv_51",
+  "error": "_error_tb5lyv_57",
+  "enabled": "_enabled_tb5lyv_63",
+  "filled": "_filled_tb5lyv_63",
+  "focused": "_focused_tb5lyv_75",
+  "field": "_field_tb5lyv_101",
+  "inner": "_inner_tb5lyv_114",
+  "offSystemMicroelements": "_offSystemMicroelements_tb5lyv_229",
+  "iconWrapper": "_iconWrapper_tb5lyv_239",
+  "action": "_action_tb5lyv_254",
+  "right": "_right_tb5lyv_292",
+  "left": "_left_tb5lyv_296",
+  "icon": "_icon_tb5lyv_239",
+  "divider": "_divider_tb5lyv_342",
+  "suffix": "_suffix_tb5lyv_356",
+  "errorMessage": "_errorMessage_tb5lyv_376",
+  "errorIcon": "_errorIcon_tb5lyv_388",
+  "note": "_note_tb5lyv_394",
+  "label": "_label_tb5lyv_405"
 };
 export { styles as default };

package/lib/parts/custom-icon.js

@@ -1,59 +1,42 @@
-import "core-js/modules/web.dom-collections.for-each.js";
-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 _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-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 _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 * as React from 'react';
 import cn from 'classnames';
 import styles from '../input.p.module.css.js';
 
 function transferInteractiveProps(iconProps) {
-  var _context;
-
-  var props = ['onClick', 'onContextMenu', 'onDoubleClick', 'onMouseDown', 'onMouseEnter', 'onMouseLeave', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp', 'aria-label'];
-
-  var button = _filterInstanceProperty(_context = _Object$keys(iconProps)).call(_context, function (key) {
-    return props.indexOf(key) > -1;
-  }).reduce(function (obj, key) {
-    return _objectSpread(_objectSpread({}, obj), {}, _defineProperty({}, key, iconProps[key]));
-  }, {});
-
-  var icon = _Object$keys(button).reduce(function (obj, key) {
-    return _objectSpread(_objectSpread({}, obj), {}, _defineProperty({}, key, null));
-  }, {});
-
+  const props = ['onClick', 'onContextMenu', 'onDoubleClick', 'onMouseDown', 'onMouseEnter', 'onMouseLeave', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp', 'aria-label'];
+  const button = Object.keys(iconProps).filter(key => props.indexOf(key) > -1).reduce((obj, key) => ({ ...obj,
+    [key]: iconProps[key]
+  }), {});
+  const icon = Object.keys(button).reduce((obj, key) => ({ ...obj,
+    [key]: null
+  }), {});
   return {
-    button: button,
-    icon: icon
+    button,
+    icon
   };
 }
 
-var CustomIcon = function CustomIcon(_ref) {
-  var icon = _ref.icon,
-      iconPosition = _ref.iconPosition,
-      iconIsAction = _ref.iconIsAction,
-      iconIsFocusable = _ref.iconIsFocusable;
-  var mouseEvents = transferInteractiveProps(icon.props);
-  var iconJsx = /*#__PURE__*/React.cloneElement(icon, _objectSpread({
+const CustomIcon = _ref => {
+  let {
+    icon,
+    iconPosition,
+    iconIsAction,
+    iconIsFocusable
+  } = _ref;
+  const mouseEvents = transferInteractiveProps(icon.props);
+  const iconJsx = /*#__PURE__*/React.cloneElement(icon, {
     focusable: false,
-    className: cn(icon.props.className, styles.icon)
-  }, mouseEvents.icon));
-  return /*#__PURE__*/React.createElement("span", _objectSpread(_objectSpread({
+    className: cn(icon.props.className, styles.icon),
+    ...mouseEvents.icon
+  });
+  return /*#__PURE__*/React.createElement("span", {
     role: iconIsAction ? 'button' : null,
     key: "icon",
-    className: cn(styles.iconWrapper, styles[iconPosition], iconIsAction && styles.action)
-  }, mouseEvents.button), {}, {
+    className: cn(styles.iconWrapper, styles[iconPosition], iconIsAction && styles.action),
+    ...mouseEvents.button,
     "data-test": "input__icon",
     tabIndex: iconIsAction && iconIsFocusable ? 0 : -1
-  }), iconJsx);
+  }, iconJsx);
 };
 
 export { CustomIcon, transferInteractiveProps };

package/lib/parts/right-icons.js

@@ -1,19 +1,20 @@
-import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import * as React from 'react';
 import cn from 'classnames';
 import LoadingIcon from '../_virtual/loading.js';
 import styles from '../input.p.module.css.js';
 import { CustomIcon } from './custom-icon.js'; // eslint-disable-next-line complexity
 
-var RightIcons = function RightIcons(_ref) {
-  var icon = _ref.icon,
-      busy = _ref.busy,
-      onClear = _ref.onClear,
-      clearIcon = _ref.clearIcon,
-      iconIsAction = _ref.iconIsAction,
-      iconIsFocusable = _ref.iconIsFocusable,
-      empty = _ref.empty;
-  var icons = [];
+const RightIcons = _ref => {
+  let {
+    icon,
+    busy,
+    onClear,
+    clearIcon,
+    iconIsAction,
+    iconIsFocusable,
+    empty
+  } = _ref;
+  const icons = [];
 
   if (onClear && !empty) {
     icons.push(
@@ -42,7 +43,7 @@ var RightIcons = function RightIcons(_ref) {
     }));
   }
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, _sliceInstanceProperty(icons).call(icons, 0, busy ? -1 : icons.length), busy && /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, icons.slice(0, busy ? -1 : icons.length), busy && /*#__PURE__*/React.createElement("span", {
     key: "loading",
     className: cn(styles.iconWrapper, styles.right)
   }, /*#__PURE__*/React.createElement(LoadingIcon, {