rsuite 5.3.0 → 5.4.3

package/cjs/SelectPicker/SelectPicker.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
+import React, { Ref } from 'react';
 import { PickerLocale } from '../locales';
-import { PickerComponent } from '../Picker';
+import { PickerInstance } from '../Picker';
 import { FormControlPickerProps, ItemDataType } from '../@types/common';
 import { ListProps } from 'react-virtualized/dist/commonjs/List';
-export declare type ValueType = number | string;
-export interface SelectProps<T = ValueType> {
+export interface SelectProps<T> {
     /** Set group condition key in data */
     groupBy?: string;
     /** Whether dispaly search input box */
@@ -37,7 +36,18 @@ export interface SelectProps<T = ValueType> {
     /** Called when clean */
     onClean?: (event: React.SyntheticEvent) => void;
 }
-export interface SelectPickerProps<T = ValueType> extends FormControlPickerProps<T, PickerLocale, ItemDataType>, SelectProps<T> {
+export interface MultipleSelectProps<T> extends Omit<SelectProps<T>, 'renderValue'> {
+    /** Custom render selected items */
+    renderValue?: (value: T[], item: ItemDataType<T>[], selectedElement: React.ReactNode) => React.ReactNode;
+}
+export interface SelectPickerProps<T> extends FormControlPickerProps<T, PickerLocale, ItemDataType<T>>, SelectProps<T> {
+}
+export interface SelectPickerComponent {
+    <T>(props: SelectPickerProps<T> & {
+        ref?: Ref<PickerInstance>;
+    }): JSX.Element | null;
+    displayName?: string;
+    propTypes?: React.WeakValidationMap<SelectPickerProps<any>>;
 }
-declare const SelectPicker: PickerComponent<SelectPickerProps>;
+declare const SelectPicker: SelectPickerComponent;
 export default SelectPicker;

package/cjs/SelectPicker/SelectPicker.js

@@ -98,9 +98,9 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var _useCustom = (0, _utils.useCustom)('Picker', overrideLocale),
       locale = _useCustom.locale;
 
-  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),
-      value = _useControlled[0],
-      setValue = _useControlled[1]; // Used to hover the focus item  when trigger `onKeydown`
+  var _ref = (0, _utils.useControlled)(valueProp, defaultValue),
+      value = _ref[0],
+      setValue = _ref[1]; // Used to hover the focus item  when trigger `onKeydown`
 
 
   var _useFocusItemValue = (0, _Picker.useFocusItemValue)(value, {
@@ -327,7 +327,7 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     disabled: disabled,
     cleanable: cleanable && !disabled,
     hasValue: hasValue,
-    inputValue: value,
+    inputValue: value !== null && value !== void 0 ? value : '',
     active: active,
     placement: placement
   }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));

package/cjs/SelectPicker/index.d.ts

@@ -1,3 +1,3 @@
 import SelectPicker from './SelectPicker';
-export type { SelectProps, SelectPickerProps } from './SelectPicker';
+export type { SelectProps, MultipleSelectProps, SelectPickerProps } from './SelectPicker';
 export default SelectPicker;

package/cjs/SelectPicker/test/SelectPicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/SelectPicker/test/SelectPicker.test.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsExpect = require("ts-expect");
+
+var _SelectPicker = _interopRequireDefault(require("../SelectPicker"));
+
+// Infer value and onChange types from data
+var numberValuedData = [{
+  label: 'One',
+  value: 1
+}];
+
+/*#__PURE__*/
+_react.default.createElement(_SelectPicker.default, {
+  data: numberValuedData,
+  value: 1
+}); // @ts-expect-error should not accept string value
+
+
+/*#__PURE__*/
+_react.default.createElement(_SelectPicker.default, {
+  data: numberValuedData,
+  value: "1"
+});
+
+/*#__PURE__*/
+_react.default.createElement(_SelectPicker.default, {
+  data: numberValuedData,
+  onChange: function onChange(newValue) {
+    (0, _tsExpect.expectType)(newValue);
+  }
+});
+
+var stringValuedData = [{
+  label: 'One',
+  value: 'One'
+}];
+
+/*#__PURE__*/
+_react.default.createElement(_SelectPicker.default, {
+  data: stringValuedData,
+  value: "1"
+}); // @ts-expect-error should not accept number value
+
+
+/*#__PURE__*/
+_react.default.createElement(_SelectPicker.default, {
+  data: stringValuedData,
+  value: 1
+});
+
+/*#__PURE__*/
+_react.default.createElement(_SelectPicker.default, {
+  data: stringValuedData,
+  onChange: function onChange(newValue) {
+    (0, _tsExpect.expectType)(newValue);
+  }
+});
+
+var pickerRef = /*#__PURE__*/_react.default.createRef();
+
+/*#__PURE__*/
+_react.default.createElement(_SelectPicker.default, {
+  ref: pickerRef,
+  data: []
+});

package/cjs/Stack/Stack.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { WithAsProps } from '../@types/common';
+export interface StackProps extends WithAsProps {
+    /**
+     * The direction of the children in the stack.
+     */
+    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    /**
+     * Define the alignment of the children in the stack on the cross axis
+     */
+    alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+    /**
+     *  Define the alignment of the children in the stack on the inline axis
+     */
+    justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around';
+    /** Define the spacing between immediate children */
+    spacing?: number | string | (number | string)[];
+    /** Add an element between each child */
+    divider?: React.ReactNode;
+    /**
+     * Define whether the children in the stack are forced onto one line or can wrap onto multiple lines
+     */
+    wrap?: boolean;
+}
+declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+export default Stack;

package/cjs/Stack/Stack.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _utils = require("../utils");
+
+var Stack = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _itemStyles;
+
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$alignItems = props.alignItems,
+      alignItems = _props$alignItems === void 0 ? 'center' : _props$alignItems,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'stack' : _props$classPrefix,
+      className = props.className,
+      children = props.children,
+      direction = props.direction,
+      justifyContent = props.justifyContent,
+      spacing = props.spacing,
+      divider = props.divider,
+      style = props.style,
+      wrap = props.wrap,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "alignItems", "classPrefix", "className", "children", "direction", "justifyContent", "spacing", "divider", "style", "wrap"]);
+
+  var _useCustom = (0, _utils.useCustom)('Stack'),
+      rtl = _useCustom.rtl;
+
+  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+      withClassPrefix = _useClassNames.withClassPrefix,
+      merge = _useClassNames.merge,
+      prefix = _useClassNames.prefix;
+
+  var classes = merge(className, withClassPrefix());
+  var isSupportGridGap = !(0, _utils.isIE)();
+
+  var count = _react.default.Children.count(children);
+
+  var gridGap = Array.isArray(spacing) ? spacing : [spacing, 0];
+  var itemStyles = (_itemStyles = {}, _itemStyles[rtl ? 'marginLeft' : 'marginRight'] = gridGap[0], _itemStyles.marginBottom = gridGap[1], _itemStyles);
+  var styles = (0, _extends2.default)({
+    alignItems: alignItems,
+    justifyContent: justifyContent,
+    flexDirection: direction,
+    flexWrap: wrap ? 'wrap' : undefined,
+    gap: isSupportGridGap ? spacing : undefined
+  }, style);
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
+    ref: ref,
+    className: classes,
+    style: styles
+  }), _react.default.Children.map(children, function (child, index) {
+    var childNode = /*#__PURE__*/_react.default.createElement("div", {
+      className: prefix('item'),
+      style: !isSupportGridGap ? itemStyles : undefined
+    }, child);
+
+    return [childNode, index < count - 1 ? divider : null];
+  }));
+});
+
+Stack.displayName = 'Stack';
+Stack.propTypes = {
+  className: _propTypes.default.string,
+  children: _propTypes.default.node,
+  classPrefix: _propTypes.default.string,
+  direction: _propTypes.default.oneOf(['row', 'row-reverse', 'column', 'column-reverse']),
+  alignItems: _propTypes.default.oneOf(['flex-start', 'center', 'flex-end', 'stretch', 'baseline']),
+  justifyContent: _propTypes.default.oneOf(['flex-start', 'center', 'flex-end', 'space-between', 'space-around']),
+  spacing: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.array]),
+  divider: _propTypes.default.node,
+  wrap: _propTypes.default.bool
+};
+var _default = Stack;
+exports.default = _default;

