@carbon/react 1.33.0 → 1.33.2

package/es/components/ComboButton/index.js

@@ -10,9 +10,9 @@ import React__default, { useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { ChevronDown } from '@carbon/icons-react';
+import { IconButton } from '../IconButton/index.js';
 import Button from '../Button/Button.js';
 import '../Button/Button.Skeleton.js';
-import { IconButton } from '../IconButton/index.js';
 import { Menu } from '../Menu/Menu.js';
 import { useAttachedMenu } from '../../internal/useAttachedMenu.js';
 import { useId } from '../../internal/useId.js';

package/es/components/DataTableSkeleton/DataTableSkeleton.d.ts

@@ -5,47 +5,46 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import { TableHTMLAttributes } from 'react';
-export interface DataTableSkeletonHeader {
+export interface DataTableSkeletonProps {
     /**
-     * Optionally specify header label
+     * Specify an optional className to add.
      */
-    header?: string;
-    /**
-     * Optionally specify header key
-     */
-    key?: string;
-}
-export interface DataTableSkeletonProps extends TableHTMLAttributes<HTMLTableElement> {
+    className?: string;
     /**
      * Specify the number of columns that you want to render in the skeleton state
      */
-    columnCount?: number;
+    columnCount: number;
     /**
      * Optionally specify whether you want the Skeleton to be rendered as a
      * compact DataTable
      */
-    compact?: boolean;
+    compact: boolean;
     /**
      * Optionally specify the displayed headers
      */
-    headers?: DataTableSkeletonHeader[];
+    headers?: [{
+        header: string;
+        key: string;
+    }] | {
+        header: string;
+        key: string;
+    };
     /**
      * Specify the number of rows that you want to render in the skeleton state
      */
-    rowCount?: number;
+    rowCount: number;
     /**
      * Specify if the table header should be rendered as part of the skeleton.
      */
-    showHeader?: boolean;
+    showHeader: boolean;
     /**
      * Specify if the table toolbar should be rendered as part of the skeleton.
      */
-    showToolbar?: boolean;
+    showToolbar: boolean;
     /**
      * Optionally specify whether you want the DataTable to be zebra striped
      */
-    zebra?: boolean;
+    zebra: boolean;
 }
 declare const DataTableSkeleton: {
     ({ headers, rowCount, columnCount, zebra, compact, className, showHeader, showToolbar, ...rest }: {

package/es/components/Tag/Tag.js

@@ -41,7 +41,6 @@ const Tag = _ref => {
     disabled,
     onClose,
     size,
-    as: BaseComponent,
     ...other
   } = _ref;
   const prefix = usePrefix();
@@ -62,8 +61,7 @@ const Tag = _ref => {
     }
   };
   if (filter) {
-    const ComponentTag = BaseComponent ?? 'div';
-    return /*#__PURE__*/React__default.createElement(ComponentTag, _extends({
+    return /*#__PURE__*/React__default.createElement("div", _extends({
       className: tagClasses,
       id: tagId
     }, other), /*#__PURE__*/React__default.createElement("span", {
@@ -78,7 +76,7 @@ const Tag = _ref => {
       title: title
     }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null))));
   }
-  const ComponentTag = BaseComponent ?? (other.onClick ? 'button' : 'div');
+  const ComponentTag = other.onClick ? 'button' : 'div';
   return /*#__PURE__*/React__default.createElement(ComponentTag, _extends({
     disabled: ComponentTag === 'button' ? disabled : null,
     className: tagClasses,
@@ -90,11 +88,6 @@ const Tag = _ref => {
   }, children !== null && children !== undefined ? children : TYPES[type]));
 };
 Tag.propTypes = {
-  /**
-   * Provide an alternative tag or component to use instead of the default
-   * wrapping element
-   */
-  as: PropTypes.elementType,
   /**
    * Provide content to be rendered inside of a <Tag>
    */

package/es/components/UIShell/HeaderMenuButton.d.ts

@@ -28,10 +28,6 @@ declare namespace HeaderMenuButton {
          * Specify whether the menu button is "active".
          */
         isActive: PropTypes.Requireable<boolean>;
-        /**
-         * Specify whether the menu button is collapsible.
-         */
-        isCollapsible: PropTypes.Requireable<boolean>;
         /**
          * Optionally provide an onClick handler that is called when the underlying
          * button fires it's onclick event

package/es/components/UIShell/HeaderMenuButton.js

@@ -64,10 +64,6 @@ HeaderMenuButton.propTypes = {
    * Specify whether the menu button is "active".
    */
   isActive: PropTypes.bool,
-  /**
-   * Specify whether the menu button is collapsible.
-   */
-  isCollapsible: PropTypes.bool,
   /**
    * Optionally provide an onClick handler that is called when the underlying
    * button fires it's onclick event

package/es/internal/useId.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { useLayoutEffect, useEffect, useState, useId as useId$1 } from 'react';
+import React__default, { useLayoutEffect, useEffect, useState } from 'react';
 import setupGetInstanceId from '../tools/setupGetInstanceId.js';
 import { canUseDOM } from './environment.js';
 import { useIdPrefix } from './useIdPrefix.js';
@@ -39,14 +39,14 @@ function useId() {
       serverHandoffCompleted = true;
     }
   }, []);
-  if (useId$1) {
+  if (typeof React__default['useId'] === 'function') {
     const id = nativeReactUseId(_prefix, prefix);
     return id;
   }
   return id;
 }
 function nativeReactUseId(_prefix, prefix) {
-  const getId = useId$1();
+  const getId = React__default['useId']();
   const id = `${_prefix ? `${_prefix}-` : ``}${prefix}-${getId}`;
   return id;
 }

package/lib/components/ComboButton/index.js

@@ -14,9 +14,9 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
+var index = require('../IconButton/index.js');
 var Button = require('../Button/Button.js');
 require('../Button/Button.Skeleton.js');
-var index = require('../IconButton/index.js');
 var Menu = require('../Menu/Menu.js');
 var useAttachedMenu = require('../../internal/useAttachedMenu.js');
 var useId = require('../../internal/useId.js');

package/lib/components/DataTableSkeleton/DataTableSkeleton.d.ts

@@ -5,47 +5,46 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import { TableHTMLAttributes } from 'react';
-export interface DataTableSkeletonHeader {
+export interface DataTableSkeletonProps {
     /**
-     * Optionally specify header label
+     * Specify an optional className to add.
      */
-    header?: string;
-    /**
-     * Optionally specify header key
-     */
-    key?: string;
-}
-export interface DataTableSkeletonProps extends TableHTMLAttributes<HTMLTableElement> {
+    className?: string;
     /**
      * Specify the number of columns that you want to render in the skeleton state
      */
-    columnCount?: number;
+    columnCount: number;
     /**
      * Optionally specify whether you want the Skeleton to be rendered as a
      * compact DataTable
      */
-    compact?: boolean;
+    compact: boolean;
     /**
      * Optionally specify the displayed headers
      */
-    headers?: DataTableSkeletonHeader[];
+    headers?: [{
+        header: string;
+        key: string;
+    }] | {
+        header: string;
+        key: string;
+    };
     /**
      * Specify the number of rows that you want to render in the skeleton state
      */
-    rowCount?: number;
+    rowCount: number;
     /**
      * Specify if the table header should be rendered as part of the skeleton.
      */
-    showHeader?: boolean;
+    showHeader: boolean;
     /**
      * Specify if the table toolbar should be rendered as part of the skeleton.
      */
-    showToolbar?: boolean;
+    showToolbar: boolean;
     /**
      * Optionally specify whether you want the DataTable to be zebra striped
      */
-    zebra?: boolean;
+    zebra: boolean;
 }
 declare const DataTableSkeleton: {
     ({ headers, rowCount, columnCount, zebra, compact, className, showHeader, showToolbar, ...rest }: {

package/lib/components/Tag/Tag.js

@@ -51,7 +51,6 @@ const Tag = _ref => {
     disabled,
     onClose,
     size,
-    as: BaseComponent,
     ...other
   } = _ref;
   const prefix = usePrefix.usePrefix();
@@ -72,8 +71,7 @@ const Tag = _ref => {
     }
   };
   if (filter) {
-    const ComponentTag = BaseComponent ?? 'div';
-    return /*#__PURE__*/React__default["default"].createElement(ComponentTag, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
       className: tagClasses,
       id: tagId
     }, other), /*#__PURE__*/React__default["default"].createElement("span", {
@@ -88,7 +86,7 @@ const Tag = _ref => {
       title: title
     }, _Close || (_Close = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, null))));
   }
-  const ComponentTag = BaseComponent ?? (other.onClick ? 'button' : 'div');
+  const ComponentTag = other.onClick ? 'button' : 'div';
   return /*#__PURE__*/React__default["default"].createElement(ComponentTag, _rollupPluginBabelHelpers["extends"]({
     disabled: ComponentTag === 'button' ? disabled : null,
     className: tagClasses,
@@ -100,11 +98,6 @@ const Tag = _ref => {
   }, children !== null && children !== undefined ? children : TYPES[type]));
 };
 Tag.propTypes = {
-  /**
-   * Provide an alternative tag or component to use instead of the default
-   * wrapping element
-   */
-  as: PropTypes__default["default"].elementType,
   /**
    * Provide content to be rendered inside of a <Tag>
    */

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

@@ -28,10 +28,6 @@ declare namespace HeaderMenuButton {
          * Specify whether the menu button is "active".
          */
         isActive: PropTypes.Requireable<boolean>;
-        /**
-         * Specify whether the menu button is collapsible.
-         */
-        isCollapsible: PropTypes.Requireable<boolean>;
         /**
          * Optionally provide an onClick handler that is called when the underlying
          * button fires it's onclick event

package/lib/components/UIShell/HeaderMenuButton.js

@@ -74,10 +74,6 @@ HeaderMenuButton.propTypes = {
    * Specify whether the menu button is "active".
    */
   isActive: PropTypes__default["default"].bool,
-  /**
-   * Specify whether the menu button is collapsible.
-   */
-  isCollapsible: PropTypes__default["default"].bool,
   /**
    * Optionally provide an onClick handler that is called when the underlying
    * button fires it's onclick event

package/lib/internal/useId.js

@@ -14,6 +14,10 @@ var setupGetInstanceId = require('../tools/setupGetInstanceId.js');
 var environment = require('./environment.js');
 var useIdPrefix = require('./useIdPrefix.js');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
 // This file was heavily inspired by Reach UI and their work on their auto-id
 const getId = setupGetInstanceId["default"]();
 const useIsomorphicLayoutEffect = environment.canUseDOM ? React.useLayoutEffect : React.useEffect;
@@ -43,14 +47,14 @@ function useId() {
       serverHandoffCompleted = true;
     }
   }, []);
-  if (React.useId) {
+  if (typeof React__default["default"]['useId'] === 'function') {
     const id = nativeReactUseId(_prefix, prefix);
     return id;
   }
   return id;
 }
 function nativeReactUseId(_prefix, prefix) {
-  const getId = React.useId();
+  const getId = React__default["default"]['useId']();
   const id = `${_prefix ? `${_prefix}-` : ``}${prefix}-${getId}`;
   return id;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.33.0",
+  "version": "1.33.2",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -45,9 +45,9 @@
   "dependencies": {
     "@babel/runtime": "^7.18.3",
     "@carbon/feature-flags": "^0.15.0",
-    "@carbon/icons-react": "^11.22.0",
-    "@carbon/layout": "^11.16.0",
-    "@carbon/styles": "^1.33.0",
+    "@carbon/icons-react": "^11.22.1",
+    "@carbon/layout": "^11.16.1",
+    "@carbon/styles": "^1.33.1",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
@@ -75,7 +75,7 @@
     "@babel/preset-react": "^7.22.3",
     "@babel/preset-typescript": "^7.21.5",
     "@carbon/test-utils": "^10.30.0",
-    "@carbon/themes": "^11.21.0",
+    "@carbon/themes": "^11.21.1",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
@@ -137,5 +137,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "3a58934eed5588f5e8ee1facbb09584a41adc089"
+  "gitHead": "292537f58efeb08051e3e32afd6c1a923c92060f"
 }