rsuite 6.1.2 → 6.2.0

package/cjs/Cascader/Cascader.js

@@ -83,29 +83,22 @@ const Cascader = (0, _utils3.forwardRef)((props, ref) => {
   const childrenMap = (0, _hooks2.useMap)();
 
   // Store the parent of each node
-  const parentMap = (0, _react.useMemo)(() => (0, _utils2.getParentMap)(data, item => {
-    var _childrenMap$get;
-    return (_childrenMap$get = childrenMap.get(item)) !== null && _childrenMap$get !== void 0 ? _childrenMap$get : item[childrenKey];
-  }), [childrenMap, childrenKey, data]);
+  const parentMap = (0, _react.useMemo)(() => (0, _utils2.getParentMap)(data, item => childrenMap.get(item) ?? item[childrenKey]), [childrenMap, childrenKey, data]);
 
   // Flatten the tree data
-  const flattenedData = (0, _react.useMemo)(() => (0, _utils.flattenTree)(data, item => {
-    var _childrenMap$get2;
-    return (_childrenMap$get2 = childrenMap.get(item)) !== null && _childrenMap$get2 !== void 0 ? _childrenMap$get2 : item[childrenKey];
-  }), [childrenMap, childrenKey, data]);
+  const flattenedData = (0, _react.useMemo)(() => (0, _utils.flattenTree)(data, item => childrenMap.get(item) ?? item[childrenKey]), [childrenMap, childrenKey, data]);
 
   // The selected item
   const selectedItem = flattenedData.find(item => item[valueKey] === value);
 
   // Callback function after selecting the node
   const onSelectCallback = (node, event) => {
-    var _trigger$current;
     const {
       isLeafNode,
       cascadePaths,
       itemData
     } = node;
-    onSelect === null || onSelect === void 0 || onSelect(itemData, cascadePaths, event);
+    onSelect?.(itemData, cascadePaths, event);
     const nextValue = itemData[valueKey];
     if (isLeafNode) {
       // Determines whether the option is a leaf node, and if so, closes the picker.
@@ -117,11 +110,11 @@ const Cascader = (0, _utils3.forwardRef)((props, ref) => {
     //  When the parent is optional, the value and the displayed path are updated.
     if (parentSelectable && !(0, _utils3.shallowEqual)(value, nextValue)) {
       setValue(nextValue);
-      onChange === null || onChange === void 0 || onChange(nextValue, event);
+      onChange?.(nextValue, event);
     }
 
     // Update menu position
-    (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.updatePosition();
+    trigger.current?.updatePosition();
   };
   const {
     activeItem,
@@ -147,10 +140,7 @@ const Cascader = (0, _utils3.forwardRef)((props, ref) => {
     activeItem,
     selectedItem,
     getParent: item => parentMap.get(item),
-    getChildren: item => {
-      var _childrenMap$get3;
-      return (_childrenMap$get3 = childrenMap.get(item)) !== null && _childrenMap$get3 !== void 0 ? _childrenMap$get3 : item[childrenKey];
-    }
+    getChildren: item => childrenMap.get(item) ?? item[childrenKey]
   });
 
   /**
@@ -177,13 +167,13 @@ const Cascader = (0, _utils3.forwardRef)((props, ref) => {
     rtl,
     data: flattenedData,
     valueKey,
-    defaultLayer: pathTowardsSelectedItem !== null && pathTowardsSelectedItem !== void 0 && pathTowardsSelectedItem.length ? pathTowardsSelectedItem.length - 1 : 0,
+    defaultLayer: pathTowardsSelectedItem?.length ? pathTowardsSelectedItem.length - 1 : 0,
     target: () => overlay.current,
     getParent: item => parentMap.get(item),
     callback: onFocusItemCallback
   });
   const onSearchCallback = (value, items, event) => {
-    onSearch === null || onSearch === void 0 || onSearch(value, event);
+    onSearch?.(value, event);
     if (!value || items.length === 0) {
       setFocusItemValue(undefined);
       return;
@@ -217,18 +207,17 @@ const Cascader = (0, _utils3.forwardRef)((props, ref) => {
     setSearchKeyword
   });
   const handleClose = (0, _hooks2.useEventCallback)(() => {
-    var _trigger$current2, _target$current, _target$current$focus;
-    (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 || _trigger$current2.close();
+    trigger.current?.close();
 
     // The focus is on the trigger button after closing
-    (_target$current = target.current) === null || _target$current === void 0 || (_target$current$focus = _target$current.focus) === null || _target$current$focus === void 0 || _target$current$focus.call(_target$current);
+    target.current?.focus?.();
   });
   const handleClean = (0, _hooks2.useEventCallback)(event => {
     if (disabled || !target.current) {
       return;
     }
     setValue(null);
-    onChange === null || onChange === void 0 || onChange(null, event);
+    onChange?.(null, event);
   });
   const handleMenuPressEnter = (0, _hooks2.useEventCallback)(event => {
     const focusItem = (0, _utils2.findNodeOfTree)(data, item => item[valueKey] === focusItemValue);
@@ -239,8 +228,8 @@ const Cascader = (0, _utils3.forwardRef)((props, ref) => {
         setLayer(pathTowardsActiveItem.length - 1);
       }
       if (!(0, _utils3.shallowEqual)(value, focusItemValue)) {
-        onSelect === null || onSelect === void 0 || onSelect(focusItem, pathTowardsActiveItem, event);
-        onChange === null || onChange === void 0 || onChange(focusItemValue !== null && focusItemValue !== void 0 ? focusItemValue : null, event);
+        onSelect?.(focusItem, pathTowardsActiveItem, event);
+        onChange?.(focusItemValue ?? null, event);
       }
       handleClose();
     }
@@ -266,8 +255,8 @@ const Cascader = (0, _utils3.forwardRef)((props, ref) => {
     handleClose();
     setSearchKeyword('');
     setValue(nextValue);
-    onSelect === null || onSelect === void 0 || onSelect(itemData, nodes, event);
-    onChange === null || onChange === void 0 || onChange(nextValue, event);
+    onSelect?.(itemData, nodes, event);
+    onChange?.(nextValue, event);
   });
   const renderCascadeColumn = (childNodes, column) => {
     if (typeof renderColumn === 'function') {
@@ -320,7 +309,7 @@ const Cascader = (0, _utils3.forwardRef)((props, ref) => {
       onSelect: handleSelect,
       renderColumn: renderCascadeColumn,
       renderTreeNode: renderCascadeTreeNode
-    }), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());
+    }), renderExtraFooter?.());
   };
   let selectedElement = placeholder;
   if (pathTowardsSelectedItem.length > 0) {
@@ -376,9 +365,9 @@ const Cascader = (0, _utils3.forwardRef)((props, ref) => {
     hasValue: hasValue,
     active: active,
     placement: placement,
-    inputValue: value !== null && value !== void 0 ? value : '',
+    inputValue: value ?? '',
     focusItemValue: focusItemValue
-  }, rest), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder)));
+  }, rest), selectedElement || locale?.placeholder));
 });
 Cascader.displayName = 'Cascader';
 var _default = exports.default = Cascader;

package/cjs/Cascader/useActive.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface UseActiveProps {
     target: React.RefObject<HTMLElement | null>;
     onOpen?: () => void;

package/cjs/Cascader/useActive.js

@@ -15,21 +15,19 @@ const useActive = props => {
   // Use component active state to support keyboard events.
   const [active, setActive] = (0, _react.useState)(false);
   const onEnter = (0, _hooks.useEventCallback)(node => {
-    var _props$onEnter;
-    (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 || _props$onEnter.call(props, node);
+    props.onEnter?.(node);
     if (!target.current) {
       return;
     }
-    onOpen === null || onOpen === void 0 || onOpen();
+    onOpen?.();
     setActive(true);
   });
   const onExit = (0, _hooks.useEventCallback)(node => {
-    var _props$onExit;
-    (_props$onExit = props.onExit) === null || _props$onExit === void 0 || _props$onExit.call(props, node);
+    props.onExit?.(node);
     if (!target.current) {
       return;
     }
-    onClose === null || onClose === void 0 || onClose();
+    onClose?.();
     setActive(false);
     setSearchKeyword('');
   });

package/cjs/CheckPicker/CheckPicker.js

@@ -88,16 +88,15 @@ const CheckPicker = (0, _utils2.forwardRef)((props, ref) => {
     focusItemValue,
     setFocusItemValue,
     onKeyDown: onFocusItem
-  } = (0, _Picker.useFocusItemValue)(value === null || value === void 0 ? void 0 : value[0], {
+  } = (0, _Picker.useFocusItemValue)(value?.[0], {
     data,
     valueKey,
     target: () => overlay.current
   });
   const handleSearchCallback = (0, _hooks.useEventCallback)((searchKeyword, filteredData, event) => {
-    var _filteredData$;
     // The first option after filtering is the focus.
-    setFocusItemValue(filteredData === null || filteredData === void 0 || (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]);
-    onSearch === null || onSearch === void 0 || onSearch(searchKeyword, event);
+    setFocusItemValue(filteredData?.[0]?.[valueKey]);
+    onSearch?.(searchKeyword, event);
   });
 
   // Use search keywords to filter options.
@@ -132,14 +131,14 @@ const CheckPicker = (0, _utils2.forwardRef)((props, ref) => {
     setStickyItems(nextStickyItems);
   };
   const handleChangeValue = (0, _hooks.useEventCallback)((value, event) => {
-    onChange === null || onChange === void 0 || onChange(value, event);
+    onChange?.(value, event);
   });
   const handleClean = (0, _hooks.useEventCallback)(event => {
     if (disabled || !cleanable) {
       return;
     }
     setValue([]);
-    onClean === null || onClean === void 0 || onClean(event);
+    onClean?.(event);
     handleChangeValue([], event);
   });
   const handleMenuPressEnter = event => {
@@ -152,7 +151,7 @@ const CheckPicker = (0, _utils2.forwardRef)((props, ref) => {
     } else {
       (0, _remove.default)(nextValue, itemVal => (0, _utils2.shallowEqual)(itemVal, focusItemValue));
     }
-    const focusItem = data.find(item => (0, _utils2.shallowEqual)(item === null || item === void 0 ? void 0 : item[valueKey], focusItemValue));
+    const focusItem = data.find(item => (0, _utils2.shallowEqual)(item?.[valueKey], focusItemValue));
     setValue(nextValue);
     handleSelect(nextValue, focusItem, event);
     handleChangeValue(nextValue, event);
@@ -171,7 +170,7 @@ const CheckPicker = (0, _utils2.forwardRef)((props, ref) => {
     ...rest
   });
   const handleSelect = (0, _hooks.useEventCallback)((nextItemValue, item, event) => {
-    onSelect === null || onSelect === void 0 || onSelect(nextItemValue, item, event);
+    onSelect?.(nextItemValue, item, event);
   });
   const handleItemSelect = (0, _hooks.useEventCallback)((nextItemValue, item, event, checked) => {
     const nextValue = (0, _clone.default)(value);
@@ -193,13 +192,13 @@ const CheckPicker = (0, _utils2.forwardRef)((props, ref) => {
     setFocusItemValue(null);
     setActive(false);
   });
-  const selectedItems = data.filter(item => value === null || value === void 0 ? void 0 : value.some(val => (0, _utils2.shallowEqual)(item[valueKey], val))) || [];
+  const selectedItems = data.filter(item => value?.some(val => (0, _utils2.shallowEqual)(item[valueKey], val))) || [];
 
   /**
    * 1.Have a value and the value is valid.
    * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.
    */
-  let hasValue = selectedItems.length > 0 || (value === null || value === void 0 ? void 0 : value.length) > 0 && (0, _isFunction.default)(renderValue);
+  let hasValue = selectedItems.length > 0 || value?.length > 0 && (0, _isFunction.default)(renderValue);
   const {
     prefix,
     merge
@@ -215,7 +214,7 @@ const CheckPicker = (0, _utils2.forwardRef)((props, ref) => {
       badgeSize: size
     });
   }
-  if ((value === null || value === void 0 ? void 0 : value.length) > 0 && (0, _isFunction.default)(renderValue)) {
+  if (value?.length > 0 && (0, _isFunction.default)(renderValue)) {
     selectedElement = renderValue(value, selectedItems, selectedElement);
     // If renderValue returns null or undefined, hasValue is false.
     if ((0, _isNil.default)(selectedElement)) {
@@ -263,7 +262,7 @@ const CheckPicker = (0, _utils2.forwardRef)((props, ref) => {
       query: searchKeyword
     }) : /*#__PURE__*/_react.default.createElement("div", {
       className: prefix`none`
-    }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);
+    }, locale?.noResultsText);
     return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {
       ref: (0, _utils2.mergeRefs)(overlay, speakerRef),
       autoWidth: popupAutoWidth,
@@ -272,11 +271,11 @@ const CheckPicker = (0, _utils2.forwardRef)((props, ref) => {
       onKeyDown: onPickerKeyDown,
       target: trigger
     }, searchable && /*#__PURE__*/_react.default.createElement(_SearchBox.default, {
-      placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,
+      placeholder: locale?.searchPlaceholder,
       onChange: handleSearch,
       value: searchKeyword,
       inputRef: searchInput
-    }), renderListbox ? renderListbox(listbox) : listbox, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());
+    }), renderListbox ? renderListbox(listbox) : listbox, renderExtraFooter?.());
   };
   const triggerProps = {
     ...(0, _pick.default)(props, _Picker.triggerPropKeys),
@@ -314,7 +313,7 @@ const CheckPicker = (0, _utils2.forwardRef)((props, ref) => {
     inputValue: value,
     focusItemValue: focusItemValue,
     size: size
-  }, rest), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder)));
+  }, rest), selectedElement || locale?.placeholder));
 });
 CheckPicker.displayName = 'CheckPicker';
 var _default = exports.default = CheckPicker;

