@carbon/react 1.27.0 → 1.28.0

package/es/components/UIShell/SwitcherItem.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
@@ -13,25 +13,27 @@ import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 import Link from './Link.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["aria-label", "aria-labelledby", "className", "children", "isSelected", "tabIndex"];
-var SwitcherItem = /*#__PURE__*/React__default.forwardRef(function SwitcherItem(props, ref) {
-  var prefix = usePrefix();
-
-  var ariaLabel = props['aria-label'],
-      ariaLabelledBy = props['aria-labelledby'],
-      customClassName = props.className,
-      children = props.children,
-      isSelected = props.isSelected,
-      _props$tabIndex = props.tabIndex,
-      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var className = cx("".concat(prefix, "--switcher__item"), _defineProperty({}, customClassName, !!customClassName));
-  var accessibilityLabel = {
+const SwitcherItem = /*#__PURE__*/React__default.forwardRef(function SwitcherItem(props, ref) {
+  const prefix = usePrefix();
+  const {
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledBy,
+    className: customClassName,
+    children,
+    isSelected,
+    tabIndex = 0,
+    ...rest
+  } = props;
+  const className = cx(`${prefix}--switcher__item`, {
+    [customClassName]: !!customClassName
+  });
+  const accessibilityLabel = {
     'aria-label': ariaLabel,
     'aria-labelledby': ariaLabelledBy
   };
-  var linkClassName = cx("".concat(prefix, "--switcher__item-link"), _defineProperty({}, "".concat(prefix, "--switcher__item-link--selected"), isSelected));
+  const linkClassName = cx(`${prefix}--switcher__item-link`, {
+    [`${prefix}--switcher__item-link--selected`]: isSelected
+  });
   return /*#__PURE__*/React__default.createElement("li", {
     className: className
   }, /*#__PURE__*/React__default.createElement(Link, _extends({}, rest, {
@@ -41,7 +43,12 @@ var SwitcherItem = /*#__PURE__*/React__default.forwardRef(function SwitcherItem(
   }, accessibilityLabel), children));
 });
 SwitcherItem.displayName = 'SwitcherItem';
-SwitcherItem.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropType), {}, {
+SwitcherItem.propTypes = {
+  /**
+   * Required props for accessibility label on the underlying menuitem
+   */
+  ...AriaLabelPropType,
+
   /**
    * Specify the text content for the link
    */
@@ -56,7 +63,7 @@ SwitcherItem.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropType), {
    * Specify the tab index of the Link
    */
   tabIndex: PropTypes.number
-});
+};
 var SwitcherItem$1 = SwitcherItem;
 
 export { SwitcherItem$1 as default };

package/es/components/UIShell/_utils.js

@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-var CARBON_SIDENAV_ITEMS = ['SideNavFooter', 'SideNavHeader', 'SideNavItems', 'SideNavMenu'];
+const CARBON_SIDENAV_ITEMS = ['SideNavFooter', 'SideNavHeader', 'SideNavItems', 'SideNavMenu'];
 
 export { CARBON_SIDENAV_ITEMS };

package/es/components/UnorderedList/UnorderedList.js

@@ -5,25 +5,25 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["children", "className", "nested", "isExpressive"];
-
-var UnorderedList = function UnorderedList(_ref) {
-  var _classnames;
-
-  var children = _ref.children,
-      className = _ref.className,
-      nested = _ref.nested,
-      isExpressive = _ref.isExpressive,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classNames = cx("".concat(prefix, "--list--unordered"), className, (_classnames = {}, _defineProperty(_classnames, "".concat(prefix, "--list--nested"), nested), _defineProperty(_classnames, "".concat(prefix, "--list--expressive"), isExpressive), _classnames));
+const UnorderedList = _ref => {
+  let {
+    children,
+    className,
+    nested,
+    isExpressive,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const classNames = cx(`${prefix}--list--unordered`, className, {
+    [`${prefix}--list--nested`]: nested,
+    [`${prefix}--list--expressive`]: isExpressive
+  });
   return /*#__PURE__*/React__default.createElement("ul", _extends({
     className: classNames
   }, other), children);

package/es/index.js

@@ -11,6 +11,8 @@ export { default as CheckboxSkeleton } from './components/Checkbox/Checkbox.Skel
 export { ClassPrefix } from './components/ClassPrefix/index.js';
 export { default as ContentSwitcher } from './components/ContentSwitcher/index.js';
 import './components/DataTable/index.js';
+export { default as DatePicker } from './components/DatePicker/DatePicker.js';
+export { default as DatePickerSkeleton } from './components/DatePicker/DatePicker.Skeleton.js';
 export { default as Dropdown } from './components/Dropdown/Dropdown.js';
 export { default as DropdownSkeleton } from './components/Dropdown/Dropdown.Skeleton.js';
 export { default as FluidForm } from './components/FluidForm/FluidForm.js';
@@ -22,6 +24,8 @@ export { default as Column } from './components/Grid/Column.js';
 export { ColumnHang } from './components/Grid/ColumnHang.js';
 export { IdPrefix } from './components/IdPrefix/index.js';
 export { default as OverflowMenu } from './components/OverflowMenu/index.js';
+export { default as Search } from './components/Search/Search.js';
+export { default as SearchSkeleton } from './components/Search/Search.Skeleton.js';
 export { default as Slider } from './components/Slider/index.js';
 export { default as Tab } from './components/Tab/index.js';
 export { default as TileGroup } from './components/TileGroup/index.js';
@@ -68,15 +72,18 @@ export { default as ContainedListItem } from './components/ContainedList/Contain
 export { default as ContainedList } from './components/ContainedList/ContainedList.js';
 export { default as Copy } from './components/Copy/Copy.js';
 export { default as CopyButton } from './components/CopyButton/CopyButton.js';
+export { default as ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary.js';
 export { default as Filename } from './components/FileUploader/Filename.js';
 export { default as FileUploaderSkeleton } from './components/FileUploader/FileUploader.Skeleton.js';
 export { default as FileUploaderButton } from './components/FileUploader/FileUploaderButton.js';
 export { default as FileUploaderDropContainer } from './components/FileUploader/FileUploaderDropContainer.js';
 export { default as FileUploaderItem } from './components/FileUploader/FileUploaderItem.js';
+export { default as FileUploader } from './components/FileUploader/FileUploader.js';
 export { default as FormItem } from './components/FormItem/FormItem.js';
 export { default as FormLabel } from './components/FormLabel/FormLabel.js';
 export { default as InlineLoading } from './components/InlineLoading/InlineLoading.js';
 export { default as Loading } from './components/Loading/Loading.js';
+export { default as ModalWrapper } from './components/ModalWrapper/ModalWrapper.js';
 export { default as NumberInputSkeleton } from './components/NumberInput/NumberInput.Skeleton.js';
 export { default as ProgressIndicatorSkeleton } from './components/ProgressIndicator/ProgressIndicator.Skeleton.js';
 export { default as ExpandableSearch } from './components/ExpandableSearch/ExpandableSearch.js';
@@ -144,19 +151,14 @@ export { default as TableToolbarAction } from './components/DataTable/TableToolb
 export { default as TableToolbarContent } from './components/DataTable/TableToolbarContent.js';
 export { default as TableToolbarSearch } from './components/DataTable/TableToolbarSearch.js';
 export { default as TableToolbarMenu } from './components/DataTable/TableToolbarMenu.js';
-export { default as DatePickerSkeleton } from './components/DatePicker/DatePicker.Skeleton.js';
-export { default as DatePicker } from './components/DatePicker/DatePicker.js';
 export { default as DatePickerInput } from './components/DatePickerInput/DatePickerInput.js';
-export { default as ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary.js';
 export { ErrorBoundaryContext } from './components/ErrorBoundary/ErrorBoundaryContext.js';
-export { default as FileUploader } from './components/FileUploader/FileUploader.js';
 export { default as FilterableMultiSelect } from './components/MultiSelect/FilterableMultiSelect.js';
 export { default as Form } from './components/Form/Form.js';
 export { default as FormGroup } from './components/FormGroup/FormGroup.js';
 export { default as Link } from './components/Link/Link.js';
 export { default as ListItem } from './components/ListItem/ListItem.js';
 export { default as Modal } from './components/Modal/Modal.js';
-export { default as ModalWrapper } from './components/ModalWrapper/ModalWrapper.js';
 export { default as MultiSelect } from './components/MultiSelect/MultiSelect.js';
 export { ActionableNotification, InlineNotification, NotificationActionButton, NotificationButton, ToastNotification } from './components/Notification/Notification.js';
 export { NumberInput } from './components/NumberInput/NumberInput.js';
@@ -170,8 +172,6 @@ export { default as PrimaryButton } from './components/PrimaryButton/PrimaryButt
 export { ProgressIndicator, ProgressStep } from './components/ProgressIndicator/ProgressIndicator.js';
 export { default as RadioButton } from './components/RadioButton/RadioButton.js';
 export { default as RadioButtonGroup } from './components/RadioButtonGroup/RadioButtonGroup.js';
-export { default as SearchSkeleton } from './components/Search/Search.Skeleton.js';
-export { default as Search } from './components/Search/Search.js';
 export { default as SecondaryButton } from './components/SecondaryButton/SecondaryButton.js';
 export { default as SelectSkeleton } from './components/Select/Select.Skeleton.js';
 export { default as Select } from './components/Select/Select.js';

package/es/internal/ClickListener.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 
@@ -14,83 +14,67 @@ import React__default from 'react';
  * given `children` element.
  */
 
-var ClickListener = /*#__PURE__*/function (_React$Component) {
-  _inherits(ClickListener, _React$Component);
+class ClickListener extends React__default.Component {
+  static getEventTarget(evt) {
+    // support Shadow DOM
+    if (evt.composed && typeof evt.composedPath === 'function') {
+      return evt.composedPath()[0];
+    }
 
-  var _super = _createSuper(ClickListener);
+    return evt.target;
+  }
 
-  function ClickListener(props) {
-    var _this;
+  constructor(props) {
+    super(props); // We manually bind handlers in this Component, versus using class
+    // properties, so that we can properly test the `handleRef` handler.
 
-    _classCallCheck(this, ClickListener);
+    this.handleRef = this.handleRef.bind(this);
+    this.handleDocumentClick = this.handleDocumentClick.bind(this);
+  }
 
-    _this = _super.call(this, props); // We manually bind handlers in this Component, versus using class
-    // properties, so that we can properly test the `handleRef` handler.
+  componentDidMount() {
+    document.addEventListener('click', this.handleDocumentClick);
+  }
 
-    _this.handleRef = _this.handleRef.bind(_assertThisInitialized(_this));
-    _this.handleDocumentClick = _this.handleDocumentClick.bind(_assertThisInitialized(_this));
-    return _this;
+  componentWillUnmount() {
+    document.removeEventListener('click', this.handleDocumentClick);
   }
 
-  _createClass(ClickListener, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      document.addEventListener('click', this.handleDocumentClick);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      document.removeEventListener('click', this.handleDocumentClick);
-    }
-  }, {
-    key: "handleDocumentClick",
-    value: function handleDocumentClick(evt) {
-      if (this.element) {
-        if (this.element.contains && !this.element.contains(ClickListener.getEventTarget(evt))) {
-          this.props.onClickOutside(evt);
-        }
+  handleDocumentClick(evt) {
+    if (this.element) {
+      if (this.element.contains && !this.element.contains(ClickListener.getEventTarget(evt))) {
+        this.props.onClickOutside(evt);
       }
     }
-  }, {
-    key: "handleRef",
-    value: function handleRef(el) {
-      var children = this.props.children;
-      this.element = el;
-      /**
-       * One important note, `children.ref` corresponds to a `ref` prop passed in
-       * directly to the child, not necessarily a `ref` defined in the component.
-       * This means that here we target the following `ref` location:
-       *
-       * <ClickListener onClickOutside={() => {}}>
-       *   <Child ref={targetedRefHere} />
-       * </ClickListener>
-       */
+  }
 
-      if (children.ref && typeof children.ref === 'function') {
-        children.ref(el);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React__default.cloneElement(this.props.children, {
-        ref: this.handleRef
-      });
-    }
-  }], [{
-    key: "getEventTarget",
-    value: function getEventTarget(evt) {
-      // support Shadow DOM
-      if (evt.composed && typeof evt.composedPath === 'function') {
-        return evt.composedPath()[0];
-      }
+  handleRef(el) {
+    const {
+      children
+    } = this.props;
+    this.element = el;
+    /**
+     * One important note, `children.ref` corresponds to a `ref` prop passed in
+     * directly to the child, not necessarily a `ref` defined in the component.
+     * This means that here we target the following `ref` location:
+     *
+     * <ClickListener onClickOutside={() => {}}>
+     *   <Child ref={targetedRefHere} />
+     * </ClickListener>
+     */
 
-      return evt.target;
+    if (children.ref && typeof children.ref === 'function') {
+      children.ref(el);
     }
-  }]);
+  }
+
+  render() {
+    return /*#__PURE__*/React__default.cloneElement(this.props.children, {
+      ref: this.handleRef
+    });
+  }
 
-  return ClickListener;
-}(React__default.Component);
+}
 
 _defineProperty(ClickListener, "propTypes", {
   children: PropTypes.element.isRequired,