rsuite 6.1.2 → 6.1.3

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);
       }
     }

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;

package/cjs/DateInput/DateField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Locale } from 'date-fns';
 export declare const patternMap: {
     y: string;
@@ -28,8 +27,128 @@ interface Action {
     type: string;
     value: any;
 }
-export declare const useDateField: (format: string, localize: Locale['localize'], date?: Date | null) => {
-    dateField: DateField;
+export declare const useDateField: (format: string, localize: Locale["localize"], date?: Date | null) => {
+    dateField: {
+        year: any;
+        format: string;
+        patternArray: {
+            pattern: string;
+            key: string;
+        }[];
+        month: number | null;
+        day: number | null;
+        hour: number | null;
+        minute: number | null;
+        second: number | null;
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+        should: Chai.Assertion;
+    } | {
+        month: any;
+        format: string;
+        patternArray: {
+            pattern: string;
+            key: string;
+        }[];
+        year: number | null;
+        day: number | null;
+        hour: number | null;
+        minute: number | null;
+        second: number | null;
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+        should: Chai.Assertion;
+    } | {
+        day: any;
+        format: string;
+        patternArray: {
+            pattern: string;
+            key: string;
+        }[];
+        year: number | null;
+        month: number | null;
+        hour: number | null;
+        minute: number | null;
+        second: number | null;
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+        should: Chai.Assertion;
+    } | {
+        hour: any;
+        format: string;
+        patternArray: {
+            pattern: string;
+            key: string;
+        }[];
+        year: number | null;
+        month: number | null;
+        day: number | null;
+        minute: number | null;
+        second: number | null;
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+        should: Chai.Assertion;
+    } | {
+        minute: any;
+        format: string;
+        patternArray: {
+            pattern: string;
+            key: string;
+        }[];
+        year: number | null;
+        month: number | null;
+        day: number | null;
+        hour: number | null;
+        second: number | null;
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+        should: Chai.Assertion;
+    } | {
+        second: any;
+        format: string;
+        patternArray: {
+            pattern: string;
+            key: string;
+        }[];
+        year: number | null;
+        month: number | null;
+        day: number | null;
+        hour: number | null;
+        minute: number | null;
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+        should: Chai.Assertion;
+    };
     dispatch: import("react").ActionDispatch<[action: Action]>;
     toDate: (type?: string, value?: number | null) => Date | null;
     toDateString: () => string;

package/cjs/DateInput/DateField.js

@@ -17,16 +17,15 @@ const patternMap = exports.patternMap = {
   a: 'meridiem'
 };
 class DateField extends Object {
+  patternArray = [];
+  year = null;
+  month = null;
+  day = null;
+  hour = null;
+  minute = null;
+  second = null;
   constructor(format, value) {
     super();
-    this.format = void 0;
-    this.patternArray = [];
-    this.year = null;
-    this.month = null;
-    this.day = null;
-    this.hour = null;
-    this.minute = null;
-    this.second = null;
     this.format = format;
     const formatArray = format.match(new RegExp('([y|d|M|H|h|m|s|a])+', 'ig')) || [];
     this.patternArray = formatArray.map(pattern => {
@@ -111,11 +110,11 @@ const useDateField = (format, localize, date) => {
       let value = dateField[key];
       if (value !== null) {
         if (pattern === 'MMM' && typeof value === 'number') {
-          value = localize === null || localize === void 0 ? void 0 : localize.month(value - 1, {
+          value = localize?.month(value - 1, {
             width: 'abbreviated'
           });
         } else if (pattern === 'MMMM' && typeof value === 'number') {
-          value = localize === null || localize === void 0 ? void 0 : localize.month(value - 1, {
+          value = localize?.month(value - 1, {
             width: 'wide'
           });
         } else if (pattern === 'aa') {
@@ -140,9 +139,8 @@ const useDateField = (format, localize, date) => {
 
   // Check if the field value is valid.
   const validFieldValue = (type, value) => {
-    var _format$match;
     let isValid = true;
-    (_format$match = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match === void 0 || _format$match.forEach(pattern => {
+    format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))?.forEach(pattern => {
       const key = patternMap[pattern[0]];
       const fieldValue = type === key ? value : dateField[key];
       if (fieldValue === null) {
@@ -153,13 +151,12 @@ const useDateField = (format, localize, date) => {
     return isValid;
   };
   const isEmptyValue = (type, value) => {
-    var _format$match2;
-    const checkValueArray = (_format$match2 = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match2 === void 0 ? void 0 : _format$match2.map(pattern => {
+    const checkValueArray = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))?.map(pattern => {
       const key = patternMap[pattern[0]];
       const fieldValue = type === key ? value : dateField[key];
       return fieldValue !== null;
     });
-    return checkValueArray === null || checkValueArray === void 0 ? void 0 : checkValueArray.every(item => item === false);
+    return checkValueArray?.every(item => item === false);
   };
   const toDate = (type, value) => {
     const {