rsuite 5.2.4 → 5.4.2

package/cjs/Cascader/Cascader.js

@@ -97,10 +97,10 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       flattenData = _useState2[0],
       setFlattenData = _useState2[1];
 
-  var triggerRef = (0, _react.useRef)();
-  var overlayRef = (0, _react.useRef)();
-  var targetRef = (0, _react.useRef)();
-  var searchInputRef = (0, _react.useRef)();
+  var triggerRef = (0, _react.useRef)(null);
+  var overlayRef = (0, _react.useRef)(null);
+  var targetRef = (0, _react.useRef)(null);
+  var searchInputRef = (0, _react.useRef)(null);
 
   var _useControlled = (0, _utils2.useControlled)(valueProp, defaultValue),
       value = _useControlled[0],
@@ -204,12 +204,12 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setSearchKeyword(value);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);
 
-    if (items !== null && items !== void 0 && items[0]) {
-      setFocusItemValue(items === null || items === void 0 ? void 0 : items[0]);
+    if (items.length > 0) {
+      setFocusItemValue(items[0][valueKey]);
       setLayer(0);
       setKeys([]);
     }
-  }, [getSearchResult, onSearch, setFocusItemValue, setKeys, setLayer]);
+  }, [getSearchResult, onSearch, setFocusItemValue, setKeys, setLayer, valueKey]);
   var handleEntered = (0, _react.useCallback)(function () {
     onOpen === null || onOpen === void 0 ? void 0 : onOpen();
     setActive(true);
@@ -250,7 +250,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }
 
       if (!(0, _shallowEqual.default)(value, focusItemValue)) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(focusItemValue, event);
+        onChange === null || onChange === void 0 ? void 0 : onChange(focusItemValue !== null && focusItemValue !== void 0 ? focusItemValue : null, event);
       }
 
       handleClose();
@@ -332,7 +332,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setValue(nextValue);
     setValueToPaths(nodes);
     enforceUpdate(nextValue);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, null, event);
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, nodes, event);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
   };
 
@@ -508,7 +508,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     hasValue: hasValue,
     active: active,
     placement: placement,
-    inputValue: value
+    inputValue: value !== null && value !== void 0 ? value : ''
   }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));
 });
 

package/cjs/Cascader/DropdownMenu.d.ts

@@ -2,16 +2,17 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { ItemDataType, WithAsProps, RsRefForwardingComponent } from '../@types/common';
 import { ValueType } from './Cascader';
