rsuite 6.1.2 → 6.1.3

package/cjs/InlineEdit/useEditState.js

@@ -27,40 +27,37 @@ const useEditState = props => {
     if (disabled) {
       return;
     }
-    onClick === null || onClick === void 0 || onClick(event);
-    onEdit === null || onEdit === void 0 || onEdit(event);
+    onClick?.(event);
+    onEdit?.(event);
     setIsEditing(true);
     setResetValue(value);
   });
   const handleFocus = (0, _hooks.useEventCallback)(event => {
     if (disabled || isEditing) return;
-    onFocus === null || onFocus === void 0 || onFocus(event);
+    onFocus?.(event);
     setIsEditing(true);
     setResetValue(value);
   });
   const handleChange = (0, _hooks.useEventCallback)((value, event) => {
     setValue(value);
-    onChange === null || onChange === void 0 || onChange(value, event);
+    onChange?.(value, event);
   });
   const handleCancel = (0, _hooks.useEventCallback)(event => {
-    var _event$stopPropagatio;
     setIsEditing(false);
     setValue(resetValue);
-    onCancel === null || onCancel === void 0 || onCancel(event);
-    event === null || event === void 0 || (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 || _event$stopPropagatio.call(event);
+    onCancel?.(event);
+    event?.stopPropagation?.();
   });
   const handleSave = (0, _hooks.useEventCallback)(event => {
-    var _event$stopPropagatio2;
     setIsEditing(false);
-    onSave === null || onSave === void 0 || onSave(event);
-    event === null || event === void 0 || (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 || _event$stopPropagatio2.call(event);
+    onSave?.(event);
+    event?.stopPropagation?.();
   });
   const handleKeyDown = (0, _hooks.useEventCallback)(event => {
-    var _event$target;
     if (isEditing) {
       switch (event.key) {
         case 'Enter':
-          if (((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.tagName) === 'INPUT') {
+          if (event.target?.tagName === 'INPUT') {
             handleSave(event);
           }
           break;

package/cjs/InlineEdit/useFocusEvent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PickerHandle } from '../internals/Picker/types';
 interface FocusEventProps {
     isEditing: boolean;

package/cjs/InlineEdit/useFocusEvent.js

@@ -13,38 +13,34 @@ const useFocusEvent = ({
   onSave,
   onCancel
 }) => {
-  var _ref$current;
   const ref = (0, _react.useRef)(null);
   const rootRef = (0, _react.useRef)(null);
-  const isPicker = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.type) === _symbols.RSUITE_PICKER_TYPE;
+  const isPicker = ref.current?.type === _symbols.RSUITE_PICKER_TYPE;
   const focus = () => {
     if (isPicker) {
       setTimeout(() => {
-        var _picker$target, _picker$target$focus, _picker$open;
         const picker = ref.current;
         // Auto focus the search input
-        picker === null || picker === void 0 || (_picker$target = picker.target) === null || _picker$target === void 0 || (_picker$target$focus = _picker$target.focus) === null || _picker$target$focus === void 0 || _picker$target$focus.call(_picker$target);
+        picker?.target?.focus?.();
 
         // Open the picker
-        picker === null || picker === void 0 || (_picker$open = picker.open) === null || _picker$open === void 0 || _picker$open.call(picker);
+        picker?.open?.();
       }, 100);
     } else {
-      var _ref$current2, _ref$current2$focus;
-      (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || (_ref$current2$focus = _ref$current2.focus) === null || _ref$current2$focus === void 0 || _ref$current2$focus.call(_ref$current2);
+      ref.current?.focus?.();
     }
   };
   const handleBlur = (0, _hooks.useEventCallback)(event => {
     if (event) {
-      var _event$relatedTarget;
-      const relatedTarget = (_event$relatedTarget = event.relatedTarget) !== null && _event$relatedTarget !== void 0 ? _event$relatedTarget : (0, _domLib.ownerDocument)(event.currentTarget).activeElement;
+      const relatedTarget = event.relatedTarget ?? (0, _domLib.ownerDocument)(event.currentTarget).activeElement;
       if (rootRef.current && (0, _domLib.contains)(rootRef.current, relatedTarget)) {
         return;
       }
     }
     if (stateOnBlur === 'save') {
-      onSave === null || onSave === void 0 || onSave(event);
+      onSave?.(event);
     } else if (stateOnBlur === 'cancel') {
-      onCancel === null || onCancel === void 0 || onCancel(event);
+      onCancel?.(event);
     }
   });
   (0, _hooks.useIsomorphicLayoutEffect)(() => {

package/cjs/Input/Input.js

@@ -24,7 +24,7 @@ const Input = (0, _utils.forwardRef)((props, ref) => {
   const {
     type = 'text',
     htmlSize,
-    size = (inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.size) || 'md',
+    size = inputGroup?.size || 'md',
     classPrefix = 'input',
     ...rest
   } = propsWithDefaults;

package/cjs/InputGroup/InputGroupContext.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import type { Size } from '../internals/types';
 export declare const InputGroupContext: React.Context<{
     onFocus: () => void;
     onBlur: () => void;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    size?: Size;
 } | null>;

package/cjs/InputNumber/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NumberInputProps as InputNumberProps } from '../NumberInput';
 /**
  * The `InputNumber` component is used to enter a numerical value.

package/cjs/InputPicker/InputAutosize.js

@@ -56,7 +56,7 @@ const useInputWidth = (props, sizerRef, placeholderRef) => {
     }
     if (width !== inputWidth) {
       setInputWidth(width);
-      onAutosize === null || onAutosize === void 0 || onAutosize(width);
+      onAutosize?.(width);
     }
   }, [minWidth, placeholder, inputWidth, value, placeholderRef, sizerRef, onAutosize]);
   return inputWidth;

package/cjs/InputPicker/InputPicker.js

@@ -129,8 +129,7 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
     triggerRef
   });
   const handleDataChange = data => {
-    var _data$;
-    setFocusItemValue(data === null || data === void 0 || (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$[valueKey]);
+    setFocusItemValue(data?.[0]?.[valueKey]);
   };
   const {
     data,
@@ -145,11 +144,10 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
   const [value, setValue, isControlled] = (0, _hooks.useControlled)(valueProp, multi ? defaultValue || [] : defaultValue);
   const cloneValue = () => multi ? (0, _clone.default)(value) || [] : value;
   const handleClose = (0, _hooks.useEventCallback)(() => {
-    var _triggerRef$current, _target$current, _target$current$focus;
-    triggerRef === null || triggerRef === void 0 || (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 || _triggerRef$current.close();
+    triggerRef?.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 focusItemValueOptions = {
     data: dataWithCache,
@@ -162,12 +160,11 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
     focusItemValue,
     setFocusItemValue,
     onKeyDown
-  } = (0, _Picker.useFocusItemValue)(multi ? value === null || value === void 0 ? void 0 : value[0] : value, focusItemValueOptions);
+  } = (0, _Picker.useFocusItemValue)(multi ? value?.[0] : value, focusItemValueOptions);
   const onSearchCallback = (0, _hooks.useEventCallback)((searchKeyword, filteredData, event) => {
     if (!disabledOptions) {
-      var _filteredData$;
       // The first option after filtering is the focus.
-      let firstItemValue = filteredData === null || filteredData === void 0 || (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey];
+      let firstItemValue = filteredData?.[0]?.[valueKey];
 
       // If there is no value in the option and new options are supported, the search keyword is the first option
       if (!firstItemValue && creatable) {
@@ -175,7 +172,7 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
       }
       setFocusItemValue(firstItemValue);
     }
-    onSearch === null || onSearch === void 0 || onSearch(searchKeyword, event);
+    onSearch?.(searchKeyword, event);
   });
   const searchOptions = {
     labelKey,
@@ -193,15 +190,14 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
 
   // Update the position of the menu when the search keyword and value change
   (0, _react.useEffect)(() => {
-    var _triggerRef$current2, _triggerRef$current2$;
-    (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 || (_triggerRef$current2$ = _triggerRef$current2.updatePosition) === null || _triggerRef$current2$ === void 0 || _triggerRef$current2$.call(_triggerRef$current2);
+    triggerRef.current?.updatePosition?.();
   }, [searchKeyword, value]);
   const getDataItem = value => {
     // Find active `MenuItem` by `value`
     const activeItem = dataWithCache.find(item => (0, _utils3.shallowEqual)(item[valueKey], value));
     let itemNode = placeholder;
-    if (activeItem !== null && activeItem !== void 0 && activeItem[labelKey]) {
-      itemNode = activeItem === null || activeItem === void 0 ? void 0 : activeItem[labelKey];
+    if (activeItem?.[labelKey]) {
+      itemNode = activeItem?.[labelKey];
     }
     return {
       isValid: !!activeItem,
@@ -221,14 +217,14 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
     };
     if (groupBy) {
       return {
-        [groupBy]: locale === null || locale === void 0 ? void 0 : locale.newItem,
+        [groupBy]: locale?.newItem,
         ...option
       };
     }
     return option;
   };
   const handleChange = (0, _hooks.useEventCallback)((value, event) => {
-    onChange === null || onChange === void 0 || onChange(value, event);
+    onChange?.(value, event);
   });
   const handleRemoveItemByTag = (0, _hooks.useEventCallback)((tag, event) => {
     event.stopPropagation();
@@ -236,13 +232,13 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
     (0, _remove.default)(val, itemVal => (0, _utils3.shallowEqual)(itemVal, tag));
     setValue(val);
     handleChange(val, event);
-    onTagRemove === null || onTagRemove === void 0 || onTagRemove(tag, event);
+    onTagRemove?.(tag, event);
   });
   const handleSelect = (0, _hooks.useEventCallback)((value, item, event) => {
-    onSelect === null || onSelect === void 0 || onSelect(value, item, event);
+    onSelect?.(value, item, event);
     if (creatable && item.create) {
       delete item.create;
-      onCreate === null || onCreate === void 0 || onCreate(value, item, event);
+      onCreate?.(value, item, event);
       setNewData(newData.concat(item));
     }
   });
@@ -300,7 +296,7 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
     }
 
     // If the value is disabled in this option, it is returned.
-    if (disabledItemValues !== null && disabledItemValues !== void 0 && disabledItemValues.some(item => item === newItemValue)) {
+    if (disabledItemValues?.some(item => item === newItemValue)) {
       return;
     }
     if (!val.some(v => (0, _utils3.shallowEqual)(v, newItemValue))) {
@@ -308,7 +304,7 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
     } else if (!disabledOptions) {
       (0, _remove.default)(val, itemVal => (0, _utils3.shallowEqual)(itemVal, newItemValue));
     }
-    let focusItem = data.find(item => (0, _utils3.shallowEqual)(item === null || item === void 0 ? void 0 : item[valueKey], newItemValue));
+    let focusItem = data.find(item => (0, _utils3.shallowEqual)(item?.[valueKey], newItemValue));
     if (!focusItem) {
       focusItem = createOption(newItemValue);
     }
@@ -323,7 +319,7 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
     }
 
     // If the value is disabled in this option, it is returned.
-    if (disabledItemValues !== null && disabledItemValues !== void 0 && disabledItemValues.some(item => item === focusItemValue)) {
+    if (disabledItemValues?.some(item => item === focusItemValue)) {
       return;
     }
 
@@ -348,12 +344,12 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
    * @param event
    */
   const removeLastItem = (0, _hooks.useEventCallback)(event => {
-    const target = event === null || event === void 0 ? void 0 : event.target;
-    if ((target === null || target === void 0 ? void 0 : target.tagName) !== 'INPUT') {
+    const target = event?.target;
+    if (target?.tagName !== 'INPUT') {
       focus();
       return;
     }
-    if ((target === null || target === void 0 ? void 0 : target.tagName) === 'INPUT' && target !== null && target !== void 0 && target.value) {
+    if (target?.tagName === 'INPUT' && target?.value) {
       return;
     }
     const val = cloneValue();
@@ -379,7 +375,7 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
     } else {
       handleChange(null, event);
     }
-    onClean === null || onClean === void 0 || onClean(event);
+    onClean?.(event);
   });
   const events = {
     onMenuPressBackspace: multi ? removeLastItem : handleClean,
@@ -419,16 +415,15 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
     ...rest
   });
   const handleExited = (0, _hooks.useEventCallback)(() => {
-    setFocusItemValue(multi ? value === null || value === void 0 ? void 0 : value[0] : value);
+    setFocusItemValue(multi ? value?.[0] : value);
     resetSearch();
   });
   const handleFocus = (0, _hooks.useEventCallback)(event => {
     if (!readOnly) {
-      var _triggerRef$current3;
       setOpen(true);
-      (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 || _triggerRef$current3.open();
+      triggerRef.current?.open();
     }
-    onFocus === null || onFocus === void 0 || onFocus(event);
+    onFocus?.(event);
   });
   const handleEnter = (0, _hooks.useEventCallback)(() => {
     focus();
@@ -440,7 +435,7 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
   });
   const renderListItem = (label, item) => {
     // 'Create option "{0}"' =>  Create option "xxxxx"
-    const newLabel = item.create ? /*#__PURE__*/_react.default.createElement("span", null, (0, _utils3.tplTransform)((locale === null || locale === void 0 ? void 0 : locale.createOption) || '', label)) : label;
+    const newLabel = item.create ? /*#__PURE__*/_react.default.createElement("span", null, (0, _utils3.tplTransform)(locale?.createOption || '', label)) : label;
     return renderOption ? renderOption(newLabel, item) : newLabel;
   };
   const checkValue = () => {
@@ -545,7 +540,7 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
       virtualized: virtualized
     }) : /*#__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, _utils3.mergeRefs)(overlay, speakerRef),
       autoWidth: popupAutoWidth,
@@ -553,7 +548,7 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
       style: mergedPopupStyle,
       target: triggerRef,
       onKeyDown: onPickerKeyDown
-    }, renderListbox ? renderListbox(listbox) : listbox, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());
+    }, renderListbox ? renderListbox(listbox) : listbox, renderExtraFooter?.());
   };
   const {
     isValid,
@@ -568,7 +563,7 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
    */
   const hasSingleValue = !(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue) && !(0, _isNil.default)(itemNode);
   const hasMultiValue = (0, _isArray.default)(value) && value.length > 0 && (0, _isFunction.default)(renderValue) && !(0, _isNil.default)(tagElements);
-  const hasValue = multi ? !!(tagElements !== null && tagElements !== void 0 && tagElements.length) || hasMultiValue : isValid || hasSingleValue;
+  const hasValue = multi ? !!tagElements?.length || hasMultiValue : isValid || hasSingleValue;
   const searching = !!searchKeyword && open;
   const editable = searchable && !disabled && !loading;
   if (plaintext) {
@@ -583,9 +578,9 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
     return /*#__PURE__*/_react.default.createElement(_Plaintext.default, (0, _extends2.default)({
       localeKey: "notSelected",
       ref: target
-    }, plaintextProps), itemNode || (tagElements !== null && tagElements !== void 0 && tagElements.length ? tagElements : null) || placeholder);
+    }, plaintextProps), itemNode || (tagElements?.length ? tagElements : null) || placeholder);
   }
-  const placeholderNode = placeholder || (disabledOptions ? null : locale === null || locale === void 0 ? void 0 : locale.placeholder);
+  const placeholderNode = placeholder || (disabledOptions ? null : locale?.placeholder);
   const triggerProps = {
     ...(0, _pick.default)(props, _Picker.triggerPropKeys),
     onEnter: (0, _utils3.createChainedFunction)(handleEnter, onEnter),

package/cjs/InputPicker/InputSearch.js

@@ -22,8 +22,7 @@ const InputSearch = (0, _utils.forwardRef)((props, ref) => {
     ...rest
   } = props;
   const handleChange = (0, _hooks.useEventCallback)(event => {
-    var _event$target;
-    onChange === null || onChange === void 0 || onChange(event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
+    onChange?.(event?.target?.value, event);
   });
   const {
     withPrefix,

package/cjs/InputPicker/hooks/useData.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Option } from '../../internals/types';
 export interface InputOption<T = number | string> extends Option<T> {
     create?: boolean;

package/cjs/InputPicker/hooks/useData.js

@@ -25,7 +25,7 @@ function useData(props) {
     if (controlledData && !(0, _utils.shallowEqual)(controlledData, uncontrolledData)) {
       setData(controlledData);
       setNewData([]);
-      onChange === null || onChange === void 0 || onChange(controlledData);
+      onChange?.(controlledData);
     }
   }, [controlledData, uncontrolledData, onChange]);
   return {

package/cjs/InputPicker/hooks/useInput.js

@@ -16,16 +16,13 @@ function useInput(props) {
   const inputRef = (0, _react.useRef)(null);
   const maxWidth = (0, _useMaxWidth.default)(triggerRef);
   const getInput = (0, _react.useCallback)(() => {
-    var _inputRef$current;
-    return multi ? (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.input : inputRef.current;
+    return multi ? inputRef.current?.input : inputRef.current;
   }, [multi]);
   const focus = (0, _react.useCallback)(() => {
-    var _getInput;
-    (_getInput = getInput()) === null || _getInput === void 0 || _getInput.focus();
+    getInput()?.focus();
   }, [getInput]);
   const blur = (0, _react.useCallback)(() => {
-    var _getInput2;
-    (_getInput2 = getInput()) === null || _getInput2 === void 0 || _getInput2.blur();
+    getInput()?.blur();
   }, [getInput]);
   const inputProps = (0, _react.useMemo)(() => {
     return multi ? {

package/cjs/InputPicker/hooks/useMaxWidth.js

@@ -9,11 +9,9 @@ var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
 function useMaxWidth(triggerRef) {
   const [maxWidth, setMaxWidth] = (0, _react.useState)(100);
   (0, _react.useEffect)(() => {
-    var _triggerRef$current;
     // In multiple selection, you need to set a maximum width for the input.
-    if ((_triggerRef$current = triggerRef.current) !== null && _triggerRef$current !== void 0 && _triggerRef$current.root) {
-      var _triggerRef$current2;
-      setMaxWidth((0, _getWidth.default)((_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : _triggerRef$current2.root));
+    if (triggerRef.current?.root) {
+      setMaxWidth((0, _getWidth.default)(triggerRef.current?.root));
     }
   }, []);
   return maxWidth;

package/cjs/List/helper/AutoScroller.js

@@ -9,11 +9,9 @@ const ACCELERATION = 5; // for auto scroll
  * Auto scroll when approaching the edge
  * */
 class AutoScroller {
+  interval = null;
+  isAutoScrolling = true;
   constructor(container, onScrollCallback) {
-    this.container = void 0;
-    this.onScrollCallback = void 0;
-    this.interval = null;
-    this.isAutoScrolling = true;
     this.container = container;
     this.onScrollCallback = onScrollCallback;
   }

package/cjs/List/helper/useSortHelper.d.ts

@@ -16,10 +16,10 @@ export type SortConfig = {
     onSort?(payload?: MovedItemInfo, event?: MouseEvent | TouchEvent): void;
 };
 declare const useSortHelper: (config: SortConfig) => {
-    handleStart: MouseEventHandler<Element>;
-    handleEnd: MouseEventHandler<Element>;
-    handleTouchStart: TouchEventHandler<Element>;
-    handleTouchEnd: TouchEventHandler<Element>;
+    handleStart: MouseEventHandler;
+    handleEnd: MouseEventHandler;
+    handleTouchStart: TouchEventHandler;
+    handleTouchEnd: TouchEventHandler;
     containerRef: import("react").RefObject<HTMLDivElement | null>;
     sorting: boolean;
     register: (item: ManagedItem) => {

package/cjs/List/helper/useSortHelper.js

@@ -36,13 +36,12 @@ const useSortHelper = config => {
    * start dragging
    * */
   const handlePress = (0, _react.useCallback)((event, _targetNode, curManagedItem) => {
-    var _curManagedItem$info$, _curManagedItem$info$2, _activeNodeHelper;
     if (!isMounted()) return;
     // data
     const containerElement = containerRef.current;
     const activeNode = curManagedItem.node;
-    const activeNodeOldIndex = (_curManagedItem$info$ = curManagedItem.info.index) !== null && _curManagedItem$info$ !== void 0 ? _curManagedItem$info$ : 0;
-    let activeNodeNextIndex = (_curManagedItem$info$2 = curManagedItem.info.index) !== null && _curManagedItem$info$2 !== void 0 ? _curManagedItem$info$2 : 0;
+    const activeNodeOldIndex = curManagedItem.info.index ?? 0;
+    let activeNodeNextIndex = curManagedItem.info.index ?? 0;
     let activeNodeHolderTranslate = {
       x: 0,
       y: 0
@@ -70,7 +69,7 @@ const useSortHelper = config => {
     const activeNodeOffsetEdge = (0, _utils.getEdgeOffset)(activeNode, containerElement);
     const activeNodeStyle = getComputedStyle(activeNode);
     let activeNodeHelper = activeNode.cloneNode(true);
-    (_activeNodeHelper = activeNodeHelper) === null || _activeNodeHelper === void 0 || _activeNodeHelper.classList.add(helperElementClass);
+    activeNodeHelper?.classList.add(helperElementClass);
     (0, _utils.setInlineStyles)(activeNodeHelper, {
       position: 'fixed',
       width: `${activeNodeBoundingClientRect.width}px`,
@@ -128,9 +127,8 @@ const useSortHelper = config => {
       const cTop = containerScrollDelta.top || 0;
       const sortingOffsetY = aTop + activeNodeHolderTranslate.y + cTop;
       for (let i = 0, len = listItemManagerRefs.length; i < len; i++) {
-        var _listItemManagerRefs$;
         const currentNode = listItemManagerRefs[i].node;
-        const currentNodeIndex = (_listItemManagerRefs$ = listItemManagerRefs[i].info.index) !== null && _listItemManagerRefs$ !== void 0 ? _listItemManagerRefs$ : 0;
+        const currentNodeIndex = listItemManagerRefs[i].info.index ?? 0;
         const offsetY = activeNodeBoundingClientRect.height > currentNode.offsetHeight ? currentNode.offsetHeight / 2 : activeNodeBoundingClientRect.height / 2;
         const translate = {
           x: 0,
@@ -159,8 +157,7 @@ const useSortHelper = config => {
         }
         const curEdgeOffsetTop = curEdgeOffset.top || 0;
         if (prvNode && currentNodeIndex > activeNodeOldIndex && sortingOffsetY + offsetY >= curEdgeOffsetTop) {
-          var _prvNode$edgeOffset;
-          const yOffset = (((_prvNode$edgeOffset = prvNode.edgeOffset) === null || _prvNode$edgeOffset === void 0 ? void 0 : _prvNode$edgeOffset.top) || 0) - curEdgeOffsetTop;
+          const yOffset = (prvNode.edgeOffset?.top || 0) - curEdgeOffsetTop;
           translate.y = yOffset;
           animatedNodesOffset[currentNodeIndex] = {
             x: 0,
@@ -168,8 +165,7 @@ const useSortHelper = config => {
           };
           activeNodeNextIndex = currentNodeIndex;
         } else if (nextNode && currentNodeIndex < activeNodeOldIndex && sortingOffsetY <= curEdgeOffsetTop + offsetY) {
-          var _nextNode$edgeOffset;
-          const yOffset = (((_nextNode$edgeOffset = nextNode.edgeOffset) === null || _nextNode$edgeOffset === void 0 ? void 0 : _nextNode$edgeOffset.top) || 0) - curEdgeOffsetTop;
+          const yOffset = (nextNode.edgeOffset?.top || 0) - curEdgeOffsetTop;
           translate.y = yOffset;
           animatedNodesOffset[currentNodeIndex] = {
             x: 0,
@@ -210,7 +206,7 @@ const useSortHelper = config => {
           }
         });
       }
-      onSortMove === null || onSortMove === void 0 || onSortMove({
+      onSortMove?.({
         collection: curManagedItem.info.collection,
         node: activeNode,
         oldIndex: activeNodeOldIndex,
@@ -220,12 +216,11 @@ const useSortHelper = config => {
 
     // Common handler for both mouse and touch end events
     const handleSortEnd = endEvent => {
-      var _sortTouchMoveListene, _sortTouchEndListener;
       // Remove the event listeners
       sortMouseMoveListener.off();
       sortMouseEndListener.off();
-      (_sortTouchMoveListene = sortTouchMoveListener) === null || _sortTouchMoveListene === void 0 || _sortTouchMoveListene.off();
-      (_sortTouchEndListener = sortTouchEndListener) === null || _sortTouchEndListener === void 0 || _sortTouchEndListener.off();
+      sortTouchMoveListener?.off();
+      sortTouchEndListener?.off();
 
       // Enable page scrolling again
       if (document.body.style.overflow === 'hidden') {
@@ -243,10 +238,9 @@ const useSortHelper = config => {
 
       // wait for animation
       setTimeout(() => {
-        var _activeNodeHelper2;
         if (!isMounted()) return;
         // Remove the helper from the DOM
-        (_activeNodeHelper2 = activeNodeHelper) === null || _activeNodeHelper2 === void 0 || (_activeNodeHelper2 = _activeNodeHelper2.parentNode) === null || _activeNodeHelper2 === void 0 || _activeNodeHelper2.removeChild(activeNodeHelper);
+        activeNodeHelper?.parentNode?.removeChild(activeNodeHelper);
         activeNodeHelper = null;
 
         // Remove redundant styles
@@ -276,8 +270,8 @@ const useSortHelper = config => {
           newIndex: activeNodeNextIndex,
           oldIndex: activeNodeOldIndex
         };
-        onSortEnd === null || onSortEnd === void 0 || onSortEnd(callbackPayload, endEvent);
-        onSort === null || onSort === void 0 || onSort(callbackPayload, endEvent);
+        onSortEnd?.(callbackPayload, endEvent);
+        onSort?.(callbackPayload, endEvent);
       }, transitionDuration);
     };
 
@@ -305,7 +299,7 @@ const useSortHelper = config => {
     }
     setSorting(true);
     // start callback
-    onSortStart === null || onSortStart === void 0 || onSortStart({
+    onSortStart?.({
       collection: curManagedItem.info.collection,
       node: activeNode,
       oldIndex: activeNodeOldIndex,

package/cjs/MaskedInput/TextMask.d.ts

@@ -38,10 +38,10 @@ export type TextMaskProps = TextMaskBaseProps & React.HTMLAttributes<HTMLInputEl
  */
 declare const TextMask: React.ForwardRefExoticComponent<TextMaskBaseProps & React.HTMLAttributes<HTMLInputElement> & {
     /** Custom rendering DOM */
-    render?: ((ref: React.Ref<HTMLInputElement>, props: React.HTMLAttributes<HTMLInputElement>) => any) | undefined;
-    onChange?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
-    value?: string | number | undefined;
-    readOnly?: boolean | undefined;
-    disabled?: boolean | undefined;
+    render?: (ref: React.Ref<HTMLInputElement>, props: React.HTMLAttributes<HTMLInputElement>) => any;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    value?: string | number;
+    readOnly?: boolean;
+    disabled?: boolean;
 } & React.RefAttributes<HTMLInputElement>>;
 export default TextMask;

package/cjs/MaskedInput/TextMask.js

@@ -37,17 +37,15 @@ const TextMask = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const inputRef = (0, _react.useRef)(null);
   const textMaskInputElement = (0, _react.useRef)(null);
   const initTextMask = (0, _react.useCallback)(() => {
-    var _textMaskInputElement;
     textMaskInputElement.current = (0, _createTextMaskInputElement.default)({
       inputElement: inputRef.current,
       ...props
     });
-    (_textMaskInputElement = textMaskInputElement.current) === null || _textMaskInputElement === void 0 || _textMaskInputElement.update(value);
+    textMaskInputElement.current?.update(value);
   }, [props, value]);
   const handleChange = (0, _react.useCallback)(event => {
-    var _textMaskInputElement2;
-    (_textMaskInputElement2 = textMaskInputElement.current) === null || _textMaskInputElement2 === void 0 || _textMaskInputElement2.update();
-    onChange === null || onChange === void 0 || onChange(event);
+    textMaskInputElement.current?.update();
+    onChange?.(event);
   }, [onChange]);
   (0, _react.useEffect)(() => {
     initTextMask();

package/cjs/MaskedInput/conformToMask.d.ts

@@ -1,5 +1,5 @@
 import { MaskType, ConfigType, MaskFunctionType } from './types';
-export declare function isArray(value: any): boolean;
+export declare function isArray(value: any): value is any[];
 export default function conformToMask(rawValue?: string, mask?: MaskType | MaskFunctionType | any, config?: ConfigType): {
     conformedValue: string;
     meta: {

package/cjs/MaskedInput/createTextMaskInputElement.js

@@ -32,7 +32,6 @@ function createTextMaskInputElement(config) {
       keepCharPositions = false,
       showMask = false
     } = config) {
-      var _pipeResults, _pipeResults2;
       // if `rawValue` is `undefined`, read from the `inputElement`
       if (typeof rawValue === 'undefined') {
         rawValue = inputElement.value;
@@ -166,7 +165,7 @@ function createTextMaskInputElement(config) {
 
       // Before we proceed, we need to know which conformed value to use, the one returned by the pipe or the one
       // returned by `conformToMask`.
-      const finalConformedValue = piped ? (_pipeResults = pipeResults) === null || _pipeResults === void 0 ? void 0 : _pipeResults.value : conformedValue;
+      const finalConformedValue = piped ? pipeResults?.value : conformedValue;
 
       // After determining the conformed value, we will need to know where to set
       // the caret position. `adjustCaretPosition` will tell us.
@@ -178,7 +177,7 @@ function createTextMaskInputElement(config) {
         rawValue: safeRawValue,
         currentCaretPosition,
         placeholderChar,
-        indexesOfPipedChars: (_pipeResults2 = pipeResults) === null || _pipeResults2 === void 0 ? void 0 : _pipeResults2.indexesOfPipedChars,
+        indexesOfPipedChars: pipeResults?.indexesOfPipedChars,
         caretTrapIndexes
       });