rsuite 5.76.0 → 6.0.0-canary-20241227

package/cjs/Sidenav/SidenavItem.js

@@ -5,61 +5,58 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
-var _Sidenav = require("./Sidenav");
 var _Whisper = _interopRequireDefault(require("../Whisper"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _excluded = ["as", "active", "children", "className", "disabled", "classPrefix", "icon", "eventKey", "style", "onClick", "onSelect", "divider", "panel", "tooltip"],
-  _excluded2 = ["selected", "active"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
+var _Sidenav = require("./Sidenav");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * @private
  */
-var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
+const SidenavItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
   if (!sidenav) {
     throw new Error('<SidenavItem> component is not supposed to be used standalone. Use <Nav.Item> inside <Sidenav> instead.');
   }
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? _SafeAnchor.default : _props$as,
-    activeProp = props.active,
-    children = props.children,
-    className = props.className,
-    disabled = props.disabled,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'sidenav-item' : _props$classPrefix,
-    icon = props.icon,
-    eventKey = props.eventKey,
-    style = props.style,
-    onClick = props.onClick,
-    onSelect = props.onSelect,
-    divider = props.divider,
-    panel = props.panel,
-    _props$tooltip = props.tooltip,
-    tooltip = _props$tooltip === void 0 ? children : _props$tooltip,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _ref = (0, _react.useContext)(_NavContext.default),
-    activeKey = _ref.activeKey,
-    onSelectFromNav = _ref.onSelect;
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix;
-  var selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(activeKey, eventKey);
-  var whisperRef = _react.default.useRef(null);
-  var handleClick = (0, _react.useCallback)(function (event) {
+  const {
+    as: Component = _SafeAnchor.default,
+    active: activeProp,
+    children,
+    className,
+    disabled,
+    classPrefix = 'sidenav-item',
+    icon,
+    eventKey,
+    style,
+    onClick,
+    onSelect,
+    divider,
+    panel,
+    tooltip = children,
+    ...rest
+  } = props;
+  const {
+    activeKey,
+    onSelect: onSelectFromNav
+  } = (0, _react.useContext)(_NavContext.default);
+  const {
+    merge,
+    withClassPrefix,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(activeKey, eventKey);
+  const whisperRef = _react.default.useRef(null);
+  const handleClick = (0, _react.useCallback)(event => {
     var _whisperRef$current;
     if (disabled) return;
     (_whisperRef$current = whisperRef.current) === null || _whisperRef$current === void 0 || _whisperRef$current.close();
@@ -67,7 +64,7 @@ var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onSelectFromNav === null || onSelectFromNav === void 0 || onSelectFromNav(eventKey, event);
     onClick === null || onClick === void 0 || onClick(event);
   }, [disabled, onSelect, onSelectFromNav, eventKey, onClick]);
-  var clonedIcon = icon ? /*#__PURE__*/_react.default.cloneElement(icon, {
+  const clonedIcon = icon ? /*#__PURE__*/_react.default.cloneElement(icon, {
     className: (0, _classnames.default)(prefix('icon'), icon.props.className)
   }) : null;
   if (!sidenav.expanded) {
@@ -76,33 +73,33 @@ var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       speaker: /*#__PURE__*/_react.default.createElement(_Tooltip.default, null, tooltip),
       placement: "right",
       ref: whisperRef
-    }, function (triggerProps, triggerRef) {
-      return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-        selected: selected,
-        disabled: disabled,
-        onActivate: handleClick
-      }, function (_ref2, menuitemRef) {
-        var selected = _ref2.selected,
-          active = _ref2.active,
-          menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded2);
-        var classes = merge(className, withClassPrefix({
-          focus: active,
-          active: selected,
-          disabled: disabled
-        }));
+    }, (triggerProps, triggerRef) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+      selected: selected,
+      disabled: disabled,
+      onActivate: handleClick
+    }, (_ref, menuitemRef) => {
+      let {
+        selected,
+        active,
+        ...menuitem
+      } = _ref;
+      const classes = merge(className, withClassPrefix({
+        focus: active,
+        active: selected,
+        disabled
+      }));
 
-        // Show tooltip when inside a collapse <Sidenav>
-        return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-          ref: (0, _utils.mergeRefs)((0, _utils.mergeRefs)(ref, menuitemRef), triggerRef),
-          disabled: Component === _SafeAnchor.default ? disabled : undefined,
-          className: classes,
-          "data-event-key": eventKey
-        }, (0, _omit.default)(rest, ['divider', 'panel']), triggerProps, menuitem, {
-          onMouseOver: (0, _utils.createChainedFunction)(menuitem.onMouseOver, triggerProps.onMouseOver),
-          onMouseOut: (0, _utils.createChainedFunction)(menuitem.onMouseOut, triggerProps.onMouseOut)
-        }), clonedIcon, children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null));
-      });
-    });
+      // Show tooltip when inside a collapse <Sidenav>
+      return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+        ref: (0, _utils.mergeRefs)((0, _utils.mergeRefs)(ref, menuitemRef), triggerRef),
+        disabled: Component === _SafeAnchor.default ? disabled : undefined,
+        className: classes,
+        "data-event-key": eventKey
+      }, (0, _omit.default)(rest, ['divider', 'panel']), triggerProps, menuitem, {
+        onMouseOver: (0, _utils.createChainedFunction)(menuitem.onMouseOver, triggerProps.onMouseOver),
+        onMouseOut: (0, _utils.createChainedFunction)(menuitem.onMouseOut, triggerProps.onMouseOut)
+      }), clonedIcon, children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null));
+    }));
   }
   if (divider) {
     return /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({
@@ -124,7 +121,7 @@ var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     ref: ref,
     className: merge(className, withClassPrefix({
       active: selected,
-      disabled: disabled
+      disabled
     })),
     onClick: handleClick,
     style: style,
@@ -133,19 +130,4 @@ var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, rest), clonedIcon, children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null));
 });
 SidenavItem.displayName = 'Sidenav.Item';
