@carbon/react 1.53.0-rc.0 → 1.53.0

package/es/components/Copy/Copy.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 PropTypes from 'prop-types';
+import React, { AnimationEventHandler, MouseEventHandler, PropsWithChildren } from 'react';
+interface CopyProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Specify how the trigger should align with the tooltip
+     */
+    align?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
+    /**
+     * Specify an optional className to be applied to the underlying `<button>`
+     */
+    className?: string;
+    /**
+     * Specify the string that is displayed when the button is clicked and the
+     * content is copied
+     */
+    feedback?: string;
+    /**
+     * Specify the time it takes for the feedback message to timeout
+     */
+    feedbackTimeout?: number;
+    /**
+     * Specify an optional `onAnimationEnd` handler that is called when the underlying
+     * animation ends
+     */
+    onAnimationEnd?: AnimationEventHandler<HTMLButtonElement>;
+    /**
+     * Specify an optional `onClick` handler that is called when the underlying
+     * `<button>` is clicked
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+declare function Copy({ align, children, className, feedback, feedbackTimeout, onAnimationEnd, onClick, ...other }: PropsWithChildren<CopyProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Copy {
+    var propTypes: {
+        /**
+         * Specify how the trigger should align with the tooltip
+         */
+        align: PropTypes.Requireable<string>;
+        /**
+         * Pass in content to be rendered in the underlying `<button>`
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Specify an optional className to be applied to the underlying `<button>`
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify the string that is displayed when the button is clicked and the
+         * content is copied
+         */
+        feedback: PropTypes.Requireable<string>;
+        /**
+         * Specify the time it takes for the feedback message to timeout
+         */
+        feedbackTimeout: PropTypes.Requireable<number>;
+        /**
+         * Specify an optional `onAnimationEnd` handler that is called when the underlying
+         * animation ends
+         */
+        onAnimationEnd: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Specify an optional `onClick` handler that is called when the underlying
+         * `<button>` is clicked
+         */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default Copy;

package/es/components/Copy/Copy.js

