@carbon/ibm-products 2.56.0 → 2.56.1

package/es/components/EmptyStates/assets/ErrorIllustration.js

@@ -6,10 +6,11 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useId } from 'react';
+import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
+import { useId } from '../../../global/js/utils/useId.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _path, _path2, _path3, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _path4;
 var _excluded = ["theme", "size", "alt"];

package/es/components/EmptyStates/assets/NoDataIllustration.js

@@ -6,10 +6,11 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useId } from 'react';
+import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
+import { useId } from '../../../global/js/utils/useId.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _path, _path2, _path3, _path4, _path5, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path6, _path7, _path8;
 var _excluded = ["theme", "size", "alt"];

package/es/components/EmptyStates/assets/NoTagsIllustration.js

@@ -6,10 +6,11 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useId } from 'react';
+import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
+import { useId } from '../../../global/js/utils/useId.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _path, _path2, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _stop42, _stop43, _stop44, _stop45, _stop46, _stop47, _stop48, _stop49, _stop50, _stop51, _stop52, _stop53, _stop54, _stop55, _stop56, _stop57, _stop58, _stop59, _stop60, _stop61, _stop62, _stop63, _stop64, _stop65, _stop66, _path3;
 var _excluded = ["theme", "size", "alt"];

package/es/components/EmptyStates/assets/NotFoundIllustration.js

@@ -6,10 +6,11 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useId } from 'react';
+import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
+import { useId } from '../../../global/js/utils/useId.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _path, _path2, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _stop42, _stop43, _stop44, _stop45, _stop46, _stop47, _stop48, _path3;
 var _excluded = ["theme", "size", "alt"];

package/es/components/EmptyStates/assets/NotificationsIllustration.js

@@ -6,10 +6,11 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useId } from 'react';
+import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
+import { useId } from '../../../global/js/utils/useId.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path, _path2, _path3, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _path4;
 var _excluded = ["theme", "size", "alt"];

package/es/components/EmptyStates/assets/UnauthorizedIllustration.js

@@ -6,10 +6,11 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useId } from 'react';
+import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
+import { useId } from '../../../global/js/utils/useId.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _path, _path2, _path3, _linearGradient, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _path4;
 var _excluded = ["theme", "size", "alt"];

package/es/global/js/utils/useId.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Uses React 18's built-in `useId()` when available, or falls back to
+ * using uuidv4 otherwise
+ */
+export const useId: typeof uuidv4;
+import uuidv4 from './uuidv4';

package/es/global/js/utils/useId.js

@@ -0,0 +1,24 @@
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import uuidv4 from './uuidv4.js';
+
+// This tricks bundlers so they can't statically analyze this and produce
+// compilation warnings/errors.
+// https://github.com/webpack/webpack/issues/14814
+// https://github.com/mui/material-ui/issues/41190
+var _React = _objectSpread2({}, React__default);
+
+/**
+ * Uses React 18's built-in `useId()` when available, or falls back to
+ * using uuidv4 otherwise
+ */
+var useId = _React.useId ? _React.useId : uuidv4;
+
+export { useId };

package/lib/components/EmptyStates/assets/ErrorIllustration.js

@@ -14,6 +14,7 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
+var useId = require('../../../global/js/utils/useId.js');
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _path, _path2, _path3, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _path4;
 var _excluded = ["theme", "size", "alt"];
@@ -25,7 +26,7 @@ var ErrorIllustration = function ErrorIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = React.useId();
+  var svgId = useId.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,

package/lib/components/EmptyStates/assets/NoDataIllustration.js

@@ -14,6 +14,7 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
+var useId = require('../../../global/js/utils/useId.js');
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _path, _path2, _path3, _path4, _path5, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path6, _path7, _path8;
 var _excluded = ["theme", "size", "alt"];
@@ -25,7 +26,7 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = React.useId();
+  var svgId = useId.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,

package/lib/components/EmptyStates/assets/NoTagsIllustration.js

@@ -14,6 +14,7 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
+var useId = require('../../../global/js/utils/useId.js');
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _path, _path2, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _stop42, _stop43, _stop44, _stop45, _stop46, _stop47, _stop48, _stop49, _stop50, _stop51, _stop52, _stop53, _stop54, _stop55, _stop56, _stop57, _stop58, _stop59, _stop60, _stop61, _stop62, _stop63, _stop64, _stop65, _stop66, _path3;
 var _excluded = ["theme", "size", "alt"];
@@ -25,7 +26,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = React.useId();
+  var svgId = useId.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",

package/lib/components/EmptyStates/assets/NotFoundIllustration.js

@@ -14,6 +14,7 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
+var useId = require('../../../global/js/utils/useId.js');
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _path, _path2, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _stop42, _stop43, _stop44, _stop45, _stop46, _stop47, _stop48, _path3;
 var _excluded = ["theme", "size", "alt"];
@@ -25,7 +26,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = React.useId();
+  var svgId = useId.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,

package/lib/components/EmptyStates/assets/NotificationsIllustration.js

@@ -14,6 +14,7 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
+var useId = require('../../../global/js/utils/useId.js');
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path, _path2, _path3, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _path4;
 var _excluded = ["theme", "size", "alt"];
@@ -25,7 +26,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = React.useId();
+  var svgId = useId.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,

package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js

@@ -14,6 +14,7 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
+var useId = require('../../../global/js/utils/useId.js');
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _path, _path2, _path3, _linearGradient, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _path4;
 var _excluded = ["theme", "size", "alt"];
@@ -25,7 +26,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = React.useId();
+  var svgId = useId.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",

package/lib/global/js/utils/useId.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Uses React 18's built-in `useId()` when available, or falls back to
+ * using uuidv4 otherwise
+ */
+export const useId: typeof uuidv4;
+import uuidv4 from './uuidv4';

package/lib/global/js/utils/useId.js

@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var uuidv4 = require('./uuidv4.js');
+
+// This tricks bundlers so they can't statically analyze this and produce
+// compilation warnings/errors.
+// https://github.com/webpack/webpack/issues/14814
+// https://github.com/mui/material-ui/issues/41190
+var _React = _rollupPluginBabelHelpers.objectSpread2({}, React);
+
+/**
+ * Uses React 18's built-in `useId()` when available, or falls back to
+ * using uuidv4 otherwise
+ */
+var useId = _React.useId ? _React.useId : uuidv4.default;
+
+exports.useId = useId;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.56.0",
+  "version": "2.56.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -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": "a8985c2671543ecba2fa2e1fc3e8e47dae17cef7"
+  "gitHead": "c3d9280f5cd9debb7e3f6e611db79a1e01668cf5"
 }