-SidenavItem.propTypes = {
-  classPrefix: _propTypes.default.string,
-  disabled: _propTypes.default.bool,
-  icon: _propTypes.default.node,
-  className: _propTypes.default.string,
-  children: _propTypes.default.node,
-  eventKey: _propTypes.default.any,
-  as: _propTypes.default.elementType,
-  style: _propTypes.default.object,
-  onSelect: _propTypes.default.func,
-  onMouseEnter: _propTypes.default.func,
-  onMouseLeave: _propTypes.default.func,
-  onContextMenu: _propTypes.default.func,
-  onClick: _propTypes.default.func
-};
 var _default = exports.default = SidenavItem;

package/cjs/Sidenav/SidenavToggle.js

@@ -5,43 +5,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
 var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _hooks = require("../internals/hooks");
-var _propTypes2 = require("../internals/propTypes");
 var _Sidenav = require("./Sidenav");
-var _excluded = ["as", "expanded", "className", "classPrefix", "onToggle"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var SidenavToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
+const SidenavToggle = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
   if (!sidenav) {
     throw new Error('<Sidenav.Toggle> must be rendered within a <Sidenav>');
   }
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    DEPRECATED_expanded = props.expanded,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'sidenav-toggle' : _props$classPrefix,
-    onToggle = props.onToggle,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const {
+    as: Component = 'div',
+    expanded: DEPRECATED_expanded,
+    className,
+    classPrefix = 'sidenav-toggle',
+    onToggle,
+    ...rest
+  } = props;
 
   // if `expanded` prop is provided, it takes priority
-  var expanded = DEPRECATED_expanded !== null && DEPRECATED_expanded !== void 0 ? DEPRECATED_expanded : sidenav.expanded;
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, withClassPrefix({
+  const expanded = DEPRECATED_expanded !== null && DEPRECATED_expanded !== void 0 ? DEPRECATED_expanded : sidenav.expanded;
+  const {
+    merge,
+    withClassPrefix,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix({
     collapsed: !expanded
   }));
-  var Icon = expanded ? _PagePrevious.default : _PageNext.default;
-  var handleToggle = function handleToggle(event) {
+  const Icon = expanded ? _PagePrevious.default : _PageNext.default;
+  const handleToggle = event => {
     onToggle === null || onToggle === void 0 || onToggle(!expanded, event);
   };
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
@@ -55,10 +52,4 @@ var SidenavToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }));
 });
 SidenavToggle.displayName = 'Sidenav.Toggle';
-SidenavToggle.propTypes = {
-  classPrefix: _propTypes.default.string,
-  className: _propTypes.default.string,
-  expanded: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool, 'Use <Sidenav expanded> instead.'),
-  onToggle: _propTypes.default.func
-};
 var _default = exports.default = SidenavToggle;

package/cjs/Slider/Graduated.js

