@carbon/react 1.83.0 → 1.84.0-rc.0

package/lib/components/Menu/MenuItem.js

@@ -34,18 +34,17 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _Checkmark, _CaretLeft, _CaretRight;
-const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(_ref, forwardRef) {
-  let {
-    children,
-    className,
-    disabled,
-    kind = 'default',
-    label,
-    onClick,
-    renderIcon: IconElement,
-    shortcut,
-    ...rest
-  } = _ref;
+const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem({
+  children,
+  className,
+  disabled,
+  kind = 'default',
+  label,
+  onClick,
+  renderIcon: IconElement,
+  shortcut,
+  ...rest
+}, forwardRef) {
   const [submenuOpen, setSubmenuOpen] = React.useState(false);
   const [rtl, setRtl] = React.useState(false);
   const {
@@ -244,15 +243,14 @@ MenuItem.propTypes = {
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   shortcut: PropTypes__default["default"].string
 };
-const MenuItemSelectable = /*#__PURE__*/React.forwardRef(function MenuItemSelectable(_ref2, forwardRef) {
-  let {
-    className,
-    defaultSelected,
-    label,
-    onChange,
-    selected,
-    ...rest
-  } = _ref2;
+const MenuItemSelectable = /*#__PURE__*/React.forwardRef(function MenuItemSelectable({
+  className,
+  defaultSelected,
+  label,
+  onChange,
+  selected,
+  ...rest
+}, forwardRef) {
   const prefix = usePrefix.usePrefix();
   const context = React.useContext(MenuContext.MenuContext);
   const [checked, setChecked] = useControllableState.useControllableState({
@@ -306,13 +304,12 @@ MenuItemSelectable.propTypes = {
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   selected: PropTypes__default["default"].bool
 };
-const MenuItemGroup = /*#__PURE__*/React.forwardRef(function MenuItemGroup(_ref3, forwardRef) {
-  let {
-    children,
-    className,
-    label,
-    ...rest
-  } = _ref3;
+const MenuItemGroup = /*#__PURE__*/React.forwardRef(function MenuItemGroup({
+  children,
+  className,
+  label,
+  ...rest
+}, forwardRef) {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](className, `${prefix}--menu-item-group`);
   return /*#__PURE__*/React__default["default"].createElement("li", {
@@ -339,17 +336,16 @@ MenuItemGroup.propTypes = {
   label: PropTypes__default["default"].string.isRequired
 };
 const defaultItemToString = item => item.toString();
-const MenuItemRadioGroup = /*#__PURE__*/React.forwardRef(function MenuItemRadioGroup(_ref4, forwardRef) {
-  let {
-    className,
-    defaultSelectedItem,
-    items,
-    itemToString = defaultItemToString,
-    label,
-    onChange,
-    selectedItem,
-    ...rest
-  } = _ref4;
+const MenuItemRadioGroup = /*#__PURE__*/React.forwardRef(function MenuItemRadioGroup({
+  className,
+  defaultSelectedItem,
+  items,
+  itemToString = defaultItemToString,
+  label,
+  onChange,
+  selectedItem,
+  ...rest
+}, forwardRef) {
   const prefix = usePrefix.usePrefix();
   const context = React.useContext(MenuContext.MenuContext);
   const [selection, setSelection] = useControllableState.useControllableState({
@@ -419,11 +415,10 @@ MenuItemRadioGroup.propTypes = {
    */
   selectedItem: PropTypes__default["default"].any
 };
-const MenuItemDivider = /*#__PURE__*/React.forwardRef(function MenuItemDivider(_ref5, forwardRef) {
-  let {
-    className,
-    ...rest
-  } = _ref5;
+const MenuItemDivider = /*#__PURE__*/React.forwardRef(function MenuItemDivider({
+  className,
+  ...rest
+}, forwardRef) {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](className, `${prefix}--menu-item-divider`);
   return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({}, rest, {

package/lib/components/MenuButton/index.js

@@ -33,19 +33,18 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 const validButtonKinds = ['primary', 'tertiary', 'ghost'];
 const defaultButtonKind = 'primary';
-const MenuButton = /*#__PURE__*/React.forwardRef(function MenuButton(_ref, forwardRef) {
-  let {
-    children,
-    className,
-    disabled,
-    kind = defaultButtonKind,
-    label,
-    size = 'lg',
-    menuAlignment = 'bottom',
-    tabIndex = 0,
-    menuTarget,
-    ...rest
-  } = _ref;
+const MenuButton = /*#__PURE__*/React.forwardRef(function MenuButton({
+  children,
+  className,
+  disabled,
+  kind = defaultButtonKind,
+  label,
+  size = 'lg',
+  menuAlignment = 'bottom',
+  tabIndex = 0,
+  menuTarget,
+  ...rest
+}, forwardRef) {
   // feature flag utilized to separate out only the dynamic styles from @floating-ui
   // flag is turned on when collision detection (ie. flip, hide) logic is not desired
   const enableOnlyFloatingStyles = index.useFeatureFlag('enable-v12-dynamic-floating-styles');
@@ -60,11 +59,10 @@ const MenuButton = /*#__PURE__*/React.forwardRef(function MenuButton(_ref, forwa
   }
   if (menuAlignment === 'bottom' || menuAlignment === 'top') {
     middlewares.push(react.size({
-      apply(_ref2) {
-        let {
-          rects,
-          elements
-        } = _ref2;
+      apply({
+        rects,
+        elements
+      }) {
         Object.assign(elements.floating.style, {
           width: `${rects.reference.width}px`
         });

package/lib/components/Modal/Modal.js

@@ -46,42 +46,41 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 const ModalSizes = ['xs', 'sm', 'md', 'lg'];
-const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_ref, ref) {
-  let {
-    'aria-label': ariaLabelProp,
-    children,
-    className,
-    decorator,
-    modalHeading = '',
-    modalLabel = '',
-    modalAriaLabel,
-    passiveModal = false,
-    secondaryButtonText,
-    primaryButtonText,
-    open,
-    onRequestClose = noopFn.noopFn,
-    onRequestSubmit = noopFn.noopFn,
-    onSecondarySubmit,
-    primaryButtonDisabled = false,
-    danger,
-    alert,
-    secondaryButtons,
-    selectorPrimaryFocus = '[data-modal-primary-focus]',
-    selectorsFloatingMenus,
-    shouldSubmitOnEnter,
-    size,
-    hasScrollingContent = false,
-    closeButtonLabel = 'Close',
-    preventCloseOnClickOutside = false,
-    isFullWidth,
-    launcherButtonRef,
-    loadingStatus = 'inactive',
-    loadingDescription,
-    loadingIconDescription,
-    onLoadingSuccess = noopFn.noopFn,
-    slug,
-    ...rest
-  } = _ref;
+const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal({
+  'aria-label': ariaLabelProp,
+  children,
+  className,
+  decorator,
+  modalHeading = '',
+  modalLabel = '',
+  modalAriaLabel,
+  passiveModal = false,
+  secondaryButtonText,
+  primaryButtonText,
+  open,
+  onRequestClose = noopFn.noopFn,
+  onRequestSubmit = noopFn.noopFn,
+  onSecondarySubmit,
+  primaryButtonDisabled = false,
+  danger,
+  alert,
+  secondaryButtons,
+  selectorPrimaryFocus = '[data-modal-primary-focus]',
+  selectorsFloatingMenus,
+  shouldSubmitOnEnter,
+  size,
+  hasScrollingContent = false,
+  closeButtonLabel = 'Close',
+  preventCloseOnClickOutside = false,
+  isFullWidth,
+  launcherButtonRef,
+  loadingStatus = 'inactive',
+  loadingDescription,
+  loadingIconDescription,
+  onLoadingSuccess = noopFn.noopFn,
+  slug,
+  ...rest
+}, ref) {
   const prefix = usePrefix.usePrefix();
   const button = React.useRef(null);
   const secondaryButton = React.useRef(null);
@@ -136,11 +135,10 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_
       onRequestClose(evt);
     }
   }
-  function handleBlur(_ref2) {
-    let {
-      target: oldActiveNode,
-      relatedTarget: currentActiveNode
-    } = _ref2;
+  function handleBlur({
+    target: oldActiveNode,
+    relatedTarget: currentActiveNode
+  }) {
     if (open && oldActiveNode instanceof HTMLElement && currentActiveNode instanceof HTMLElement) {
       const {
         current: bodyNode
@@ -326,17 +324,14 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_
   }, hasScrollingContentProps), children), !passiveModal && /*#__PURE__*/React__default["default"].createElement(ButtonSet["default"], {
     className: footerClasses,
     "aria-busy": loadingActive
-  }, Array.isArray(secondaryButtons) && secondaryButtons.length <= 2 ? secondaryButtons.map((_ref3, i) => {
-    let {
-      buttonText,
-      onClick: onButtonClick
-    } = _ref3;
-    return /*#__PURE__*/React__default["default"].createElement(Button["default"], {
-      key: `${buttonText}-${i}`,
-      kind: "secondary",
-      onClick: onButtonClick
-    }, buttonText);
-  }) : secondaryButtonText && /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }, Array.isArray(secondaryButtons) && secondaryButtons.length <= 2 ? secondaryButtons.map(({
+    buttonText,
+    onClick: onButtonClick
+  }, i) => /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+    key: `${buttonText}-${i}`,
+    kind: "secondary",
+    onClick: onButtonClick
+  }, buttonText)) : secondaryButtonText && /*#__PURE__*/React__default["default"].createElement(Button["default"], {
     disabled: loadingActive,
     kind: "secondary",
     onClick: onSecondaryButtonClick,
@@ -385,17 +380,14 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_
   }, hasScrollingContentProps), children), !passiveModal && /*#__PURE__*/React__default["default"].createElement(ButtonSet["default"], {
     className: footerClasses,
     "aria-busy": loadingActive
-  }, Array.isArray(secondaryButtons) && secondaryButtons.length <= 2 ? secondaryButtons.map((_ref4, i) => {
-    let {
-      buttonText,
-      onClick: onButtonClick
-    } = _ref4;
-    return /*#__PURE__*/React__default["default"].createElement(Button["default"], {
-      key: `${buttonText}-${i}`,
-      kind: "secondary",
-      onClick: onButtonClick
-    }, buttonText);
-  }) : secondaryButtonText && /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }, Array.isArray(secondaryButtons) && secondaryButtons.length <= 2 ? secondaryButtons.map(({
+    buttonText,
+    onClick: onButtonClick
+  }, i) => /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+    key: `${buttonText}-${i}`,
+    kind: "secondary",
+    onClick: onButtonClick
+  }, buttonText)) : secondaryButtonText && /*#__PURE__*/React__default["default"].createElement(Button["default"], {
     disabled: loadingActive,
     kind: "secondary",
     onClick: onSecondaryButtonClick,

package/lib/components/ModalWrapper/ModalWrapper.js

@@ -28,8 +28,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 let didWarnAboutDeprecation = false;
 process.env.NODE_ENV !== 'production';
 class ModalWrapper extends React__default["default"].Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _rollupPluginBabelHelpers.defineProperty(this, "triggerButton", /*#__PURE__*/React__default["default"].createRef());
     _rollupPluginBabelHelpers.defineProperty(this, "modal", /*#__PURE__*/React__default["default"].createRef());
     _rollupPluginBabelHelpers.defineProperty(this, "state", {

package/lib/components/MultiSelect/FilterableMultiSelect.js

@@ -73,48 +73,47 @@ const {
  * ends up just being defined as "string".)
  */
 
-const FilterableMultiSelect = /*#__PURE__*/React.forwardRef(function FilterableMultiSelect(_ref, ref) {
-  let {
-    autoAlign = false,
-    className: containerClassName,
-    clearSelectionDescription = 'Total items selected: ',
-    clearSelectionText = 'To clear selection, press Delete or Backspace',
-    compareItems = sorting.defaultCompareItems,
-    decorator,
-    direction = 'bottom',
-    disabled = false,
-    downshiftProps,
-    filterItems = filter.defaultFilterItems,
-    helperText,
-    hideLabel,
-    id,
-    initialSelectedItems = [],
-    invalid,
-    invalidText,
-    items,
-    itemToElement: ItemToElement,
-    // needs to be capitalized for react to render it correctly
-    itemToString: itemToString$1 = itemToString.defaultItemToString,
-    light,
-    locale = 'en',
-    onInputValueChange,
-    open = false,
-    onChange,
-    onMenuChange,
-    placeholder,
-    readOnly,
-    titleText,
-    type,
-    selectionFeedback = 'top-after-reopen',
-    selectedItems: selected,
-    size,
-    sortItems = sorting.defaultSortItems,
-    translateWithId,
-    useTitleInItem,
-    warn,
-    warnText,
-    slug
-  } = _ref;
+const FilterableMultiSelect = /*#__PURE__*/React.forwardRef(function FilterableMultiSelect({
+  autoAlign = false,
+  className: containerClassName,
+  clearSelectionDescription = 'Total items selected: ',
+  clearSelectionText = 'To clear selection, press Delete or Backspace',
+  compareItems = sorting.defaultCompareItems,
+  decorator,
+  direction = 'bottom',
+  disabled = false,
+  downshiftProps,
+  filterItems = filter.defaultFilterItems,
+  helperText,
+  hideLabel,
+  id,
+  initialSelectedItems = [],
+  invalid,
+  invalidText,
+  items,
+  itemToElement: ItemToElement,
+  // needs to be capitalized for react to render it correctly
+  itemToString: itemToString$1 = itemToString.defaultItemToString,
+  light,
+  locale = 'en',
+  onInputValueChange,
+  open = false,
+  onChange,
+  onMenuChange,
+  placeholder,
+  readOnly,
+  titleText,
+  type,
+  selectionFeedback = 'top-after-reopen',
+  selectedItems: selected,
+  size,
+  sortItems = sorting.defaultSortItems,
+  translateWithId,
+  useTitleInItem,
+  warn,
+  warnText,
+  slug
+}, ref) {
   const {
     isFluid
   } = React.useContext(FormContext.FormContext);
@@ -150,11 +149,10 @@ const FilterableMultiSelect = /*#__PURE__*/React.forwardRef(function FilterableM
     middleware: [react.flip({
       crossAxis: false
     }), react.size({
-      apply(_ref2) {
-        let {
-          rects,
-          elements
-        } = _ref2;
+      apply({
+        rects,
+        elements
+      }) {
         Object.assign(elements.floating.style, {
           width: `${rects.reference.width}px`
         });

package/lib/components/MultiSelect/MultiSelect.js

@@ -69,46 +69,45 @@ const defaultItemToString = item => {
   }
   return '';
 };
-const MultiSelect = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
-  let {
-    autoAlign = false,
-    className: containerClassName,
-    decorator,
-    id,
-    items,
-    itemToElement,
-    itemToString = defaultItemToString,
-    titleText = false,
-    hideLabel,
-    helperText,
-    label,
-    type = 'default',
-    size,
-    disabled = false,
-    initialSelectedItems = [],
-    sortItems = sorting.defaultSortItems,
-    compareItems = sorting.defaultCompareItems,
-    clearSelectionText = 'To clear selection, press Delete or Backspace',
-    clearAnnouncement = 'all items have been cleared',
-    clearSelectionDescription = 'Total items selected: ',
-    light,
-    invalid,
-    invalidText,
-    warn,
-    warnText,
-    useTitleInItem,
-    translateWithId,
-    downshiftProps,
-    open = false,
-    selectionFeedback = 'top-after-reopen',
-    onChange,
-    onMenuChange,
-    direction = 'bottom',
-    selectedItems: selected,
-    readOnly,
-    locale = 'en',
-    slug
-  } = _ref;
+const MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(({
+  autoAlign = false,
+  className: containerClassName,
+  decorator,
+  id,
+  items,
+  itemToElement,
+  itemToString = defaultItemToString,
+  titleText = false,
+  hideLabel,
+  helperText,
+  label,
+  type = 'default',
+  size,
+  disabled = false,
+  initialSelectedItems = [],
+  sortItems = sorting.defaultSortItems,
+  compareItems = sorting.defaultCompareItems,
+  clearSelectionText = 'To clear selection, press Delete or Backspace',
+  clearAnnouncement = 'all items have been cleared',
+  clearSelectionDescription = 'Total items selected: ',
+  light,
+  invalid,
+  invalidText,
+  warn,
+  warnText,
+  useTitleInItem,
+  translateWithId,
+  downshiftProps,
+  open = false,
+  selectionFeedback = 'top-after-reopen',
+  onChange,
+  onMenuChange,
+  direction = 'bottom',
+  selectedItems: selected,
+  readOnly,
+  locale = 'en',
+  slug
+}, ref) => {
   const filteredItems = React.useMemo(() => {
     return items.filter(item => {
       if (typeof item === 'object' && item !== null) {
@@ -153,11 +152,10 @@ const MultiSelect = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref
     middleware: [autoAlign && react.flip({
       crossAxis: false
     }), react.size({
-      apply(_ref2) {
-        let {
-          rects,
-          elements
-        } = _ref2;
+      apply({
+        rects,
+        elements
+      }) {
         Object.assign(elements.floating.style, {
           width: `${rects.reference.width}px`
         });

package/lib/components/MultiSelect/tools/sorting.js

@@ -20,25 +20,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * @returns {number} A negative number if itemA comes before itemB, a positive
  *   number if itemA comes after itemB, or 0 if they are equal.
  */
-const defaultCompareItems = (itemA, itemB, _ref) => {
-  let {
-    locale
-  } = _ref;
-  return itemA.localeCompare(itemB, locale, {
-    numeric: true
-  });
-};
+const defaultCompareItems = (itemA, itemB, {
+  locale
+}) => itemA.localeCompare(itemB, locale, {
+  numeric: true
+});
 
 /**
  * Default sorting algorithm for options in a selection control
  */
-const defaultSortItems = (items, _ref2) => {
-  let {
-    selectedItems = [],
-    itemToString,
-    compareItems,
-    locale = 'en'
-  } = _ref2;
+const defaultSortItems = (items, {
+  selectedItems = [],
+  itemToString,
+  compareItems,
+  locale = 'en'
+}) => {
   return items.sort((itemA, itemB) => {
     // Always place "select all" option at the beginning
     if (itemA.isSelectAll) return -1;