package/cjs/CheckTree/CheckTree.js

@@ -81,7 +81,7 @@ const CheckTree = (0, _utils.forwardRef)((props, ref) => {
   });
   const handleChange = (0, _hooks.useEventCallback)((nextValue, event) => {
     setValue(nextValue);
-    onChange === null || onChange === void 0 || onChange(nextValue, event);
+    onChange?.(nextValue, event);
   });
   const treeContext = (0, _react.useMemo)(() => ({
     props: {

package/cjs/CheckTree/CheckTreeNode.js

@@ -52,10 +52,9 @@ const CheckTreeNode = (0, _utils.forwardRef)((props, ref) => {
   } = (0, _hooks.useStyles)(classPrefix);
   const labelStr = (0, _react.useMemo)(() => (0, _utils.stringifyReactNode)(label), [label]);
   const handleExpand = (0, _hooks.useEventCallback)(event => {
-    var _event$nativeEvent, _event$nativeEvent$st;
     // stop propagation when using custom loading icon
-    event === null || event === void 0 || (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 || (_event$nativeEvent$st = _event$nativeEvent.stopImmediatePropagation) === null || _event$nativeEvent$st === void 0 || _event$nativeEvent$st.call(_event$nativeEvent);
-    onExpand === null || onExpand === void 0 || onExpand(nodeData, expanded);
+    event?.nativeEvent?.stopImmediatePropagation?.();
+    onExpand?.(nodeData, expanded);
   });
   const handleSelect = (0, _hooks.useEventCallback)((_value, event) => {
     let isChecked = false;
@@ -69,7 +68,7 @@ const CheckTreeNode = (0, _utils.forwardRef)((props, ref) => {
       ...nodeData,
       check: isChecked
     };
-    onSelect === null || onSelect === void 0 || onSelect(nextNodeData, event);
+    onSelect?.(nextNodeData, event);
   });
   const classes = merge(className, withPrefix({
     disabled,

package/cjs/CheckTree/CheckTreeView.js

@@ -88,7 +88,7 @@ const CheckTreeView = (0, _utils.forwardRef)((props, ref) => {
     disabledItemValues
   });
   const handleSearchCallback = (value, _data, event) => {
-    onSearch === null || onSearch === void 0 || onSearch(value, event);
+    onSearch?.(value, event);
   };
   const {
     filteredData,
@@ -135,7 +135,7 @@ const CheckTreeView = (0, _utils.forwardRef)((props, ref) => {
       cascade,
       disabledItemValues,
       valueKey
-    }).map(node => render === null || render === void 0 ? void 0 : render(node, 1)).filter(item => item);
+    }).map(node => render?.(node, 1)).filter(item => item);
   };
   const getTreeNodeProps = (0, _useTreeNodeProps.default)({
     uncheckableItemValues,
@@ -160,9 +160,9 @@ const CheckTreeView = (0, _utils.forwardRef)((props, ref) => {
     const checkedValues = getCheckedValues(node, !currentNode.check);
     const path = (0, _utils2.getPathTowardsItem)(node, item => itemParentMap.get(item[valueKey]));
     setFocusItemValue(node[valueKey]);
-    onChange === null || onChange === void 0 || onChange(checkedValues, event);
-    onSelect === null || onSelect === void 0 || onSelect(node, checkedValues, event);
-    onSelectItem === null || onSelectItem === void 0 || onSelectItem(node, path);
+    onChange?.(checkedValues, event);
+    onSelect?.(node, checkedValues, event);
+    onSelectItem?.(node, path);
   });
   const selectActiveItem = event => {
     if ((0, _isNil.default)(focusItemValue)) return;

package/cjs/CheckTree/hooks/useTreeCheckState.js

@@ -116,9 +116,9 @@ function useTreeCheckState(props) {
           if (currentNode.checkAll && parentNode.check) {
             continue;
           }
-          if (!(parentNode !== null && parentNode !== void 0 && parentNode.checkAll)) {
+          if (!parentNode?.checkAll) {
             values.push(currentNode[valueKey]);
-          } else if (parentNode !== null && parentNode !== void 0 && parentNode.uncheckable) {
+          } else if (parentNode?.uncheckable) {
             values.push(currentNode[valueKey]);
           }
         }

package/cjs/CheckTree/utils.js

@@ -28,10 +28,7 @@ function getChildrenByFlattenNodes(nodes, parent) {
   if (!(0, _isNil2.default)(parent.refKey) && (0, _isNil2.default)(nodes[parent.refKey])) {
     return [];
   }
-  return Object.values(nodes).filter(item => {
-    var _item$parent;
-    return (item === null || item === void 0 || (_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent.refKey) === parent.refKey && item.refKey && !nodes[item.refKey].uncheckable;
-  });
+  return Object.values(nodes).filter(item => item?.parent?.refKey === parent.refKey && item.refKey && !nodes[item.refKey].uncheckable);
 }
 
 /**
@@ -50,8 +47,7 @@ function isEveryChildChecked(parent, options) {
   }
   const children = getChildrenByFlattenNodes(nodes, parent);
   if (!children.length) {
-    var _nodes$parent$refKey$;
-    return (_nodes$parent$refKey$ = nodes[parent.refKey].check) !== null && _nodes$parent$refKey$ !== void 0 ? _nodes$parent$refKey$ : false;
+    return nodes[parent.refKey].check ?? false;
   }
 
   // Filter out disabled children
@@ -65,14 +61,12 @@ function isEveryChildChecked(parent, options) {
 
   // If all children are disabled, return the parent's own check state
   if (enabledChildren.length === 0) {
-    var _nodes$parent$refKey$2;
-    return (_nodes$parent$refKey$2 = nodes[parent.refKey].check) !== null && _nodes$parent$refKey$2 !== void 0 ? _nodes$parent$refKey$2 : false;
+    return nodes[parent.refKey].check ?? false;
   }
 
   // Check if all enabled children are checked
   return enabledChildren.every(child => {
-    var _child$childrenKey;
-    if ((child === null || child === void 0 || (_child$childrenKey = child[childrenKey]) === null || _child$childrenKey === void 0 ? void 0 : _child$childrenKey.length) > 0) {
+    if (child?.[childrenKey]?.length > 0) {
       // fix: #3559
       return isEveryChildChecked(child, {
         nodes,
@@ -95,7 +89,6 @@ function isSomeChildChecked(nodes, parent, childrenKey, disabledItemValues = [],
   }
   const children = getChildrenByFlattenNodes(nodes, parent);
   return children.some(child => {
-    var _child$childrenKey2;
     // Skip disabled children
     const isDisabled = getDisabledState(nodes, child, {
       disabledItemValues,
@@ -104,7 +97,7 @@ function isSomeChildChecked(nodes, parent, childrenKey, disabledItemValues = [],
     if (isDisabled) {
       return false; // Disabled children don't count as "some checked"
     }
-    if ((child === null || child === void 0 || (_child$childrenKey2 = child[childrenKey]) === null || _child$childrenKey2 === void 0 ? void 0 : _child$childrenKey2.length) > 0) {
+    if (child?.[childrenKey]?.length > 0) {
       return isSomeChildChecked(nodes, child, childrenKey, disabledItemValues, valueKey);
     }
     return !(0, _isNil2.default)(child.refKey) && nodes[child.refKey].check;
@@ -125,11 +118,10 @@ function isAllSiblingNodeUncheckable(node, nodes, uncheckableItemValues, valueKe
   const list = [];
   const parentNodeRefKey = node.parent ? node.parent.refKey : '';
   Object.keys(nodes).forEach(refKey => {
-    var _curNode$parent;
     const curNode = nodes[refKey];
     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?.refKey === parentNodeRefKey) {
       list.push(curNode);
     }
   });
@@ -179,7 +171,6 @@ function getFormattedTree(nodes, data, props) {
     };
     const curNode = nodes[node.refKey];
     if (curNode) {
-      var _node$childrenKey;
       const checkState = !(0, _isUndefined2.default)(cascade) ? getNodeCheckState(curNode, {
         cascade,
         nodes,
@@ -191,7 +182,7 @@ function getFormattedTree(nodes, data, props) {
       formatted.uncheckable = curNode.uncheckable;
       (0, _utils.attachParent)(formatted, curNode.parent);
       formatted.checkState = checkState;
-      if (((_node$childrenKey = node[childrenKey]) === null || _node$childrenKey === void 0 ? void 0 : _node$childrenKey.length) > 0) {
+      if (node[childrenKey]?.length > 0) {
         formatted[childrenKey] = getFormattedTree(nodes, formatted[childrenKey], props);
       }
     }
@@ -236,7 +227,8 @@ function getDisabledState(nodes, node, props) {
  */
 function getCheckTreeDefaultValue(value, uncheckableItemValues) {
   if (Array.isArray(value) && Array.isArray(uncheckableItemValues)) {
-    return value.filter(v => !uncheckableItemValues.includes(v));
+    const filtered = value.filter(v => !uncheckableItemValues.includes(v));
+    return filtered.length === value.length ? value : filtered;
   }
   return value;
 }

package/cjs/CheckTreePicker/CheckTreePicker.js

@@ -156,8 +156,8 @@ const CheckTreePicker = (0, _utils.forwardRef)((props, ref) => {
     }
     setFocusItemValue(null);
     setValue([]);
-    onChange === null || onChange === void 0 || onChange([], event);
-    onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange([], event);
+    onChange?.([], event);
+    onCascadeChange?.([], event);
   });
   const handleTreeKeyDown = (0, _hooks.useEventCallback)(event => {
     (0, _Picker.onMenuKeyDown)(event, {
@@ -193,17 +193,17 @@ const CheckTreePicker = (0, _utils.forwardRef)((props, ref) => {
   });
   const handleChangeCascade = (0, _hooks.useEventCallback)((nextValue, event) => {
     if (!cascade) {
-      onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange(nextValue, event);
+      onCascadeChange?.(nextValue, event);
     } else {
       const nextSelectedNodes = (0, _utils2.getSelectedItems)(flattenedNodes, nextValue);
       const childrenNodes = handleTransValue2Children(nextSelectedNodes);
       const childrenValue = childrenNodes.map(node => node[valueKey]);
-      onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange(childrenValue, event);
+      onCascadeChange?.(childrenValue, event);
     }
   });
   const handleChange = (0, _hooks.useEventCallback)((nextValue, event) => {
     setValue(nextValue);
-    onChange === null || onChange === void 0 || onChange(nextValue, event);
+    onChange?.(nextValue, event);
     handleChangeCascade(nextValue, event);
   });
   const treeContext = (0, _react.useMemo)(() => ({
@@ -258,7 +258,7 @@ const CheckTreePicker = (0, _utils.forwardRef)((props, ref) => {
       style: popupStyle,
       onKeyDown: onPickerKeydown,
       target: trigger
-    }, renderTree ? renderTree(checkTreeView) : checkTreeView, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());
+    }, renderTree ? renderTree(checkTreeView) : checkTreeView, renderExtraFooter?.());
   };
 
   /**
@@ -321,7 +321,7 @@ const CheckTreePicker = (0, _utils.forwardRef)((props, ref) => {
     inputValue: value,
     focusItemValue: focusItemValue,
     size: size
-  }, rest), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder)));
+  }, rest), selectedElement || locale?.placeholder));
 });
 CheckTreePicker.displayName = 'CheckTreePicker';
 var _default = exports.default = CheckTreePicker;

package/cjs/CheckTreePicker/hooks/useFocusState.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface FocusStateProps {
     target: React.RefObject<HTMLElement | null>;
     onEnter?: (node: HTMLElement) => void;

package/cjs/CheckTreePicker/hooks/useFocusState.js

@@ -12,19 +12,16 @@ function useFocusState(props) {
   const [active, setActive] = (0, _react.useState)(false);
   const [focusItemValue, setFocusItemValue] = (0, _react.useState)(null);
   const focusTarget = (0, _hooks.useEventCallback)(() => {
-    var _target$current;
-    (_target$current = target.current) === null || _target$current === void 0 || _target$current.focus();
+    target.current?.focus();
   });
   const onEnter = (0, _hooks.useEventCallback)(node => {
-    var _props$onEnter;
     setActive(true);
-    (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 || _props$onEnter.call(props, node);
+    props.onEnter?.(node);
   });
   const onExit = (0, _hooks.useEventCallback)(node => {
-    var _props$onExit;
     setActive(false);
     focusTarget();
-    (_props$onExit = props.onExit) === null || _props$onExit === void 0 || _props$onExit.call(props, node);
+    props.onExit?.(node);
   });
   return {
     active,

package/cjs/Checkbox/Checkbox.js

@@ -28,7 +28,7 @@ const Checkbox = (0, _utils.forwardRef)((props, ref) => {
     readOnly: readOnlyContext,
     plaintext: plaintextContext,
     onChange: onGroupChange
-  } = checkboxGroupContext !== null && checkboxGroupContext !== void 0 ? checkboxGroupContext : {};
+  } = checkboxGroupContext ?? {};
   const {
     as,
     checked: controlledChecked,
@@ -59,13 +59,12 @@ const Checkbox = (0, _utils.forwardRef)((props, ref) => {
 
   // Either <Checkbox> is checked itself or by parent <CheckboxGroup>
   const checked = (0, _react.useMemo)(() => {
-    var _checkboxGroupContext, _checkboxGroupContext2;
     if (!checkboxGroupContext) {
       return selfChecked;
     }
 
     // fixme value from group should not be nullable
-    return (_checkboxGroupContext = (_checkboxGroupContext2 = checkboxGroupContext.value) === null || _checkboxGroupContext2 === void 0 ? void 0 : _checkboxGroupContext2.some(checkedValue => checkedValue === value)) !== null && _checkboxGroupContext !== void 0 ? _checkboxGroupContext : false;
+    return checkboxGroupContext.value?.some(checkedValue => checkedValue === value) ?? false;
   }, [checkboxGroupContext, selfChecked, value]);
   const {
     merge,
@@ -89,8 +88,8 @@ const Checkbox = (0, _utils.forwardRef)((props, ref) => {
       return;
     }
     setSelfChecked(nextChecked);
-    onChange === null || onChange === void 0 || onChange(value, nextChecked, event);
-    onGroupChange === null || onGroupChange === void 0 || onGroupChange(value, nextChecked, event);
+    onChange?.(value, nextChecked, event);
+    onGroupChange?.(value, nextChecked, event);
   });
   const handleLabelClick = (0, _hooks.useEventCallback)(event => {
     // Prevent check when label is not clickable

package/cjs/Checkbox/hooks/useIndeterminateCheckbox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * A hook that manages the indeterminate state of a checkbox input element.
  *

package/cjs/Checkbox/hooks/useIndeterminateCheckbox.js

@@ -25,7 +25,7 @@ function useIndeterminateCheckbox(indeterminate) {
   const ref = (0, _react.useRef)(null);
   (0, _react.useLayoutEffect)(() => {
     if (ref.current) {
-      ref.current.indeterminate = indeterminate !== null && indeterminate !== void 0 ? indeterminate : false;
+      ref.current.indeterminate = indeterminate ?? false;
     }
   }, [indeterminate]);
   return ref;

package/cjs/CheckboxGroup/CheckboxGroup.js

@@ -51,7 +51,7 @@ const CheckboxGroup = (0, _utils.forwardRef)((props, ref) => {
       (0, _remove.default)(nextValue, i => (0, _utils.shallowEqual)(i, itemValue));
     }
     setValue(nextValue);
-    onChange === null || onChange === void 0 || onChange(nextValue, event);
+    onChange?.(nextValue, event);
   }, [onChange, setValue, value]);
   const contextValue = (0, _react.useMemo)(() => ({
     inline,
@@ -68,7 +68,7 @@ const CheckboxGroup = (0, _utils.forwardRef)((props, ref) => {
   }, plaintext ? /*#__PURE__*/_react.default.createElement(_Plaintext.default, (0, _extends2.default)({
     ref: ref,
     localeKey: "notSelected"
-  }, rest), value !== null && value !== void 0 && value.length ? children : null) : /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
+  }, rest), value?.length ? children : null) : /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
     as: as
   }, rest, {
     ref: ref,

package/cjs/DOMHelper/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import * as helpers from 'dom-lib';
 export * from 'dom-lib';
 /**
@@ -39,6 +38,6 @@ export declare const DOMHelper: {
     getStyle: typeof helpers.getStyle;
     removeStyle: typeof helpers.removeStyle;
     addStyle: typeof helpers.addStyle;
-    translateDOMPositionXY: (style: CSSStyleDeclaration, x?: number | undefined, y?: number | undefined) => CSSStyleDeclaration;
+    translateDOMPositionXY: (style: CSSStyleDeclaration, x?: number, y?: number) => CSSStyleDeclaration;
 };
 export default DOMHelper;

package/cjs/DOMHelper/isElement.js

@@ -4,6 +4,6 @@
 exports.__esModule = true;
 exports.default = void 0;
 const isElement = value => {
-  return (value === null || value === void 0 ? void 0 : value.nodeType) === 1 && typeof (value === null || value === void 0 ? void 0 : value.nodeName) === 'string';
+  return value?.nodeType === 1 && typeof value?.nodeName === 'string';
 };
 var _default = exports.default = isElement;