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

package/lib/components/TagSet/TagSetModal.js

@@ -1,77 +1,60 @@
 "use strict";
 
 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 _excluded = ["allTags", "className", "title", "onClose", "open", "searchLabel", "searchPlaceholder"],
-    _excluded2 = ["label"];
-
+  _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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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) { (0, _defineProperty2.default)(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; }
-
 var componentName = 'TagSetModal';
-var blockClass = "".concat(_settings.pkg.prefix, "--tag-set-modal"); // Default values for props
+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 = function TagSetModal(_ref) {
   var allTags = _ref.allTags,
-      className = _ref.className,
-      title = _ref.title,
-      onClose = _ref.onClose,
-      open = _ref.open,
-      _ref$searchLabel = _ref.searchLabel,
-      searchLabel = _ref$searchLabel === void 0 ? defaults.searchLabel : _ref$searchLabel,
-      searchPlaceholder = _ref.searchPlaceholder,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    className = _ref.className,
+    title = _ref.title,
+    onClose = _ref.onClose,
+    open = _ref.open,
+    _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),
-      filteredModalTags = _useState2[0],
-      setFilteredModalTags = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    filteredModalTags = _useState2[0],
+    setFilteredModalTags = _useState2[1];
   var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      search = _useState4[0],
-      setSearch = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    search = _useState4[0],
+    setSearch = _useState4[1];
   (0, _react.useEffect)(function () {
     var newFilteredModalTags = [];
-
     if (open) {
       if (search === '') {
         newFilteredModalTags = allTags.slice(0);
@@ -79,24 +62,19 @@ var TagSetModal = function TagSetModal(_ref) {
         var lCaseSearch = search.toLocaleLowerCase();
         allTags.forEach(function (tag) {
           var _tag$dataSearch, _tag$dataSearch$toLoc, _tag$label, _tag$label$toLocaleLo;
-
           var dataSearch = (_tag$dataSearch = tag['data-search']) === null || _tag$dataSearch === void 0 ? void 0 : (_tag$dataSearch$toLoc = _tag$dataSearch.toLocaleLowerCase()) === null || _tag$dataSearch$toLoc === void 0 ? void 0 : _tag$dataSearch$toLoc.indexOf(lCaseSearch);
           var labelSearch = (_tag$label = tag.label) === null || _tag$label === void 0 ? void 0 : (_tag$label$toLocaleLo = _tag$label.toLocaleLowerCase()) === null || _tag$label$toLocaleLo === void 0 ? void 0 : _tag$label$toLocaleLo.indexOf(lCaseSearch);
-
           if (dataSearch > -1 || labelSearch > -1) {
             newFilteredModalTags.push(tag);
           }
         });
       }
     }
-
     setFilteredModalTags(newFilteredModalTags);
   }, [allTags, open, search]);
-
   var handleSearch = function handleSearch(ev) {
     setSearch(ev.target.value || '');
   };
-
   return /*#__PURE__*/_react.default.createElement(_react2.ComposedModal, (0, _extends2.default)({}, rest, {
     containerClassName: "".concat(blockClass, "__container"),
     className: (0, _classnames.default)(className, "".concat(blockClass)),
@@ -119,7 +97,7 @@ var TagSetModal = function TagSetModal(_ref) {
     hasForm: true
   }, filteredModalTags.map(function (_ref2, index) {
     var label = _ref2.label,
-        other = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+      other = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
     return /*#__PURE__*/_react.default.createElement(_react2.Tag, (0, _extends2.default)({}, other, {
       filter: false,
       key: "all-tags-".concat(index)
@@ -128,7 +106,6 @@ var TagSetModal = function TagSetModal(_ref) {
     className: "".concat(blockClass, "__fade")
   }));
 };
-
 exports.TagSetModal = TagSetModal;
 TagSetModal.propTypes = {
   allTags: _propTypes.default.arrayOf(_propTypes.default.shape(_objectSpread(_objectSpread({}, (0, _propsHelper.prepareProps)(_react2.Tag.propTypes, 'filter')), {}, {

package/lib/components/TagSet/TagSetOverflow.js

@@ -1,64 +1,51 @@
 "use strict";
 
 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 _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 _hooks = require("../../global/js/hooks");
-
 var _settings = require("../../settings");
-
-var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowTags", "showAllTagsLabel"];
-
+var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowTags", "showAllTagsLabel"]; //
+// Copyright IBM Corp. 2021, 2022
+//
+// 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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var componentName = 'TagSetOverflow';
-var blockClass = "".concat(_settings.pkg.prefix, "--tag-set-overflow"); // Default values for props
+var blockClass = "".concat(_settings.pkg.prefix, "--tag-set-overflow");
 
+// Default values for props
 var defaults = {
   allTagsModalSearchThreshold: 10,
   overflowAlign: 'bottom'
 };
-
 var TagSetOverflow = /*#__PURE__*/_react.default.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 = (0, _objectWithoutProperties2.default)(_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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      popoverOpen = _useState2[0],
-      setPopoverOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    popoverOpen = _useState2[0],
+    setPopoverOpen = _useState2[1];
   var localRef = (0, _react.useRef)();
   var overflowTagContent = (0, _react.useRef)(null);
   (0, _hooks.useClickOutside)(ref || localRef, function () {
@@ -66,22 +53,18 @@ var TagSetOverflow = /*#__PURE__*/_react.default.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.default.createElement("span", (0, _extends2.default)({}, rest, {
     "aria-hidden": overflowTags.length === 0,
     className: (0, _classnames.default)("".concat(blockClass), (0, _defineProperty2.default)({}, "".concat(blockClass, "--hidden"), overflowTags.length === 0)),
@@ -119,7 +102,6 @@ var TagSetOverflow = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
     role: "button"
   }, showAllTagsLabel)))));
 });
-
 exports.TagSetOverflow = TagSetOverflow;
 TagSetOverflow.displayName = componentName;
 TagSetOverflow.propTypes = {
@@ -127,27 +109,22 @@ TagSetOverflow.propTypes = {
    * count of overflowTags over which a modal is offered
    */
   allTagsModalSearchThreshold: _propTypes.default.number,
-
   /**
    * className
    */
   className: _propTypes.default.string,
-
   /**
    * function to execute on clicking show all
    */
   onShowAllClick: _propTypes.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']),
-
   /**
    * tags shown in overflow
    */
   overflowTags: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
-
   /**
    * label for the overflow show all tags link
    */

package/lib/components/TagSet/constants.js

@@ -10,6 +10,7 @@ exports.TYPES = void 0;
 // 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 TYPES = {
   red: 'Red',
   magenta: 'Magenta',

package/lib/components/TagSet/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "TagSet", {
     return _TagSet.TagSet;
   }
 });
-
 var _TagSet = require("./TagSet");

package/lib/components/Tearsheet/Tearsheet.js

@@ -1,46 +1,43 @@
 "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
+ *
+ * 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(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) { (0, _defineProperty2.default)(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; }
+var componentName = 'Tearsheet';
 
-var componentName = 'Tearsheet'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
-// Default values for props
+// 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
@@ -53,15 +50,14 @@ var defaults = {
  * panel on either the left or right side, the main content area, and a set of
  * action buttons.
  */
-
 var Tearsheet = /*#__PURE__*/_react.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);
+    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), {}, {
     influencerPosition: influencerPosition,
     influencerWidth: influencerWidth,
@@ -69,13 +65,14 @@ var Tearsheet = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     ref: ref,
     size: 'wide'
   }));
-}); // Return a placeholder if not released and not enabled by feature flag
-
+});
 
+// Return a placeholder if not released and not enabled by feature flag
 exports.Tearsheet = Tearsheet;
-exports.Tearsheet = Tearsheet = _settings.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.
+exports.Tearsheet = Tearsheet = _settings.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;
 var deprecatedProps = {
   /**
@@ -88,12 +85,14 @@ var deprecatedProps = {
    * to allow an action bar navigation or breadcrumbs to also show through.
    */
   verticalPosition: _propTypes.default.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.
-
 exports.deprecatedProps = deprecatedProps;
 Tearsheet.propTypes = _objectSpread({
   /**
@@ -104,8 +103,8 @@ Tearsheet.propTypes = _objectSpread({
    * display a loading indicator, and 'onClick' to receive notifications when
    * the button is clicked. Additional fields in the object will be passed to
    * the Button component, and these can include 'disabled', 'ref', 'className',
-   * and any other Button props. Any other fields in the object will be passed
-   * through to the button element as HTML attributes.
+   * and any other Button props, except 'size'. Any other fields in the object will
+   * be passed through to the button element as HTML attributes.
    *
    * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
    */
@@ -118,12 +117,10 @@ Tearsheet.propTypes = _objectSpread({
     // we duplicate this Button prop to improve the DocGen here
     onClick: _react2.Button.propTypes.onClick
   })))]),
-
   /**
    * An optional class or classes to be added to the outermost element.
    */
   className: _propTypes.default.string,
-
   /**
    * The accessibility title for the close icon (if shown).
    *
@@ -132,15 +129,13 @@ Tearsheet.propTypes = _objectSpread({
    */
   closeIconDescription: _propTypes.default.string.isRequired.if(function (_ref2) {
     var actions = _ref2.actions,
-        hasCloseIcon = _ref2.hasCloseIcon;
+      hasCloseIcon = _ref2.hasCloseIcon;
     return (0, _TearsheetShell.tearsheetHasCloseIcon)(actions, hasCloseIcon);
   }),
-
   /**
    * A description of the flow, displayed in the header area of the tearsheet.
    */
   description: _propTypes.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
@@ -150,50 +145,50 @@ Tearsheet.propTypes = _objectSpread({
    * this prop to either true or false.
    */
   hasCloseIcon: _propTypes.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,
-
   /**
    * The position of the influencer section, 'left' or 'right'.
    */
   influencerPosition: _propTypes.default.oneOf(['left', 'right']),
-
   /**
    * The width of the influencer: 'narrow' (the default) is 256px, and 'wide'
    * is 320px.
    */
   influencerWidth: _propTypes.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,
-
   /**
    * 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,
-
   /**
    * 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,
-
   /**
    * Specifies whether the tearsheet is currently open.
    */
   open: _propTypes.default.bool,
-
+  /**
+   * The DOM node the tearsheet should be rendered within. Defaults to document.body.
+   */
+  portalTarget: _propTypes.default.node,
+  /**
+   * Specify a CSS selector that matches the DOM element that should be focused when the Modal opens
+   */
+  selectorPrimaryFocus: _propTypes.default.string,
   /**
    * The main title of the tearsheet, displayed in the header area.
    */