rsuite 5.74.2 → 5.76.0

package/esm/Cascader/Cascader.js

@@ -124,7 +124,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var isLeafNode = node.isLeafNode,
       cascadePaths = node.cascadePaths,
       itemData = node.itemData;
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(itemData, cascadePaths, event);
+    onSelect === null || onSelect === void 0 || onSelect(itemData, cascadePaths, event);
     var nextValue = itemData[valueKey];
     if (isLeafNode) {
       // Determines whether the option is a leaf node, and if so, closes the picker.
@@ -136,11 +136,11 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     //  When the parent is optional, the value and the displayed path are updated.
     if (parentSelectable && !shallowEqual(value, nextValue)) {
       setValue(nextValue);
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+      onChange === null || onChange === void 0 || onChange(nextValue, event);
     }
 
     // Update menu position
-    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.updatePosition();
+    (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.updatePosition();
   };
   var _useSelect = useSelect({
       value: value,
@@ -206,7 +206,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setKeys = _useFocusItemValue.setKeys,
     onFocusItem = _useFocusItemValue.onKeyDown;
   var onSearchCallback = function onSearchCallback(value, items, event) {
-    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);
+    onSearch === null || onSearch === void 0 || onSearch(value, event);
     if (!value || items.length === 0) {
       setFocusItemValue(undefined);
       return;
@@ -240,17 +240,17 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     handleExited = _useActive.handleExited;
   var handleClose = useEventCallback(function () {
     var _trigger$current2, _target$current, _target$current$focus;
-    (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.close();
+    (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 || _trigger$current2.close();
 
     // The focus is on the trigger button after closing
-    (_target$current = target.current) === null || _target$current === void 0 ? void 0 : (_target$current$focus = _target$current.focus) === null || _target$current$focus === void 0 ? void 0 : _target$current$focus.call(_target$current);
+    (_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);
   });
   var handleClean = useEventCallback(function (event) {
     if (disabled || !target.current) {
       return;
     }
     setValue(null);
-    onChange === null || onChange === void 0 ? void 0 : onChange(null, event);
+    onChange === null || onChange === void 0 || onChange(null, event);
   });
   var handleMenuPressEnter = useEventCallback(function (event) {
     var focusItem = findNodeOfTree(data, function (item) {
@@ -263,8 +263,8 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
         setLayer(pathTowardsActiveItem.length - 1);
       }
       if (!shallowEqual(value, focusItemValue)) {
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(focusItem, pathTowardsActiveItem, event);
-        onChange === null || onChange === void 0 ? void 0 : onChange(focusItemValue !== null && focusItemValue !== void 0 ? focusItemValue : null, event);
+        onSelect === null || onSelect === void 0 || onSelect(focusItem, pathTowardsActiveItem, event);
+        onChange === null || onChange === void 0 || onChange(focusItemValue !== null && focusItemValue !== void 0 ? focusItemValue : null, event);
       }
       handleClose();
     }
@@ -289,8 +289,8 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     handleClose();
     setSearchKeyword('');
     setValue(nextValue);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(itemData, nodes, event);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    onSelect === null || onSelect === void 0 || onSelect(itemData, nodes, event);
+    onChange === null || onChange === void 0 || onChange(nextValue, event);
   });
   var renderCascadeColumn = function renderCascadeColumn(childNodes, column) {
     var items = column.items,
@@ -361,11 +361,11 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     selectedElement = [];
     pathTowardsSelectedItem.forEach(function (item, index) {
       var key = item[valueKey] || item[labelKey];
-      selectedElement.push( /*#__PURE__*/React.createElement("span", {
+      selectedElement.push(/*#__PURE__*/React.createElement("span", {
         key: key
       }, item[labelKey]));
       if (index < pathTowardsSelectedItem.length - 1) {
-        selectedElement.push( /*#__PURE__*/React.createElement("span", {
+        selectedElement.push(/*#__PURE__*/React.createElement("span", {
           className: "separator",
           key: key + "-separator"
         }, ' / '));

package/esm/Cascader/useActive.js

@@ -13,19 +13,19 @@ var useActive = function useActive(props) {
     active = _useState[0],
     setActive = _useState[1];
   var handleEntered = useEventCallback(function (node) {
-    onEntered === null || onEntered === void 0 ? void 0 : onEntered(node);
+    onEntered === null || onEntered === void 0 || onEntered(node);
     if (!target.current) {
       return;
     }
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+    onOpen === null || onOpen === void 0 || onOpen();
     setActive(true);
   });
   var handleExited = useEventCallback(function (node) {
-    onExited === null || onExited === void 0 ? void 0 : onExited(node);
+    onExited === null || onExited === void 0 || onExited(node);
     if (!target.current) {
       return;
     }
-    onClose === null || onClose === void 0 ? void 0 : onClose();
+    onClose === null || onClose === void 0 || onClose();
     setActive(false);
     setSearchKeyword('');
   });

package/esm/CheckPicker/CheckPicker.js

@@ -108,8 +108,8 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleSearchCallback = useEventCallback(function (searchKeyword, filteredData, event) {
     var _filteredData$;
     // The first option after filtering is the focus.
-    setFocusItemValue(filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]);
-    onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);
+    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);
   });
 
   // Use search keywords to filter options.
@@ -149,14 +149,14 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setStickyItems(nextStickyItems);
   };
   var handleChangeValue = useEventCallback(function (value, event) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
+    onChange === null || onChange === void 0 || onChange(value, event);
   });
   var handleClean = useEventCallback(function (event) {
     if (disabled || !cleanable) {
       return;
     }
     setValue([]);
-    onClean === null || onClean === void 0 ? void 0 : onClean(event);
+    onClean === null || onClean === void 0 || onClean(event);
     handleChangeValue([], event);
   });
   var handleMenuPressEnter = function handleMenuPressEnter(event) {
@@ -193,7 +193,7 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onMenuPressBackspace: handleClean
   }, rest));
   var handleSelect = useEventCallback(function (nextItemValue, item, event) {
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextItemValue, item, event);
+    onSelect === null || onSelect === void 0 || onSelect(nextItemValue, item, event);
   });
   var handleItemSelect = useEventCallback(function (nextItemValue, item, event, checked) {
     var nextValue = clone(value);

package/esm/CheckTree/CheckTree.js

@@ -76,7 +76,7 @@ var CheckTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
   var handleChange = useEventCallback(function (nextValue, event) {
     setValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    onChange === null || onChange === void 0 || onChange(nextValue, event);
   });
   var treeContext = useMemo(function () {
     return {

package/esm/CheckTree/CheckTreeNode.js

@@ -51,8 +51,8 @@ var CheckTreeNode = /*#__PURE__*/forwardRef(function (props, ref) {
   var handleExpand = useEventCallback(function (event) {
     var _event$nativeEvent, _event$nativeEvent$st;
     // stop propagation when using custom loading icon
-    event === null || event === void 0 ? void 0 : (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : (_event$nativeEvent$st = _event$nativeEvent.stopImmediatePropagation) === null || _event$nativeEvent$st === void 0 ? void 0 : _event$nativeEvent$st.call(_event$nativeEvent);
-    onExpand === null || onExpand === void 0 ? void 0 : onExpand(nodeData, expanded);
+    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);
   });
   var handleSelect = useEventCallback(function (_value, event) {
     var isChecked = false;
@@ -65,7 +65,7 @@ var CheckTreeNode = /*#__PURE__*/forwardRef(function (props, ref) {
     var nextNodeData = _extends({}, nodeData, {
       check: isChecked
     });
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextNodeData, event);
+    onSelect === null || onSelect === void 0 || onSelect(nextNodeData, event);
   });
   var classes = merge(className, withClassPrefix({
     disabled: disabled,

package/esm/CheckTree/CheckTreeView.js

@@ -87,7 +87,7 @@ var CheckTreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }),
     getCheckedValues = _useTreeCheckState.getCheckedValues;
   var handleSearchCallback = function handleSearchCallback(value, _data, event) {
-    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);
+    onSearch === null || onSearch === void 0 || onSearch(value, event);
   };
   var _useTreeSearch = useTreeSearch({
       callback: handleSearchCallback,
@@ -168,9 +168,9 @@ var CheckTreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return itemParentMap.get(item[valueKey]);
     });
     setFocusItemValue(node[valueKey]);
-    onChange === null || onChange === void 0 ? void 0 : onChange(checkedValues, event);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, checkedValues, event);
-    onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem(node, path);
+    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);
   });
   var selectActiveItem = function selectActiveItem(event) {
     if (isNil(focusItemValue)) return;
@@ -188,7 +188,7 @@ var CheckTreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
       enter: selectActiveItem
     });
   });
-  var renderNode = function renderNode(node, layer) {
+  var _renderNode = function renderNode(node, layer) {
     var visible = node.visible,
       refKey = node.refKey,
       parent = node.parent;
@@ -225,7 +225,7 @@ var CheckTreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
         className: prefix('group'),
         role: "group"
       }, nodes.map(function (child) {
-        return renderNode(child, layer);
+        return _renderNode(child, layer);
       }), showIndentLine && /*#__PURE__*/React.createElement(IndentLine, null)));
     }
     return /*#__PURE__*/React.createElement(CheckTreeNode, _extends({
@@ -266,7 +266,7 @@ var CheckTreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
     'without-children': !hasGrandchild(data, childrenKey),
     virtualized: virtualized
   }));
-  var formattedNodes = getFormattedNodes(renderNode);
+  var formattedNodes = getFormattedNodes(_renderNode);
   var treeNodesClass = merge(prefix('root'), (_merge2 = {}, _merge2[prefix('all-uncheckable')] = isEveryFirstLevelNodeUncheckable(flattenedNodes, uncheckableItemValues, valueKey), _merge2));
   return /*#__PURE__*/React.createElement(Component, {
     ref: ref,

package/esm/CheckTree/utils.js

@@ -15,7 +15,7 @@ function getChildrenByFlattenNodes(nodes, parent) {
   }
   return Object.values(nodes).filter(function (item) {
     var _item$parent;
-    return (item === null || item === void 0 ? 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 (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;
   });
 }
 
@@ -35,7 +35,7 @@ export function isEveryChildChecked(parent, options) {
   }
   return children.every(function (child) {
     var _child$childrenKey;
-    if ((child === null || child === void 0 ? void 0 : (_child$childrenKey = child[childrenKey]) === null || _child$childrenKey === void 0 ? void 0 : _child$childrenKey.length) > 0) {
+    if ((child === null || child === void 0 || (_child$childrenKey = child[childrenKey]) === null || _child$childrenKey === void 0 ? void 0 : _child$childrenKey.length) > 0) {
       // fix: #3559
       return isEveryChildChecked(child, {
         nodes: nodes,
@@ -56,7 +56,7 @@ export function isSomeChildChecked(nodes, parent, childrenKey) {
   var children = getChildrenByFlattenNodes(nodes, parent);
   return children.some(function (child) {
     var _child$childrenKey2;
-    if ((child === null || child === void 0 ? void 0 : (_child$childrenKey2 = child[childrenKey]) === null || _child$childrenKey2 === void 0 ? void 0 : _child$childrenKey2.length) > 0) {
+    if ((child === null || child === void 0 || (_child$childrenKey2 = child[childrenKey]) === null || _child$childrenKey2 === void 0 ? void 0 : _child$childrenKey2.length) > 0) {
       return isSomeChildChecked(nodes, child, childrenKey);
     }
     return !_isNil(child.refKey) && nodes[child.refKey].check;

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -166,7 +166,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     setFocusItemValue(null);
     setValue([]);
-    onChange === null || onChange === void 0 ? void 0 : onChange([], event);
+    onChange === null || onChange === void 0 || onChange([], event);
   });
   var handleTreeKeyDown = useEventCallback(function (event) {
     onMenuKeyDown(event, {
@@ -188,7 +188,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, rest));
   var handleChange = useEventCallback(function (nextValue, event) {
     setValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    onChange === null || onChange === void 0 || onChange(nextValue, event);
   });
   var treeContext = useMemo(function () {
     return {

package/esm/CheckTreePicker/hooks/useFocusState.js

@@ -11,18 +11,18 @@ function useFocusState(props) {
     setFocusItemValue = _useState2[1];
   var focusTarget = useEventCallback(function () {
     var _target$current;
-    (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();
+    (_target$current = target.current) === null || _target$current === void 0 || _target$current.focus();
   });
   var onEnter = useEventCallback(function (node) {
     var _props$onEnter;
     setActive(true);
-    (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 ? void 0 : _props$onEnter.call(props, node);
+    (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 || _props$onEnter.call(props, node);
   });
   var onExit = useEventCallback(function (node) {
     var _props$onExit;
     setActive(false);
     focusTarget();
-    (_props$onExit = props.onExit) === null || _props$onExit === void 0 ? void 0 : _props$onExit.call(props, node);
+    (_props$onExit = props.onExit) === null || _props$onExit === void 0 || _props$onExit.call(props, node);
   });
   return {
     active: active,

package/esm/Checkbox/Checkbox.js

@@ -106,8 +106,8 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return;
     }
     setSelfChecked(nextChecked);
-    onChange === null || onChange === void 0 ? void 0 : onChange(value, nextChecked, event);
-    onGroupChange === null || onGroupChange === void 0 ? void 0 : onGroupChange(value, nextChecked, event);
+    onChange === null || onChange === void 0 || onChange(value, nextChecked, event);
+    onGroupChange === null || onGroupChange === void 0 || onGroupChange(value, nextChecked, event);
   });
   var handleLabelClick = useEventCallback(function (event) {
     // Prevent check when label is not clickable

package/esm/CheckboxGroup/CheckboxGroup.js

@@ -53,7 +53,7 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       });
     }
     setValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    onChange === null || onChange === void 0 || onChange(nextValue, event);
   }, [onChange, setValue, value]);
   var contextValue = useMemo(function () {
     return {

package/esm/CustomProvider/FormattedNumber.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface FormattedNumberProps {
+    value: number;
+    formatOptions?: Intl.NumberFormatOptions;
+}
+export declare function FormattedNumber({ value, formatOptions }: FormattedNumberProps): React.JSX.Element;
+export {};

package/esm/CustomProvider/FormattedNumber.js

@@ -0,0 +1,13 @@
+'use client';
+import React, { useMemo } from 'react';
+import { useCustom } from "./useCustom.js";
+export function FormattedNumber(_ref) {
+  var value = _ref.value,
+    formatOptions = _ref.formatOptions;
+  var _useCustom = useCustom(),
+    code = _useCustom.code;
+  var formatter = useMemo(function () {
+    return new Intl.NumberFormat(code, formatOptions);
+  }, [code, formatOptions]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, formatter.format(value));
+}

package/esm/CustomProvider/index.d.ts

@@ -1,5 +1,6 @@
 import CustomProvider from './CustomProvider';
 export { FormattedDate } from './FormattedDate';
+export { FormattedNumber } from './FormattedNumber';
 export { useCustom } from './useCustom';
 export { CustomContext } from './CustomProvider';
 export type { CustomProviderProps } from './CustomProvider';

package/esm/CustomProvider/index.js

@@ -1,6 +1,7 @@
 'use client';
 import CustomProvider from "./CustomProvider.js";
 export { FormattedDate } from "./FormattedDate.js";
+export { FormattedNumber } from "./FormattedNumber.js";
 export { useCustom } from "./useCustom.js";
 export { CustomContext } from "./CustomProvider.js";
 export default CustomProvider;

package/esm/CustomProvider/types.d.ts

@@ -17,6 +17,8 @@ import type { CalendarProps } from '../Calendar';
 import type { CarouselProps } from '../Carousel';
 import type { CascadeTreeProps } from '../CascadeTree';
 import type { CascaderProps } from '../Cascader';
+import type { CardProps } from '../Card';
+import type { CardGroupProps } from '../CardGroup';
 import type { CheckPickerProps } from '../CheckPicker';
 import type { CheckTreeProps } from '../CheckTree';
 import type { CheckTreePickerProps } from '../CheckTreePicker';
@@ -51,6 +53,7 @@ import type { InputProps } from '../Input';
 import type { InputGroupProps } from '../InputGroup';
 import type { InputNumberProps } from '../InputNumber';
 import type { InputPickerProps } from '../InputPicker';
+import type { ImageProps } from '../Image';
 import type { ListProps } from '../List';
 import type { LoaderProps } from '../Loader';
 import type { MaskedInputProps } from '../MaskedInput';
@@ -84,6 +87,8 @@ import type { SidenavProps } from '../Sidenav';
 import type { SliderProps } from '../Slider';
 import type { StackProps } from '../Stack';
 import type { StepsProps } from '../Steps';
+import type { StatProps } from '../Stat';
+import type { StatGroupProps } from '../StatGroup';
 import type { TableProps } from '../Table';
 import type { TabsProps } from '../Tabs';
 import type { TagProps } from '../Tag';
@@ -124,6 +129,8 @@ export interface ReactSuiteComponents {
     Carousel: ComponentProps<CarouselProps>;
     CascadeTree: ComponentProps<CascadeTreeProps>;
     Cascader: ComponentProps<CascaderProps>;
+    Card: ComponentProps<CardProps>;
+    CardGroup: ComponentProps<CardGroupProps>;
     CheckPicker: ComponentProps<CheckPickerProps>;
     CheckTree: ComponentProps<CheckTreeProps>;
     CheckTreePicker: ComponentProps<CheckTreePickerProps>;
@@ -158,6 +165,7 @@ export interface ReactSuiteComponents {
     InputGroup: ComponentProps<InputGroupProps>;
     InputNumber: ComponentProps<InputNumberProps>;
     InputPicker: ComponentProps<InputPickerProps>;
+    Image: ComponentProps<ImageProps>;
     List: ComponentProps<ListProps>;
     Loader: ComponentProps<LoaderProps>;
     MaskedInput: ComponentProps<MaskedInputProps>;
@@ -191,6 +199,8 @@ export interface ReactSuiteComponents {
     Slider: ComponentProps<SliderProps>;
     Stack: ComponentProps<StackProps>;
     Steps: ComponentProps<StepsProps>;
+    Stat: ComponentProps<StatProps>;
+    StatGroup: ComponentProps<StatGroupProps>;
     Table: ComponentProps<TableProps>;
     Tabs: ComponentProps<TabsProps>;
     Tag: ComponentProps<TagProps>;

package/esm/CustomProvider/useCustom.d.ts

@@ -9,6 +9,7 @@ type LocaleKey = keyof typeof enGB;
  * @param componentProps - The props of the component
  */
 export declare function useCustom<P = any>(componentName?: keyof ReactSuiteComponents, componentProps?: P): {
+    code: string | undefined;
     rtl: boolean;
     toasters: import("react").MutableRefObject<Map<string, import("../toaster/ToastContainer").ToastContainerInstance>> | undefined;
     disableRipple: boolean | undefined;

package/esm/CustomProvider/useCustom.js

@@ -40,7 +40,8 @@ export function useCustom(componentName, componentProps) {
   var _ref = componentProps || {},
     componentLocale = _ref.locale,
     restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var dateLocale = globalLocale === null || globalLocale === void 0 ? void 0 : (_globalLocale$DateTim = globalLocale.DateTimeFormats) === null || _globalLocale$DateTim === void 0 ? void 0 : _globalLocale$DateTim.dateLocale;
+  var dateLocale = globalLocale === null || globalLocale === void 0 || (_globalLocale$DateTim = globalLocale.DateTimeFormats) === null || _globalLocale$DateTim === void 0 ? void 0 : _globalLocale$DateTim.dateLocale;
+  var code = globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale.code;
   var getLocale = useCallback(function (key, overrideLocale) {
     // Initialize with common locale
     var publicLocale = (globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale.common) || {};
@@ -96,6 +97,7 @@ export function useCustom(componentName, componentProps) {
     }, options));
   }, [parseDate, dateLocale]);
   return {
+    code: code,
     rtl: rtl,
     toasters: toasters,
     disableRipple: disableRipple,

package/esm/DateInput/DateField.js

@@ -47,7 +47,7 @@ export var DateField = /*#__PURE__*/function (_Object) {
   }
   _inheritsLoose(DateField, _Object);
   return DateField;
-}( /*#__PURE__*/_wrapNativeSuper(Object));
+}(/*#__PURE__*/_wrapNativeSuper(Object));
 
 /**
  * Pad a number with zeros to the left.
@@ -138,7 +138,7 @@ export var useDateField = function useDateField(format, localize, date) {
   var validFieldValue = function validFieldValue(type, value) {
     var _format$match;
     var isValid = true;
-    (_format$match = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match === void 0 ? void 0 : _format$match.forEach(function (pattern) {
+    (_format$match = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match === void 0 || _format$match.forEach(function (pattern) {
       var key = patternMap[pattern[0]];
       var fieldValue = type === key ? value : dateField[key];
       if (fieldValue === null) {

package/esm/DateInput/DateInput.js

@@ -76,7 +76,7 @@ var DateInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [dateField, dateString, formatStr, dateLocale]);
   var setSelectionRange = useInputSelection(inputRef);
   var handleChange = useEventCallback(function (value, event) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
+    onChange === null || onChange === void 0 || onChange(value, event);
     setValue(value);
   });
   var handleClear = useEventCallback(function (event) {
@@ -190,7 +190,7 @@ var DateInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
       handleChange(nextDate, event);
       setNewDate(nextDate);
     }
-    onPaste === null || onPaste === void 0 ? void 0 : onPaste(event);
+    onPaste === null || onPaste === void 0 || onPaste(event);
   });
   var onKeyboardInput = useKeyboardInputEvent({
     onSegmentChange: onSegmentChange,

package/esm/DateInput/hooks/useDateInputState.js

@@ -70,7 +70,7 @@ export function useDateInputState(_ref) {
         value: value
       });
       var field = patternMap[pattern];
-      callback === null || callback === void 0 ? void 0 : callback(toDate(field, value));
+      callback === null || callback === void 0 || callback(toDate(field, value));
     }
   };
   var setDateField = function setDateField(pattern, value, callback) {
@@ -80,7 +80,7 @@ export function useDateInputState(_ref) {
       type: actionName,
       value: value
     });
-    callback === null || callback === void 0 ? void 0 : callback(toDate(field, value));
+    callback === null || callback === void 0 || callback(toDate(field, value));
   };
   var getDateField = function getDateField(pattern) {
     var fieldName = patternMap[pattern];

package/esm/DateInput/hooks/useIsFocused.js

@@ -8,11 +8,11 @@ export function useIsFocused(_ref) {
     setIsFocused = _useState[1];
   var onFocus = useCallback(function (event) {
     setIsFocused(true);
-    onFocusProp === null || onFocusProp === void 0 ? void 0 : onFocusProp(event);
+    onFocusProp === null || onFocusProp === void 0 || onFocusProp(event);
   }, [onFocusProp]);
   var onBlur = useCallback(function (event) {
     setIsFocused(false);
-    onBlurProp === null || onBlurProp === void 0 ? void 0 : onBlurProp(event);
+    onBlurProp === null || onBlurProp === void 0 || onBlurProp(event);
   }, [onBlurProp]);
   return [isFocused, {
     onFocus: onFocus,

package/esm/DateInput/hooks/useKeyboardInputEvent.js

@@ -11,21 +11,21 @@ export function useKeyboardInputEvent(_ref) {
     switch (key) {
       case 'ArrowRight':
       case 'ArrowLeft':
-        onSegmentChange === null || onSegmentChange === void 0 ? void 0 : onSegmentChange(event);
+        onSegmentChange === null || onSegmentChange === void 0 || onSegmentChange(event);
         event.preventDefault();
         break;
       case 'ArrowUp':
       case 'ArrowDown':
-        onSegmentValueChange === null || onSegmentValueChange === void 0 ? void 0 : onSegmentValueChange(event);
+        onSegmentValueChange === null || onSegmentValueChange === void 0 || onSegmentValueChange(event);
         event.preventDefault();
         break;
       case 'Backspace':
-        onSegmentValueRemove === null || onSegmentValueRemove === void 0 ? void 0 : onSegmentValueRemove(event);
+        onSegmentValueRemove === null || onSegmentValueRemove === void 0 || onSegmentValueRemove(event);
         event.preventDefault();
         break;
       case (_key$match = key.match(/\d/)) === null || _key$match === void 0 ? void 0 : _key$match.input:
         // Allow numeric keys to be entered
-        onSegmentValueChangeWithNumericKeys === null || onSegmentValueChangeWithNumericKeys === void 0 ? void 0 : onSegmentValueChangeWithNumericKeys(event);
+        onSegmentValueChangeWithNumericKeys === null || onSegmentValueChangeWithNumericKeys === void 0 || onSegmentValueChangeWithNumericKeys(event);
         event.preventDefault();
       case (_key$match2 = key.match(/[a-z]/)) === null || _key$match2 === void 0 ? void 0 : _key$match2[0]:
         // Determine whether the Ctrl or Command key is pressed, does not affect user copy and paste
@@ -37,7 +37,7 @@ export function useKeyboardInputEvent(_ref) {
         event.preventDefault();
         break;
     }
-    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+    onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
   };
 }
 export default useKeyboardInputEvent;