@carbon/ibm-products 2.65.0 → 2.66.0

package/es/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js

@@ -5,36 +5,36 @@
  * 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 React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
 import { pkg } from '../../../settings.js';
 
-var _excluded = ["className", "count", "labelText", "title"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--filter-panel-label");
-var componentName = 'FilterPanelLabel';
+const blockClass = `${pkg.prefix}--filter-panel-label`;
+const componentName = 'FilterPanelLabel';
 
 /**
  * A container with a label and optional count.
  */
-var FilterPanelLabel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    count = _ref.count,
-    labelText = _ref.labelText,
-    title = _ref.title,
-    rest = _objectWithoutProperties(_ref, _excluded);
+let FilterPanelLabel = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    className,
+    count,
+    labelText,
+    title,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React__default.createElement("span", _extends({}, rest, {
     className: cx(blockClass, className),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(blockClass, "__text"),
+    className: `${blockClass}__text`,
     title: title
   }, labelText), count && /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(blockClass, "__count")
+    className: `${blockClass}__count`
   }, count), ' ');
 });
 

package/es/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
@@ -13,12 +13,10 @@ import { Search } from '@carbon/react';
 import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
 import { pkg } from '../../../settings.js';
 
-var _excluded = ["children", "className", "searchProps"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--filter-panel-search");
-var componentName = 'FilterPanelSearch';
-var defaults = {
+const blockClass = `${pkg.prefix}--filter-panel-search`;
+const componentName = 'FilterPanelSearch';
+const defaults = {
   searchProps: {}
 };
 
@@ -26,51 +24,49 @@ var defaults = {
  * An input field and container to show search results.
  * @deprecated This component is deprecated
  */
-var FilterPanelSearch = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$searchProps = _ref.searchProps,
-    searchProps = _ref$searchProps === void 0 ? defaults.searchProps : _ref$searchProps,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    resultsVisible = _useState2[0],
-    setResultsVisible = _useState2[1];
-  var timer;
+let FilterPanelSearch = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    children,
+    className,
+    searchProps = defaults.searchProps,
+    ...rest
+  } = _ref;
+  const [resultsVisible, setResultsVisible] = useState(false);
+  let timer;
 
   // Hide results with a delay.
   // Gives enough time for "show" to trigger earlier.
-  var hideResults = function hideResults() {
+  const hideResults = () => {
     clearTimeout(timer);
-    timer = setTimeout(function () {
+    timer = setTimeout(() => {
       setResultsVisible(false);
     }, 300);
   };
 
   // Show results immediately.
-  var showResults = function showResults() {
+  const showResults = () => {
     clearTimeout(timer);
     setResultsVisible(true);
   };
 
   // On unmount, clear the timer.
-  useEffect(function () {
+  useEffect(() => {
     return clearTimeout(timer);
   }, [timer]);
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, "".concat(blockClass, "__container"), className),
+    className: cx(blockClass, `${blockClass}__container`, className),
     onBlur: hideResults,
     onFocus: showResults,
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(Search, _extends({
-    className: "".concat(blockClass, "__input")
+    className: `${blockClass}__input`
   }, searchProps)), resultsVisible && !!children && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__results")
+    className: `${blockClass}__results`
   }, children));
 });
 FilterPanelSearch.deprecated = {
   level: 'warn',
-  details: "This component is deprecated"
+  details: `This component is deprecated`
 };
 // Return a placeholder if not released and not enabled by feature flag
 FilterPanelSearch = pkg.checkComponentEnabled(FilterPanelSearch, componentName);

package/es/components/FilterSummary/FilterSummary.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { Button, IconButton } from '@carbon/react';
 import React__default, { useRef, useState } from 'react';
 import { ChevronDown } from '@carbon/react/icons';
@@ -20,64 +20,54 @@ import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
 import { usePresence } from '../../global/js/hooks/usePresence.js';
 import { useWindowResize } from '../../global/js/hooks/useWindowResize.js';
 
-var _excluded = ["className", "clearFiltersText", "clearFilters", "filters", "renderLabel", "overflowType", "clearButtonInline"],
-  _excluded2 = ["key", "value"];
-var blockClass = "".concat(pkg.prefix, "--filter-summary");
-var FilterSummary = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var _viewAllButtonRef$cur, _filterSummaryClearBu;
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    _ref$clearFiltersText = _ref.clearFiltersText,
-    clearFiltersText = _ref$clearFiltersText === void 0 ? 'Clear filters' : _ref$clearFiltersText,
-    clearFilters = _ref.clearFilters,
-    filters = _ref.filters,
-    renderLabel = _ref.renderLabel,
-    _ref$overflowType = _ref.overflowType,
-    overflowType = _ref$overflowType === void 0 ? 'default' : _ref$overflowType,
-    _ref$clearButtonInlin = _ref.clearButtonInline,
-    clearButtonInline = _ref$clearButtonInlin === void 0 ? true : _ref$clearButtonInlin,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var filterSummaryId = "".concat(blockClass, "__").concat(uuidv4());
-  var tagFilters = filters.map(function (_ref2) {
-    var _renderLabel;
-    var key = _ref2.key,
-      value = _ref2.value,
-      rest = _objectWithoutProperties(_ref2, _excluded2);
-    return _objectSpread2(_objectSpread2({}, rest), {}, {
+const blockClass = `${pkg.prefix}--filter-summary`;
+const FilterSummary = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    className = '',
+    clearFiltersText = 'Clear filters',
+    clearFilters,
+    filters,
+    renderLabel,
+    overflowType = 'default',
+    clearButtonInline = true,
+    ...rest
+  } = _ref;
+  const filterSummaryId = `${blockClass}__${uuidv4()}`;
+  const tagFilters = filters.map(_ref2 => {
+    let {
+      key,
+      value,
+      ...rest
+    } = _ref2;
+    return {
+      ...rest,
       type: 'gray',
-      label: (_renderLabel = renderLabel === null || renderLabel === void 0 ? void 0 : renderLabel(key, value)) !== null && _renderLabel !== void 0 ? _renderLabel : "".concat(key, ": ").concat(value)
-    });
+      label: renderLabel?.(key, value) ?? `${key}: ${value}`
+    };
   });
-  var filterSummaryClearButton = useRef(null);
-  var viewAllButtonRef = useRef(null);
-  var filterSummaryRef = useRef(null);
-  var localRef = filterSummaryRef || ref;
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    overflowCount = _useState2[0],
-    setOverflowCount = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    multiline = _useState4[0],
-    setMultiline = _useState4[1];
-  var previousState = usePreviousValue({
-    multiline: multiline
+  const filterSummaryClearButton = useRef(null);
+  const viewAllButtonRef = useRef(null);
+  const filterSummaryRef = useRef(null);
+  const localRef = filterSummaryRef || ref;
+  const [overflowCount, setOverflowCount] = useState(0);
+  const [multiline, setMultiline] = useState(false);
+  const previousState = usePreviousValue({
+    multiline
   }) || {};
-  var handleViewAll = function handleViewAll() {
+  const handleViewAll = () => {
     if (overflowCount === 0) {
       setMultiline(false);
       return;
     }
-    setMultiline(function (prev) {
-      return !prev;
-    });
+    setMultiline(prev => !prev);
   };
-  var viewAllWidth = typeof (viewAllButtonRef === null || viewAllButtonRef === void 0 || (_viewAllButtonRef$cur = viewAllButtonRef.current) === null || _viewAllButtonRef$cur === void 0 ? void 0 : _viewAllButtonRef$cur.offsetWidth) === 'undefined' ? 0 : overflowCount > 0 ? 48 : 0;
-  var measurementOffset = ((filterSummaryClearButton === null || filterSummaryClearButton === void 0 || (_filterSummaryClearBu = filterSummaryClearButton.current) === null || _filterSummaryClearBu === void 0 ? void 0 : _filterSummaryClearBu.offsetWidth) || 0) + viewAllWidth;
-  var exitAnimationName = 'filter-summary-enter';
-  var _usePresence = usePresence(true, localRef, exitAnimationName),
-    shouldRender = _usePresence.shouldRender;
-  var renderTagSet = function renderTagSet(type) {
+  const viewAllWidth = typeof viewAllButtonRef?.current?.offsetWidth === 'undefined' ? 0 : overflowCount > 0 ? 48 : 0;
+  const measurementOffset = (filterSummaryClearButton?.current?.offsetWidth || 0) + viewAllWidth;
+  const exitAnimationName = 'filter-summary-enter';
+  const {
+    shouldRender
+  } = usePresence(true, localRef, exitAnimationName);
+  const renderTagSet = type => {
     return shouldRender ? /*#__PURE__*/React__default.createElement("div", {
       key: type
     }, /*#__PURE__*/React__default.createElement(TagSet, {
@@ -87,51 +77,54 @@ var FilterSummary = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
       showAllTagsLabel: "View all tags",
       tags: tagFilters,
       overflowType: overflowType,
-      className: cx(_defineProperty({}, "".concat(blockClass, "__clear-button-inline"), clearButtonInline)),
+      className: cx({
+        [`${blockClass}__clear-button-inline`]: clearButtonInline
+      }),
       containingElementRef: localRef,
       measurementOffset: measurementOffset,
-      onOverflowTagChange: function onOverflowTagChange(overflowTags) {
-        return setOverflowCount(overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length);
-      },
+      onOverflowTagChange: overflowTags => setOverflowCount(overflowTags?.length),
       multiline: multiline
     })) : null;
   };
-  useWindowResize(function () {
-    var handleFilterSummaryResize = function handleFilterSummaryResize() {
-      var _localRef$current, _localRef$current2;
-      if (multiline && localRef !== null && localRef !== void 0 && (_localRef$current = localRef.current) !== null && _localRef$current !== void 0 && _localRef$current.offsetHeight && (localRef === null || localRef === void 0 || (_localRef$current2 = localRef.current) === null || _localRef$current2 === void 0 ? void 0 : _localRef$current2.offsetHeight) <= 50) {
+  useWindowResize(() => {
+    const handleFilterSummaryResize = () => {
+      if (multiline && localRef?.current?.offsetHeight && localRef?.current?.offsetHeight <= 50) {
         setMultiline(false);
       }
     };
-    var filterResize = debounce(handleFilterSummaryResize, 500);
+    const filterResize = debounce(handleFilterSummaryResize, 500);
     filterResize();
-  }, [previousState === null || previousState === void 0 ? void 0 : previousState.multiline, multiline]);
+  }, [previousState?.multiline, multiline]);
   return /*#__PURE__*/React__default.createElement("div", _extends({}, getDevtoolsProps(componentName), {
     id: filterSummaryId
   }, rest, {
     ref: localRef,
-    className: cx([blockClass, className], _defineProperty({}, "".concat(blockClass, "__expanded"), multiline))
+    className: cx([blockClass, className], {
+      [`${blockClass}__expanded`]: multiline
+    })
   }), !multiline && renderTagSet('single'), multiline && renderTagSet('multiline'), /*#__PURE__*/React__default.createElement(Button, {
     kind: "ghost",
     size: "sm",
     onClick: clearFilters,
     ref: filterSummaryClearButton,
-    className: "".concat(blockClass, "__clear-all-button")
+    className: `${blockClass}__clear-all-button`
   }, clearFiltersText), (overflowCount > 0 || multiline) && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__view-all--wrapper")
+    className: `${blockClass}__view-all--wrapper`
   }, /*#__PURE__*/React__default.createElement(IconButton, {
     ref: viewAllButtonRef,
     kind: "ghost",
     label: 'View all',
-    className: "".concat(blockClass, "__view-all--trigger"),
+    className: `${blockClass}__view-all--trigger`,
     align: "left",
     onClick: handleViewAll,
     size: "sm"
   }, /*#__PURE__*/React__default.createElement(ChevronDown, {
-    className: cx("".concat(blockClass, "__view-all--chevron"), _defineProperty({}, "".concat(blockClass, "__view-all--chevron-multiline"), multiline))
+    className: cx(`${blockClass}__view-all--chevron`, {
+      [`${blockClass}__view-all--chevron-multiline`]: multiline
+    })
   }))));
 });
-var componentName = 'FilterSummary';
+const componentName = 'FilterSummary';
 FilterSummary.displayName = componentName;
 FilterSummary.propTypes = {
   className: PropTypes.string,

package/es/components/FullPageError/FullPageError.js

@@ -5,7 +5,7 @@
  * 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 { Grid, Column } from '@carbon/react';
 import React__default from 'react';
 import { Error403SVG } from './assets/Error403SVG.js';
@@ -17,13 +17,12 @@ import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
 var _span;
-var _excluded = ["children", "className", "description", "label", "kind", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--full-page-error");
-var componentName = 'FullPageError';
+const blockClass = `${pkg.prefix}--full-page-error`;
+const componentName = 'FullPageError';
 // Default values for props
-var defaults = {
+const defaults = {
   kind: 'custom'
 };
 
@@ -31,29 +30,32 @@ var defaults = {
  * Display a full-page error when the requested page is unavailable to the user.
  * This is typically caused by issues with the requested URL or access permissions.
  */
-var FullPageError = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    description = _ref.description,
-    label = _ref.label,
-    _ref$kind = _ref.kind,
-    kind = _ref$kind === void 0 ? defaults.kind : _ref$kind,
-    title = _ref.title,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var errorData = {
+let FullPageError = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    // The component props, in alphabetical order (for consistency).
+    children,
+    className,
+    description,
+    label,
+    kind = defaults.kind,
+    title,
+    // Collect any other property values passed in.
+    ...rest
+  } = _ref;
+  const errorData = {
     403: {
       svg: /*#__PURE__*/React__default.createElement(Error403SVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__403")
+        className: `${blockClass}__svg ${blockClass}__403`
       })
     },
     404: {
       svg: /*#__PURE__*/React__default.createElement(Error404SVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__404")
+        className: `${blockClass}__svg ${blockClass}__404`
       })
     },
     custom: {
       svg: /*#__PURE__*/React__default.createElement(ErrorGenericSVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__custom")
+        className: `${blockClass}__svg ${blockClass}__custom`
       })
     }
   };
@@ -62,30 +64,30 @@ var FullPageError = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     ref: ref,
     role: "main"
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__container")
+    className: `${blockClass}__container`
   }, /*#__PURE__*/React__default.createElement(Grid, {
-    className: "".concat(blockClass, "__grid")
+    className: `${blockClass}__grid`
   }, /*#__PURE__*/React__default.createElement(Column, {
     sm: 4,
     md: 3,
     lg: 6,
-    className: "".concat(blockClass, "__column")
+    className: `${blockClass}__column`
   }, /*#__PURE__*/React__default.createElement("h1", {
-    className: "".concat(blockClass, "__title")
+    className: `${blockClass}__title`
   }, /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(blockClass, "__label")
+    className: `${blockClass}__label`
   }, _span || (_span = /*#__PURE__*/React__default.createElement("span", {
     "aria-hidden": "true"
   }, "\u21B3 ")), label), /*#__PURE__*/React__default.createElement("span", null, title)), /*#__PURE__*/React__default.createElement("p", {
-    className: "".concat(blockClass, "__description")
+    className: `${blockClass}__description`
   }, description), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__body")
+    className: `${blockClass}__body`
   }, children)), /*#__PURE__*/React__default.createElement(Column, {
     sm: 4,
     md: 5,
     lg: 10
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__svg-container")
+    className: `${blockClass}__svg-container`
   }, errorData[kind].svg)))));
 });
 

