@carbon/react 1.64.0-rc.0 → 1.64.0

package/es/components/Accordion/AccordionItem.js

@@ -108,6 +108,7 @@ function AccordionItem(_ref) {
     className: `${prefix}--accordion__title`
   }, title)), /*#__PURE__*/React__default.createElement("div", {
     ref: content,
+    hidden: !isOpen,
     className: `${prefix}--accordion__wrapper`,
     onTransitionEnd: onAnimationEnd
   }, /*#__PURE__*/React__default.createElement("div", {

package/es/components/DatePicker/DatePicker.js

@@ -22,7 +22,7 @@ import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 import { match } from '../../internal/keyboard/match.js';
-import { Escape, ArrowDown } from '../../internal/keyboard/keys.js';
+import { Escape, ArrowDown, Tab } from '../../internal/keyboard/keys.js';
 
 // Weekdays shorthand for english locale
 l10n.en.weekdays.shorthand.forEach((_day, index) => {
@@ -550,6 +550,21 @@ const DatePicker = /*#__PURE__*/React__default.forwardRef(function DatePicker(_r
     }
   }, [value, prefix]); //eslint-disable-line react-hooks/exhaustive-deps
 
+  useEffect(() => {
+    if (!calendarRef.current || !startInputField.current) return;
+    const handleKeyDown = event => {
+      if (match(event, Tab) && !event.shiftKey && document.activeElement === endInputField.current && calendarRef.current.isOpen) {
+        calendarRef.current.close();
+        // Remove focus from endDate calendar input
+        document.activeElement instanceof HTMLElement &&
+        // this is to fix the TS warning
+        document?.activeElement?.blur();
+        onCalendarClose(calendarRef.current.selectedDates, '', calendarRef.current, event);
+      }
+    };
+    document.addEventListener('keydown', handleKeyDown, true);
+    return () => document.removeEventListener('keydown', handleKeyDown, true);
+  }, [calendarRef, startInputField, endInputField, onCalendarClose]);
   let fluidError;
   if (isFluid) {
     if (invalid) {

package/es/components/NumberInput/NumberInput.js

@@ -163,9 +163,17 @@ const NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(
   const Icon = normalizedProps.icon;
   function handleStepperClick(event, direction) {
     if (inputRef.current) {
-      direction === 'up' ? inputRef.current.stepUp() : inputRef.current.stepDown();
+      const currentValue = Number(inputRef.current.value);
+      let newValue = direction === 'up' ? currentValue + step : currentValue - step;
+      if (min !== undefined) {
+        newValue = Math.max(newValue, min);
+      }
+      if (max !== undefined) {
+        newValue = Math.min(newValue, max);
+      }
+      const currentInputValue = inputRef.current ? inputRef.current.value : '';
       const state = {
-        value: allowEmpty && inputRef.current.value === '' ? '' : Number(inputRef.current.value),
+        value: allowEmpty && currentInputValue === '' && step === 0 ? '' : newValue,
         direction: direction
       };
       setValue(state.value);

package/lib/components/Accordion/AccordionItem.js

@@ -118,6 +118,7 @@ function AccordionItem(_ref) {
     className: `${prefix}--accordion__title`
   }, title)), /*#__PURE__*/React__default["default"].createElement("div", {
     ref: content,
+    hidden: !isOpen,
     className: `${prefix}--accordion__wrapper`,
     onTransitionEnd: onAnimationEnd
   }, /*#__PURE__*/React__default["default"].createElement("div", {

package/lib/components/DatePicker/DatePicker.js

@@ -562,6 +562,21 @@ const DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function Da
     }
   }, [value, prefix]); //eslint-disable-line react-hooks/exhaustive-deps
 
+  React.useEffect(() => {
+    if (!calendarRef.current || !startInputField.current) return;
+    const handleKeyDown = event => {
+      if (match.match(event, keys.Tab) && !event.shiftKey && document.activeElement === endInputField.current && calendarRef.current.isOpen) {
+        calendarRef.current.close();
+        // Remove focus from endDate calendar input
+        document.activeElement instanceof HTMLElement &&
+        // this is to fix the TS warning
+        document?.activeElement?.blur();
+        onCalendarClose(calendarRef.current.selectedDates, '', calendarRef.current, event);
+      }
+    };
+    document.addEventListener('keydown', handleKeyDown, true);
+    return () => document.removeEventListener('keydown', handleKeyDown, true);
+  }, [calendarRef, startInputField, endInputField, onCalendarClose]);
   let fluidError;
   if (isFluid) {
     if (invalid) {

package/lib/components/NumberInput/NumberInput.js

@@ -173,9 +173,17 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
   const Icon = normalizedProps.icon;
   function handleStepperClick(event, direction) {
     if (inputRef.current) {
-      direction === 'up' ? inputRef.current.stepUp() : inputRef.current.stepDown();
+      const currentValue = Number(inputRef.current.value);
+      let newValue = direction === 'up' ? currentValue + step : currentValue - step;
+      if (min !== undefined) {
+        newValue = Math.max(newValue, min);
+      }
+      if (max !== undefined) {
+        newValue = Math.min(newValue, max);
+      }
+      const currentInputValue = inputRef.current ? inputRef.current.value : '';
       const state = {
-        value: allowEmpty && inputRef.current.value === '' ? '' : Number(inputRef.current.value),
+        value: allowEmpty && currentInputValue === '' && step === 0 ? '' : newValue,
         direction: direction
       };
       setValue(state.value);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.64.0-rc.0",
+  "version": "1.64.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -49,9 +49,9 @@
   "dependencies": {
     "@babel/runtime": "^7.24.7",
     "@carbon/feature-flags": "^0.21.0",
-    "@carbon/icons-react": "^11.47.0-rc.0",
+    "@carbon/icons-react": "^11.47.0",
     "@carbon/layout": "^11.24.0",
-    "@carbon/styles": "^1.63.0-rc.0",
+    "@carbon/styles": "^1.63.0",
     "@floating-ui/react": "^0.26.0",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -81,7 +81,7 @@
     "@babel/preset-typescript": "^7.24.7",
     "@carbon/test-utils": "^10.30.0",
     "@carbon/themes": "^11.38.0",
-    "@figma/code-connect": "^1.0.2",
+    "@figma/code-connect": "^1.0.4",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^26.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
@@ -141,5 +141,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "51d2a214ec7d870b4f807ed08a05031d091bfd46"
+  "gitHead": "185c4cf3598df1050c197870455c01775e21c366"
 }