@@ -57,7 +57,7 @@ function Copy(_ref) {
     onClick: composeEventHandlers([onClick, handleClick]),
     onAnimationEnd: composeEventHandlers([onAnimationEnd, handleAnimationEnd])
   }, other, {
-    "aria-label": !children && (animation ? feedback : other['aria-label']) || null
+    "aria-label": !children && (animation ? feedback : other['aria-label']) || undefined
   }), children);
 }
 Copy.propTypes = {

package/es/components/Copy/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 Copy from './Copy';
+export default Copy;
+export { Copy };

package/es/components/CopyButton/CopyButton.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 PropTypes from 'prop-types';
+import { MouseEventHandler } from 'react';
+import { ButtonProps } from '../Button';
+export interface CopyButtonProps extends ButtonProps<'button'> {
+    /**
+     * Specify how the trigger should align with the tooltip
+     */
+    align?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
+    /**
+     * Specify an optional className to be applied to the underlying `<button>`
+     */
+    className?: string;
+    /**
+     * Specify the string that is displayed when the button is clicked and the
+     * content is copied
+     */
+    feedback?: string;
+    /**
+     * Specify the time it takes for the feedback message to timeout
+     */
+    feedbackTimeout?: number;
+    /**
+     * Provide a description for the icon representing the copy action that can
+     * be read by screen readers
+     */
+    iconDescription?: string;
+    /**
+     * Specify an optional `onClick` handler that is called when the underlying
+     * `<button>` is clicked
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+declare function CopyButton({ align, feedback, feedbackTimeout, iconDescription, className, onClick, ...other }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CopyButton {
+    var propTypes: {
+        /**
+         * Specify how the trigger should align with the tooltip
+         */
+        align: PropTypes.Requireable<string>;
+        /**
+         * Specify an optional className to be applied to the underlying `<button>`
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify the string that is displayed when the button is clicked and the
+         * content is copied
+         */
+        feedback: PropTypes.Requireable<string>;
+        /**
+         * Specify the time it takes for the feedback message to timeout
+         */
+        feedbackTimeout: PropTypes.Requireable<number>;
+        /**
+         * Provide a description for the icon representing the copy action that can
+         * be read by screen readers
+         */
+        iconDescription: PropTypes.Requireable<string>;
+        /**
+         * Specify an optional `onClick` handler that is called when the underlying
+         * `<button>` is clicked
+         */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default CopyButton;

package/es/components/CopyButton/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 CopyButton from './CopyButton';
+export default CopyButton;
+export { CopyButton };

package/es/components/OverflowMenu/OverflowMenu.js

@@ -118,6 +118,9 @@ class OverflowMenu extends Component {
       const {
         onClick = noopFn
       } = this.props;
+      this.setState({
+        click: true
+      });
       evt.stopPropagation();
       if (!this._menuBody || !this._menuBody.contains(evt.target)) {
         this.setState({
@@ -127,6 +130,15 @@ class OverflowMenu extends Component {
       }
     });
     _defineProperty(this, "closeMenuAndFocus", () => {
+      let wasClicked = this.state.click;
+      let wasOpen = this.state.open;
+      this.closeMenu(() => {
+        if (wasOpen && !wasClicked) {
+          this.focusMenuEl();
+        }
+      });
+    });
+    _defineProperty(this, "closeMenuOnEscape", () => {
       let wasOpen = this.state.open;
       this.closeMenu(() => {
         if (wasOpen) {
@@ -141,7 +153,7 @@ class OverflowMenu extends Component {
 
       // Close the overflow menu on escape
       if (matches(evt, [Escape])) {
-        this.closeMenuAndFocus();
+        this.closeMenuOnEscape();
 
         // Stop the esc keypress from bubbling out and closing something it shouldn't
         evt.stopPropagation();

package/es/index.js

@@ -25,6 +25,8 @@ export { default as ComposedModal, ModalBody } from './components/ComposedModal/
 export { ModalHeader } from './components/ComposedModal/ModalHeader.js';
 export { ModalFooter } from './components/ComposedModal/ModalFooter.js';
 export { default as ContentSwitcher } from './components/ContentSwitcher/index.js';
+export { default as Copy } from './components/Copy/Copy.js';
+export { default as CopyButton } from './components/CopyButton/CopyButton.js';
 export { default as DangerButton } from './components/DangerButton/DangerButton.js';
 import './components/DataTable/index.js';
 export { default as DataTableSkeleton } from './components/DataTableSkeleton/DataTableSkeleton.js';
@@ -169,8 +171,6 @@ export { default as CodeSnippet } from './components/CodeSnippet/CodeSnippet.js'
 export { default as ContainedListItem } from './components/ContainedList/ContainedListItem/ContainedListItem.js';
 export { default as ContainedList } from './components/ContainedList/ContainedList.js';
 export { default as useContextMenu } from './components/ContextMenu/useContextMenu.js';
-export { default as Copy } from './components/Copy/Copy.js';
-export { default as CopyButton } from './components/CopyButton/CopyButton.js';
 export { default as SliderSkeleton } from './components/Slider/Slider.Skeleton.js';
 export { default as TextInputSkeleton } from './components/TextInput/TextInput.Skeleton.js';
 export { default as TextInput } from './components/TextInput/TextInput.js';

package/lib/components/Copy/Copy.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 PropTypes from 'prop-types';
+import React, { AnimationEventHandler, MouseEventHandler, PropsWithChildren } from 'react';
+interface CopyProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Specify how the trigger should align with the tooltip
+     */
+    align?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
+    /**
+     * Specify an optional className to be applied to the underlying `<button>`
+     */
+    className?: string;
+    /**
+     * Specify the string that is displayed when the button is clicked and the
+     * content is copied
+     */
+    feedback?: string;
+    /**
+     * Specify the time it takes for the feedback message to timeout
+     */
+    feedbackTimeout?: number;
+    /**
+     * Specify an optional `onAnimationEnd` handler that is called when the underlying
+     * animation ends
+     */
+    onAnimationEnd?: AnimationEventHandler<HTMLButtonElement>;
+    /**
+     * Specify an optional `onClick` handler that is called when the underlying
+     * `<button>` is clicked
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+declare function Copy({ align, children, className, feedback, feedbackTimeout, onAnimationEnd, onClick, ...other }: PropsWithChildren<CopyProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Copy {
+    var propTypes: {
+        /**
+         * Specify how the trigger should align with the tooltip
+         */
+        align: PropTypes.Requireable<string>;
+        /**
+         * Pass in content to be rendered in the underlying `<button>`
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Specify an optional className to be applied to the underlying `<button>`
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify the string that is displayed when the button is clicked and the
+         * content is copied
+         */
+        feedback: PropTypes.Requireable<string>;
+        /**
+         * Specify the time it takes for the feedback message to timeout
+         */
+        feedbackTimeout: PropTypes.Requireable<number>;
+        /**
+         * Specify an optional `onAnimationEnd` handler that is called when the underlying
+         * animation ends
+         */
+        onAnimationEnd: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Specify an optional `onClick` handler that is called when the underlying
+         * `<button>` is clicked
+         */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default Copy;

package/lib/components/Copy/Copy.js

@@ -68,7 +68,7 @@ function Copy(_ref) {
     onClick: events.composeEventHandlers([onClick, handleClick]),
     onAnimationEnd: events.composeEventHandlers([onAnimationEnd, handleAnimationEnd])
   }, other, {
-    "aria-label": !children && (animation ? feedback : other['aria-label']) || null
+    "aria-label": !children && (animation ? feedback : other['aria-label']) || undefined
   }), children);
 }
 Copy.propTypes = {

package/lib/components/Copy/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 Copy from './Copy';
+export default Copy;
+export { Copy };

package/lib/components/CopyButton/CopyButton.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 PropTypes from 'prop-types';
+import { MouseEventHandler } from 'react';
+import { ButtonProps } from '../Button';
+export interface CopyButtonProps extends ButtonProps<'button'> {
+    /**
+     * Specify how the trigger should align with the tooltip
+     */
+    align?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
+    /**
+     * Specify an optional className to be applied to the underlying `<button>`
+     */
+    className?: string;
+    /**
+     * Specify the string that is displayed when the button is clicked and the
+     * content is copied
+     */
+    feedback?: string;
+    /**
+     * Specify the time it takes for the feedback message to timeout
+     */
+    feedbackTimeout?: number;
+    /**
+     * Provide a description for the icon representing the copy action that can
+     * be read by screen readers
+     */
+    iconDescription?: string;
+    /**
+     * Specify an optional `onClick` handler that is called when the underlying
+     * `<button>` is clicked
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+declare function CopyButton({ align, feedback, feedbackTimeout, iconDescription, className, onClick, ...other }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CopyButton {
+    var propTypes: {
+        /**
+         * Specify how the trigger should align with the tooltip
+         */
+        align: PropTypes.Requireable<string>;
+        /**
+         * Specify an optional className to be applied to the underlying `<button>`
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify the string that is displayed when the button is clicked and the
+         * content is copied
+         */
+        feedback: PropTypes.Requireable<string>;
+        /**
+         * Specify the time it takes for the feedback message to timeout
+         */
+        feedbackTimeout: PropTypes.Requireable<number>;
+        /**
+         * Provide a description for the icon representing the copy action that can
+         * be read by screen readers
+         */
+        iconDescription: PropTypes.Requireable<string>;
+        /**
+         * Specify an optional `onClick` handler that is called when the underlying
+         * `<button>` is clicked
+         */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default CopyButton;

package/lib/components/CopyButton/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 CopyButton from './CopyButton';
+export default CopyButton;
+export { CopyButton };

package/lib/components/OverflowMenu/OverflowMenu.js

@@ -129,6 +129,9 @@ class OverflowMenu extends React.Component {
       const {
         onClick = noopFn.noopFn
       } = this.props;
+      this.setState({
+        click: true
+      });
       evt.stopPropagation();
       if (!this._menuBody || !this._menuBody.contains(evt.target)) {
         this.setState({
@@ -138,6 +141,15 @@ class OverflowMenu extends React.Component {
       }
     });
     _rollupPluginBabelHelpers.defineProperty(this, "closeMenuAndFocus", () => {
+      let wasClicked = this.state.click;
+      let wasOpen = this.state.open;
+      this.closeMenu(() => {
+        if (wasOpen && !wasClicked) {
+          this.focusMenuEl();
+        }
+      });
+    });
+    _rollupPluginBabelHelpers.defineProperty(this, "closeMenuOnEscape", () => {
       let wasOpen = this.state.open;
       this.closeMenu(() => {
         if (wasOpen) {
@@ -152,7 +164,7 @@ class OverflowMenu extends React.Component {
 
       // Close the overflow menu on escape
       if (match.matches(evt, [keys.Escape])) {
-        this.closeMenuAndFocus();
+        this.closeMenuOnEscape();
 
         // Stop the esc keypress from bubbling out and closing something it shouldn't
         evt.stopPropagation();

package/lib/index.js

@@ -29,6 +29,8 @@ var ComposedModal = require('./components/ComposedModal/ComposedModal.js');
 var ModalHeader = require('./components/ComposedModal/ModalHeader.js');
 var ModalFooter = require('./components/ComposedModal/ModalFooter.js');
 var index$6 = require('./components/ContentSwitcher/index.js');
+var Copy = require('./components/Copy/Copy.js');
+var CopyButton = require('./components/CopyButton/CopyButton.js');
 var DangerButton = require('./components/DangerButton/DangerButton.js');
 require('./components/DataTable/index.js');
 var DataTableSkeleton = require('./components/DataTableSkeleton/DataTableSkeleton.js');
@@ -173,8 +175,6 @@ var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
 var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
 var ContainedList = require('./components/ContainedList/ContainedList.js');
 var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
-var Copy = require('./components/Copy/Copy.js');
-var CopyButton = require('./components/CopyButton/CopyButton.js');
 var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
 var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
 var TextInput = require('./components/TextInput/TextInput.js');
@@ -255,6 +255,8 @@ exports.ModalBody = ComposedModal.ModalBody;
 exports.ModalHeader = ModalHeader.ModalHeader;
 exports.ModalFooter = ModalFooter.ModalFooter;
 exports.ContentSwitcher = index$6["default"];
+exports.Copy = Copy["default"];
+exports.CopyButton = CopyButton["default"];
 exports.DangerButton = DangerButton["default"];
 exports.DataTableSkeleton = DataTableSkeleton["default"];
 exports.DatePicker = DatePicker["default"];
@@ -438,8 +440,6 @@ exports.CodeSnippet = CodeSnippet["default"];
 exports.ContainedListItem = ContainedListItem["default"];
 exports.ContainedList = ContainedList["default"];
 exports.useContextMenu = useContextMenu["default"];
-exports.Copy = Copy["default"];
-exports.CopyButton = CopyButton["default"];
 exports.SliderSkeleton = Slider_Skeleton["default"];
 exports.TextInputSkeleton = TextInput_Skeleton["default"];
 exports.TextInput = TextInput["default"];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.53.0-rc.0",
+  "version": "1.53.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -48,14 +48,14 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.3",
-    "@carbon/feature-flags": "^0.18.0-rc.0",
-    "@carbon/icons-react": "^11.38.0-rc.0",
-    "@carbon/layout": "^11.21.0-rc.0",
-    "@carbon/styles": "^1.53.0-rc.0",
+    "@carbon/feature-flags": "^0.18.0",
+    "@carbon/icons-react": "^11.38.0",
+    "@carbon/layout": "^11.21.0",
+    "@carbon/styles": "^1.53.0",
     "@ibm/telemetry-js": "^1.2.1",
     "classnames": "2.5.1",
     "copy-to-clipboard": "^3.3.1",
-    "downshift": "8.3.2",
+    "downshift": "8.4.0",
     "flatpickr": "4.6.13",
     "invariant": "^2.2.3",
     "lodash.debounce": "^4.0.8",
@@ -79,7 +79,7 @@
     "@babel/preset-react": "^7.22.3",
     "@babel/preset-typescript": "^7.21.5",
     "@carbon/test-utils": "^10.30.0",
-    "@carbon/themes": "^11.33.0-rc.0",
+    "@carbon/themes": "^11.33.0",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
@@ -139,5 +139,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "fd9030978919c8d2ce0c102db94aeabf88563c34"
+  "gitHead": "7920f5261d5867837e0b7e6092c98a6597ac0771"
 }