-export interface DropdownMenuProps extends WithAsProps {
+export interface DropdownMenuProps extends Omit<WithAsProps, 'classPrefix'> {
+    classPrefix: string;
     disabledItemValues: ValueType[];
-    activeItemValue?: ValueType;
+    activeItemValue?: ValueType | null;
     childrenKey: string;
     cascadeData: ItemDataType[][];
     cascadePaths: ItemDataType[];
     valueKey: string;
     labelKey: string;
-    menuWidth: number;
-    menuHeight: number | string;
+    menuWidth?: number;
+    menuHeight?: number | string;
     renderMenuItem?: (itemLabel: React.ReactNode, item: ItemDataType) => React.ReactNode;
     renderMenu?: (items: ItemDataType[], menu: React.ReactNode, parentNode?: ItemDataType, layer?: number) => React.ReactNode;
     onSelect?: (node: ItemDataType, cascadePaths: ItemDataType[], isLeafNode: boolean, event: React.MouseEvent) => void;

package/cjs/Cascader/utils.d.ts

@@ -1,17 +1,17 @@
 /// <reference types="react" />
 import { CascaderProps } from './Cascader';
 import { ItemDataType } from '../@types/common';
-export declare function getColumnsAndPaths(data: any, value: any, options: any): {
-    columns: ItemDataType[][];
-    paths: any[];
+export declare function getColumnsAndPaths<T extends ItemDataType>(data: T[], value: any, options: any): {
+    columns: ItemDataType<string | number>[][];
+    paths: T[];
 };
 export declare function usePaths(props: CascaderProps): {
-    enforceUpdate: (nextValue: any, isAttachChildren?: boolean) => void;
-    columnData: ItemDataType[][];
-    valueToPaths: ItemDataType[];
-    selectedPaths: ItemDataType[];
-    setValueToPaths: import("react").Dispatch<import("react").SetStateAction<ItemDataType[]>>;
-    setColumnData: import("react").Dispatch<import("react").SetStateAction<ItemDataType[][]>>;
-    setSelectedPaths: import("react").Dispatch<import("react").SetStateAction<ItemDataType[]>>;
+    enforceUpdate: (nextValue: any, isAttachChildren?: boolean | undefined) => void;
+    columnData: ItemDataType<string | number>[][];
+    valueToPaths: ItemDataType<string | number>[];
+    selectedPaths: ItemDataType<string | number>[];
+    setValueToPaths: import("react").Dispatch<import("react").SetStateAction<ItemDataType<string | number>[]>>;
+    setColumnData: import("react").Dispatch<import("react").SetStateAction<ItemDataType<string | number>[][]>>;
+    setSelectedPaths: import("react").Dispatch<import("react").SetStateAction<ItemDataType<string | number>[]>>;
     addColumn: (column: ItemDataType[], index: number) => void;
 };

package/cjs/CheckPicker/CheckPicker.d.ts

@@ -1,13 +1,18 @@
+import React from 'react';
 import { PickerLocale } from '../locales';
-import { PickerComponent } from '../Picker';
 import { ItemDataType, FormControlPickerProps } from '../@types/common';
-import { SelectProps } from '../SelectPicker';
+import type { MultipleSelectProps } from '../SelectPicker';
 export declare type ValueType = (number | string)[];
-export interface CheckPickerProps<T = ValueType> extends FormControlPickerProps<T, PickerLocale, ItemDataType>, SelectProps<T> {
+export interface CheckPickerProps<T> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>>, MultipleSelectProps<T> {
     /** Top the selected option in the options */
     sticky?: boolean;
     /** A picker that can be counted */
     countable?: boolean;
 }
-declare const CheckPicker: PickerComponent<CheckPickerProps>;
+export interface CheckPickerComponent {
+    <T>(props: CheckPickerProps<T>): JSX.Element | null;
+    displayName?: string;
+    propTypes?: React.WeakValidationMap<CheckPickerProps<any>>;
+}
+declare const CheckPicker: CheckPickerComponent;
 export default CheckPicker;

package/cjs/CheckPicker/CheckPicker.js

@@ -100,10 +100,10 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onClose = props.onClose,
       onOpen = props.onOpen,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "appearance", "classPrefix", "countable", "data", "disabledItemValues", "valueKey", "labelKey", "searchable", "virtualized", "cleanable", "placement", "menuAutoWidth", "menuMaxHeight", "menuClassName", "menuStyle", "locale", "placeholder", "disabled", "toggleAs", "style", "sticky", "value", "defaultValue", "groupBy", "listProps", "id", "sort", "searchBy", "renderMenuItem", "renderMenuGroup", "renderValue", "renderExtraFooter", "renderMenu", "onGroupTitleClick", "onSearch", "onEnter", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onClose", "onOpen"]);
-  var triggerRef = (0, _react.useRef)();
-  var targetRef = (0, _react.useRef)();
-  var overlayRef = (0, _react.useRef)();
-  var searchInputRef = (0, _react.useRef)();
+  var triggerRef = (0, _react.useRef)(null);
+  var targetRef = (0, _react.useRef)(null);
+  var overlayRef = (0, _react.useRef)(null);
+  var searchInputRef = (0, _react.useRef)(null);
 
   var _useCustom = (0, _utils.useCustom)('Picker', overrideLocale),
       locale = _useCustom.locale;

package/cjs/CheckPicker/test/CheckPicker.test.d.ts

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

package/cjs/CheckPicker/test/CheckPicker.test.js

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

package/cjs/CheckTree/index.js

@@ -16,12 +16,13 @@ var _CheckTreePicker = _interopRequireDefault(require("../CheckTreePicker"));
 var _TreeContext = _interopRequireDefault(require("../Tree/TreeContext"));
 
 var CheckTree = /*#__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(_CheckTreePicker.default, (0, _extends2.default)({
     ref: ref
   }, props)));

package/cjs/CheckTreePicker/CheckTreeNode.d.ts

@@ -4,7 +4,7 @@ import { CheckStateType } from '../utils';
 export interface CheckTreeNodeProps extends WithAsProps {
     rtl?: boolean;
     label?: any;
-    layer?: number;
+    layer: number;
     value?: any;
     focus?: boolean;
     style?: React.CSSProperties;

package/cjs/CheckTreePicker/CheckTreeNode.js

@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 
-var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
@@ -21,11 +21,11 @@ var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
 
 var _DropdownMenuCheckItem = _interopRequireDefault(require("../Picker/DropdownMenuCheckItem"));
 
+var _treeUtils = require("../utils/treeUtils");
+
 var _utils = require("../utils");
 
 var CheckTreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _extends2;
-
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       style = _ref.style,
@@ -88,7 +88,7 @@ var CheckTreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       isChecked = false;
     }
 
-    var nextNodeData = (0, _extends3.default)({}, nodeData, {
+    var nextNodeData = (0, _extends2.default)({}, nodeData, {
       check: isChecked
     });
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextNodeData, event);
@@ -150,11 +150,9 @@ var CheckTreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     'all-uncheckable': !!allUncheckable,
     'text-muted': disabled,
     focus: focus
-  })); // layer start from 1
-
-  var padding = (layer - 1) * _utils.TREE_NODE_PADDING + _utils.TREE_NODE_ROOT_PADDING;
-  var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2[rtl ? 'paddingRight' : 'paddingLeft'] = padding, _extends2));
-  return visible ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({
+  }));
+  var styles = (0, _extends2.default)({}, style, (0, _treeUtils.getTreeNodeIndent)(rtl, layer - 1));
+  return visible ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "treeitem",
     "aria-label": label,
     "aria-expanded": expand,

package/cjs/CheckTreePicker/CheckTreePicker.js

@@ -35,14 +35,14 @@ var _CheckTreeNode = _interopRequireDefault(require("./CheckTreeNode"));
 
 var _TreeContext = _interopRequireDefault(require("../Tree/TreeContext"));
 
+var _treeUtils = require("../utils/treeUtils");
+
 var _utils = require("../utils");
 
 var _Picker = require("../Picker");
 
 var _utils2 = require("./utils");
 
-var _treeUtils = require("../utils/treeUtils");
-
 var _TreePicker = require("../TreePicker/TreePicker");
 
 var emptyArray = [];
@@ -62,6 +62,7 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       searchBy = props.searchBy,
       toggleAs = props.toggleAs,
       searchKeyword = props.searchKeyword,
+      showIndentLine = props.showIndentLine,
       overrideLocale = props.locale,
       _props$cascade = props.cascade,
       cascade = _props$cascade === void 0 ? true : _props$cascade,
@@ -115,17 +116,17 @@ 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", "appearance", "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", "listProps", "renderMenu", "getChildren", "renderExtraFooter", "onEntered", "onChange", "onClean", "onClose", "onExited", "onSearch", "onSelect", "onOpen", "onScroll", "onExpand", "renderValue", "renderTreeIcon", "renderTreeNode"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "style", "appearance", "cleanable", "countable", "searchBy", "toggleAs", "searchKeyword", "showIndentLine", "locale", "cascade", "disabled", "valueKey", "labelKey", "placement", "childrenKey", "placeholder", "value", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "height", "menuStyle", "searchable", "virtualized", "className", "classPrefix", "menuClassName", "menuAutoWidth", "uncheckableItemValues", "id", "listProps", "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)();
-  var overlayRef = (0, _react.useRef)();
-  var searchInputRef = (0, _react.useRef)();
-  var treeViewRef = (0, _react.useRef)();
+  var triggerRef = (0, _react.useRef)(null);
+  var targetRef = (0, _react.useRef)(null);
+  var listRef = (0, _react.useRef)(null);
+  var overlayRef = (0, _react.useRef)(null);
+  var searchInputRef = (0, _react.useRef)(null);
+  var treeViewRef = (0, _react.useRef)(null);
 
   var _useCustom = (0, _utils.useCustom)('Picker', overrideLocale),
       rtl = _useCustom.rtl,
@@ -221,25 +222,21 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
 
 
   var getFormattedNodes = (0, _react.useCallback)(function (render) {
-    var formattedNodes = [];
-
     if (virtualized) {
-      formattedNodes = formatVirtualizedTreeData(flattenNodes, filteredData, expandItemValues, {
+      return formatVirtualizedTreeData(flattenNodes, filteredData, expandItemValues, {
         cascade: cascade,
         searchKeyword: searchKeywordState
       }).filter(function (item) {
         return item.visible;
       });
-    } else {
-      formattedNodes = (0, _utils2.getFormattedTree)(filteredData, flattenNodes, {
-        childrenKey: childrenKey,
-        cascade: cascade
-      }).map(function (node) {
-        return render === null || render === void 0 ? void 0 : render(node, 1);
-      });
     }
 
-    return formattedNodes;
+    return (0, _utils2.getFormattedTree)(filteredData, flattenNodes, {
+      childrenKey: childrenKey,
+      cascade: cascade
+    }).map(function (node) {
+      return render === null || render === void 0 ? void 0 : render(node, 1);
+    });
   }, [searchKeywordState, expandItemValues, filteredData, flattenNodes, formatVirtualizedTreeData, virtualized, childrenKey, cascade]);
 
   var getTreeNodeProps = function getTreeNodeProps(node, layer) {
@@ -434,7 +431,7 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     }
   }, [childrenKey, expandItemValues, getChildren, loadChildren, onExpand, setExpandItemValues, valueKey]);
   (0, _Picker.usePublicMethods)(ref, {
-    rootRef: inline ? treeViewRef : null,
+    rootRef: inline ? treeViewRef : undefined,
     triggerRef: triggerRef,
     overlayRef: overlayRef,
     targetRef: targetRef,
@@ -489,11 +486,13 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     }
   }, [searchKeywordState, checkTreePrefix, expandItemValues, filteredData, focusItemValue, treeNodesRefs, childrenKey, valueKey, disabledItemValues]);
   var handleLeftArrow = (0, _react.useCallback)(function () {
+    if ((0, _isNil2.default)(focusItemValue)) return;
     var focusItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);
     (0, _treeUtils.leftArrowHandler)({
       focusItem: focusItem,
       expand: expandItemValues.includes(focusItem === null || focusItem === void 0 ? void 0 : focusItem[valueKey]),
       onExpand: handleExpand,
+      childrenKey: childrenKey,
       onFocusItem: function onFocusItem() {
         var _focusItem$parent, _focusItem$parent2;
 
@@ -501,8 +500,9 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
         (0, _treeUtils.focusTreeNode)(focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent2 = focusItem.parent) === null || _focusItem$parent2 === void 0 ? void 0 : _focusItem$parent2.refKey, treeNodesRefs, "." + checkTreePrefix('node-label'));
       }
     });
-  }, [checkTreePrefix, expandItemValues, flattenNodes, focusItemValue, handleExpand, treeNodesRefs, valueKey]);
+  }, [checkTreePrefix, expandItemValues, flattenNodes, focusItemValue, handleExpand, treeNodesRefs, valueKey, childrenKey]);
   var handleRightArrow = (0, _react.useCallback)(function () {
+    if ((0, _isNil2.default)(focusItemValue)) return;
     var focusItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);
     (0, _treeUtils.rightArrowHandler)({
       focusItem: focusItem,
@@ -515,6 +515,7 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     });
   }, [focusItemValue, flattenNodes, valueKey, expandItemValues, childrenKey, handleExpand, handleFocusItem]);
   var selectActiveItem = (0, _react.useCallback)(function (event) {
+    if ((0, _isNil2.default)(focusItemValue)) return;
     var activeItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);
 
     if (!(0, _utils2.isNodeUncheckable)(activeItem, {
@@ -596,19 +597,22 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
         key: node[valueKey]
       }, /*#__PURE__*/_react.default.createElement(_CheckTreeNode.default, (0, _extends2.default)({}, nodeProps, {
         ref: function ref(_ref) {
-          return saveTreeNodeRef(refKey, _ref);
+          return saveTreeNodeRef(_ref, refKey);
         }
       })), /*#__PURE__*/_react.default.createElement("div", {
         className: checkTreePrefix('children')
       }, nodes.map(function (child) {
         return renderNode(child, layer);
+      }), showIndentLine && /*#__PURE__*/_react.default.createElement("span", {
+        className: checkTreePrefix('indent-line'),
+        style: (0, _treeUtils.getTreeNodeIndent)(rtl, layer - 1, true)
       })));
     }
 
     return /*#__PURE__*/_react.default.createElement(_CheckTreeNode.default, (0, _extends2.default)({
       key: node[valueKey],
       ref: function ref(_ref2) {
-        return saveTreeNodeRef(refKey, _ref2);
+        return saveTreeNodeRef(_ref2, refKey);
       }
     }, nodeProps));
   };
@@ -632,7 +636,7 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
         style: style,
         key: key,
         ref: function ref(_ref4) {
-          return saveTreeNodeRef(refKey, _ref4);
+          return saveTreeNodeRef(_ref4, refKey);
         }
       }, nodeProps));
     };

