rsuite 5.0.0-beta.5 → 5.0.0

package/Tooltip/styles/mixins.less

@@ -0,0 +1,72 @@
+@import '../../styles/variables';
+@import '../../styles/mixins/hacks';
+@import '../../styles/mixins/color-modes';
+
+// Draw a triangle towards given direction
+// .tooltip-arrow(@direction, @size, @color)
+//
+// @direction: top | right | bottom | left
+// @size:      Size (height) of the triangle
+// @color:     Filling color of the triangle
+
+.tooltip-arrow(top, @size, @color) {
+  top: -@size;
+  // FIXED: The problem of the  1 pixel white border in Edge/IE11 browser .
+  .ie11-edge-direction(top, -(@size+1px));
+
+  margin-left: -@size;
+  border-width: 0 @size @size;
+  border-bottom-color: @color;
+}
+
+.tooltip-arrow(bottom, @size, @color) {
+  bottom: -@size;
+  // FIXED: The problem of the  1 pixel white border in Edge/IE11 browser .
+  .ie11-edge-direction(bottom, -(@size+1px));
+
+  margin-left: -@size;
+  border-width: @size @size 0;
+  border-top-color: @color;
+}
+
+/* rtl:begin:ignore */
+.tooltip-arrow(right, @size, @color) {
+  right: -@size;
+  // FIXED: The problem of the  1 pixel white border in Edge/IE11 browser .
+  .ie11-edge-direction(right, -(@size+1px));
+
+  margin-top: -@size;
+  border-width: @size 0 @size @size;
+  border-left-color: @color;
+}
+
+.tooltip-arrow(left, @size, @color) {
+  left: -@size;
+  // FIXED: The problem of the  1 pixel white border in Edge/IE11 browser .
+  .ie11-edge-direction(left, -(@size+1px));
+
+  margin-top: -@size;
+  border-width: @size @size @size 0;
+  border-right-color: @color;
+}
+
+/* rtl:end:ignore */
+
+// Append tooltip's arrow to tooltip
+// @direction: The arrow's pointing direction. It's usually opposite of tooltip's placement
+//             e.g. tooltip[placement="top"] has an arrow[direction="bottom"]
+// @size:      The arrow's size (height)
+// @bg:        The arrow's background color, usually equal to tooltip's background
+// @border:    The arrow's border color, usually equal to tooltip's border (which only take effect
+//             in high-contrast theme)
+.with-tooltip-arrow(@direction, @size: @tooltip-arrow-width, @bg: var(--rs-tooltip-bg), @border: var(--rs-tooltip-border)) {
+  &::after {
+    .tooltip-arrow(@direction, @size, @bg);
+  }
+
+  .high-contrast-mode({
+    &::before {
+      .tooltip-arrow(@direction, @size + 1px, @border);
+    }
+  });
+}

package/Uploader/styles/index.less

@@ -44,6 +44,15 @@
   }
 }
 
+.rs-uploader-file-item {
+  &:hover &-title {
+    .high-contrast-mode({
+      color: var(--rs-uploader-item-hover-text);
+      text-decoration: underline;
+    });
+  }
+}
+
 .rs-uploader-text {
   .rs-uploader-file-items {
     margin-top: @uploader-file-list-margin-top;
@@ -441,7 +450,8 @@
     border: 1px dashed var(--rs-uploader-dnd-border);
   }
 
-  .rs-uploader-trigger.rs-uploader-trigger-customize:not(.rs-uploader-trigger-disabled) .rs-uploader-trigger-btn:hover,
+  .rs-uploader-trigger.rs-uploader-trigger-customize:not(.rs-uploader-trigger-disabled)
+    .rs-uploader-trigger-btn:hover,
   .rs-uploader-trigger-drag-over .rs-uploader-trigger-btn.rs-uploader-trigger-customize {
     border-color: var(--rs-uploader-dnd-hover-border);
   }

package/cjs/@types/common.d.ts

@@ -72,6 +72,8 @@ export interface PickerBaseProps<LocaleType = any> extends WithAsProps, Animatio
     defaultOpen?: boolean;
     /** A picker that can clear values */
     cleanable?: boolean;
+    /** A picker can have different sizes */
+    size?: TypeAttributes.Size;
     /** Called when Modal is displayed */
     onOpen?: () => void;
     /** Called when Modal is closed */

package/cjs/Animation/Bounce.js

@@ -13,18 +13,24 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Transition = _interopRequireDefault(require("./Transition"));
 
+var _utils = require("../utils");
+
 var Bounce = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
       props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["timeout"]);
+
+  var _useClassNames = (0, _utils.useClassNames)('anim'),
+      prefix = _useClassNames.prefix;
+
   return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, props, {
     ref: ref,
     animation: true,
     timeout: timeout,
-    enteringClassName: "bounce-in animated",
-    enteredClassName: "bounce-in animated",
-    exitingClassName: "bounce-out animated",
-    exitedClassName: "bounce-out animated"
+    enteringClassName: prefix('bounce-in'),
+    enteredClassName: prefix('bounce-in'),
+    exitingClassName: prefix('bounce-out'),
+    exitedClassName: prefix('bounce-out')
   }));
 });
 

package/cjs/Animation/Collapse.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { TransitionProps } from './Transition';
 export declare enum DIMENSION {
     HEIGHT = "height",
@@ -10,52 +9,6 @@ export interface CollapseProps extends TransitionProps {
     dimension?: DIMENSION | (() => DIMENSION);
     /** Function that returns the height or width of the animating DOM node */
     getDimensionValue?: (dimension: DIMENSION, elem: Element) => number;
-    /** ARIA role of collapsible element */
-    role?: string;
-}
-declare function defaultGetDimensionValue(dimension: DIMENSION, elem: HTMLElement): number;
-declare class Collapse extends React.Component<CollapseProps> {
-    static propTypes: {
-        dimension: PropTypes.Requireable<any>;
-        getDimensionValue: PropTypes.Requireable<(...args: any[]) => any>;
-        role: PropTypes.Requireable<string>;
-        animation: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        in: PropTypes.Requireable<boolean>;
-        unmountOnExit: PropTypes.Requireable<boolean>;
-        transitionAppear: PropTypes.Requireable<boolean>;
-        timeout: PropTypes.Requireable<number>;
-        exitedClassName: PropTypes.Requireable<string>;
-        exitingClassName: PropTypes.Requireable<string>;
-        enteredClassName: PropTypes.Requireable<string>;
-        enteringClassName: PropTypes.Requireable<string>;
-        onEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onEntering: PropTypes.Requireable<(...args: any[]) => any>;
-        onEntered: PropTypes.Requireable<(...args: any[]) => any>;
-        onExit: PropTypes.Requireable<(...args: any[]) => any>;
-        onExiting: PropTypes.Requireable<(...args: any[]) => any>;
-        onExited: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static displayName: string;
-    static defaultProps: {
-        timeout: number;
-        dimension: DIMENSION;
-        exitedClassName: string;
-        exitingClassName: string;
-        enteredClassName: string;
-        enteringClassName: string;
-        getDimensionValue: typeof defaultGetDimensionValue;
-    };
-    transitionRef: React.RefObject<any>;
-    constructor(props: any);
-    getTransitionInstance(): any;
-    handleEnter: (elem: HTMLElement) => void;
-    handleEntering: (elem: HTMLElement) => void;
-    handleEntered: (elem: HTMLElement) => void;
-    handleExit: (elem: HTMLElement) => void;
-    handleExiting: (elem: HTMLElement) => void;
-    dimension(): DIMENSION;
-    render(): JSX.Element;
 }
+declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<any>>;
 export default Collapse;

package/cjs/Animation/Collapse.js

@@ -9,25 +9,21 @@ exports.default = exports.DIMENSION = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _domLib = require("dom-lib");
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
 var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
 
-var _pick = _interopRequireDefault(require("lodash/pick"));
-
 var _Transition = _interopRequireWildcard(require("./Transition"));
 
-var _createChainedFunction = _interopRequireDefault(require("../utils/createChainedFunction"));
+var _utils = require("../utils");
 
 var DIMENSION;
 exports.DIMENSION = DIMENSION;
@@ -57,111 +53,69 @@ function getScrollDimensionValue(elem, dimension) {
   return value + "px";
 }
 
-var Collapse = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(Collapse, _React$Component);
-
-  function Collapse(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.transitionRef = void 0;
-
-    _this.handleEnter = function (elem) {
-      var dimension = _this.dimension();
-
-      (0, _domLib.addStyle)(elem, dimension, 0);
-    };
-
-    _this.handleEntering = function (elem) {
-      var dimension = _this.dimension();
-
-      (0, _domLib.addStyle)(elem, dimension, getScrollDimensionValue(elem, dimension));
-    };
-
-    _this.handleEntered = function (elem) {
-      var dimension = _this.dimension();
-
-      (0, _domLib.addStyle)(elem, dimension, 'auto');
-    };
-
-    _this.handleExit = function (elem) {
-      var dimension = _this.dimension();
-
-      var getDimensionValue = _this.props.getDimensionValue;
-      var value = getDimensionValue ? getDimensionValue(dimension, elem) : 0;
-      (0, _domLib.addStyle)(elem, dimension, value + "px");
-    };
-
-    _this.handleExiting = function (elem) {
-      var dimension = _this.dimension();
-
-      triggerBrowserReflow(elem);
-      (0, _domLib.addStyle)(elem, dimension, 0);
-    };
-
-    _this.transitionRef = /*#__PURE__*/_react.default.createRef();
-    return _this;
-  } // for testing
-
-
-  var _proto = Collapse.prototype;
-
-  _proto.getTransitionInstance = function getTransitionInstance() {
-    return this.transitionRef.current;
-  };
-
-  _proto.dimension = function dimension() {
-    var dimension = this.props.dimension;
-    return typeof dimension === 'function' ? dimension() : dimension;
-  };
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        role = _this$props.role,
-        className = _this$props.className,
-        onExited = _this$props.onExited,
-        onEnter = _this$props.onEnter,
-        onEntering = _this$props.onEntering,
-        onEntered = _this$props.onEntered,
-        onExit = _this$props.onExit,
-        onExiting = _this$props.onExiting;
-    var enterEventHandler = (0, _createChainedFunction.default)(this.handleEnter, onEnter);
-    var enteringEventHandler = (0, _createChainedFunction.default)(this.handleEntering, onEntering);
-    var enteredEventHandler = (0, _createChainedFunction.default)(this.handleEntered, onEntered);
-    var exitEventHandler = (0, _createChainedFunction.default)(this.handleExit, onExit);
-    var exitingEventHandler = (0, _createChainedFunction.default)(this.handleExiting, onExiting);
-    return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, (0, _pick.default)(this.props, Object.keys(_Transition.transitionPropTypes)), {
-      ref: this.transitionRef,
-      "aria-expanded": role ? this.props.in : null,
-      className: (0, _classnames.default)(className, {
-        width: this.dimension() === 'width'
-      }),
-      onEnter: enterEventHandler,
-      onEntering: enteringEventHandler,
-      onEntered: enteredEventHandler,
-      onExit: exitEventHandler,
-      onExiting: exitingEventHandler,
-      onExited: onExited
-    }));
-  };
-
-  return Collapse;
-}(_react.default.Component);
-
-Collapse.propTypes = (0, _extends2.default)({}, _Transition.transitionPropTypes, {
-  dimension: _propTypes.default.any,
-  getDimensionValue: _propTypes.default.func,
-  role: _propTypes.default.string
+var Collapse = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var className = props.className,
+      dimensionProp = props.dimension,
+      exitedClassName = props.exitedClassName,
+      exitingClassName = props.exitingClassName,
+      enteredClassName = props.enteredClassName,
+      enteringClassName = props.enteringClassName,
+      getDimensionValue = props.getDimensionValue,
+      onEnter = props.onEnter,
+      onEntering = props.onEntering,
+      onEntered = props.onEntered,
+      onExit = props.onExit,
+      onExiting = props.onExiting,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "dimension", "exitedClassName", "exitingClassName", "enteredClassName", "enteringClassName", "getDimensionValue", "onEnter", "onEntering", "onEntered", "onExit", "onExiting"]);
+
+  var _useClassNames = (0, _utils.useClassNames)('anim'),
+      prefix = _useClassNames.prefix,
+      merge = _useClassNames.merge;
+
+  var dimension = typeof dimensionProp === 'function' ? dimensionProp() : dimensionProp;
+  var handleEnter = (0, _react.useCallback)(function (elem) {
+    (0, _domLib.addStyle)(elem, dimension, 0);
+  }, [dimension]);
+  var handleEntering = (0, _react.useCallback)(function (elem) {
+    (0, _domLib.addStyle)(elem, dimension, getScrollDimensionValue(elem, dimension));
+  }, [dimension]);
+  var handleEntered = (0, _react.useCallback)(function (elem) {
+    (0, _domLib.addStyle)(elem, dimension, 'auto');
+  }, [dimension]);
+  var handleExit = (0, _react.useCallback)(function (elem) {
+    var value = getDimensionValue ? getDimensionValue(dimension, elem) : 0;
+    (0, _domLib.addStyle)(elem, dimension, value + "px");
+  }, [dimension, getDimensionValue]);
+  var handleExiting = (0, _react.useCallback)(function (elem) {
+    triggerBrowserReflow(elem);
+    (0, _domLib.addStyle)(elem, dimension, 0);
+  }, [dimension]);
+  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, rest, {
+    ref: ref,
+    className: merge(className, prefix({
+      'collapse-horizontal': dimension === 'width'
+    })),
+    exitedClassName: exitedClassName || prefix('collapse'),
+    exitingClassName: exitingClassName || prefix('collapsing'),
+    enteredClassName: enteredClassName || prefix('collapse', 'in'),
+    enteringClassName: enteringClassName || prefix('collapsing'),
+    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),
+    onEntering: (0, _utils.createChainedFunction)(handleEntering, onEntering),
+    onEntered: (0, _utils.createChainedFunction)(handleEntered, onEntered),
+    onExit: (0, _utils.createChainedFunction)(handleExit, onExit),
+    onExiting: (0, _utils.createChainedFunction)(handleExiting, onExiting)
+  }));
 });
+
 Collapse.displayName = 'Collapse';
 Collapse.defaultProps = {
   timeout: 300,
   dimension: DIMENSION.HEIGHT,
-  exitedClassName: 'collapse',
-  exitingClassName: 'collapsing',
-  enteredClassName: 'collapse in',
-  enteringClassName: 'collapsing',
   getDimensionValue: defaultGetDimensionValue
 };
+Collapse.propTypes = (0, _extends2.default)({}, _Transition.transitionPropTypes, {
+  dimension: _propTypes.default.any,
+  getDimensionValue: _propTypes.default.func
+});
 var _default = Collapse;
 exports.default = _default;

package/cjs/Animation/Fade.js

@@ -11,21 +11,26 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var _react = _interopRequireDefault(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Transition = _interopRequireDefault(require("./Transition"));
 
+var _utils = require("../utils");
+
 var Fade = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
       className = _ref.className,
       props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["timeout", "className"]);
+
+  var _useClassNames = (0, _utils.useClassNames)('anim'),
+      prefix = _useClassNames.prefix,
+      merge = _useClassNames.merge;
+
   return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, props, {
     ref: ref,
     timeout: timeout,
-    className: (0, _classnames.default)(className, 'fade'),
-    enteredClassName: "in",
-    enteringClassName: "in"
+    className: merge(className, prefix('fade')),
+    enteredClassName: prefix('in'),
+    enteringClassName: prefix('in')
   }));
 });
 

