@carbon/ibm-products 2.24.0 → 2.25.0

package/lib/components/TagSet/TagSetModal.js

@@ -1,42 +1,38 @@
-"use strict";
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index$1 = require('../../node_modules/prop-types/index.js');
+var index = require('../../node_modules/classnames/index.js');
+var react = require('@carbon/react');
+var settings = require('../../settings.js');
+var propsHelper = require('../../global/js/utils/props-helper.js');
+var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TagSetModal = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react2 = require("@carbon/react");
-var _settings = require("../../settings");
-var _propsHelper = require("../../global/js/utils/props-helper");
-var _usePortalTarget = require("../../global/js/hooks/usePortalTarget");
 var _excluded = ["allTags", "className", "title", "onClose", "open", "portalTarget", "searchLabel", "searchPlaceholder"],
-  _excluded2 = ["label"]; //
-// Copyright IBM Corp. 2021, 2020
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  _excluded2 = ["label"];
 var componentName = 'TagSetModal';
-var blockClass = "".concat(_settings.pkg.prefix, "--tag-set-modal");
+var blockClass = "".concat(settings.pkg.prefix, "--tag-set-modal");
 
 // Default values for props
 var defaults = {
   // marked as required by TagSet if needed, default used to satisfy <Search /> component
   searchLabel: ''
 };
