@carbon/react 1.27.0 → 1.28.0-rc.0

package/es/components/SelectItem/SelectItem.js

@@ -5,24 +5,28 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, 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 = ["className", "value", "disabled", "hidden", "text"];
-
-var SelectItem = function SelectItem(_ref) {
-  var className = _ref.className,
-      value = _ref.value,
-      disabled = _ref.disabled,
-      hidden = _ref.hidden,
-      text = _ref.text,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var selectItemClasses = cx(_objectSpread2(_defineProperty({}, "".concat(prefix, "--select-option"), true), className && _defineProperty({}, className, className)));
+const SelectItem = _ref => {
+  let {
+    className,
+    value,
+    disabled,
+    hidden,
+    text,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const selectItemClasses = cx({
+    [`${prefix}--select-option`]: true,
+    ...(className && {
+      [className]: className
+    })
+  });
   return /*#__PURE__*/React__default.createElement("option", _extends({}, other, {
     className: selectItemClasses,
     value: value,

package/es/components/SelectItemGroup/SelectItemGroup.js

@@ -5,24 +5,23 @@
  * 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 * as FeatureFlags from '@carbon/feature-flags';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["children", "className", "disabled", "label"];
-
-var SelectItemGroup = function SelectItemGroup(_ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      disabled = _ref.disabled,
-      label = _ref.label,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classNames = cx("".concat(prefix, "--select-optgroup"), className);
+const SelectItemGroup = _ref => {
+  let {
+    children,
+    className,
+    disabled,
+    label,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const classNames = cx(`${prefix}--select-optgroup`, className);
   return /*#__PURE__*/React__default.createElement("optgroup", _extends({
     className: classNames,
     label: label,

package/es/components/SkeletonIcon/SkeletonIcon.js

@@ -5,22 +5,22 @@
  * 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 = ["className"];
-
-var SkeletonIcon = function SkeletonIcon(_ref) {
-  var _classNames;
-
-  var className = _ref.className,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var skeletonIconClasses = cx((_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--icon--skeleton"), true), _defineProperty(_classNames, className, className), _classNames));
+const SkeletonIcon = _ref => {
+  let {
+    className,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const skeletonIconClasses = cx({
+    [`${prefix}--icon--skeleton`]: true,
+    [className]: className
+  });
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: skeletonIconClasses
   }, other));

package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js

@@ -5,22 +5,22 @@
  * 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 React__default from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["className"];
-
-var SkeletonPlaceholder = function SkeletonPlaceholder(_ref) {
-  var _classNames;
-
-  var className = _ref.className,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var skeletonPlaceholderClasses = cx((_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--skeleton__placeholder"), true), _defineProperty(_classNames, className, className), _classNames));
+const SkeletonPlaceholder = _ref => {
+  let {
+    className,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const skeletonPlaceholderClasses = cx({
+    [`${prefix}--skeleton__placeholder`]: true,
+    [className]: className
+  });
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: skeletonPlaceholderClasses
   }, other));

package/es/components/SkeletonText/SkeletonText.js

@@ -5,36 +5,38 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default, { useRef } from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 
-var _excluded = ["paragraph", "lineCount", "width", "heading", "className"];
-var randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];
+const randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];
 
 function getRandomInt(min, max, n) {
   return Math.floor(randoms[n % 3] * (max - min + 1)) + min;
 }
 
-var SkeletonText = function SkeletonText(_ref) {
-  var _classNames;
-
-  var paragraph = _ref.paragraph,
-      lineCount = _ref.lineCount,
-      width = _ref.width,
-      heading = _ref.heading,
-      className = _ref.className,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var skeletonTextClasses = cx((_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--skeleton__text"), true), _defineProperty(_classNames, "".concat(prefix, "--skeleton__heading"), heading), _defineProperty(_classNames, className, className), _classNames));
-  var widthNum = parseInt(width, 10);
-  var widthPx = width.includes('px');
-  var widthPercent = width.includes('%');
-  var lineCountNumber;
+const SkeletonText = _ref => {
+  let {
+    paragraph,
+    lineCount,
+    width,
+    heading,
+    className,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const skeletonTextClasses = cx({
+    [`${prefix}--skeleton__text`]: true,
+    [`${prefix}--skeleton__heading`]: heading,
+    [className]: className
+  });
+  const widthNum = parseInt(width, 10);
+  const widthPx = width.includes('px');
+  const widthPercent = width.includes('%');
+  let lineCountNumber;
 
   if (!paragraph) {
     lineCountNumber = '1';
@@ -42,15 +44,15 @@ var SkeletonText = function SkeletonText(_ref) {
     lineCountNumber = lineCount;
   }
 
-  var refs = useRef([]);
-  useIsomorphicEffect(function () {
-    refs.current.map(function (item, j) {
-      var randomPercentWidth = getRandomInt(0, 75, j) + 'px';
-      var randomPxWidth = getRandomInt(Math.max(widthNum - 75, 0), widthNum, j) + 'px';
+  const refs = useRef([]);
+  useIsomorphicEffect(() => {
+    refs.current.map((item, j) => {
+      const randomPercentWidth = getRandomInt(0, 75, j) + 'px';
+      const randomPxWidth = getRandomInt(Math.max(widthNum - 75, 0), widthNum, j) + 'px';
 
       if (item) {
         if (widthPercent && paragraph) {
-          item.style.width = "calc(".concat(width, " - ").concat(randomPercentWidth, ")");
+          item.style.width = `calc(${width} - ${randomPercentWidth})`;
         } else if (widthPx && paragraph) {
           item.style.width = randomPxWidth;
         } else {
@@ -59,15 +61,13 @@ var SkeletonText = function SkeletonText(_ref) {
       }
     });
   }, [lineCountNumber, paragraph, refs, width, widthNum, widthPercent, widthPx]);
-  var lines = [];
+  const lines = [];
 
   for (var i = 0; i < lineCountNumber; i++) {
     lines.push( /*#__PURE__*/React__default.createElement("p", _extends({
       className: skeletonTextClasses,
       key: i,
-      ref: function ref(el) {
-        return refs.current = [].concat(_toConsumableArray(refs.current), [el]);
-      }
+      ref: el => refs.current = [...refs.current, el]
     }, other)));
   }
 

package/es/components/Slider/Slider.Skeleton.js

@@ -5,38 +5,37 @@
  * 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 = ["hideLabel", "className"];
-
-var SliderSkeleton = function SliderSkeleton(_ref) {
-  var hideLabel = _ref.hideLabel,
-      className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
+const SliderSkeleton = _ref => {
+  let {
+    hideLabel,
+    className,
+    ...rest
+  } = _ref;
+  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, "--slider-container ").concat(prefix, "--skeleton")
+    className: `${prefix}--slider-container ${prefix}--skeleton`
   }, /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--slider__range-label")
+    className: `${prefix}--slider__range-label`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--slider")
+    className: `${prefix}--slider`
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--slider__track")
+    className: `${prefix}--slider__track`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--slider__filled-track")
+    className: `${prefix}--slider__filled-track`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--slider__thumb")
+    className: `${prefix}--slider__thumb`
   })), /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--slider__range-label")
+    className: `${prefix}--slider__range-label`
   })));
 };