@@ -5,31 +5,30 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
 var _utils = require("./utils");
 var _Mark = _interopRequireDefault(require("./Mark"));
-var Graduated = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    step = props.step,
-    min = props.min,
-    max = props.max,
-    count = props.count,
-    value = props.value,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
-    className = props.className,
-    renderMark = props.renderMark;
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var activeIndexs = [];
-  var startIndex = 0;
-  var endIndex = 0;
+const Graduated = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    step,
+    min,
+    max,
+    count,
+    value,
+    classPrefix = 'slider',
+    className,
+    renderMark
+  } = props;
+  const {
+    merge,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const activeIndexs = [];
+  let startIndex = 0;
+  let endIndex = 0;
   if (Array.isArray(value)) {
-    var start = value[0],
-      end = value[1];
+    const [start, end] = value;
     startIndex = (0, _utils.precisionMath)(start / step - min / step);
     endIndex = (0, _utils.precisionMath)(end / step - min / step);
     activeIndexs.push((0, _utils.precisionMath)(Math.ceil((start - min) / (max - min) * count)));
@@ -38,17 +37,17 @@ var Graduated = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     endIndex = (0, _utils.precisionMath)(value / step - min / step);
     activeIndexs.push((0, _utils.precisionMath)(Math.ceil((value - min) / (max - min) * count)));
   }
-  var graduatedItems = [];
-  for (var i = 0; i < count; i += 1) {
-    var _classes = prefix({
+  const graduatedItems = [];
+  for (let i = 0; i < count; i += 1) {
+    const classes = prefix({
       pass: i >= startIndex && i <= endIndex,
       active: ~activeIndexs.indexOf(i)
     });
-    var mark = (0, _utils.precisionMath)(i * step + min);
-    var lastMark = Math.min(max, mark + step);
-    var last = i === count - 1;
+    const mark = (0, _utils.precisionMath)(i * step + min);
+    const lastMark = Math.min(max, mark + step);
+    const last = i === count - 1;
     graduatedItems.push(/*#__PURE__*/_react.default.createElement("li", {
-      className: _classes,
+      className: classes,
       key: i
     }, /*#__PURE__*/_react.default.createElement(_Mark.default, {
       mark: mark,
@@ -59,19 +58,11 @@ var Graduated = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       last: last
     }) : null));
   }
-  var classes = merge(className, prefix('graduator'));
+  const classes = merge(className, prefix('graduator'));
   return /*#__PURE__*/_react.default.createElement(Component, {
     ref: ref,
     className: classes
   }, /*#__PURE__*/_react.default.createElement("ol", null, graduatedItems));
 });
 Graduated.displayName = 'Graduated';
-Graduated.propTypes = {
-  step: _propTypes.default.number,
-  min: _propTypes.default.number,
-  max: _propTypes.default.number,
-  count: _propTypes.default.number,
-  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.arrayOf(_propTypes.default.number)]),
-  renderMark: _propTypes.default.func
-};
 var _default = exports.default = Graduated;

package/cjs/Slider/Handle.js

