@carbon/ibm-products 2.54.0-canary.6 → 2.54.0-canary.8

package/es/components/Card/Card.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
 import cx from 'classnames';
-import { Layer, OverflowMenu, OverflowMenuItem, Button, IconButton } from '@carbon/react';
+import { Layer, unstable_FeatureFlags, OverflowMenu, MenuItem, Button, IconButton } from '@carbon/react';
 import { Incomplete, CheckmarkOutline } from '@carbon/react/icons';
 import PropTypes from '../../_virtual/index.js';
 import { CardHeader } from './CardHeader.js';
@@ -17,7 +17,7 @@ import { pkg } from '../../settings.js';
 
 var _Incomplete, _CheckmarkOutline;
 var _excluded = ["actionIcons", "actionsPlacement", "aiLabel", "metadata", "children", "className", "clickZone", "description", "disabled", "footerActionIcon", "getStarted", "label", "media", "mediaPosition", "onClick", "onKeyDown", "onPrimaryButtonClick", "overflowActions", "overflowAriaLabel", "onSecondaryButtonClick", "pictogram", "primaryButtonDisabled", "primaryButtonHref", "primaryButtonIcon", "primaryButtonKind", "primaryButtonPlacement", "primaryButtonText", "productive", "secondaryButtonDisabled", "secondaryButtonHref", "secondaryButtonIcon", "secondaryButtonKind", "secondaryButtonPlacement", "secondaryButtonText", "slug", "status", "sequence", "title", "titleSize", "iconDescription"],
-  _excluded2 = ["id"],
+  _excluded2 = ["id", "itemText"],
   _excluded3 = ["id", "icon", "onClick", "iconDescription", "href"];
 var componentName = 'Card';
 var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -95,23 +95,27 @@ var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
   // actions can either be an overflow menu or series of icons
   var getActions = function getActions() {
     if (overflowActions.length > 0) {
-      var pos = actionsPlacement === 'top' ? 'bottom' : 'top';
+      var pos = actionsPlacement === 'top' ? 'bottom-end' : 'top-end';
       var size = actionsPlacement === 'top' ? 'sm' : 'md';
       return /*#__PURE__*/React__default.createElement(Layer, {
         level: 2
+      }, /*#__PURE__*/React__default.createElement(unstable_FeatureFlags, {
+        enableV12Overflowmenu: true
       }, /*#__PURE__*/React__default.createElement(OverflowMenu, {
+        autoAlign: true,
+        menuAlignment: pos,
         size: size,
-        direction: pos,
-        flipped: true,
         "aria-label": overflowAriaLabel,
-        iconDescription: iconDescription
+        label: iconDescription
       }, overflowActions.map(function (_ref2) {
         var id = _ref2.id,
+          itemText = _ref2.itemText,
           rest = _objectWithoutProperties(_ref2, _excluded2);
-        return /*#__PURE__*/React__default.createElement(OverflowMenuItem, _extends({
-          key: id
+        return /*#__PURE__*/React__default.createElement(MenuItem, _extends({
+          key: id,
+          label: itemText
         }, rest));
-      })));
+      }))));
     }
     var icons = getIcons().map(function (_ref3) {
       var id = _ref3.id,

package/es/components/Datagrid/Datagrid/Datagrid.d.ts

@@ -19,5 +19,6 @@ export interface DatagridProps {
 }
 /**
  * The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
+ * @deprecated
  */
 export declare let Datagrid: React.ForwardRefExoticComponent<DatagridProps & React.RefAttributes<HTMLDivElement>>;

package/es/components/Datagrid/Datagrid/Datagrid.js

@@ -21,6 +21,7 @@ var blockClass = "".concat(pkg.prefix, "--datagrid");
 var componentName = 'Datagrid';
 /**
  * The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
+ * @deprecated
  */
 var Datagrid = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var datagridState = _ref.datagridState,
@@ -55,6 +56,12 @@ var Datagrid = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React__default.createElement(DatagridContent, props)) : /*#__PURE__*/React__default.createElement(DatagridContent, props))));
 });
 
