@carbon/react 1.86.0 → 1.87.0

package/lib/components/ComboBox/ComboBox.js

@@ -35,13 +35,6 @@ var utils = require('../../internal/utils.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
 var Text = require('../Text/Text.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 isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-
 const {
   InputBlur,
   InputKeyDownEnter,
@@ -161,6 +154,7 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     warnText,
     allowCustomValue = false,
     slug,
+    inputProps,
     ...rest
   } = props;
   const enableFloatingStyles = index.useFeatureFlag('enable-v12-dynamic-floating-styles') || autoAlign;
@@ -420,28 +414,28 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
   };
   const showWarning = !invalid && warn;
-  const className = cx__default["default"](`${prefix}--combo-box`, {
+  const className = cx(`${prefix}--combo-box`, {
     [`${prefix}--combo-box--invalid--focused`]: invalid && isFocused,
     [`${prefix}--list-box--up`]: direction === 'top',
     [`${prefix}--combo-box--warning`]: showWarning,
     [`${prefix}--combo-box--readonly`]: readOnly,
     [`${prefix}--autoalign`]: enableFloatingStyles
   });
-  const titleClasses = cx__default["default"](`${prefix}--label`, {
+  const titleClasses = cx(`${prefix}--label`, {
     [`${prefix}--label--disabled`]: disabled
   });
   const helperTextId = `combobox-helper-text-${comboBoxInstanceId}`;
   const warnTextId = `combobox-warn-text-${comboBoxInstanceId}`;
   const invalidTextId = `combobox-invalid-text-${comboBoxInstanceId}`;
-  const helperClasses = cx__default["default"](`${prefix}--form__helper-text`, {
+  const helperClasses = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
-  const wrapperClasses = cx__default["default"](`${prefix}--list-box__wrapper`, [containerClassName, {
+  const wrapperClasses = cx(`${prefix}--list-box__wrapper`, [containerClassName, {
     [`${prefix}--list-box__wrapper--fluid--invalid`]: isFluid && invalid,
     [`${prefix}--list-box__wrapper--slug`]: slug,
     [`${prefix}--list-box__wrapper--decorator`]: decorator
   }]);
-  const inputClasses = cx__default["default"](`${prefix}--text-input`, {
+  const inputClasses = cx(`${prefix}--text-input`, {
     [`${prefix}--text-input--empty`]: !inputValue,
     [`${prefix}--combo-box--input--focus`]: isFocused
   });
@@ -519,7 +513,7 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
       if (isManualClearingRef.current) {
         return;
       }
-      if ((type === ItemClick || type === FunctionSelectItem || type === InputKeyDownEnter) && typeof newSelectedItem !== 'undefined' && !isEqual__default["default"](selectedItemProp, newSelectedItem)) {
+      if ((type === ItemClick || type === FunctionSelectItem || type === InputKeyDownEnter) && typeof newSelectedItem !== 'undefined' && !isEqual(selectedItemProp, newSelectedItem)) {
         onChange({
           selectedItem: newSelectedItem
         });
@@ -600,12 +594,12 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
       }
     }
   }, [inputValue, typeaheadText]);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: wrapperClasses
-  }, titleText && /*#__PURE__*/React__default["default"].createElement(Text.Text, _rollupPluginBabelHelpers["extends"]({
+  }, titleText && /*#__PURE__*/React.createElement(Text.Text, _rollupPluginBabelHelpers.extends({
     as: "label",
     className: titleClasses
-  }, getLabelProps()), titleText), /*#__PURE__*/React__default["default"].createElement(index$2["default"], {
+  }, getLabelProps()), titleText), /*#__PURE__*/React.createElement(index$2.default, {
     onFocus: handleFocus,
     onBlur: handleFocus,
     className: className,
@@ -620,9 +614,9 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     ref: enableFloatingStyles ? refs.setReference : null,
     warnText: warnText,
     warnTextId: warnTextId
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__field`
-  }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({
     disabled: disabled,
     className: inputClasses,
     type: "text",
@@ -634,12 +628,13 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     'aria-controls': isOpen ? undefined : menuProps.id,
     placeholder,
     value: inputValue,
+    ...inputProps,
     onChange: e => {
       const newValue = e.target.value;
       setInputValue(newValue);
       downshiftSetInputValue(newValue);
     },
-    ref: mergeRefs["default"](textInput, ref, inputRef),
+    ref: mergeRefs.default(textInput, ref, inputRef),
     onKeyDown: event => {
       if (match.match(event, keys.Space)) {
         event.stopPropagation();
@@ -706,11 +701,11 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
   }), rest, readOnlyEventHandlers, {
     readOnly: readOnly,
     "aria-describedby": ariaDescribedBy
-  })), invalid && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
+  })), invalid && /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
     className: `${prefix}--list-box__invalid-icon`
-  }), showWarning && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
+  }), showWarning && /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
     className: `${prefix}--list-box__invalid-icon ${prefix}--list-box__invalid-icon--warning`
-  }), inputValue && /*#__PURE__*/React__default["default"].createElement(ListBoxSelection["default"], {
+  }), inputValue && /*#__PURE__*/React.createElement(ListBoxSelection.default, {
     clearSelection: () => {
       setIsClearing(true); // This updates the state which syncs to the ref
       setInputValue('');
@@ -724,12 +719,12 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     disabled: disabled || readOnly,
     onClearSelection: handleSelectionClear,
     selectionCount: 0
-  }), /*#__PURE__*/React__default["default"].createElement(ListBoxTrigger["default"], _rollupPluginBabelHelpers["extends"]({}, buttonProps, {
+  }), /*#__PURE__*/React.createElement(ListBoxTrigger.default, _rollupPluginBabelHelpers.extends({}, buttonProps, {
     isOpen: isOpen,
     translateWithId: translateWithId
-  }))), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__inner-wrapper--decorator`
-  }, normalizedDecorator) : '', /*#__PURE__*/React__default["default"].createElement(index$2["default"].Menu, menuProps, isOpen ? filterItems(items, itemToString, inputValue).map((item, index) => {
+  }, normalizedDecorator) : '', /*#__PURE__*/React.createElement(index$2.default.Menu, menuProps, isOpen ? filterItems(items, itemToString, inputValue).map((item, index) => {
     const isObject = item !== null && typeof item === 'object';
     const title = isObject && 'text' in item && itemToElement ? item.text?.toString() : itemToString(item);
     const itemProps = getItemProps({
@@ -747,18 +742,18 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
       // eslint-disable-line @typescript-eslint/no-unused-vars
       ...modifiedItemProps
     } = itemProps;
-    return /*#__PURE__*/React__default["default"].createElement(index$2["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(index$2.default.MenuItem, _rollupPluginBabelHelpers.extends({
       key: itemProps.id,
       isActive: selectedItem === item,
       isHighlighted: highlightedIndex === index,
       title: title,
       disabled: disabled
-    }, modifiedItemProps), ItemToElement ? /*#__PURE__*/React__default["default"].createElement(ItemToElement, _rollupPluginBabelHelpers["extends"]({
+    }, modifiedItemProps), ItemToElement ? /*#__PURE__*/React.createElement(ItemToElement, _rollupPluginBabelHelpers.extends({
       key: itemProps.id
-    }, item)) : itemToString(item), selectedItem === item && /*#__PURE__*/React__default["default"].createElement(iconsReact.Checkmark, {
+    }, item)) : itemToString(item), selectedItem === item && /*#__PURE__*/React.createElement(iconsReact.Checkmark, {
       className: `${prefix}--list-box__menu-item__selected-icon`
     }));
-  }) : null)), helperText && !invalid && !warn && !isFluid && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }) : null)), helperText && !invalid && !warn && !isFluid && /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     id: helperTextId,
     className: helperClasses
@@ -770,40 +765,40 @@ ComboBox.propTypes = {
    * Specify whether or not the ComboBox should allow a value that is
    * not in the list to be entered in the input
    */
-  allowCustomValue: PropTypes__default["default"].bool,
+  allowCustomValue: PropTypes.bool,
   /**
    * 'aria-label' of the ListBox component.
    * Specify a label to be read by screen readers on the container 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 container note.
    * 'aria-label' of the ListBox component.
    */
-  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 floating
    * element to avoid collisions with the viewport and being clipped by
    * ancestor elements.
    */
-  autoAlign: PropTypes__default["default"].bool,
+  autoAlign: PropTypes.bool,
   /**
    * An optional className to add to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * **Experimental**: Provide a decorator component to be rendered inside the `ComboBox` component
    */
-  decorator: PropTypes__default["default"].node,
+  decorator: PropTypes.node,
   /**
    * Specify the direction of the combobox dropdown. Can be either top or bottom.
    */
-  direction: PropTypes__default["default"].oneOf(['top', 'bottom']),
+  direction: PropTypes.oneOf(['top', 'bottom']),
   /**
    * Specify if the control should be disabled, or not
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Additional props passed to Downshift.
    *
@@ -812,7 +807,7 @@ ComboBox.propTypes = {
    * change, and in some cases they can not be shimmed by Carbon to shield you
    * from potentially breaking changes.
    */
-  downshiftProps: PropTypes__default["default"].object,
+  downshiftProps: PropTypes.object,
   /**
    * Provide a ref that will be mutated to contain an object of downshift
    * action functions. These can be called to change the internal state of the
@@ -824,118 +819,125 @@ ComboBox.propTypes = {
    * cases they can not be shimmed by Carbon to shield you from potentially breaking
    * changes.
    */
-  downshiftActions: PropTypes__default["default"].exact({
-    current: PropTypes__default["default"].any
+  downshiftActions: PropTypes.exact({
+    current: PropTypes.any
   }),
   /**
    * Provide helper text that is used alongside the control label for
    * additional help
    */
-  helperText: PropTypes__default["default"].node,
+  helperText: PropTypes.node,
   /**
    * Specify a custom `id` for the input
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * Allow users to pass in an arbitrary item or a string (in case their items are an array of strings)
    * from their collection that are pre-selected
    */
-  initialSelectedItem: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  initialSelectedItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]),
   /**
    * Specify if the currently selected value is invalid.
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Message which is displayed if the value is invalid.
    */
-  invalidText: PropTypes__default["default"].node,
+  invalidText: PropTypes.node,
   /**
    * Optional function to render items as custom components instead of strings.
    * Defaults to null and is overridden by a getter
    */
-  itemToElement: PropTypes__default["default"].func,
+  itemToElement: PropTypes.func,
   /**
    * Helper function passed to downshift that allows the library to render a
    * given item to a string label. By default, it extracts the `label` field
    * from a given item to serve as the item label in the list
    */
-  itemToString: PropTypes__default["default"].func,
+  itemToString: PropTypes.func,
   /**
    * We try to stay as generic as possible here to allow individuals to pass
    * in a collection of whatever kind of data structure they prefer
    */
-  items: PropTypes__default["default"].array.isRequired,
+  items: PropTypes.array.isRequired,
   /**
    * should use "light theme" (white background)?
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `Combobox` 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 `Combobox` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    * `onChange` is a utility for this controlled component to communicate to a
    * consuming component when a specific dropdown item is selected.
    * `({ selectedItem }) => void`
    * @param {{ selectedItem }}
    */
-  onChange: PropTypes__default["default"].func.isRequired,
+  onChange: PropTypes.func.isRequired,
   /**
    * Callback function to notify consumer when the text input changes.
    * This provides support to change available items based on the text.
    * `(inputText) => void`
    * @param {string} inputText
    */
-  onInputChange: PropTypes__default["default"].func,
+  onInputChange: PropTypes.func,
   /**
    * Callback function that fires when the combobox menu toggle is clicked
    * `(evt) => void`
    * @param {MouseEvent} event
    */
-  onToggleClick: PropTypes__default["default"].func,
+  onToggleClick: PropTypes.func,
   /**
    * Used to provide a placeholder text node before a user enters any input.
    * This is only present if the control has no items selected
    */
-  placeholder: PropTypes__default["default"].string,
+  placeholder: PropTypes.string,
   /**
    * Is the ComboBox readonly?
    */
-  readOnly: PropTypes__default["default"].bool,
+  readOnly: PropTypes.bool,
   /**
    * For full control of the selection
    */
-  selectedItem: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  selectedItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]),
   /**
    * Specify your own filtering logic by passing in a `shouldFilterItem`
    * function that takes in the current input and an item and passes back
    * whether or not the item should be filtered.
    * this prop will be ignored if `typeahead` prop is enabled
    */
-  shouldFilterItem: PropTypes__default["default"].func,
+  shouldFilterItem: PropTypes.func,
   /**
    * Specify the size of the ListBox. Currently supports either `sm`, `md` or `lg` as an option.
    */
   size: ListBoxPropTypes.ListBoxSizePropType,
-  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
+  slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
   /**
    * Provide text to be used in a `<label>` element that is tied to the
    * combobox via ARIA attributes.
    */
-  titleText: PropTypes__default["default"].node,
+  titleText: PropTypes.node,
   /**
    * Specify a custom translation function that takes in a message identifier
    * and returns the localized string for the message
    */
-  translateWithId: PropTypes__default["default"].func,
+  translateWithId: PropTypes.func,
   /**
    * **Experimental**: will enable autocomplete and typeahead for the input field
    */
-  typeahead: PropTypes__default["default"].bool,
+  typeahead: PropTypes.bool,
   /**
    * Specify whether the control is currently in warning state
    */
-  warn: PropTypes__default["default"].bool,
+  warn: PropTypes.bool,
   /**
    * Provide the text that is displayed when the control is in warning state
    */
-  warnText: PropTypes__default["default"].node
+  warnText: PropTypes.node,
+  /**
+   * 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: PropTypes.object
 };
 
-exports["default"] = ComboBox;
+exports.default = ComboBox;

package/lib/components/ComboBox/index.js

@@ -13,5 +13,5 @@ var ComboBox = require('./ComboBox.js');
 
 
 
-exports.ComboBox = ComboBox["default"];
-exports["default"] = ComboBox["default"];
+exports.ComboBox = ComboBox.default;
+exports.default = ComboBox.default;

package/lib/components/ComboButton/index.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var PropTypes = require('prop-types');
@@ -28,12 +26,6 @@ var mergeRefs = require('../../tools/mergeRefs.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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _ChevronDown;
 const defaultTranslations = {
   'carbon.combo-button.additional-actions': 'Additional actions'
@@ -46,7 +38,7 @@ const defaultTranslations = {
 function defaultTranslateWithId(messageId) {
   return defaultTranslations[messageId];
 }
-const ComboButton = /*#__PURE__*/React__default["default"].forwardRef(function ComboButton({
+const ComboButton = /*#__PURE__*/React.forwardRef(function ComboButton({
   children,
   className,
   disabled,
@@ -98,7 +90,7 @@ const ComboButton = /*#__PURE__*/React__default["default"].forwardRef(function C
     middleware: middlewares,
     whileElementsMounted: react.autoUpdate
   });
-  const ref = mergeRefs["default"](forwardRef, containerRef, refs.setReference);
+  const ref = mergeRefs.default(forwardRef, containerRef, refs.setReference);
   const {
     open,
     handleClick: hookOnClick,
@@ -126,24 +118,24 @@ const ComboButton = /*#__PURE__*/React__default["default"].forwardRef(function C
       onClick(e);
     }
   }
-  const containerClasses = cx__default["default"](`${prefix}--combo-button__container`, `${prefix}--combo-button__container--${size}`, {
+  const containerClasses = cx(`${prefix}--combo-button__container`, `${prefix}--combo-button__container--${size}`, {
     [`${prefix}--combo-button__container--open`]: open
   }, className);
-  const menuClasses = cx__default["default"](`${prefix}--combo-button__${menuAlignment}`);
-  const primaryActionClasses = cx__default["default"](`${prefix}--combo-button__primary-action`);
-  const triggerClasses = cx__default["default"](`${prefix}--combo-button__trigger`);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  const menuClasses = cx(`${prefix}--combo-button__${menuAlignment}`);
+  const primaryActionClasses = cx(`${prefix}--combo-button__primary-action`);
+  const triggerClasses = cx(`${prefix}--combo-button__trigger`);
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     className: containerClasses,
     ref: ref,
     "aria-owns": open ? id : undefined
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: primaryActionClasses
-  }, /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }, /*#__PURE__*/React.createElement(Button.default, {
     title: label,
     size: size,
     disabled: disabled,
     onClick: handlePrimaryActionClick
-  }, label)), /*#__PURE__*/React__default["default"].createElement(index$1.IconButton, {
+  }, label)), /*#__PURE__*/React.createElement(index$1.IconButton, {
     ref: refs.setReference,
     className: triggerClasses,
     label: t('carbon.combo-button.additional-actions'),
@@ -155,7 +147,7 @@ const ComboButton = /*#__PURE__*/React__default["default"].forwardRef(function C
     onClick: handleTriggerClick,
     onMouseDown: handleTriggerMousedown,
     "aria-controls": open ? id : undefined
-  }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, null))), /*#__PURE__*/React__default["default"].createElement(Menu.Menu, {
+  }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(iconsReact.ChevronDown, null))), /*#__PURE__*/React.createElement(Menu.Menu, {
     containerRef: containerRef,
     menuAlignment: menuAlignment,
     className: menuClasses,
@@ -171,35 +163,35 @@ ComboButton.propTypes = {
   /**
    * A collection of MenuItems to be rendered as additional actions for this ComboButton.
    */
-  children: PropTypes__default["default"].node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Additional CSS class names.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the ComboButton should be disabled, or not.
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Provide the label to be rendered on the primary action button.
    */
-  label: PropTypes__default["default"].string.isRequired,
+  label: PropTypes.string.isRequired,
   /**
    * Experimental property. Specify how the menu should align with the button element
    */
-  menuAlignment: PropTypes__default["default"].oneOf(['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end']),
+  menuAlignment: PropTypes.oneOf(['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end']),
   /**
    * Provide an optional function to be called when the primary action element is clicked.
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Specify the size of the buttons and menu.
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**
    * Specify how the trigger tooltip should be aligned.
    */
-  tooltipAlignment: deprecateValuesWithin["default"](PropTypes__default["default"].oneOf(['top', 'top-left',
+  tooltipAlignment: deprecateValuesWithin.default(PropTypes.oneOf(['top', 'top-left',
   // deprecated use top-start instead
   'top-right',
   // deprecated use top-end instead
@@ -225,7 +217,7 @@ ComboButton.propTypes = {
    * Optional method that takes in a message id and returns an
    * internationalized string.
    */
-  translateWithId: PropTypes__default["default"].func
+  translateWithId: PropTypes.func
 };
 
 exports.ComboButton = ComboButton;