@@ -4,61 +4,62 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _Input = _interopRequireDefault(require("./Input"));
-var _useDrag2 = _interopRequireDefault(require("./useDrag"));
-var _excluded = ["as", "classPrefix", "className", "disabled", "style", "children", "position", "vertical", "tooltip", "rtl", "value", "role", "tabIndex", "renderTooltip", "onDragStart", "onDragMove", "onDragEnd", "onKeyDown", "data-range", "data-key"];
-var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _extends2;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
-    className = props.className,
-    disabled = props.disabled,
-    style = props.style,
-    children = props.children,
-    position = props.position,
-    vertical = props.vertical,
-    tooltip = props.tooltip,
-    rtl = props.rtl,
-    value = props.value,
-    role = props.role,
-    tabIndex = props.tabIndex,
-    renderTooltip = props.renderTooltip,
-    onDragStart = props.onDragStart,
-    onDragMove = props.onDragMove,
-    onDragEnd = props.onDragEnd,
-    onKeyDown = props.onKeyDown,
-    dataRange = props['data-range'],
-    dateKey = props['data-key'],
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var horizontalKey = rtl ? 'right' : 'left';
-  var direction = vertical ? 'bottom' : horizontalKey;
-  var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2[direction] = position + "%", _extends2));
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var _useDrag = (0, _useDrag2.default)({
-      tooltip: tooltip,
-      disabled: disabled,
-      onDragStart: onDragStart,
-      onDragMove: onDragMove,
-      onDragEnd: onDragEnd
-    }),
-    active = _useDrag.active,
-    onMoveStart = _useDrag.onMoveStart,
-    onMouseEnter = _useDrag.onMouseEnter,
-    rootRef = _useDrag.rootRef,
-    tooltipRef = _useDrag.tooltipRef;
-  var handleClasses = merge(className, prefix('handle'), {
-    active: active
+var _useDrag = _interopRequireDefault(require("./useDrag"));
+const Handle = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    classPrefix = 'slider',
+    className,
+    disabled,
+    style,
+    children,
+    position,
+    vertical,
+    tooltip,
+    rtl,
+    value,
+    role,
+    tabIndex,
+    renderTooltip,
+    onDragStart,
+    onDragMove,
+    onDragEnd,
+    onKeyDown,
+    'data-range': dataRange,
+    'data-key': dateKey,
+    ...rest
+  } = props;
+  const horizontalKey = rtl ? 'right' : 'left';
+  const direction = vertical ? 'bottom' : horizontalKey;
+  const styles = {
+    ...style,
+    [direction]: `${position}%`
+  };
+  const {
+    merge,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const {
+    active,
+    onMoveStart,
+    onMouseEnter,
+    rootRef,
+    tooltipRef
+  } = (0, _useDrag.default)({
+    tooltip,
+    disabled,
+    onDragStart,
+    onDragMove,
+    onDragEnd
+  });
+  const handleClasses = merge(className, prefix('handle'), {
+    active
   });
   return /*#__PURE__*/_react.default.createElement(Component, {
     role: role,
@@ -77,27 +78,10 @@ var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     "aria-hidden": "true",
     ref: tooltipRef,
     className: merge(prefix('tooltip'), 'placement-top')
-  }, renderTooltip ? renderTooltip(value) : value), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends3.default)({
+  }, renderTooltip ? renderTooltip(value) : value), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
     tabIndex: -1,
     value: value
   }, rest)), children);
 });
 Handle.displayName = 'Handle';
-Handle.propTypes = {
-  as: _propTypes.default.elementType,
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  children: _propTypes.default.node,
-  disabled: _propTypes.default.bool,
-  vertical: _propTypes.default.bool,
-  tooltip: _propTypes.default.bool,
-  rtl: _propTypes.default.bool,
-  position: _propTypes.default.number,
-  value: _propTypes.default.number,
-  renderTooltip: _propTypes.default.func,
-  style: _propTypes.default.object,
-  onDragMove: _propTypes.default.func,
-  onDragStart: _propTypes.default.func,
-  onDragEnd: _propTypes.default.func
-};
 var _default = exports.default = Handle;

package/cjs/Slider/Input.js

@@ -5,24 +5,27 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _excluded = ["style"];
-var rangeStyles = {
+const rangeStyles = {
   position: 'absolute',
   overflow: 'hidden',
   width: '100%',
   height: '100%',
   clip: 'rect(0, 0, 0, 0)'
 };
-var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var style = props.style,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+const Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    style,
+    ...rest
+  } = props;
   return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
     type: "range",
     readOnly: true,
     ref: ref,
-    style: (0, _extends2.default)({}, rangeStyles, style)
+    style: {
+      ...rangeStyles,
+      ...style
+    }
   }, rest));
 });
 Input.displayName = 'Input';

package/cjs/Slider/Mark.js

@@ -5,23 +5,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
-var Mark = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'span' : _props$as,
-    mark = props.mark,
-    last = props.last,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'slider-mark' : _props$classPrefix,
-    className = props.className,
-    renderMark = props.renderMark;
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var classes = merge(className, withClassPrefix({
-    last: last
+const Mark = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'span',
+    mark,
+    last,
+    classPrefix = 'slider-mark',
+    className,
+    renderMark
+  } = props;
+  const {
+    merge,
+    prefix,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix({
+    last
   }));
   if (renderMark) {
     return /*#__PURE__*/_react.default.createElement(Component, {
@@ -34,12 +34,4 @@ var Mark = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return null;
 });
 Mark.displayName = 'Mark';
-Mark.propTypes = {
-  as: _propTypes.default.elementType,
-  classPrefix: _propTypes.default.string,
-  className: _propTypes.default.string,
-  mark: _propTypes.default.number,
-  last: _propTypes.default.bool,
-  renderMark: _propTypes.default.func
-};
 var _default = exports.default = Mark;