-var TagSetModal = exports.TagSetModal = function TagSetModal(_ref) {
+var TagSetModal = function TagSetModal(_ref) {
   var allTags = _ref.allTags,
     className = _ref.className,
     title = _ref.title,
@@ -46,17 +42,17 @@ var TagSetModal = exports.TagSetModal = function TagSetModal(_ref) {
     _ref$searchLabel = _ref.searchLabel,
     searchLabel = _ref$searchLabel === void 0 ? defaults.searchLabel : _ref$searchLabel,
     searchPlaceholder = _ref.searchPlaceholder,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState([]),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     filteredModalTags = _useState2[0],
     setFilteredModalTags = _useState2[1];
-  var _useState3 = (0, _react.useState)(''),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+  var _useState3 = React.useState(''),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     search = _useState4[0],
     setSearch = _useState4[1];
-  var renderPortalUse = (0, _usePortalTarget.usePortalTarget)(portalTargetIn);
-  (0, _react.useEffect)(function () {
+  var renderPortalUse = usePortalTarget.usePortalTarget(portalTargetIn);
+  React.useEffect(function () {
     var newFilteredModalTags = [];
     if (open) {
       if (search === '') {
@@ -78,47 +74,49 @@ var TagSetModal = exports.TagSetModal = function TagSetModal(_ref) {
   var handleSearch = function handleSearch(ev) {
     setSearch(ev.target.value || '');
   };
-  return renderPortalUse( /*#__PURE__*/_react.default.createElement(_react2.ComposedModal, (0, _extends2.default)({}, rest, {
+  return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, {
     containerClassName: "".concat(blockClass, "__container"),
-    className: (0, _classnames.default)(className, "".concat(blockClass)),
+    className: index["default"](className, "".concat(blockClass)),
     size: "sm",
     open: open,
     onClose: onClose
-  }), /*#__PURE__*/_react.default.createElement(_react2.ModalHeader, {
+  }), /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
     className: "".concat(blockClass, "__header"),
     closeModal: onClose,
     title: title
-  }, /*#__PURE__*/_react.default.createElement(_react2.Search, {
+  }, /*#__PURE__*/React__default["default"].createElement(react.Search, {
     "data-modal-primary-focus": true,
     className: "".concat(blockClass, "__search"),
     labelText: searchLabel,
     placeholder: searchPlaceholder,
     onChange: handleSearch,
     size: "lg"
-  })), /*#__PURE__*/_react.default.createElement(_react2.ModalBody, {
+  })), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, {
     className: "".concat(blockClass, "__body"),
     hasForm: true
   }, filteredModalTags.map(function (_ref2, index) {
     var label = _ref2.label,
-      other = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-    return /*#__PURE__*/_react.default.createElement(_react2.Tag, (0, _extends2.default)({}, other, {
+      other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
+    return /*#__PURE__*/React__default["default"].createElement(react.Tag, _rollupPluginBabelHelpers["extends"]({}, other, {
       filter: false,
       key: "all-tags-".concat(index)
     }), label);
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__fade")
   })));
 };
 TagSetModal.propTypes = {
-  allTags: _propTypes.default.arrayOf(_propTypes.default.shape(_objectSpread(_objectSpread({}, (0, _propsHelper.prepareProps)(_react2.Tag.propTypes, 'filter')), {}, {
-    label: _propTypes.default.string.isRequired
+  allTags: index$1["default"].arrayOf(index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Tag.propTypes, 'filter')), {}, {
+    label: index$1["default"].string.isRequired
   }))),
-  className: _propTypes.default.string,
-  onClose: _propTypes.default.func,
-  open: _propTypes.default.bool,
-  portalTarget: _propTypes.default.node,
-  searchLabel: _propTypes.default.string,
-  searchPlaceholder: _propTypes.default.string,
-  title: _propTypes.default.string
+  className: index$1["default"].string,
+  onClose: index$1["default"].func,
+  open: index$1["default"].bool,
+  portalTarget: index$1["default"].node,
+  searchLabel: index$1["default"].string,
+  searchPlaceholder: index$1["default"].string,
+  title: index$1["default"].string
 };
-TagSetModal.displayName = componentName;
+TagSetModal.displayName = componentName;
+
+exports.TagSetModal = TagSetModal;

package/lib/components/TagSet/TagSetOverflow.d.ts

@@ -0,0 +1,2 @@
+export const TagSetOverflow: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/lib/components/TagSet/TagSetOverflow.js

@@ -1,37 +1,36 @@
-"use strict";
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TagSetOverflow = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react2 = require("@carbon/react");
-var _hooks = require("../../global/js/hooks");
-var _settings = require("../../settings");
-var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen"]; //
-// Copyright IBM Corp. 2021, 2024
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index$1 = require('../../node_modules/prop-types/index.js');
+var index = require('../../node_modules/classnames/index.js');
+var react = require('@carbon/react');
+var settings = require('../../settings.js');
+var useClickOutside = require('../../global/js/hooks/useClickOutside.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen"];
 var componentName = 'TagSetOverflow';
-var blockClass = "".concat(_settings.pkg.prefix, "--tag-set-overflow");
+var blockClass = "".concat(settings.pkg.prefix, "--tag-set-overflow");
 
 // Default values for props
 var defaults = {
   allTagsModalSearchThreshold: 10,
   overflowAlign: 'bottom'
 };
-var TagSetOverflow = exports.TagSetOverflow = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$allTagsModalSear = _ref.allTagsModalSearchThreshold,
     allTagsModalSearchThreshold = _ref$allTagsModalSear === void 0 ? defaults.allTagsModalSearchThreshold : _ref$allTagsModalSear,
     className = _ref.className,
@@ -43,10 +42,10 @@ var TagSetOverflow = exports.TagSetOverflow = /*#__PURE__*/_react.default.forwar
     showAllTagsLabel = _ref.showAllTagsLabel,
     popoverOpen = _ref.popoverOpen,
     setPopoverOpen = _ref.setPopoverOpen,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var localRef = (0, _react.useRef)();
-  var overflowTagContent = (0, _react.useRef)(null);
-  (0, _hooks.useClickOutside)(ref || localRef, function () {
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var localRef = React.useRef();
+  var overflowTagContent = React.useRef(null);
+  useClickOutside.useClickOutside(ref || localRef, function () {
     if (popoverOpen) {
       setPopoverOpen(false);
     }
@@ -63,30 +62,30 @@ var TagSetOverflow = exports.TagSetOverflow = /*#__PURE__*/_react.default.forwar
       setPopoverOpen(false);
     }
   };
-  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
     "aria-hidden": overflowTags.length === 0,
-    className: (0, _classnames.default)("".concat(blockClass), (0, _defineProperty2.default)({}, "".concat(blockClass, "--hidden"), overflowTags.length === 0)),
+    className: index["default"]("".concat(blockClass), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hidden"), overflowTags.length === 0)),
     ref: ref || localRef
-  }), /*#__PURE__*/_react.default.createElement(_react2.Popover, {
+  }), /*#__PURE__*/React__default["default"].createElement(react.Popover, {
     align: overflowAlign,
-    className: (0, _classnames.default)(className, "".concat(blockClass, "__tagset-popover")),
+    className: index["default"](className, "".concat(blockClass, "__tagset-popover")),
     dropShadow: true,
     highContrast: true,
     onKeyDown: handleEscKeyPress,
     open: popoverOpen
-  }, /*#__PURE__*/_react.default.createElement(_react2.Tag, {
+  }, /*#__PURE__*/React__default["default"].createElement(react.Tag, {
     onClick: function onClick() {
       return setPopoverOpen(!popoverOpen);
     },
-    className: (0, _classnames.default)("".concat(blockClass, "__popover-trigger"))
-  }, "+", overflowTags.length), /*#__PURE__*/_react.default.createElement(_react2.PopoverContent, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: index["default"]("".concat(blockClass, "__popover-trigger"))
+  }, "+", overflowTags.length), /*#__PURE__*/React__default["default"].createElement(react.PopoverContent, null, /*#__PURE__*/React__default["default"].createElement("div", {
     ref: overflowTagContent,
     className: "".concat(blockClass, "__content")
-  }, /*#__PURE__*/_react.default.createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: "".concat(blockClass, "__tag-list")
   }, overflowTags.filter(function (_, index) {
     return overflowTags.length > allTagsModalSearchThreshold ? index < allTagsModalSearchThreshold : index <= allTagsModalSearchThreshold;
-  }).map(function (tag, index) {
+  }).map(function (tag, index$1) {
     var tagProps = {};
     if (overflowType === 'tag') {
       tagProps.type = 'high-contrast';
@@ -94,11 +93,11 @@ var TagSetOverflow = exports.TagSetOverflow = /*#__PURE__*/_react.default.forwar
     if (overflowType === 'default') {
       tagProps.filter = false;
     }
-    return /*#__PURE__*/_react.default.createElement("li", {
-      className: (0, _classnames.default)("".concat(blockClass, "__tag-item"), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
-      key: index
-    }, /*#__PURE__*/_react.default.cloneElement(tag, tagProps));
-  })), overflowTags.length > allTagsModalSearchThreshold && /*#__PURE__*/_react.default.createElement(_react2.Link, {
+    return /*#__PURE__*/React__default["default"].createElement("li", {
+      className: index["default"]("".concat(blockClass, "__tag-item"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
+      key: index$1
+    }, /*#__PURE__*/React__default["default"].cloneElement(tag, tagProps));
+  })), overflowTags.length > allTagsModalSearchThreshold && /*#__PURE__*/React__default["default"].createElement(react.Link, {
     className: "".concat(blockClass, "__show-all-tags-link"),
     href: "",
     onClick: handleShowAllTagsClick,
@@ -110,37 +109,39 @@ TagSetOverflow.propTypes = {
   /**
    * count of overflowTags over which a modal is offered
    */
-  allTagsModalSearchThreshold: _propTypes.default.number,
+  allTagsModalSearchThreshold: index$1["default"].number,
   /**
    * className
    */
-  className: _propTypes.default.string,
+  className: index$1["default"].string,
   /**
    * function to execute on clicking show all
    */
-  onShowAllClick: _propTypes.default.func.isRequired,
+  onShowAllClick: index$1["default"].func.isRequired,
   /**
    * overflowAlign from the standard tooltip
    */
-  overflowAlign: _propTypes.default.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
+  overflowAlign: index$1["default"].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.default.arrayOf(_propTypes.default.object).isRequired,
+  overflowTags: index$1["default"].arrayOf(index$1["default"].object).isRequired,
   /**
    * Type of rendering displayed inside of the tag overflow component
    */
-  overflowType: _propTypes.default.oneOf(['default', 'tag']),
+  overflowType: index$1["default"].oneOf(['default', 'tag']),
   /**
    * Open state of the popover
    */
-  popoverOpen: _propTypes.default.bool,
+  popoverOpen: index$1["default"].bool,
   /**
    * Setter function for the popoverOpen state value
    */
-  setPopoverOpen: _propTypes.default.func,
+  setPopoverOpen: index$1["default"].func,
   /**
    * label for the overflow show all tags link
    */
-  showAllTagsLabel: _propTypes.default.string
-};
+  showAllTagsLabel: index$1["default"].string
+};
+
+exports.TagSetOverflow = TagSetOverflow;

package/lib/components/TagSet/index.d.ts

@@ -0,0 +1 @@
+export { TagSet } from "./TagSet";

package/lib/components/Tearsheet/Tearsheet.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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
+ * revealing parts of the UI behind it. There is also a narrow variant of the
+ * tearsheet.
+ *
+ * A tearsheet comprises up to 5 zones, allowing for flexibility depending on
+ * the content: a heading area including a title, an optional navigation area
+ * that sits just below the heading, an optional influencer which is a side
+ * panel on either the left or right side, the main content area, and a set of
+ * action buttons.
+ */
+export let Tearsheet: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export namespace deprecatedProps {
+    let verticalPosition: PropTypes.Requireable<string>;
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/lib/components/Tearsheet/Tearsheet.js

@@ -1,32 +1,29 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.deprecatedProps = exports.Tearsheet = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _devtools = require("../../global/js/utils/devtools");
-var _propsHelper = require("../../global/js/utils/props-helper");
-var _settings = require("../../settings");
-var _react2 = require("@carbon/react");
-var _ActionSet = require("../ActionSet");
-var _TearsheetShell = require("./TearsheetShell");
-var _excluded = ["influencerPosition", "influencerWidth", "verticalPosition"];
 /**
- * Copyright IBM Corp. 2020, 2023
+ * Copyright IBM Corp. 2020, 2024
  *
  * 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.
-// Other standard imports.
-// Carbon and package components we use.
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../node_modules/prop-types/index.js');
+var devtools = require('../../global/js/utils/devtools.js');
+var propsHelper = require('../../global/js/utils/props-helper.js');
+var settings = require('../../settings.js');
+var react = require('@carbon/react');
+var TearsheetShell = require('./TearsheetShell.js');
+var ActionSet = require('../ActionSet/ActionSet.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["influencerPosition", "influencerWidth", "verticalPosition"];
 var componentName = 'Tearsheet';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
@@ -50,15 +47,15 @@ var defaults = {
  * panel on either the left or right side, the main content area, and a set of
  * action buttons.
  */
-var Tearsheet = exports.Tearsheet = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+exports.Tearsheet = /*#__PURE__*/React__default["default"].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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_TearsheetShell.TearsheetShell, _objectSpread(_objectSpread(_objectSpread({}, (0, _devtools.getDevtoolsProps)(componentName)), rest), {}, {
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, devtools.getDevtoolsProps(componentName)), rest), {}, {
     influencerPosition: influencerPosition,
     influencerWidth: influencerWidth,
     verticalPosition: verticalPosition,
@@ -68,12 +65,12 @@ var Tearsheet = exports.Tearsheet = /*#__PURE__*/_react.default.forwardRef(funct
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.Tearsheet = Tearsheet = _settings.pkg.checkComponentEnabled(Tearsheet, componentName);
+exports.Tearsheet = settings.pkg.checkComponentEnabled(exports.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;
-var deprecatedProps = exports.deprecatedProps = {
+exports.Tearsheet.displayName = componentName;
+var deprecatedProps = {
   /**
    * **Deprecated**
    *
@@ -83,7 +80,7 @@ var deprecatedProps = exports.deprecatedProps = {
    * from below. The 'lower' position (the default) provides a little extra room at the top
    * to allow an action bar navigation or breadcrumbs to also show through.
    */
-  verticalPosition: _propTypes.default.oneOf(['normal', 'lower'])
+  verticalPosition: index["default"].oneOf(['normal', 'lower'])
 };
 
 // The types and DocGen commentary for the component props,
@@ -92,7 +89,7 @@ var deprecatedProps = exports.deprecatedProps = {
 
 // Note that the descriptions here should be kept in sync with those for the
 // corresponding props for TearsheetNarrow and TearsheetShell components.
-Tearsheet.propTypes = _objectSpread({
+exports.Tearsheet.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /**
    * The navigation actions to be shown as buttons in the action area at the
    * bottom of the tearsheet. Each action is specified as an object with
@@ -106,39 +103,39 @@ Tearsheet.propTypes = _objectSpread({
    *
    * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
    */
-  actions: (0, _propsHelper.allPropTypes)([_ActionSet.ActionSet.validateActions(function () {
+  actions: propsHelper.allPropTypes([ActionSet.ActionSet.validateActions(function () {
     return '2xl';
-  }), _propTypes.default.arrayOf(_propTypes.default.shape(_objectSpread(_objectSpread({}, _react2.Button.propTypes), {}, {
-    kind: _propTypes.default.oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
-    label: _propTypes.default.string,
-    loading: _propTypes.default.bool,
+  }), index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
+    kind: index["default"].oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
+    label: index["default"].string,
+    loading: index["default"].bool,
     // we duplicate this Button prop to improve the DocGen here
-    onClick: _react2.Button.propTypes.onClick
+    onClick: react.Button.propTypes.onClick
   })))]),
   /**
    * The aria-label for the tearsheet, which is optional.
    * if it is not passed, the title will be used as the aria-label.
    */
-  ariaLabel: _propTypes.default.string,
+  ariaLabel: index["default"].string,
   /**
    * An optional class or classes to be added to the outermost element.
    */
-  className: _propTypes.default.string,
+  className: index["default"].string,
   /**
    * The accessibility title for the close icon (if shown).
    *
    * **Note:** This prop is only required if a close icon is shown, i.e. if
    * there are a no navigation actions and/or hasCloseIcon is true.
    */
-  closeIconDescription: _propTypes.default.string.isRequired.if(function (_ref2) {
+  closeIconDescription: index["default"].string.isRequired.if(function (_ref2) {
     var actions = _ref2.actions,
       hasCloseIcon = _ref2.hasCloseIcon;
-    return (0, _TearsheetShell.tearsheetHasCloseIcon)(actions, hasCloseIcon);
+    return TearsheetShell.tearsheetHasCloseIcon(actions, hasCloseIcon);
   }),
   /**
    * A description of the flow, displayed in the header area of the tearsheet.
    */
-  description: _propTypes.default.node,
+  description: index["default"].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
@@ -147,53 +144,55 @@ Tearsheet.propTypes = _objectSpread({
    * tearsheet"), and that behavior can be overridden if required by setting
    * this prop to either true or false.
    */
-  hasCloseIcon: _propTypes.default.bool,
+  hasCloseIcon: index["default"].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.default.element,
+  influencer: index["default"].element,
   /**
    * The position of the influencer section, 'left' or 'right'.
    */
-  influencerPosition: _propTypes.default.oneOf(['left', 'right']),
+  influencerPosition: index["default"].oneOf(['left', 'right']),
   /**
    * The width of the influencer: 'narrow' (the default) is 256px, and 'wide'
    * is 320px.
    */
-  influencerWidth: _propTypes.default.oneOf(['narrow', 'wide']),
+  influencerWidth: index["default"].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.default.node,
+  label: index["default"].node,
   /**
    * Navigation content, such as a set of tabs, to be displayed at the bottom
    * of the header area of the tearsheet.
    */
-  navigation: _propTypes.default.element,
+  navigation: index["default"].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.default.func,
+  onClose: index["default"].func,
   /**
    * Specifies whether the tearsheet is currently open.
    */
-  open: _propTypes.default.bool,
+  open: index["default"].bool,
   /**
    * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: _TearsheetShell.portalType,
+  portalTarget: TearsheetShell.portalType,
   /**
    * Specify a CSS selector that matches the DOM element that should be focused when the Modal opens
    */
-  selectorPrimaryFocus: _propTypes.default.string,
+  selectorPrimaryFocus: index["default"].string,
   /**
    * The main title of the tearsheet, displayed in the header area.
    */
-  title: _propTypes.default.node
-}, deprecatedProps);
+  title: index["default"].node
+}, deprecatedProps);
+
+exports.deprecatedProps = deprecatedProps;

package/lib/components/Tearsheet/TearsheetNarrow.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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
+ * and center while revealing more of the UI behind it.
+ *
+ * A narrow tearsheet comprises 3 zones: a heading area including a title, the
+ * main content area, and a set of action buttons.
+ */
+export let TearsheetNarrow: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export namespace deprecatedProps {
+    let verticalPosition: PropTypes.Requireable<string>;
+}
+import React from 'react';
+import PropTypes from 'prop-types';