@carbon/react 1.86.0 → 1.87.0

package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js

@@ -15,12 +15,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _span, _span2, _span3, _span4;
 function CodeSnippetSkeleton({
   className: containerClassName,
@@ -28,37 +22,37 @@ function CodeSnippetSkeleton({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](containerClassName, {
+  const className = cx(containerClassName, {
     [`${prefix}--snippet`]: true,
     [`${prefix}--skeleton`]: true,
     [`${prefix}--snippet--single`]: type === 'single',
     [`${prefix}--snippet--multi`]: type === 'multi'
   });
   if (type === 'single') {
-    return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
       className: className
-    }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, rest), /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--snippet-container`
-    }, _span || (_span = /*#__PURE__*/React__default["default"].createElement("span", null))));
+    }, _span || (_span = /*#__PURE__*/React.createElement("span", null))));
   }
   if (type === 'multi') {
-    return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
       className: className
-    }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, rest), /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--snippet-container`
-    }, _span2 || (_span2 = /*#__PURE__*/React__default["default"].createElement("span", null)), _span3 || (_span3 = /*#__PURE__*/React__default["default"].createElement("span", null)), _span4 || (_span4 = /*#__PURE__*/React__default["default"].createElement("span", null))));
+    }, _span2 || (_span2 = /*#__PURE__*/React.createElement("span", null)), _span3 || (_span3 = /*#__PURE__*/React.createElement("span", null)), _span4 || (_span4 = /*#__PURE__*/React.createElement("span", null))));
   }
 }
 CodeSnippetSkeleton.propTypes = {
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * The type of the code snippet, including single or multi
    */
-  type: PropTypes__default["default"].oneOf(['single', 'multi'])
+  type: PropTypes.oneOf(['single', 'multi'])
 };
 
 exports.CodeSnippetSkeleton = CodeSnippetSkeleton;
-exports["default"] = CodeSnippetSkeleton;
+exports.default = CodeSnippetSkeleton;

package/lib/components/CodeSnippet/CodeSnippet.js

@@ -26,13 +26,6 @@ var usePrefix = require('../../internal/usePrefix.js');
 var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
 var mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var copy__default = /*#__PURE__*/_interopDefaultLegacy(copy);
-
 const rowHeightInPixels = 16;
 const defaultMaxCollapsedNumberOfRows = 15;
 const defaultMaxExpandedNumberOfRows = 0;
@@ -136,13 +129,13 @@ function CodeSnippet({
   }, [handleScroll]);
   const handleCopyClick = evt => {
     if (copyText || innerCodeRef?.current) {
-      copy__default["default"](copyText ?? innerCodeRef?.current?.innerText ?? '');
+      copy(copyText ?? innerCodeRef?.current?.innerText ?? '');
     }
     if (onClick) {
       onClick(evt);
     }
   };