+/**@ts-ignore*/
+Datagrid.deprecated = {
+  level: 'warn',
+  details: "For more information, please refer to the migration docs https://github.com/carbon-design-system/tanstack-carbon"
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 Datagrid = pkg.checkComponentEnabled(Datagrid, componentName);
 

package/lib/components/Card/Card.js

@@ -19,7 +19,7 @@ var settings = require('../../settings.js');
 
 var _Incomplete, _CheckmarkOutline;
 var _excluded = ["actionIcons", "actionsPlacement", "aiLabel", "metadata", "children", "className", "clickZone", "description", "disabled", "footerActionIcon", "getStarted", "label", "media", "mediaPosition", "onClick", "onKeyDown", "onPrimaryButtonClick", "overflowActions", "overflowAriaLabel", "onSecondaryButtonClick", "pictogram", "primaryButtonDisabled", "primaryButtonHref", "primaryButtonIcon", "primaryButtonKind", "primaryButtonPlacement", "primaryButtonText", "productive", "secondaryButtonDisabled", "secondaryButtonHref", "secondaryButtonIcon", "secondaryButtonKind", "secondaryButtonPlacement", "secondaryButtonText", "slug", "status", "sequence", "title", "titleSize", "iconDescription"],
-  _excluded2 = ["id"],
+  _excluded2 = ["id", "itemText"],
   _excluded3 = ["id", "icon", "onClick", "iconDescription", "href"];
 var componentName = 'Card';
 var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -97,23 +97,27 @@ var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   // actions can either be an overflow menu or series of icons
   var getActions = function getActions() {
     if (overflowActions.length > 0) {
-      var pos = actionsPlacement === 'top' ? 'bottom' : 'top';
+      var pos = actionsPlacement === 'top' ? 'bottom-end' : 'top-end';
       var size = actionsPlacement === 'top' ? 'sm' : 'md';
       return /*#__PURE__*/React.createElement(react.Layer, {
         level: 2
+      }, /*#__PURE__*/React.createElement(react.unstable_FeatureFlags, {
+        enableV12Overflowmenu: true
       }, /*#__PURE__*/React.createElement(react.OverflowMenu, {
+        autoAlign: true,
+        menuAlignment: pos,
         size: size,
-        direction: pos,
-        flipped: true,
         "aria-label": overflowAriaLabel,
-        iconDescription: iconDescription
+        label: iconDescription
       }, overflowActions.map(function (_ref2) {
         var id = _ref2.id,
+          itemText = _ref2.itemText,
           rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
-        return /*#__PURE__*/React.createElement(react.OverflowMenuItem, _rollupPluginBabelHelpers.extends({
-          key: id
+        return /*#__PURE__*/React.createElement(react.MenuItem, _rollupPluginBabelHelpers.extends({
+          key: id,
+          label: itemText
         }, rest));
-      })));
+      }))));
     }
     var icons = getIcons().map(function (_ref3) {
       var id = _ref3.id,

package/lib/components/Datagrid/Datagrid/Datagrid.d.ts

@@ -19,5 +19,6 @@ export interface DatagridProps {
 }
 /**
  * The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
+ * @deprecated
  */
 export declare let Datagrid: React.ForwardRefExoticComponent<DatagridProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/Datagrid/Datagrid/Datagrid.js

@@ -23,6 +23,7 @@ var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var componentName = 'Datagrid';
 /**
  * The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
+ * @deprecated
  */
 exports.Datagrid = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var datagridState = _ref.datagridState,
@@ -57,6 +58,12 @@ exports.Datagrid = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement(DatagridContent.DatagridContent, props)) : /*#__PURE__*/React.createElement(DatagridContent.DatagridContent, props))));
 });
 
+/**@ts-ignore*/
+exports.Datagrid.deprecated = {
+  level: 'warn',
+  details: "For more information, please refer to the migration docs https://github.com/carbon-design-system/tanstack-carbon"
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 exports.Datagrid = settings.pkg.checkComponentEnabled(exports.Datagrid, componentName);
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.54.0-canary.6+69b296895",
+  "version": "2.54.0-canary.8+8bcae57ce",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -96,7 +96,7 @@
   "dependencies": {
     "@babel/runtime": "^7.23.9",
     "@carbon/feature-flags": "^0.24.0",
-    "@carbon/ibm-products-styles": "^2.50.0-canary.6+69b296895",
+    "@carbon/ibm-products-styles": "^2.50.0-rc.0",
     "@carbon/telemetry": "^0.1.0",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^7.0.0",
@@ -120,5 +120,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "69b296895cc35695cf6c4c7eb35dd12a9edf2395"
+  "gitHead": "8bcae57ced1c44c00c9c51b4e675093cd6b3bab0"
 }