@carbon/react 1.59.0 → 1.60.1

package/lib/components/UIShell/Content.d.ts

@@ -29,7 +29,7 @@ declare const Content: {
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -37,7 +37,6 @@ declare const Content: {
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
-        placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         style?: React.CSSProperties | undefined;
@@ -69,7 +68,7 @@ declare const Content: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -83,7 +82,7 @@ declare const Content: {
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "true" | "false" | "time" | "page" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -93,7 +92,7 @@ declare const Content: {
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -266,9 +265,7 @@ declare const Content: {
         onPointerCancel?: React.PointerEventHandler<HTMLElement> | undefined;
         onPointerCancelCapture?: React.PointerEventHandler<HTMLElement> | undefined;
         onPointerEnter?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerEnterCapture?: React.PointerEventHandler<HTMLElement> | undefined;
         onPointerLeave?: React.PointerEventHandler<HTMLElement> | undefined;
-        onPointerLeaveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
         onPointerOver?: React.PointerEventHandler<HTMLElement> | undefined;
         onPointerOverCapture?: React.PointerEventHandler<HTMLElement> | undefined;
         onPointerOut?: React.PointerEventHandler<HTMLElement> | undefined;

package/lib/components/UIShell/Link.d.ts

@@ -21,7 +21,7 @@ export type LinkProps<E extends ElementType> = PolymorphicProps<E, LinkBaseProps
  * in their own components to support use-cases like `react-router` or
  * `@reach/router`
  */
-declare const Link: (<E extends React.ElementType<any> = "a">(props: LinkProps<E>) => JSX.Element) & {
+declare const Link: (<E extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "a">(props: LinkProps<E>) => JSX.Element) & {
     displayName?: string | undefined;
     propTypes?: React.WeakValidationMap<LinkProps<any>> | undefined;
 };

package/lib/components/UIShell/Link.js

@@ -21,6 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 // Note: Maybe we should use `as` instead of `element`? `as` appears to be
 // standard and is used in other places in this project.
+
 function LinkRenderFunction(_ref, ref) {
   let {
     element,

package/lib/components/UIShell/SideNav.js

@@ -32,6 +32,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 // TO-DO: comment back in when footer is added for rails
 // import SideNavFooter from './SideNavFooter';
+
 const SideNavContext = /*#__PURE__*/React.createContext({});
 function SideNavRenderFunction(_ref, ref) {
   let {

package/lib/components/UIShell/SwitcherItem.d.ts

@@ -57,5 +57,5 @@ interface SwitcherItemWithAriaLabelledBy extends BaseSwitcherItemProps {
     'aria-labelledby': string;
 }
 type SwitcherItemProps = SwitcherItemWithAriaLabel | SwitcherItemWithAriaLabelledBy;
-declare const SwitcherItem: React.ForwardRefExoticComponent<SwitcherItemProps & React.RefAttributes<React.ElementType<any>>>;
+declare const SwitcherItem: React.ForwardRefExoticComponent<SwitcherItemProps & React.RefAttributes<React.ElementType<any, keyof React.JSX.IntrinsicElements>>>;
 export default SwitcherItem;

package/lib/index.js

@@ -185,7 +185,6 @@ var FluidTextInput = require('./components/FluidTextInput/FluidTextInput.js');
 var FluidTextInput_Skeleton = require('./components/FluidTextInput/FluidTextInput.Skeleton.js');
 var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
 var Pagination = require('./components/Pagination/experimental/Pagination.js');
-var CheckboxGroup = require('./components/CheckboxGroup/CheckboxGroup.js');
 var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
 var ContainedList = require('./components/ContainedList/ContainedList.js');
 var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
@@ -212,6 +211,7 @@ var ChatButton = require('./components/ChatButton/ChatButton.js');
 var ChatButton_Skeleton = require('./components/ChatButton/ChatButton.Skeleton.js');
 var Text = require('./components/Text/Text.js');
 var TextDirection = require('./components/Text/TextDirection.js');
+var CheckboxGroup = require('./components/CheckboxGroup/CheckboxGroup.js');
 var DataTable = require('./components/DataTable/DataTable.js');
 var Table = require('./components/DataTable/Table.js');
 var TableActionList = require('./components/DataTable/TableActionList.js');
@@ -457,7 +457,6 @@ exports.unstable__FluidTextInput = FluidTextInput["default"];
 exports.unstable__FluidTextInputSkeleton = FluidTextInput_Skeleton["default"];
 exports.unstable_PageSelector = PageSelector["default"];
 exports.unstable_Pagination = Pagination["default"];
-exports.CheckboxGroup = CheckboxGroup["default"];
 exports.ContainedListItem = ContainedListItem["default"];
 exports.ContainedList = ContainedList["default"];
 exports.useContextMenu = useContextMenu["default"];
@@ -484,6 +483,7 @@ exports.unstable__ChatButton = ChatButton["default"];
 exports.unstable__ChatButtonSkeleton = ChatButton_Skeleton["default"];
 exports.unstable_Text = Text.Text;
 exports.unstable_TextDirection = TextDirection.TextDirection;
+exports.CheckboxGroup = CheckboxGroup["default"];
 exports.DataTable = DataTable["default"];
 exports.Table = Table.Table;
 exports.TableActionList = TableActionList["default"];

package/lib/internal/Selection.js

@@ -49,19 +49,7 @@ function useSelection(_ref2) {
   const savedOnChange = React.useRef(onChange);
   const [uncontrolledItems, setUncontrolledItems] = React.useState(initialSelectedItems);
   const isControlled = !!controlledItems;
-  const [selectedItems, setSelectedItems] = React.useState(isControlled ? controlledItems : uncontrolledItems);
-  React.useEffect(() => {
-    setSelectedItems(isControlled ? controlledItems : uncontrolledItems);
-  }, [isControlled, controlledItems, uncontrolledItems]);
-  React.useEffect(() => {
-    callOnChangeHandler({
-      isControlled,
-      isMounted: isMounted.current,
-      onChangeHandlerControlled: savedOnChange.current,
-      onChangeHandlerUncontrolled: setUncontrolledItems,
-      selectedItems: selectedItems
-    });
-  }, [isControlled, isMounted, selectedItems]);
+  const selectedItems = isControlled ? controlledItems : uncontrolledItems;
   const onItemChange = React.useCallback(item => {
     if (disabled) {
       return;
@@ -72,12 +60,27 @@ function useSelection(_ref2) {
         selectedIndex = index;
       }
     });
+    let newSelectedItems;
     if (selectedIndex === undefined) {
-      setSelectedItems(selectedItems => selectedItems.concat(item));
+      newSelectedItems = selectedItems.concat(item);
+      callOnChangeHandler({
+        isControlled,
+        isMounted: isMounted.current,
+        onChangeHandlerControlled: savedOnChange.current,
+        onChangeHandlerUncontrolled: setUncontrolledItems,
+        selectedItems: newSelectedItems
+      });
       return;
     }
-    setSelectedItems(selectedItems => removeAtIndex(selectedItems, selectedIndex));
-  }, [disabled, selectedItems]);
+    newSelectedItems = removeAtIndex(selectedItems, selectedIndex);
+    callOnChangeHandler({
+      isControlled,
+      isMounted: isMounted.current,
+      onChangeHandlerControlled: savedOnChange.current,
+      onChangeHandlerUncontrolled: setUncontrolledItems,
+      selectedItems: newSelectedItems
+    });
+  }, [disabled, isControlled, selectedItems]);
   const clearSelection = React.useCallback(() => {
     if (disabled) {
       return;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.59.0",
+  "version": "1.60.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -49,9 +49,10 @@
   "dependencies": {
     "@babel/runtime": "^7.18.3",
     "@carbon/feature-flags": "^0.20.0",
-    "@carbon/icons-react": "^11.43.0",
-    "@carbon/layout": "^11.22.0",
-    "@carbon/styles": "^1.59.0",
+    "@carbon/icons-react": "^11.44.1",
+    "@carbon/layout": "^11.23.1",
+    "@carbon/styles": "^1.60.1",
+    "@figma/code-connect": "^0.1.2",
     "@floating-ui/react": "^0.26.0",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -81,9 +82,9 @@
     "@babel/preset-react": "^7.22.3",
     "@babel/preset-typescript": "^7.21.5",
     "@carbon/test-utils": "^10.30.0",
-    "@carbon/themes": "^11.36.0",
+    "@carbon/themes": "^11.37.1",
     "@rollup/plugin-babel": "^6.0.0",
-    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-commonjs": "^26.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
     "@rollup/plugin-typescript": "^11.0.0",
     "@storybook/addon-a11y": "^7.1.0",
@@ -95,7 +96,7 @@
     "@storybook/react": "^7.1.0",
     "@storybook/react-webpack5": "^7.1.0",
     "@storybook/theming": "^7.1.0",
-    "@types/react-is": "~18.2.0",
+    "@types/react-is": "~18.3.0",
     "autoprefixer": "^10.4.0",
     "babel-loader": "^9.0.0",
     "babel-plugin-dev-expression": "^0.2.3",
@@ -103,7 +104,7 @@
     "browserify-zlib": "^0.2.0",
     "browserslist-config-carbon": "^11.2.0",
     "clipboardy": "^2.1.0",
-    "css-loader": "^6.5.1",
+    "css-loader": "^7.0.0",
     "enquirer": "^2.3.6",
     "fast-glob": "^3.2.7",
     "fs-extra": "^11.0.0",
@@ -141,5 +142,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "5663eaa4c9b6ce2bf4e32d8eeccd2bb20aae4539"
+  "gitHead": "f548182ef995217e7717f9250376ff8995069a09"
 }