@carbon/ibm-products 2.0.0-rc.29 → 2.0.0-rc.32

package/es/components/TagSet/TagSetOverflow.js

@@ -9,6 +9,7 @@ var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
 //
+
 import React, { useState, useRef } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
@@ -16,28 +17,27 @@ import { Link, Tag, Popover, PopoverContent } from '@carbon/react';
 import { useClickOutside } from '../../global/js/hooks';
 import { pkg } from '../../settings';
 var componentName = 'TagSetOverflow';
-var blockClass = "".concat(pkg.prefix, "--tag-set-overflow"); // Default values for props
+var blockClass = "".concat(pkg.prefix, "--tag-set-overflow");
 
+// Default values for props
 var defaults = {
   allTagsModalSearchThreshold: 10,
   overflowAlign: 'bottom'
 };
 export var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$allTagsModalSear = _ref.allTagsModalSearchThreshold,
-      allTagsModalSearchThreshold = _ref$allTagsModalSear === void 0 ? defaults.allTagsModalSearchThreshold : _ref$allTagsModalSear,
-      className = _ref.className,
-      onShowAllClick = _ref.onShowAllClick,
-      _ref$overflowAlign = _ref.overflowAlign,
-      overflowAlign = _ref$overflowAlign === void 0 ? defaults.overflowAlign : _ref$overflowAlign,
-      overflowTags = _ref.overflowTags,
-      showAllTagsLabel = _ref.showAllTagsLabel,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    allTagsModalSearchThreshold = _ref$allTagsModalSear === void 0 ? defaults.allTagsModalSearchThreshold : _ref$allTagsModalSear,
+    className = _ref.className,
+    onShowAllClick = _ref.onShowAllClick,
+    _ref$overflowAlign = _ref.overflowAlign,
+    overflowAlign = _ref$overflowAlign === void 0 ? defaults.overflowAlign : _ref$overflowAlign,
+    overflowTags = _ref.overflowTags,
+    showAllTagsLabel = _ref.showAllTagsLabel,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      popoverOpen = _useState2[0],
-      setPopoverOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    popoverOpen = _useState2[0],
+    setPopoverOpen = _useState2[1];
   var localRef = useRef();
   var overflowTagContent = useRef(null);
   useClickOutside(ref || localRef, function () {
@@ -45,22 +45,18 @@ export var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       setPopoverOpen(false);
     }
   });
-
   var handleShowAllTagsClick = function handleShowAllTagsClick(ev) {
     ev.stopPropagation();
     ev.preventDefault();
     setPopoverOpen(false);
     onShowAllClick();
   };
-
   var handleEscKeyPress = function handleEscKeyPress(event) {
     var key = event.key;
-
     if (key === 'Escape') {
       setPopoverOpen(false);
     }
   };
-
   return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
     "aria-hidden": overflowTags.length === 0,
     className: cx("".concat(blockClass), _defineProperty({}, "".concat(blockClass, "--hidden"), overflowTags.length === 0)),
@@ -104,27 +100,22 @@ TagSetOverflow.propTypes = {
    * count of overflowTags over which a modal is offered
    */
   allTagsModalSearchThreshold: PropTypes.number,
-
   /**
    * className
    */
   className: PropTypes.string,
-
   /**
    * function to execute on clicking show all
    */
   onShowAllClick: PropTypes.func.isRequired,
-
   /**
    * overflowAlign from the standard tooltip
    */
   overflowAlign: PropTypes.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
-
   /**
    * tags shown in overflow
    */
   overflowTags: PropTypes.arrayOf(PropTypes.object).isRequired,
-
   /**
    * label for the overflow show all tags link
    */

package/es/components/TagSet/constants.js

@@ -4,6 +4,7 @@
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
 //
+
 export var TYPES = {
   red: 'Red',
   magenta: 'Magenta',

package/es/components/TagSet/index.js

@@ -4,4 +4,5 @@
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
 //
+
 export { TagSet } from './TagSet';

package/es/components/Tearsheet/Tearsheet.js

@@ -1,36 +1,39 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["influencerPosition", "influencerWidth", "verticalPosition"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**
  * Copyright IBM Corp. 2020, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 // Import portions of React that are needed.
-import React from 'react'; // Other standard imports.
+import React from 'react';
 
+// Other standard imports.
 import PropTypes from 'prop-types';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
 import { allPropTypes } from '../../global/js/utils/props-helper';
-import { pkg } from '../../settings'; // Carbon and package components we use.
+import { pkg } from '../../settings';
 
+// Carbon and package components we use.
 import { Button } from '@carbon/react';
 import { ActionSet } from '../ActionSet';
 import { tearsheetHasCloseIcon, TearsheetShell } from './TearsheetShell';
-var componentName = 'Tearsheet'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
-// Default values for props
+var componentName = 'Tearsheet';
+
+// NOTE: the component SCSS is not imported here: it is rolled up separately.
 
+// Default values for props
 var defaults = {
   influencerPosition: 'left',
   influencerWidth: 'narrow',
   verticalPosition: 'lower'
 };
+
 /**
  * A tearsheet is a mostly full-screen type of dialog that keeps users
  * in-context and focused by bringing actionable content front and center while
@@ -43,16 +46,14 @@ var defaults = {
  * panel on either the left or right side, the main content area, and a set of
  * action buttons.
  */
-
 export var Tearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$influencerPositi = _ref.influencerPosition,
-      influencerPosition = _ref$influencerPositi === void 0 ? defaults.influencerPosition : _ref$influencerPositi,
-      _ref$influencerWidth = _ref.influencerWidth,
-      influencerWidth = _ref$influencerWidth === void 0 ? defaults.influencerWidth : _ref$influencerWidth,
-      _ref$verticalPosition = _ref.verticalPosition,
-      verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    influencerPosition = _ref$influencerPositi === void 0 ? defaults.influencerPosition : _ref$influencerPositi,
+    _ref$influencerWidth = _ref.influencerWidth,
+    influencerWidth = _ref$influencerWidth === void 0 ? defaults.influencerWidth : _ref$influencerWidth,
+    _ref$verticalPosition = _ref.verticalPosition,
+    verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(TearsheetShell, _objectSpread(_objectSpread(_objectSpread({}, getDevtoolsProps(componentName)), rest), {}, {
     influencerPosition: influencerPosition,
     influencerWidth: influencerWidth,
@@ -60,11 +61,13 @@ export var Tearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     ref: ref,
     size: 'wide'
   }));
-}); // Return a placeholder if not released and not enabled by feature flag
+});
 
