@carbon/react 1.27.0-rc.0 → 1.28.0-rc.0

package/es/components/Tabs/usePressable.js

@@ -5,50 +5,41 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { useRef, useState, useEffect } from 'react';
 
 function usePressable(ref) {
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      onPress = _ref.onPress,
-      onPressIn = _ref.onPressIn,
-      onPressOut = _ref.onPressOut,
-      onLongPress = _ref.onLongPress,
-      _ref$delayLongPressMs = _ref.delayLongPressMs,
-      delayLongPressMs = _ref$delayLongPressMs === void 0 ? 500 : _ref$delayLongPressMs;
-
-  var savedOnPress = useRef(onPress);
-  var savedOnPressIn = useRef(onPressIn);
-  var savedOnPressOut = useRef(onPressOut);
-  var savedOnLongPress = useRef(onLongPress);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      pendingLongPress = _useState2[0],
-      setPendingLongPress = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      longPress = _useState4[0],
-      setLongPress = _useState4[1];
-
-  var state = useRef({
+  let {
+    onPress,
+    onPressIn,
+    onPressOut,
+    onLongPress,
+    delayLongPressMs = 500
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const savedOnPress = useRef(onPress);
+  const savedOnPressIn = useRef(onPressIn);
+  const savedOnPressOut = useRef(onPressOut);
+  const savedOnLongPress = useRef(onLongPress);
+  const [pendingLongPress, setPendingLongPress] = useState(false);
+  const [longPress, setLongPress] = useState(false);
+  const state = useRef({
     longPress: false
   });
-  useEffect(function () {
+  useEffect(() => {
     savedOnPress.current = onPress;
   }, [onPress]);
-  useEffect(function () {
+  useEffect(() => {
     savedOnPressIn.current = onPressIn;
   }, [onPressIn]);
-  useEffect(function () {
+  useEffect(() => {
     savedOnPressOut.current = onPressOut;
   }, [onPressOut]);
-  useEffect(function () {
+  useEffect(() => {
     savedOnLongPress.current = onLongPress;
   }, [onLongPress]);
-  useEffect(function () {
-    var element = ref.current; // Fired when a pointer becomes active buttons state.
+  useEffect(() => {
+    const {
+      current: element
+    } = ref; // Fired when a pointer becomes active buttons state.
 
     function onPointerDown(event) {
       var _savedOnPressIn$curre;
@@ -112,7 +103,7 @@ function usePressable(ref) {
     element.addEventListener('pointerleave', onPointerLeave);
     element.addEventListener('click', onClick);
     element.addEventListener('contextmenu', onContextMenu);
-    return function () {
+    return () => {
       element.removeEventListener('pointerdown', onPointerDown);
       element.removeEventListener('pointerup', onPointerUp);
       element.removeEventListener('pointercancel', onPointerCancel);
@@ -121,18 +112,18 @@ function usePressable(ref) {
       element.removeEventListener('contextmenu', onContextMenu);
     };
   }, [ref]);
-  useEffect(function () {
+  useEffect(() => {
     if (pendingLongPress) {
-      var timeoutId = setTimeout(function () {
+      const timeoutId = setTimeout(() => {
         setPendingLongPress(false);
         setLongPress(true);
       }, delayLongPressMs);
-      return function () {
+      return () => {
         clearTimeout(timeoutId);
       };
     }
   }, [pendingLongPress, delayLongPressMs]);
-  useEffect(function () {
+  useEffect(() => {
     if (longPress) {
       var _savedOnLongPress$cur;
 

package/es/components/Tag/Tag.Skeleton.js

@@ -5,22 +5,23 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } 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 = ["className", "size"];
-
 function TagSkeleton(_ref) {
-  var className = _ref.className,
-      size = _ref.size,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
+  let {
+    className,
+    size,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
   return /*#__PURE__*/React__default.createElement("span", _extends({
-    className: cx("".concat(prefix, "--tag"), "".concat(prefix, "--skeleton"), className, _defineProperty({}, "".concat(prefix, "--tag--").concat(size), size))
+    className: cx(`${prefix}--tag`, `${prefix}--skeleton`, className, {
+      [`${prefix}--tag--${size}`]: size
+    })
   }, rest));
 }
 

package/es/components/Tag/Tag.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 } 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';
@@ -14,10 +14,8 @@ import setupGetInstanceId from '../../tools/setupGetInstanceId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 var _Close;
-
-var _excluded = ["children", "className", "id", "type", "filter", "renderIcon", "title", "disabled", "onClose", "size"];
-var getInstanceId = setupGetInstanceId();
-var TYPES = {
+const getInstanceId = setupGetInstanceId();
+const TYPES = {
   red: 'Red',
   magenta: 'Magenta',
   purple: 'Purple',
@@ -32,26 +30,31 @@ var TYPES = {
   outline: 'Outline'
 };
 
-var Tag = function Tag(_ref) {
-  var _classNames;
-
-  var children = _ref.children,
-      className = _ref.className,
-      id = _ref.id,
-      type = _ref.type,
-      filter = _ref.filter,
-      CustomIconElement = _ref.renderIcon,
-      title = _ref.title,
-      disabled = _ref.disabled,
-      onClose = _ref.onClose,
-      size = _ref.size,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var tagId = id || "tag-".concat(getInstanceId());
-  var tagClasses = cx("".concat(prefix, "--tag"), className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--tag--disabled"), disabled), _defineProperty(_classNames, "".concat(prefix, "--tag--filter"), filter), _defineProperty(_classNames, "".concat(prefix, "--tag--").concat(size), size), _defineProperty(_classNames, "".concat(prefix, "--tag--").concat(type), type), _defineProperty(_classNames, "".concat(prefix, "--tag--interactive"), other.onClick && !filter), _classNames));
-
-  var handleClose = function handleClose(event) {
+const Tag = _ref => {
+  let {
+    children,
+    className,
+    id,
+    type,
+    filter,
+    renderIcon: CustomIconElement,
+    title,
+    disabled,
+    onClose,
+    size,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const tagId = id || `tag-${getInstanceId()}`;
+  const tagClasses = cx(`${prefix}--tag`, className, {
+    [`${prefix}--tag--disabled`]: disabled,
+    [`${prefix}--tag--filter`]: filter,
+    [`${prefix}--tag--${size}`]: size,
+    [`${prefix}--tag--${type}`]: type,
+    [`${prefix}--tag--interactive`]: other.onClick && !filter
+  });
+
+  const handleClose = event => {
     if (onClose) {
       event.stopPropagation();
       onClose(event);
@@ -61,14 +64,14 @@ var Tag = function Tag(_ref) {
   if (filter) {
     return /*#__PURE__*/React__default.createElement("div", _extends({
       className: tagClasses,
-      "aria-label": title !== undefined ? "".concat(title, " ").concat(children) : "Clear filter ".concat(children),
+      "aria-label": title !== undefined ? `${title} ${children}` : `Clear filter ${children}`,
       id: tagId
     }, other), /*#__PURE__*/React__default.createElement("span", {
-      className: "".concat(prefix, "--tag__label"),
+      className: `${prefix}--tag__label`,
       title: typeof children === 'string' ? children : null
     }, children !== null && children !== undefined ? children : TYPES[type]), /*#__PURE__*/React__default.createElement("button", {
       type: "button",
-      className: "".concat(prefix, "--tag__close-icon"),
+      className: `${prefix}--tag__close-icon`,
       onClick: handleClose,
       disabled: disabled,
       "aria-labelledby": tagId,
@@ -76,13 +79,13 @@ var Tag = function Tag(_ref) {
     }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null))));
   }
 
-  var ComponentTag = other.onClick ? 'button' : 'div';
+  const ComponentTag = other.onClick ? 'button' : 'div';
   return /*#__PURE__*/React__default.createElement(ComponentTag, _extends({
     disabled: ComponentTag === 'button' ? disabled : null,
     className: tagClasses,
     id: tagId
   }, other), CustomIconElement ? /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--tag__custom-icon")
+    className: `${prefix}--tag__custom-icon`
   }, /*#__PURE__*/React__default.createElement(CustomIconElement, null)) : '', /*#__PURE__*/React__default.createElement("span", {
     title: typeof children === 'string' ? children : null
   }, children !== null && children !== undefined ? children : TYPES[type]));
@@ -141,7 +144,7 @@ Tag.propTypes = {
    */
   type: PropTypes.oneOf(Object.keys(TYPES))
 };
-var types = Object.keys(TYPES);
+const types = Object.keys(TYPES);
 var Tag$1 = Tag;
 
 export { Tag$1 as default, types };

package/es/components/Text/Text.js

@@ -5,37 +5,37 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default, { useContext } from 'react';
 import { TextDirectionContext } from './TextDirectionContext.js';
 
-var _excluded = ["as", "children", "dir"];
-
 function Text(_ref) {
-  var as = _ref.as,
-      children = _ref.children,
-      _ref$dir = _ref.dir,
-      dir = _ref$dir === void 0 ? 'auto' : _ref$dir,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+  let {
+    as,
+    children,
+    dir = 'auto',
+    ...rest
+  } = _ref;
   // TODO: Update with context typing once its been converted to TS
-  var context = useContext(TextDirectionContext);
-  var textProps = {};
-  var BaseComponent = as !== null && as !== void 0 ? as : 'span';
-
-  var value = _objectSpread2({}, context);
+  const context = useContext(TextDirectionContext);
+  const textProps = {};
+  const BaseComponent = as ?? 'span';
+  const value = { ...context
+  };
 
   if (!context) {
     textProps.dir = dir;
     value.direction = dir;
   } else {
-    var parentDirection = context.direction,
-        getTextDirection = context.getTextDirection;
+    const {
+      direction: parentDirection,
+      getTextDirection
+    } = context;
 
     if (getTextDirection && getTextDirection.current) {
-      var text = getTextFromChildren(children);
-      var override = getTextDirection.current(text);
+      const text = getTextFromChildren(children);
+      const override = getTextDirection.current(text);
 
       if (parentDirection !== override) {
         textProps.dir = override;
@@ -81,13 +81,13 @@ function getTextFromChildren(children) {
     return children;
   }
 
-  var text = (_React$Children$map = React__default.Children.map(children, function (child) {
+  const text = (_React$Children$map = React__default.Children.map(children, child => {
     if (typeof child === 'string') {
       return child;
     }
 
     return null;
-  })) === null || _React$Children$map === void 0 ? void 0 : _React$Children$map.filter(function (text) {
+  })) === null || _React$Children$map === void 0 ? void 0 : _React$Children$map.filter(text => {
     return text !== null;
   });
 

package/es/components/Text/TextDirection.js

@@ -10,18 +10,19 @@ import React__default, { useRef, useMemo, useEffect } from 'react';
 import { TextDirectionContext } from './TextDirectionContext.js';
 
 function TextDirection(_ref) {
-  var children = _ref.children,
-      _ref$dir = _ref.dir,
-      dir = _ref$dir === void 0 ? 'auto' : _ref$dir,
-      getTextDirection = _ref.getTextDirection;
-  var savedCallback = useRef(getTextDirection);
-  var value = useMemo(function () {
+  let {
+    children,
+    dir = 'auto',
+    getTextDirection
+  } = _ref;
+  const savedCallback = useRef(getTextDirection);
+  const value = useMemo(() => {
     return {
       direction: dir,
       getTextDirection: savedCallback
     };
   }, [dir]);
-  useEffect(function () {
+  useEffect(() => {
     savedCallback.current = getTextDirection;
   });
   return /*#__PURE__*/React__default.createElement(TextDirectionContext.Provider, {

package/es/components/Text/TextDirectionContext.js

@@ -9,6 +9,6 @@ import { createContext } from 'react';
 
 /** @type any */
 
-var TextDirectionContext = /*#__PURE__*/createContext(null);
+const TextDirectionContext = /*#__PURE__*/createContext(null);
 
 export { TextDirectionContext };

package/es/components/Text/index.js

@@ -10,6 +10,6 @@ export { Text } from './Text.js';
 import { createTextComponent } from './createTextComponent.js';
 
 createTextComponent('label', 'Label');
-var Legend = createTextComponent('legend', 'Legend');
+const Legend = createTextComponent('legend', 'Legend');
 
 export { Legend };

package/es/components/TextArea/TextArea.Skeleton.js

@@ -5,26 +5,25 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, 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 = ["className", "hideLabel"];
-
-var TextAreaSkeleton = function TextAreaSkeleton(props) {
-  var className = props.className,
-      hideLabel = props.hideLabel,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var prefix = usePrefix();
+const TextAreaSkeleton = props => {
+  const {
+    className,
+    hideLabel,
+    ...rest
+  } = props;
+  const prefix = usePrefix();
   return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: cx("".concat(prefix, "--form-item"), className)
+    className: cx(`${prefix}--form-item`, className)
   }, rest), !hideLabel && /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--label ").concat(prefix, "--skeleton")
+    className: `${prefix}--label ${prefix}--skeleton`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--skeleton ").concat(prefix, "--text-area")
+    className: `${prefix}--skeleton ${prefix}--text-area`
   }));
 };