package/cjs/CheckTreePicker/utils.d.ts

@@ -14,6 +14,8 @@ export interface TreeNodeType {
     value?: string | number;
     groupBy?: string;
     children?: TreeNodeType[];
+    hasChildren?: boolean;
+    checkState?: CheckStateType;
 }
 export interface TreeNodesType {
     [key: string]: TreeNodeType;
@@ -38,5 +40,5 @@ export declare function isNodeUncheckable(node: any, props: Partial<CheckTreePic
 export declare function getFormattedTree(data: any[], nodes: TreeNodesType, props: Partial<CheckTreePickerProps>): any[];
 export declare function getDisabledState(nodes: TreeNodesType, node: TreeNodeType, props: Partial<CheckTreePickerProps>): boolean;
 export declare function getCheckTreePickerDefaultValue(value: any[], uncheckableItemValues: any[]): any[];
-export declare function getSelectedItems(nodes: TreeNodesType, value: (string | number)[], valueKey: string): any[];
+export declare function getSelectedItems(nodes: TreeNodesType, value: (string | number)[], valueKey: string): TreeNodeType[];
 export declare function getNodeCheckState({ nodes, node, cascade, childrenKey }: any): CheckStateType;

package/cjs/CheckTreePicker/utils.js

@@ -26,23 +26,25 @@ var _utils = require("../utils");
 var _treeUtils = require("../utils/treeUtils");
 
 function isEveryChildChecked(nodes, parent) {
-  if ((0, _isNil2.default)(nodes[parent.refKey])) {
+  if ((0, _isNil2.default)(parent.refKey) || (0, _isNil2.default)(nodes[parent.refKey])) {
     return false;
   }
 
   var children = (0, _treeUtils.getChildrenByFlattenNodes)(nodes, parent);
 
   if (!children.length) {
-    return nodes[parent.refKey].check;
+    var _nodes$parent$refKey$;
+
+    return (_nodes$parent$refKey$ = nodes[parent.refKey].check) !== null && _nodes$parent$refKey$ !== void 0 ? _nodes$parent$refKey$ : false;
   }
 
   return children.every(function (child) {
-    return nodes[child.refKey].check;
+    return !(0, _isNil2.default)(child.refKey) && nodes[child.refKey].check;
   });
 }
 
 function isSomeChildChecked(nodes, parent, childrenKey) {
-  if ((0, _isNil2.default)(nodes[parent.refKey])) {
+  if (!(0, _isNil2.default)(parent.refKey) && (0, _isNil2.default)(nodes[parent.refKey])) {
     return false;
   }
 
@@ -54,7 +56,7 @@ function isSomeChildChecked(nodes, parent, childrenKey) {
       return isSomeChildChecked(nodes, child, childrenKey);
     }
 
-    return nodes[child.refKey].check;
+    return !(0, _isNil2.default)(child.refKey) && nodes[child.refKey].check;
   });
 }
 
@@ -71,7 +73,7 @@ function isSomeNodeHasChildren(data, childrenKey) {
 
 function isAllSiblingNodeUncheckable(node, nodes, uncheckableItemValues, valueKey) {
   var list = [];
-  var parentNodeRefkey = node.parent ? node.parent.refKey : '';
+  var parentNodeRefKey = node.parent ? node.parent.refKey : '';
   Object.keys(nodes).forEach(function (refKey) {
     var _curNode$parent;
 
@@ -79,7 +81,7 @@ function isAllSiblingNodeUncheckable(node, nodes, uncheckableItemValues, valueKe
 
     if ((0, _isNil2.default)(node.parent) && (0, _isNil2.default)(curNode.parent)) {
       list.push(curNode);
-    } else if (((_curNode$parent = curNode.parent) === null || _curNode$parent === void 0 ? void 0 : _curNode$parent.refKey) === parentNodeRefkey) {
+    } else if (((_curNode$parent = curNode.parent) === null || _curNode$parent === void 0 ? void 0 : _curNode$parent.refKey) === parentNodeRefKey) {
       list.push(curNode);
     }
   });
@@ -134,7 +136,7 @@ function getFormattedTree(data, nodes, props) {
     var curNode = nodes[node.refKey];
 
     if (curNode) {
-      var _node$childrenKey;
+      var _node;
 
       var checkState = !(0, _isUndefined2.default)(cascade) ? getNodeCheckState({
         node: curNode,
@@ -148,7 +150,7 @@ function getFormattedTree(data, nodes, props) {
       formatted.parent = curNode.parent;
       formatted.checkState = checkState;
 
-      if (((_node$childrenKey = node[childrenKey]) === null || _node$childrenKey === void 0 ? void 0 : _node$childrenKey.length) > 0) {
+      if (((_node = node[childrenKey]) === null || _node === void 0 ? void 0 : _node.length) > 0) {
         formatted[childrenKey] = getFormattedTree(formatted[childrenKey], nodes, props);
       }
     }
@@ -162,7 +164,7 @@ function getDisabledState(nodes, node, props) {
       disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
       valueKey = props.valueKey;
 
-  if ((0, _isNil2.default)(nodes[node.refKey])) {
+  if (!(0, _isNil2.default)(node.refKey) && (0, _isNil2.default)(nodes[node.refKey])) {
     return false;
   }
 

package/cjs/Checkbox/Checkbox.d.ts

@@ -31,7 +31,7 @@ export interface CheckboxProps<V = ValueType> extends WithAsProps {
     /** Used for the name of the form */
     name?: string;
     /** Called when the user attempts to change the checked state. */
-    onChange?: (value: V, checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (value: V | undefined, checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
     /** Called when the checkbox or label is clicked. */
     onClick?: (event: React.SyntheticEvent) => void;
     /** Called when the checkbox is clicked. */

package/cjs/Container/Container.js

@@ -41,10 +41,13 @@ var Container = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var classes = merge(className, withClassPrefix({
     'has-sidebar': hasSidebar
   }));
-  return /*#__PURE__*/_react.default.createElement(ContainerContext.Provider, {
-    value: {
+  var contextValue = (0, _react.useMemo)(function () {
+    return {
       setHasSidebar: setHasSidebar
-    }
+    };
+  }, [setHasSidebar]);
+  return /*#__PURE__*/_react.default.createElement(ContainerContext.Provider, {
+    value: contextValue
   }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes