rsuite 6.1.2 → 6.1.3

package/esm/CheckPicker/CheckPicker.js

@@ -82,16 +82,15 @@ const CheckPicker = forwardRef((props, ref) => {
     focusItemValue,
     setFocusItemValue,
     onKeyDown: onFocusItem
-  } = useFocusItemValue(value === null || value === void 0 ? void 0 : value[0], {
+  } = useFocusItemValue(value?.[0], {
     data,
     valueKey,
     target: () => overlay.current
   });
   const handleSearchCallback = 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.
@@ -126,14 +125,14 @@ const CheckPicker = forwardRef((props, ref) => {
     setStickyItems(nextStickyItems);
   };
   const handleChangeValue = useEventCallback((value, event) => {
-    onChange === null || onChange === void 0 || onChange(value, event);
+    onChange?.(value, event);
   });
   const handleClean = useEventCallback(event => {
     if (disabled || !cleanable) {
       return;
     }
     setValue([]);
-    onClean === null || onClean === void 0 || onClean(event);
+    onClean?.(event);
     handleChangeValue([], event);
   });
   const handleMenuPressEnter = event => {
@@ -146,7 +145,7 @@ const CheckPicker = forwardRef((props, ref) => {
     } else {
       remove(nextValue, itemVal => shallowEqual(itemVal, focusItemValue));
     }
-    const focusItem = data.find(item => shallowEqual(item === null || item === void 0 ? void 0 : item[valueKey], focusItemValue));
+    const focusItem = data.find(item => shallowEqual(item?.[valueKey], focusItemValue));
     setValue(nextValue);
     handleSelect(nextValue, focusItem, event);
     handleChangeValue(nextValue, event);
@@ -165,7 +164,7 @@ const CheckPicker = forwardRef((props, ref) => {
     ...rest
   });
   const handleSelect = useEventCallback((nextItemValue, item, event) => {
-    onSelect === null || onSelect === void 0 || onSelect(nextItemValue, item, event);
+    onSelect?.(nextItemValue, item, event);
   });
   const handleItemSelect = useEventCallback((nextItemValue, item, event, checked) => {
     const nextValue = clone(value);
@@ -187,13 +186,13 @@ const CheckPicker = forwardRef((props, ref) => {
     setFocusItemValue(null);
     setActive(false);
   });
-  const selectedItems = data.filter(item => value === null || value === void 0 ? void 0 : value.some(val => shallowEqual(item[valueKey], val))) || [];
+  const selectedItems = data.filter(item => value?.some(val => 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 && isFunction(renderValue);
+  let hasValue = selectedItems.length > 0 || value?.length > 0 && isFunction(renderValue);
   const {
     prefix,
     merge
@@ -209,7 +208,7 @@ const CheckPicker = forwardRef((props, ref) => {
       badgeSize: size
     });
   }
-  if ((value === null || value === void 0 ? void 0 : value.length) > 0 && isFunction(renderValue)) {
+  if (value?.length > 0 && isFunction(renderValue)) {
     selectedElement = renderValue(value, selectedItems, selectedElement);
     // If renderValue returns null or undefined, hasValue is false.
     if (isNil(selectedElement)) {
@@ -257,7 +256,7 @@ const CheckPicker = forwardRef((props, ref) => {
       query: searchKeyword
     }) : /*#__PURE__*/React.createElement("div", {
       className: prefix`none`
-    }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);
+    }, locale?.noResultsText);
     return /*#__PURE__*/React.createElement(PickerPopup, {
       ref: mergeRefs(overlay, speakerRef),
       autoWidth: popupAutoWidth,
@@ -266,11 +265,11 @@ const CheckPicker = forwardRef((props, ref) => {
       onKeyDown: onPickerKeyDown,
       target: trigger
     }, searchable && /*#__PURE__*/React.createElement(SearchBox, {
-      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 = {
     ...pick(props, triggerPropKeys),
@@ -308,7 +307,7 @@ const CheckPicker = 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';
 export default CheckPicker;

package/esm/CheckTree/CheckTree.js

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

package/esm/CheckTree/CheckTreeNode.js

@@ -46,10 +46,9 @@ const CheckTreeNode = forwardRef((props, ref) => {
   } = useStyles(classPrefix);
   const labelStr = useMemo(() => stringifyReactNode(label), [label]);
   const handleExpand = 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 = useEventCallback((_value, event) => {
     let isChecked = false;
@@ -63,7 +62,7 @@ const CheckTreeNode = forwardRef((props, ref) => {
       ...nodeData,
       check: isChecked
     };
-    onSelect === null || onSelect === void 0 || onSelect(nextNodeData, event);
+    onSelect?.(nextNodeData, event);
   });
   const classes = merge(className, withPrefix({
     disabled,

package/esm/CheckTree/CheckTreeView.js

@@ -83,7 +83,7 @@ const CheckTreeView = forwardRef((props, ref) => {
     disabledItemValues
   });
   const handleSearchCallback = (value, _data, event) => {
-    onSearch === null || onSearch === void 0 || onSearch(value, event);
+    onSearch?.(value, event);
   };
   const {
     filteredData,
@@ -130,7 +130,7 @@ const CheckTreeView = 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 = useTreeNodeProps({
     uncheckableItemValues,
@@ -155,9 +155,9 @@ const CheckTreeView = forwardRef((props, ref) => {
     const checkedValues = getCheckedValues(node, !currentNode.check);
     const path = 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 (isNil(focusItemValue)) return;

package/esm/CheckTree/hooks/useTreeCheckState.js

@@ -111,9 +111,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/esm/CheckTree/utils.js

@@ -14,10 +14,7 @@ function getChildrenByFlattenNodes(nodes, parent) {
   if (!_isNil(parent.refKey) && _isNil(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);
 }
 
 /**
@@ -36,8 +33,7 @@ export 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
@@ -51,14 +47,12 @@ export 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,
@@ -81,7 +75,6 @@ export function isSomeChildChecked(nodes, parent, childrenKey, disabledItemValue
   }
   const children = getChildrenByFlattenNodes(nodes, parent);
   return children.some(child => {
-    var _child$childrenKey2;
     // Skip disabled children
     const isDisabled = getDisabledState(nodes, child, {
       disabledItemValues,
@@ -90,7 +83,7 @@ export function isSomeChildChecked(nodes, parent, childrenKey, disabledItemValue
     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 !_isNil(child.refKey) && nodes[child.refKey].check;
@@ -111,11 +104,10 @@ export function isAllSiblingNodeUncheckable(node, nodes, uncheckableItemValues,
   const list = [];
   const parentNodeRefKey = node.parent ? node.parent.refKey : '';
   Object.keys(nodes).forEach(refKey => {
-    var _curNode$parent;
     const curNode = nodes[refKey];
     if (_isNil(node.parent) && _isNil(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);
     }
   });
@@ -165,7 +157,6 @@ export function getFormattedTree(nodes, data, props) {
     };
     const curNode = nodes[node.refKey];
     if (curNode) {
-      var _node$childrenKey;
       const checkState = !_isUndefined(cascade) ? getNodeCheckState(curNode, {
         cascade,
         nodes,
@@ -177,7 +168,7 @@ export function getFormattedTree(nodes, data, props) {
       formatted.uncheckable = curNode.uncheckable;
       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/esm/CheckTreePicker/CheckTreePicker.js

@@ -150,8 +150,8 @@ const CheckTreePicker = 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 = useEventCallback(event => {
     onMenuKeyDown(event, {
@@ -187,17 +187,17 @@ const CheckTreePicker = forwardRef((props, ref) => {
   });
   const handleChangeCascade = useEventCallback((nextValue, event) => {
     if (!cascade) {
-      onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange(nextValue, event);
+      onCascadeChange?.(nextValue, event);
     } else {
       const nextSelectedNodes = 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 = useEventCallback((nextValue, event) => {
     setValue(nextValue);
-    onChange === null || onChange === void 0 || onChange(nextValue, event);
+    onChange?.(nextValue, event);
     handleChangeCascade(nextValue, event);
   });
   const treeContext = useMemo(() => ({
@@ -252,7 +252,7 @@ const CheckTreePicker = 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?.());
   };
 
   /**
@@ -315,7 +315,7 @@ const CheckTreePicker = 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';
 export default CheckTreePicker;

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

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

package/esm/CheckTreePicker/hooks/useFocusState.js

@@ -8,19 +8,16 @@ function useFocusState(props) {
   const [active, setActive] = useState(false);
   const [focusItemValue, setFocusItemValue] = useState(null);
   const focusTarget = useEventCallback(() => {
-    var _target$current;
-    (_target$current = target.current) === null || _target$current === void 0 || _target$current.focus();
+    target.current?.focus();
   });
   const onEnter = 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 = 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/esm/Checkbox/Checkbox.js

@@ -22,7 +22,7 @@ const Checkbox = forwardRef((props, ref) => {
     readOnly: readOnlyContext,
     plaintext: plaintextContext,
     onChange: onGroupChange
-  } = checkboxGroupContext !== null && checkboxGroupContext !== void 0 ? checkboxGroupContext : {};
+  } = checkboxGroupContext ?? {};
   const {
     as,
     checked: controlledChecked,
@@ -53,13 +53,12 @@ const Checkbox = forwardRef((props, ref) => {
 
   // Either <Checkbox> is checked itself or by parent <CheckboxGroup>
   const checked = 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,
@@ -83,8 +82,8 @@ const Checkbox = 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 = useEventCallback(event => {
     // Prevent check when label is not clickable

package/esm/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/esm/Checkbox/hooks/useIndeterminateCheckbox.js

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

package/esm/CheckboxGroup/CheckboxGroup.js

@@ -45,7 +45,7 @@ const CheckboxGroup = forwardRef((props, ref) => {
       remove(nextValue, i => shallowEqual(i, itemValue));
     }
     setValue(nextValue);
-    onChange === null || onChange === void 0 || onChange(nextValue, event);
+    onChange?.(nextValue, event);
   }, [onChange, setValue, value]);
   const contextValue = useMemo(() => ({
     inline,
@@ -62,7 +62,7 @@ const CheckboxGroup = forwardRef((props, ref) => {
   }, plaintext ? /*#__PURE__*/React.createElement(Plaintext, _extends({
     ref: ref,
     localeKey: "notSelected"
-  }, rest), value !== null && value !== void 0 && value.length ? children : null) : /*#__PURE__*/React.createElement(Box, _extends({
+  }, rest), value?.length ? children : null) : /*#__PURE__*/React.createElement(Box, _extends({
     as: as
   }, rest, {
     ref: ref,

package/esm/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/esm/DOMHelper/isElement.js

@@ -1,5 +1,5 @@
 'use client';
 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';
 };
 export default isElement;

package/esm/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/esm/DateInput/DateField.js

@@ -13,16 +13,15 @@ export const patternMap = {
   a: 'meridiem'
 };
 export 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 => {
@@ -106,11 +105,11 @@ export 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') {
@@ -135,9 +134,8 @@ export 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) {
@@ -148,13 +146,12 @@ export 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 {