-Tearsheet = pkg.checkComponentEnabled(Tearsheet, componentName); // The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
+// Return a placeholder if not released and not enabled by feature flag
+Tearsheet = pkg.checkComponentEnabled(Tearsheet, componentName);
 
+// The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
 Tearsheet.displayName = componentName;
 export var deprecatedProps = {
   /**
@@ -77,12 +80,14 @@ export var deprecatedProps = {
    * to allow an action bar navigation or breadcrumbs to also show through.
    */
   verticalPosition: PropTypes.oneOf(['normal', 'lower'])
-}; // The types and DocGen commentary for the component props,
+};
+
+// The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
+
 // Note that the descriptions here should be kept in sync with those for the
 // corresponding props for TearsheetNarrow and TearsheetShell components.
-
 Tearsheet.propTypes = _objectSpread({
   /**
    * The navigation actions to be shown as buttons in the action area at the
@@ -106,12 +111,10 @@ Tearsheet.propTypes = _objectSpread({
     // we duplicate this Button prop to improve the DocGen here
     onClick: Button.propTypes.onClick
   })))]),
-
   /**
    * An optional class or classes to be added to the outermost element.
    */
   className: PropTypes.string,
-
   /**
    * The accessibility title for the close icon (if shown).
    *
@@ -120,15 +123,13 @@ Tearsheet.propTypes = _objectSpread({
    */
   closeIconDescription: PropTypes.string.isRequired.if(function (_ref2) {
     var actions = _ref2.actions,
-        hasCloseIcon = _ref2.hasCloseIcon;
+      hasCloseIcon = _ref2.hasCloseIcon;
     return tearsheetHasCloseIcon(actions, hasCloseIcon);
   }),
-
   /**
    * A description of the flow, displayed in the header area of the tearsheet.
    */
   description: PropTypes.node,
-
   /**
    * Enable a close icon ('x') in the header area of the tearsheet. By default,
    * (when this prop is omitted, or undefined or null) a tearsheet does not
@@ -138,60 +139,50 @@ Tearsheet.propTypes = _objectSpread({
    * this prop to either true or false.
    */
   hasCloseIcon: PropTypes.bool,
-
   /**
    * The content for the influencer section of the tearsheet, displayed
    * alongside the main content. This is typically a menu, or filter, or
    * progress indicator, or similar.
    */
   influencer: PropTypes.element,
-
   /**
    * The position of the influencer section, 'left' or 'right'.
    */
   influencerPosition: PropTypes.oneOf(['left', 'right']),
-
   /**
    * The width of the influencer: 'narrow' (the default) is 256px, and 'wide'
    * is 320px.
    */
   influencerWidth: PropTypes.oneOf(['narrow', 'wide']),
-
   /**
    * A label for the tearsheet, displayed in the header area of the tearsheet
    * to maintain context for the tearsheet (e.g. as the title changes from page
    * to page of a multi-page task).
    */
   label: PropTypes.node,
-
   /**
    * Navigation content, such as a set of tabs, to be displayed at the bottom
    * of the header area of the tearsheet.
    */
   navigation: PropTypes.element,
-
   /**
    * An optional handler that is called when the user closes the tearsheet (by
    * clicking the close button, if enabled, or clicking outside, if enabled).
    * Returning `false` here prevents the modal from closing.
    */
   onClose: PropTypes.func,
-
   /**
    * Specifies whether the tearsheet is currently open.
    */
   open: PropTypes.bool,
-
   /**
    * The DOM node the tearsheet should be rendered within. Defaults to document.body.
    */
   portalTarget: PropTypes.node,
-
   /**
    * Specify a CSS selector that matches the DOM element that should be focused when the Modal opens
    */
   selectorPrimaryFocus: PropTypes.string,
-
   /**
    * The main title of the tearsheet, displayed in the header area.
    */

package/es/components/Tearsheet/TearsheetNarrow.js

@@ -1,34 +1,37 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["verticalPosition"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**
  * Copyright IBM Corp. 2020, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 // Import portions of React that are needed.
-import React from 'react'; // Other standard imports.
+import React from 'react';
 
+// Other standard imports.
 import PropTypes from 'prop-types';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
 import { allPropTypes, prepareProps } from '../../global/js/utils/props-helper';
-import { pkg } from '../../settings'; // Carbon and package components we use.
+import { pkg } from '../../settings';
 
+// Carbon and package components we use.
 import { Button } from '@carbon/react';
 import { ActionSet } from '../ActionSet';
 import { tearsheetHasCloseIcon, TearsheetShell, tearsheetShellWideProps as blocked } from './TearsheetShell';
-var componentName = 'TearsheetNarrow'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
-// Default values for props
+var componentName = 'TearsheetNarrow';
+
+// NOTE: the component SCSS is not imported here: it is rolled up separately.
 
+// Default values for props
 var defaults = {
   verticalPosition: 'lower'
 };
+
 /**
  * A narrow tearsheet is a slimmer variant of the tearsheet, providing a dialog
  * that keeps users in-context and focused by bringing actionable content front
@@ -37,22 +40,22 @@ var defaults = {
  * A narrow tearsheet comprises 3 zones: a heading area including a title, the
  * main content area, and a set of action buttons.
  */
-
 export var TearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$verticalPosition = _ref.verticalPosition,
-      verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(TearsheetShell, _objectSpread(_objectSpread(_objectSpread({}, getDevtoolsProps(componentName)), prepareProps(rest, blocked)), {}, {
     verticalPosition: verticalPosition,
     ref: ref,
     size: 'narrow'
   }));
-}); // Return a placeholder if not released and not enabled by feature flag
+});
 