package/cjs/Animation/Slide.js

@@ -11,18 +11,22 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var _react = _interopRequireDefault(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Transition = _interopRequireDefault(require("./Transition"));
 
+var _utils = require("../utils");
+
 var Slide = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
       _ref$placement = _ref.placement,
       placement = _ref$placement === void 0 ? 'right' : _ref$placement,
       props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["timeout", "placement"]);
-  var enterClassName = (0, _classnames.default)('slide-in', placement, 'animated');
-  var exitClassName = (0, _classnames.default)('slide-out', placement, 'animated');
+
+  var _useClassNames = (0, _utils.useClassNames)('anim'),
+      prefix = _useClassNames.prefix;
+
+  var enterClassName = prefix('slide-in', placement);
+  var exitClassName = prefix('slide-out', placement);
   return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, props, {
     ref: ref,
     animation: true,

package/cjs/Carousel/Carousel.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
 export interface CarouselProps extends WithAsProps {
     /** Autoplay element */
@@ -8,6 +9,12 @@ export interface CarouselProps extends WithAsProps {
     placement?: 'top' | 'bottom' | 'left' | 'right';
     /** Button shape */
     shape?: 'dot' | 'bar';
+    /** Callback fired when the active item changes */
+    onSelect: (index: number, event: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Callback fired when a slide transition starts */
+    onSlideStart?: (index: number, event: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Callback fired when a slide transition ends */
+    onSlideEnd?: (index: number, event: React.TransitionEvent<HTMLDivElement>) => void;
 }
 declare const Carousel: RsRefForwardingComponent<'div', CarouselProps>;
 export default Carousel;

package/cjs/Carousel/Carousel.js

@@ -38,7 +38,10 @@ var Carousel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       shape = props.shape,
       autoplay = props.autoplay,
       autoplayInterval = props.autoplayInterval,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "children", "classPrefix", "className", "placement", "shape", "autoplay", "autoplayInterval"]);
+      onSelect = props.onSelect,
+      onSlideStart = props.onSlideStart,
+      onSlideEnd = props.onSlideEnd,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "children", "classPrefix", "className", "placement", "shape", "autoplay", "autoplayInterval", "onSelect", "onSlideStart", "onSlideEnd"]);
 
   var _useCustom = (0, _utils.useCustom)('Carousel'),
       rtl = _useCustom.rtl;