package/es/components/FullPageError/assets/Error403SVG.js

@@ -9,8 +9,10 @@ import React__default from 'react';
 import { p as propTypesExports } from '../../../_virtual/index.js';
 
 var _g, _defs;
-var Error403SVG = function Error403SVG(_ref) {
-  var className = _ref.className;
+const Error403SVG = _ref => {
+  let {
+    className
+  } = _ref;
   return /*#__PURE__*/React__default.createElement("svg", {
     viewBox: "0 0 750 570",
     fill: "none",

package/es/components/FullPageError/assets/Error404SVG.js

@@ -9,8 +9,10 @@ import React__default from 'react';
 import { p as propTypesExports } from '../../../_virtual/index.js';
 
 var _g, _defs;
-var Error404SVG = function Error404SVG(_ref) {
-  var className = _ref.className;
+const Error404SVG = _ref => {
+  let {
+    className
+  } = _ref;
   return /*#__PURE__*/React__default.createElement("svg", {
     viewBox: "0 0 751 549",
     fill: "none",

package/es/components/FullPageError/assets/ErrorGenericSVG.js

@@ -9,8 +9,10 @@ import React__default from 'react';
 import { p as propTypesExports } from '../../../_virtual/index.js';
 
 var _g, _defs;
-var ErrorGenericSVG = function ErrorGenericSVG(_ref) {
-  var className = _ref.className;
+const ErrorGenericSVG = _ref => {
+  let {
+    className
+  } = _ref;
   return /*#__PURE__*/React__default.createElement("svg", {
     viewBox: "0 0 750 506",
     fill: "none",

package/es/components/GetStartedCard/GetStartedCard.js

@@ -5,22 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../_virtual/index.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { Card } from '../Card/Card.js';
 
-var componentName = 'GetStartedCard';
+const componentName = 'GetStartedCard';
 /**
  * GetStartedCard a card with icon, number, and media variants
  */
-var GetStartedCard = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default.createElement(Card, _extends({}, _objectSpread2(_objectSpread2({}, props), {}, {
-    ref: ref,
+let GetStartedCard = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+  return /*#__PURE__*/React__default.createElement(Card, _extends({}, props, {
+    ref,
     getStarted: true
-  }), getDevtoolsProps(componentName)));
+  }, getDevtoolsProps(componentName)));
 });
 
 // Return a placeholder if not released and not enabled by feature flag