@carbon/react 1.87.0-rc.0 → 1.87.1-rc.0

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,14 +147,14 @@ 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,
@@ -171,7 +164,7 @@ function CodeSnippet({
       disabled: disabled,
       feedback: feedback,
       feedbackTimeout: feedbackTimeout
-    }), /*#__PURE__*/React__default["default"].createElement("code", {
+    }), /*#__PURE__*/React.createElement("code", {
       id: uid,
       ref: innerCodeRef
     }, children));
@@ -198,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,
@@ -209,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',
@@ -227,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"
@@ -245,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
@@ -271,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.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,
@@ -421,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
   });
@@ -520,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
         });
@@ -601,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,
@@ -621,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",
@@ -641,7 +634,7 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
       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();
@@ -708,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('');
@@ -726,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({
@@ -749,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
@@ -772,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.
    *
@@ -814,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
@@ -826,125 +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__default["default"].object
+  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;