@@ -62,23 +65,29 @@ var Carousel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       lastIndex = _useState2[0],
       setLastIndex = _useState2[1];
 
-  var handleAutoplay = function handleAutoplay(nextActiveIndex) {
+  var handleSlide = function handleSlide(nextActiveIndex, event) {
     clear();
-    var nextIndex = nextActiveIndex !== null && nextActiveIndex !== void 0 ? nextActiveIndex : activeIndex + 1; // When index is greater than count, start from 1 again.
+    var index = nextActiveIndex !== null && nextActiveIndex !== void 0 ? nextActiveIndex : activeIndex + 1; // When index is greater than count, start from 1 again.
 
-    setActiveIndex(nextIndex % count);
-    setLastIndex(nextActiveIndex == null ? activeIndex : nextIndex % count);
+    var nextIndex = index % count;
+    setActiveIndex(nextIndex);
+    onSlideStart === null || onSlideStart === void 0 ? void 0 : onSlideStart(nextIndex, event);
+    setLastIndex(nextActiveIndex == null ? activeIndex : nextIndex);
     reset();
   };
 
   var handleChange = function handleChange(event) {
     var activeIndex = +event.target.value;
-    handleAutoplay(activeIndex);
-  }; // Set a timer for automatic playback.
-  // `autoplay` needs to be cast to boolean type to avoid undefined parameters.
+    handleSlide(activeIndex);
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(activeIndex, event);
+  };
 
+  var handleTransitionEnd = (0, _react.useCallback)(function (event) {
+    onSlideEnd === null || onSlideEnd === void 0 ? void 0 : onSlideEnd(activeIndex, event);
+  }, [activeIndex, onSlideEnd]); // Set a timer for automatic playback.
+  // `autoplay` needs to be cast to boolean type to avoid undefined parameters.
 
-  var _useTimeout = (0, _utils.useTimeout)(handleAutoplay, autoplayInterval, !!autoplay && count > 1),
+  var _useTimeout = (0, _utils.useTimeout)(handleSlide, autoplayInterval, !!autoplay && count > 1),
       clear = _useTimeout.clear,
       reset = _useTimeout.reset;
 