-  const codeSnippetClasses = cx__default["default"](className, `${prefix}--snippet`, {
+  const codeSnippetClasses = cx(className, `${prefix}--snippet`, {
     [`${prefix}--snippet--${type}`]: type,
     [`${prefix}--snippet--disabled`]: type !== 'inline' && disabled,
     [`${prefix}--snippet--expand`]: expandedCode,
@@ -154,23 +147,24 @@ function CodeSnippet({
   const expandCodeBtnText = expandedCode ? showLessText : showMoreText;
   if (type === 'inline') {
     if (hideCopyButton) {
-      return /*#__PURE__*/React__default["default"].createElement("span", {
+      return /*#__PURE__*/React.createElement("span", {
         className: codeSnippetClasses
-      }, /*#__PURE__*/React__default["default"].createElement("code", {
+      }, /*#__PURE__*/React.createElement("code", {
         id: uid,
         ref: innerCodeRef
       }, children));
     }
-    return /*#__PURE__*/React__default["default"].createElement(Copy["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
+    return /*#__PURE__*/React.createElement(Copy.default, _rollupPluginBabelHelpers.extends({}, rest, {
       align: align,
       autoAlign: autoAlign,
       onClick: handleCopyClick,
       "aria-label": deprecatedAriaLabel || ariaLabel,
       "aria-describedby": uid,
       className: codeSnippetClasses,
+      disabled: disabled,
       feedback: feedback,
       feedbackTimeout: feedbackTimeout
-    }), /*#__PURE__*/React__default["default"].createElement("code", {
+    }), /*#__PURE__*/React.createElement("code", {
       id: uid,
       ref: innerCodeRef
     }, children));
@@ -197,9 +191,9 @@ function CodeSnippet({
       containerStyle.style = styles;
     }
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     className: codeSnippetClasses
-  }), /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  }), /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     ref: codeContainerRef,
     role: type === 'single' || type === 'multi' ? 'textbox' : undefined,
     tabIndex: (type === 'single' || type === 'multi') && !disabled ? 0 : undefined,
@@ -208,16 +202,16 @@ function CodeSnippet({
     "aria-readonly": type === 'single' || type === 'multi' ? true : undefined,
     "aria-multiline": type === 'multi' ? true : undefined,
     onScroll: type === 'single' && handleScroll || undefined
-  }, containerStyle), /*#__PURE__*/React__default["default"].createElement("pre", {
+  }, containerStyle), /*#__PURE__*/React.createElement("pre", {
     ref: codeContentRef,
     onScroll: type === 'multi' && handleScroll || undefined
-  }, /*#__PURE__*/React__default["default"].createElement("code", {
+  }, /*#__PURE__*/React.createElement("code", {
     ref: innerCodeRef
-  }, children))), hasLeftOverflow && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, children))), hasLeftOverflow && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--snippet__overflow-indicator--left`
-  }), hasRightOverflow && type !== 'multi' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), hasRightOverflow && type !== 'multi' && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--snippet__overflow-indicator--right`
-  }), !hideCopyButton && /*#__PURE__*/React__default["default"].createElement(CopyButton["default"], {
+  }), !hideCopyButton && /*#__PURE__*/React.createElement(CopyButton.default, {
     align: align,
     autoAlign: autoAlign,
     size: type === 'multi' ? 'sm' : 'md',
@@ -226,15 +220,15 @@ function CodeSnippet({
     feedback: feedback,
     feedbackTimeout: feedbackTimeout,
     iconDescription: copyButtonDescription
-  }), shouldShowMoreLessBtn && /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }), shouldShowMoreLessBtn && /*#__PURE__*/React.createElement(Button.default, {
     kind: "ghost",
     size: "sm",
     className: `${prefix}--snippet-btn--expand`,
     disabled: disabled,
     onClick: () => setExpandedCode(!expandedCode)
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--snippet-btn--text`
-  }, expandCodeBtnText), /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, {
+  }, expandCodeBtnText), /*#__PURE__*/React.createElement(iconsReact.ChevronDown, {
     className: `${prefix}--icon-chevron--down ${prefix}--snippet__icon`,
     name: "chevron--down",
     role: "img"
@@ -244,7 +238,7 @@ CodeSnippet.propTypes = {
   /**
    * Specify how the trigger should align with the tooltip
    */
-  align: deprecateValuesWithin["default"](PropTypes__default["default"].oneOf(['top', 'top-left',
+  align: deprecateValuesWithin.default(PropTypes.oneOf(['top', 'top-left',
   // deprecated use top-start instead
   'top-right',
   // deprecated use top-end instead
@@ -270,95 +264,95 @@ CodeSnippet.propTypes = {
    * Specify a label to be read by screen readers on the containing textbox
    * node
    */
-  ['aria-label']: PropTypes__default["default"].string,
+  ['aria-label']: PropTypes.string,
   /**
    * Deprecated, please use `aria-label` instead.
    * Specify a label to be read by screen readers on the containing textbox
    * node
    */
-  ariaLabel: deprecate.deprecate(PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
+  ariaLabel: deprecate.deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
   /**
    * **Experimental**: Will attempt to automatically align the tooltip
    */
-  autoAlign: PropTypes__default["default"].bool,
+  autoAlign: PropTypes.bool,
   /**
    * Provide the content of your CodeSnippet as a node or string
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the description for the Copy Button
    */
-  copyButtonDescription: PropTypes__default["default"].string,
+  copyButtonDescription: PropTypes.string,
   /**
    * Optional text to copy. If not specified, the `children` node's `innerText`
    * will be used as the copy value.
    */
-  copyText: PropTypes__default["default"].string,
+  copyText: PropTypes.string,
   /**
    * Specify whether or not the CodeSnippet should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify the string displayed when the snippet is copied
    */
-  feedback: PropTypes__default["default"].string,
+  feedback: PropTypes.string,
   /**
    * Specify the time it takes for the feedback message to timeout
    */
-  feedbackTimeout: PropTypes__default["default"].number,
+  feedbackTimeout: PropTypes.number,
   /**
    * Specify whether or not a copy button should be used/rendered.
    */
-  hideCopyButton: PropTypes__default["default"].bool,
+  hideCopyButton: PropTypes.bool,
   /**
    * Specify whether you are using the light variant of the Code Snippet,
    * typically used for inline snippet to display an alternate color
    */
 
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `CodeSnippet` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
+  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `CodeSnippet` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    * Specify the maximum number of rows to be shown when in collapsed view
    */
-  maxCollapsedNumberOfRows: PropTypes__default["default"].number,
+  maxCollapsedNumberOfRows: PropTypes.number,
   /**
    * Specify the maximum number of rows to be shown when in expanded view
    */
-  maxExpandedNumberOfRows: PropTypes__default["default"].number,
+  maxExpandedNumberOfRows: PropTypes.number,
   /**
    * Specify the minimum number of rows to be shown when in collapsed view
    */
-  minCollapsedNumberOfRows: PropTypes__default["default"].number,
+  minCollapsedNumberOfRows: PropTypes.number,
   /**
    * Specify the minimum number of rows to be shown when in expanded view
    */
-  minExpandedNumberOfRows: PropTypes__default["default"].number,
+  minExpandedNumberOfRows: PropTypes.number,
   /**
    * An optional handler to listen to the `onClick` even fired by the Copy
    * Button
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Specify a string that is displayed when the Code Snippet has been
    * interacted with to show more lines
    */
-  showLessText: PropTypes__default["default"].string,
+  showLessText: PropTypes.string,
   /**
    * Specify a string that is displayed when the Code Snippet text is more
    * than 15 lines
    */
-  showMoreText: PropTypes__default["default"].string,
+  showMoreText: PropTypes.string,
   /**
    * Provide the type of Code Snippet
    */
-  type: PropTypes__default["default"].oneOf(['single', 'inline', 'multi']),
+  type: PropTypes.oneOf(['single', 'inline', 'multi']),
   /**
    * Specify whether or not to wrap the text.
    */
-  wrapText: PropTypes__default["default"].bool
+  wrapText: PropTypes.bool
 };
 
-exports["default"] = CodeSnippet;
+exports.default = CodeSnippet;

package/lib/components/ComboBox/ComboBox.d.ts

@@ -195,6 +195,13 @@ export interface ComboBoxProps<ItemType> extends Omit<InputHTMLAttributes<HTMLIn
      * Provide the text that is displayed when the control is in warning state
      */
     warnText?: ReactNode;
+    /**
+     * Specify native input attributes to place on the `<input>`, like maxLength.
+     * These are passed to downshift's getInputProps() and will override the
+     * internal input props.
+     * https://github.com/downshift-js/downshift?tab=readme-ov-file#getinputprops
+     */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
 }
 type ComboboxComponentProps<ItemType> = PropsWithRef<PropsWithChildren<ComboBoxProps<ItemType>> & RefAttributes<HTMLInputElement>>;
 export interface ComboBoxComponent {