-TearsheetNarrow = pkg.checkComponentEnabled(TearsheetNarrow, componentName); // The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
+// Return a placeholder if not released and not enabled by feature flag
+TearsheetNarrow = pkg.checkComponentEnabled(TearsheetNarrow, componentName);
 
+// The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
 TearsheetNarrow.displayName = componentName;
 export var deprecatedProps = {
   /**
@@ -65,12 +68,14 @@ export var deprecatedProps = {
    * to allow an action bar navigation or breadcrumbs to also show through.
    */
   verticalPosition: PropTypes.oneOf(['normal', 'lower'])
-}; // The types and DocGen commentary for the component props,
+};
+
+// The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
+
 // Note that the descriptions here should be kept in sync with those for the
 // corresponding props for Tearsheet and TearsheetShell components.
-
 TearsheetNarrow.propTypes = _objectSpread({
   /**
    * The navigation actions to be shown as buttons in the action area at the
@@ -94,12 +99,10 @@ TearsheetNarrow.propTypes = _objectSpread({
     // we duplicate this Button prop to improve the DocGen here
     onClick: Button.propTypes.onClick
   })))]),
-
   /**
    * An optional class or classes to be added to the outermost element.
    */
   className: PropTypes.string,
-
   /**
    * The accessibility title for the close icon (if shown).
    *
@@ -108,15 +111,13 @@ TearsheetNarrow.propTypes = _objectSpread({
    */
   closeIconDescription: PropTypes.string.isRequired.if(function (_ref2) {
     var actions = _ref2.actions,
-        hasCloseIcon = _ref2.hasCloseIcon;
+      hasCloseIcon = _ref2.hasCloseIcon;
     return tearsheetHasCloseIcon(actions, hasCloseIcon);
   }),
-
   /**
    * A description of the flow, displayed in the header area of the tearsheet.
    */
   description: PropTypes.node,
-
   /**
    * Enable a close icon ('x') in the header area of the tearsheet. By default,
    * a tearsheet does not display a close icon, but one should be enabled if
@@ -124,31 +125,26 @@ TearsheetNarrow.propTypes = _objectSpread({
    * a "passive tearsheet").
    */
   hasCloseIcon: PropTypes.bool,
-
   /**
    * A label for the tearsheet, displayed in the header area of the tearsheet
    * to maintain context for the tearsheet (e.g. as the title changes from page
    * to page of a multi-page task).
    */
   label: PropTypes.node,
-
   /**
    * An optional handler that is called when the user closes the tearsheet (by
    * clicking the close button, if enabled, or clicking outside, if enabled).
    * Returning `false` here prevents the modal from closing.
    */
   onClose: PropTypes.func,
-
   /**
    * Specifies whether the tearsheet is currently open.
    */
   open: PropTypes.bool,
-
   /**
    * The DOM node the tearsheet should be rendered within. Defaults to document.body.
    */
   portalTarget: PropTypes.node,
-
   /**
    * The main title of the tearsheet, displayed in the header area.
    */