@@ -129,7 +138,8 @@ var Carousel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: prefix('content')
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: prefix('slider'),
-    style: sliderStyles
+    style: sliderStyles,
+    onTransitionEnd: handleTransitionEnd
   }, items), showMask && /*#__PURE__*/_react.default.createElement("div", {
     className: prefix('slider-after', {
       'slider-after-vertical': vertical
@@ -156,7 +166,10 @@ Carousel.propTypes = {
   autoplay: _propTypes.default.bool,
   autoplayInterval: _propTypes.default.number,
   placement: _propTypes.default.oneOf(['top', 'bottom', 'left', 'right']),
-  shape: _propTypes.default.oneOf(['dot', 'bar'])
+  shape: _propTypes.default.oneOf(['dot', 'bar']),
+  onSelect: _propTypes.default.func,
+  onSlideStart: _propTypes.default.func,
+  onSlideEnd: _propTypes.default.func
 };
 var _default = Carousel;
 exports.default = _default;

package/cjs/CheckTree/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -7,15 +9,22 @@ exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _CheckTreePicker = _interopRequireDefault(require("../CheckTreePicker"));
 
+var _TreeContext = _interopRequireDefault(require("../Tree/TreeContext"));
+
 var CheckTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  return /*#__PURE__*/_react.default.createElement(_CheckTreePicker.default, (0, _extends2.default)({
-    ref: ref,
-    inline: true
-  }, props));
+  var dragNodeRef = (0, _react.useRef)();
+  return /*#__PURE__*/_react.default.createElement(_TreeContext.default.Provider, {
+    value: {
+      inline: true,
+      dragNodeRef: dragNodeRef
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CheckTreePicker.default, (0, _extends2.default)({
+    ref: ref
+  }, props)));
 });
 
 CheckTree.displayName = 'CheckTree';

package/cjs/CheckTreePicker/CheckTreePicker.js

@@ -33,6 +33,8 @@ var _VirtualizedList = require("../Picker/VirtualizedList");
 
 var _CheckTreeNode = _interopRequireDefault(require("./CheckTreeNode"));
 
+var _TreeContext = _interopRequireDefault(require("../Tree/TreeContext"));
+
 var _utils = require("../utils");
 
 var _Picker = require("../Picker");
@@ -67,7 +69,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       toggleAs = props.toggleAs,
       searchKeyword = props.searchKeyword,
       overrideLocale = props.locale,
-      inline = props.inline,
       cascade = props.cascade,
       disabled = props.disabled,
       valueKey = props.valueKey,
@@ -107,7 +108,11 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       renderValue = props.renderValue,
       renderTreeIcon = props.renderTreeIcon,
       renderTreeNode = props.renderTreeNode,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "style", "cleanable", "countable", "searchBy", "toggleAs", "searchKeyword", "locale", "inline", "cascade", "disabled", "valueKey", "labelKey", "placement", "childrenKey", "placeholder", "value", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "height", "menuStyle", "searchable", "virtualized", "className", "classPrefix", "menuClassName", "menuAutoWidth", "uncheckableItemValues", "id", "renderMenu", "getChildren", "renderExtraFooter", "onEntered", "onChange", "onClean", "onClose", "onExited", "onSearch", "onSelect", "onOpen", "onScroll", "onExpand", "renderValue", "renderTreeIcon", "renderTreeNode"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "style", "cleanable", "countable", "searchBy", "toggleAs", "searchKeyword", "locale", "cascade", "disabled", "valueKey", "labelKey", "placement", "childrenKey", "placeholder", "value", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "height", "menuStyle", "searchable", "virtualized", "className", "classPrefix", "menuClassName", "menuAutoWidth", "uncheckableItemValues", "id", "renderMenu", "getChildren", "renderExtraFooter", "onEntered", "onChange", "onClean", "onClose", "onExited", "onSearch", "onSelect", "onOpen", "onScroll", "onExpand", "renderValue", "renderTreeIcon", "renderTreeNode"]);
+
+  var _useContext = (0, _react.useContext)(_TreeContext.default),
+      inline = _useContext.inline;
+
   var triggerRef = (0, _react.useRef)();
   var targetRef = (0, _react.useRef)();
   var listRef = (0, _react.useRef)();
@@ -425,7 +430,7 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     triggerRef: triggerRef,
     overlayRef: overlayRef,
     targetRef: targetRef
-  });
+  }, inline);
   var handleClean = (0, _react.useCallback)(function (event) {
     var target = event.target; // exclude searchBar
 
@@ -643,7 +648,7 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     }, style) : {};
     return /*#__PURE__*/_react.default.createElement("div", {
       id: id ? id + "-listbox" : undefined,
-      ref: treeViewRef,
+      ref: inline ? (0, _utils.mergeRefs)(treeViewRef, ref) : treeViewRef,
       role: "tree",
       "aria-multiselectable": true,
       className: classes,
@@ -772,7 +777,6 @@ CheckTreePicker.defaultProps = defaultProps;
 CheckTreePicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {
   height: _propTypes.default.number,
   appearance: _propTypes.default.oneOf(['default', 'subtle']),
-  inline: _propTypes.default.bool,
   locale: _propTypes.default.any,
   cascade: _propTypes.default.bool,
   countable: _propTypes.default.bool,

package/cjs/DatePicker/DatePicker.d.ts

@@ -10,7 +10,11 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
     calendarDefaultDate?: Date;
     /** Format date */
     format?: string;
-    /** Display date panel when component initial */
+    /**
+     * Display date panel when component initial
+     *
+     * @deprecated use <Calendar> instead
+     **/
     inline?: boolean;
     /** ISO 8601 standard, each calendar week begins on Monday and Sunday on the seventh day */
     isoWeek?: boolean;