@carbon/react 1.56.0-rc.1 → 1.57.0-rc.0

package/lib/components/TileGroup/TileGroup.js

@@ -30,7 +30,8 @@ const TileGroup = props => {
     legend,
     name,
     onChange = noopFn.noopFn,
-    valueSelected
+    valueSelected,
+    required
   } = props;
   const prefix = usePrefix.usePrefix();
   const [selected, setSelected] = React.useState(valueSelected ?? defaultSelected);
@@ -54,6 +55,7 @@ const TileGroup = props => {
             ...otherProps
           } = child.props;
           return /*#__PURE__*/React__default["default"].createElement(RadioTile["default"], _rollupPluginBabelHelpers["extends"]({}, otherProps, {
+            required: required,
             name: name,
             key: value,
             value: value,
@@ -122,6 +124,10 @@ TileGroup.propTypes = {
    * the group changes
    */
   onChange: PropTypes__default["default"].func,
+  /**
+   * `true` to specify if input selection in group is required.
+   */
+  required: PropTypes__default["default"].bool,
   /**
    * Specify the value that is currently selected in the group
    */

package/lib/index.js

@@ -183,7 +183,6 @@ 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');
 var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
 var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
@@ -208,6 +207,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 ContainedList = require('./components/ContainedList/ContainedList.js');
 var DataTable = require('./components/DataTable/DataTable.js');
 var Table = require('./components/DataTable/Table.js');
 var TableActionList = require('./components/DataTable/TableActionList.js');
@@ -454,7 +454,6 @@ 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"];
 exports.SliderSkeleton = Slider_Skeleton["default"];
 exports.TextInputSkeleton = TextInput_Skeleton["default"];
@@ -479,6 +478,7 @@ exports.unstable__ChatButton = ChatButton["default"];
 exports.unstable__ChatButtonSkeleton = ChatButton_Skeleton["default"];
 exports.unstable_Text = Text.Text;
 exports.unstable_TextDirection = TextDirection.TextDirection;
+exports.ContainedList = ContainedList["default"];
 exports.DataTable = DataTable["default"];
 exports.Table = Table.Table;
 exports.TableActionList = TableActionList["default"];

package/lib/internal/Selection.js

@@ -50,6 +50,9 @@ function useSelection(_ref2) {
   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,
@@ -84,7 +87,7 @@ function useSelection(_ref2) {
       isMounted: isMounted.current,
       onChangeHandlerControlled: savedOnChange.current,
       onChangeHandlerUncontrolled: setUncontrolledItems,
-      selectedItems: setSelectedItems([])
+      selectedItems: []
     });
   }, [disabled, isControlled]);
   React.useEffect(() => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.56.0-rc.1",
+  "version": "1.57.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -48,12 +48,12 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.3",
-    "@carbon/feature-flags": "^0.19.0",
-    "@carbon/icons-react": "^11.40.0-rc.1",
-    "@carbon/layout": "^11.21.0",
-    "@carbon/styles": "^1.55.1-rc.0",
+    "@carbon/feature-flags": "^0.20.0-rc.0",
+    "@carbon/icons-react": "^11.41.0-rc.0",
+    "@carbon/layout": "^11.22.0-rc.0",
+    "@carbon/styles": "^1.57.0-rc.0",
     "@floating-ui/react": "^0.26.0",
-    "@ibm/telemetry-js": "^1.4.0",
+    "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
     "copy-to-clipboard": "^3.3.1",
     "downshift": "8.5.0",
@@ -81,7 +81,7 @@
     "@babel/preset-react": "^7.22.3",
     "@babel/preset-typescript": "^7.21.5",
     "@carbon/test-utils": "^10.30.0",
-    "@carbon/themes": "^11.34.0",
+    "@carbon/themes": "^11.35.0-rc.0",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
@@ -141,5 +141,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "c6ef02eb0fa5b2dcaccbbe60d45f26884a167948"
+  "gitHead": "401633ab2d5fdeaeb89f66bb9040cc1de008599d"
 }

package/telemetry.yml

@@ -816,4 +816,4 @@ collect:
       - 'hollow'
   js:
     tokens: null
-    functions: {}
+    functions: {}