package/cjs/Stack/index.d.ts

@@ -0,0 +1,3 @@
+import Stack from './Stack';
+export type { StackProps } from './Stack';
+export default Stack;

package/cjs/Stack/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _Stack = _interopRequireDefault(require("./Stack"));
+
+var _default = _Stack.default;
+exports.default = _default;

package/cjs/Steps/StepItem.js

@@ -27,7 +27,7 @@ var STEP_STATUS_ICON = {
 };
 
 var StepItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _withClassPrefix;
+  var _withClassPrefix, _STEP_STATUS_ICON$sta;
 
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'div' : _props$as,
@@ -57,7 +57,7 @@ var StepItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var iconNode = /*#__PURE__*/_react.default.createElement("span", {
     className: prefix('icon', "icon-" + status)
-  }, status ? STEP_STATUS_ICON[status] : stepNumber);
+  }, status ? (_STEP_STATUS_ICON$sta = STEP_STATUS_ICON[status]) !== null && _STEP_STATUS_ICON$sta !== void 0 ? _STEP_STATUS_ICON$sta : stepNumber : stepNumber);
 
   if (icon) {
     iconNode = /*#__PURE__*/_react.default.createElement("span", {

package/cjs/Toggle/Toggle.js

@@ -62,14 +62,14 @@ var Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var inner = checked ? checkedChildren : unCheckedChildren;
   var label = checked ? locale.on : locale.off;
   var handleInputChange = (0, _react.useCallback)(function (e) {
-    if (disabled || readOnly) {
+    if (disabled || readOnly || loading) {
       return;
     }
 
     var checked = e.target.checked;
     setChecked(checked);
     onChange === null || onChange === void 0 ? void 0 : onChange(checked, e);
-  }, [disabled, readOnly, setChecked, onChange]);
+  }, [disabled, readOnly, loading, setChecked, onChange]);
 
   if (plaintext) {
     return /*#__PURE__*/_react.default.createElement(_Plaintext.default, null, inner || label);
@@ -81,7 +81,8 @@ var Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, rest), /*#__PURE__*/_react.default.createElement("input", {
     ref: inputRef,
     type: "checkbox",
-    checked: checked,
+    checked: checkedProp,
+    defaultChecked: defaultChecked,
     disabled: disabled,
     readOnly: readOnly,
     onChange: handleInputChange,

package/cjs/Tree/Tree.d.ts

@@ -36,7 +36,6 @@ export interface TreeDragProps<ItemDataType = Record<string, any>> {
     onDragEnd?: (nodeData: ItemDataType, e: React.DragEvent) => void;
     /** Called when node drop */
     onDrop?: (dropData: DropData<ItemDataType>, e: React.DragEvent) => void;
-    renderDragNode?: (dragNode: ItemDataType) => React.ReactNode;
 }
 export interface TreeBaseProps<ValueType = string | number, ItemDataType = Record<string, any>> extends StandardProps {
     /** The height of Dropdown */

package/cjs/Tree/Tree.js

@@ -28,12 +28,13 @@ exports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION;
 })(TREE_NODE_DROP_POSITION || (exports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION = {}));
 
 var Tree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var dragNodeRef = (0, _react.useRef)();
+  var contextValue = (0, _react.useMemo)(function () {
+    return {
+      inline: true
+    };
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_TreeContext.default.Provider, {
-    value: {
-      inline: true,
-      dragNodeRef: dragNodeRef
-    }
+    value: contextValue
   }, /*#__PURE__*/_react.default.createElement(_TreePicker.default, (0, _extends2.default)({
     ref: ref
   }, props)));

package/cjs/Tree/TreeContext.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 export interface TreeContextProps {
     inline?: boolean;
-    dragNodeRef?: React.MutableRefObject<any>;
 }
 declare const TreeContext: React.Context<TreeContextProps>;
 export default TreeContext;

package/cjs/TreePicker/TreeNode.js

@@ -21,8 +21,6 @@ var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/legacy/ArrowDown"
 
 var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
 
-var _TreeContext = _interopRequireDefault(require("../Tree/TreeContext"));
-
 var _reactToString = _interopRequireDefault(require("../utils/reactToString"));
 
 var _utils = require("../utils");
@@ -70,9 +68,6 @@ var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       merge = _useClassNames.merge,
       withClassPrefix = _useClassNames.withClassPrefix;
 
-  var _useContext = (0, _react.useContext)(_TreeContext.default),
-      dragNodeRef = _useContext.dragNodeRef;
-
   var getTitle = (0, _react.useCallback)(function () {
     if (typeof label === 'string') {
       return label;
@@ -102,16 +97,8 @@ var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, event);
   }, [nodeData, disabled, prefix, onSelect]);
   var handleDragStart = (0, _react.useCallback)(function (event) {
-    var dragNode = dragNodeRef === null || dragNodeRef === void 0 ? void 0 : dragNodeRef.current;
-
-    if (dragNode) {
-      var _event$dataTransfer;
-
-      (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.setDragImage(dragNode, 0, 0);
-    }
-
     onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(nodeData, event);
-  }, [dragNodeRef, nodeData, onDragStart]);
+  }, [nodeData, onDragStart]);
   var handleDragEnter = (0, _react.useCallback)(function (event) {
     event.preventDefault();
     event.stopPropagation();

package/cjs/TreePicker/TreePicker.js

@@ -112,8 +112,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       renderExtraFooter = props.renderExtraFooter,
       renderMenu = props.renderMenu,
       renderValue = props.renderValue,
-      renderDragNode = props.renderDragNode,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "appearance", "style", "showIndentLine", "value", "locale", "height", "className", "disabled", "placement", "cleanable", "menuStyle", "searchable", "virtualized", "classPrefix", "defaultValue", "placeholder", "searchKeyword", "menuClassName", "menuAutoWidth", "searchBy", "toggleAs", "labelKey", "valueKey", "childrenKey", "draggable", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "id", "listProps", "getChildren", "renderTreeIcon", "renderTreeNode", "onExit", "onExited", "onClean", "onOpen", "onSearch", "onSelect", "onChange", "onEntered", "onClose", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "renderExtraFooter", "renderMenu", "renderValue", "renderDragNode"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "appearance", "style", "showIndentLine", "value", "locale", "height", "className", "disabled", "placement", "cleanable", "menuStyle", "searchable", "virtualized", "classPrefix", "defaultValue", "placeholder", "searchKeyword", "menuClassName", "menuAutoWidth", "searchBy", "toggleAs", "labelKey", "valueKey", "childrenKey", "draggable", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "id", "listProps", "getChildren", "renderTreeIcon", "renderTreeNode", "onExit", "onExited", "onClean", "onOpen", "onSearch", "onSelect", "onChange", "onEntered", "onClose", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "renderExtraFooter", "renderMenu", "renderValue"]);
   var triggerRef = (0, _react.useRef)(null);
   var targetRef = (0, _react.useRef)(null);
   var listRef = (0, _react.useRef)(null);
@@ -126,8 +125,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       locale = _useCustom.locale;
 
   var _useContext = (0, _react.useContext)(_TreeContext.default),
-      inline = _useContext.inline,
-      dragNodeRef = _useContext.dragNodeRef;
+      inline = _useContext.inline;
 
   var _useControlled = (0, _utils.useControlled)(controlledValue, defaultValue),
       value = _useControlled[0],
@@ -249,14 +247,6 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   (0, _react.useEffect)(function () {
     setSearchKeyword(searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : '');
   }, [searchKeyword, setSearchKeyword]);
-  (0, _react.useEffect)(function () {
-    if (dragNodeRef) {
-      var _treeViewRef$current;
-
-      dragNodeRef.current = (_treeViewRef$current = treeViewRef.current) === null || _treeViewRef$current === void 0 ? void 0 : _treeViewRef$current.querySelector("." + treePrefix('drag-node-mover'));
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, []);
   var getDropData = (0, _react.useCallback)(function (nodeData) {
     var options = {
       valueKey: valueKey,
@@ -632,22 +622,6 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     };
   };
 
-  var renderDefaultDragNode = function renderDefaultDragNode() {
-    if (draggable && !(0, _isNil2.default)(dragNode)) {
-      var dragNodeContent = dragNode === null || dragNode === void 0 ? void 0 : dragNode[labelKey];
-
-      if ((0, _isFunction2.default)(renderDragNode)) {
-        dragNodeContent = renderDragNode(dragNode);
-      }
-
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: treePrefix('drag-node-mover')
-      }, dragNodeContent);
-    }
-
-    return null;
-  };
-
   var renderTree = function renderTree() {
     var _withTreeClassPrefix;
 
@@ -683,7 +657,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         rowRenderer: renderVirtualListNode(formattedNodes),
         scrollToAlignment: "center"
       }, listProps));
-    }) : formattedNodes), renderDefaultDragNode());
+    }) : formattedNodes));
   };
 
   var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {

package/cjs/index.d.ts

@@ -24,8 +24,6 @@ export { default as Loader } from './Loader';
 export type { LoaderProps } from './Loader';
 export { default as SafeAnchor } from './SafeAnchor';
 export type { SafeAnchorProps } from './SafeAnchor';
-export { default as Divider } from './Divider';
-export type { DividerProps } from './Divider';
 export { default as Placeholder } from './Placeholder';
 export type { PlaceholderGraphProps, PlaceholderGridProps, PlaceholderParagraphProps } from './Placeholder';
 export { default as Badge } from './Badge';
@@ -144,6 +142,10 @@ export { default as Sidebar } from './Sidebar';
 export type { SidebarProps } from './Sidebar';
 export { default as Footer } from './Footer';
 export type { FooterProps } from './Footer';
+export { default as Divider } from './Divider';
+export type { DividerProps } from './Divider';
+export { default as Stack } from './Stack';
+export type { StackProps } from './Stack';
 export { default as Schema } from './Schema';
 export { default as Animation } from './Animation';
 export type { TransitionProps, SlideProps, CollapseProps, FadeProps, BounceProps } from './Animation';

package/cjs/index.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DatePicker = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.Divider = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
+exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DatePicker = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
 
 var _Button = _interopRequireDefault(require("./Button"));
 
@@ -57,10 +57,6 @@ var _SafeAnchor = _interopRequireDefault(require("./SafeAnchor"));
 
 exports.SafeAnchor = _SafeAnchor.default;
 
-var _Divider = _interopRequireDefault(require("./Divider"));
-
-exports.Divider = _Divider.default;
-
 var _Placeholder = _interopRequireDefault(require("./Placeholder"));
 
 exports.Placeholder = _Placeholder.default;
@@ -297,6 +293,14 @@ var _Footer = _interopRequireDefault(require("./Footer"));
 
 exports.Footer = _Footer.default;
 
+var _Divider = _interopRequireDefault(require("./Divider"));
+
+exports.Divider = _Divider.default;
+
+var _Stack = _interopRequireDefault(require("./Stack"));
+
+exports.Stack = _Stack.default;
+
 var _Schema = _interopRequireDefault(require("./Schema"));
 
 exports.Schema = _Schema.default;

package/cjs/utils/index.d.ts

@@ -40,3 +40,4 @@ export { default as useUpdatedRef } from './useUpdatedRef';
 export { default as useWillUnmount } from './useWillUnmount';
 export { default as useUpdateEffect } from './useUpdateEffect';
 export { default as useIsMounted } from './useIsMounted';
+export { default as useMount } from './useMount';

package/cjs/utils/index.js

@@ -41,13 +41,14 @@ var _exportNames = {
   useWillUnmount: true,
   useUpdateEffect: true,
   useIsMounted: true,
+  useMount: true,
   defaultClassPrefix: true,
   getClassNamePrefix: true,
   globalKey: true,
   DateUtils: true,
   TypeChecker: true
 };
-exports.TypeChecker = exports.DateUtils = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.getDataGroupBy = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
+exports.TypeChecker = exports.DateUtils = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useMount = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.getDataGroupBy = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
 
 var _BrowserDetection = require("./BrowserDetection");
 
@@ -234,4 +235,8 @@ exports.useUpdateEffect = _useUpdateEffect.default;
 
 var _useIsMounted = _interopRequireDefault(require("./useIsMounted"));
 
-exports.useIsMounted = _useIsMounted.default;
+exports.useIsMounted = _useIsMounted.default;
+
+var _useMount = _interopRequireDefault(require("./useMount"));
+
+exports.useMount = _useMount.default;

package/cjs/utils/treeUtils.d.ts

@@ -150,7 +150,7 @@ export { getTreeActiveNode };
  * toggle tree node
  * @param param0
  */
-export declare function toggleExpand({ node, isExpand, expandItemValues, valueKey }: any): ItemDataType[];
+export declare function toggleExpand({ node, isExpand, expandItemValues, valueKey }: any): ItemDataType<string | number>[];
 export declare function getTreeNodeTitle(label: any): string | undefined;
 /**
  * get all children from flattenNodes object by given parent node
@@ -159,7 +159,7 @@ export declare function getTreeNodeTitle(label: any): string | undefined;
  */
 export declare function getChildrenByFlattenNodes(nodes: TreeNodesType, parent: TreeNodeType): TreeNodeType[];
 export declare function useTreeDrag(): {
-    dragNode: ItemDataType | null;
+    dragNode: ItemDataType<string | number> | null;
     dragOverNodeKey: null;
     dragNodeKeys: (string | number)[];
     dropNodePosition: TREE_NODE_DROP_POSITION | null;
@@ -219,14 +219,14 @@ interface TreeSearchProps {
  */
 export declare function useTreeSearch<T extends HTMLElement = HTMLInputElement>(props: TreeSearchProps): {
     searchKeywordState: string;
-    filteredData: ItemDataType[];
+    filteredData: ItemDataType<string | number>[];
     setFilteredData: (data: ItemDataType[], searchKeyword: string) => void;
     setSearchKeyword: React.Dispatch<React.SetStateAction<string>>;
     handleSearch: (searchKeyword: string, event: React.ChangeEvent<T>) => void;
 };
 export declare function useGetTreeNodeChildren(treeData: ItemDataType[], valueKey: string, childrenKey: string): {
-    data: ItemDataType[];
-    setData: React.Dispatch<React.SetStateAction<ItemDataType[]>>;
+    data: ItemDataType<string | number>[];
+    setData: React.Dispatch<React.SetStateAction<ItemDataType<string | number>[]>>;
     loadingNodeValues: never[];
     loadChildren: (node: any, getChildren: any) => void;
 };

package/cjs/utils/useMount.d.ts

@@ -0,0 +1,2 @@
+declare const useMount: (callback: () => void) => void;
+export default useMount;

package/cjs/utils/useMount.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = require("react");
+
+var useMount = function useMount(callback) {
+  var mountRef = (0, _react.useRef)(callback);
+  mountRef.current = callback;
+  (0, _react.useEffect)(function () {
+    var _mountRef$current;
+
+    (_mountRef$current = mountRef.current) === null || _mountRef$current === void 0 ? void 0 : _mountRef$current.call(mountRef);
+  }, []);
+};
+
+var _default = useMount;
+exports.default = _default;

package/cjs/utils/usePortal.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 interface PortalProps {
     id?: string;
-    container?: HTMLElement | (() => HTMLElement);
+    container?: HTMLElement | (() => HTMLElement | null) | null;
 }
 declare function usePortal(props?: PortalProps): {
     target: HTMLElement | null;