@carbon/ibm-products 2.11.2 → 2.11.3

package/es/components/Tearsheet/Tearsheet.js

@@ -23,6 +23,7 @@ import { pkg } from '../../settings';
 import { Button } from '@carbon/react';
 import { ActionSet } from '../ActionSet';
 import { tearsheetHasCloseIcon, TearsheetShell } from './TearsheetShell';
+import { portalType } from './TearsheetShell';
 var componentName = 'Tearsheet';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
@@ -178,7 +179,7 @@ Tearsheet.propTypes = _objectSpread({
   /**
    * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: PropTypes.instanceOf(Element),
+  portalTarget: portalType,
   /**
    * Specify a CSS selector that matches the DOM element that should be focused when the Modal opens
    */

package/es/components/Tearsheet/TearsheetNarrow.js

@@ -23,6 +23,7 @@ import { pkg } from '../../settings';
 import { Button } from '@carbon/react';
 import { ActionSet } from '../ActionSet';
 import { tearsheetHasCloseIcon, TearsheetShell, tearsheetShellWideProps as blocked } from './TearsheetShell';
+import { portalType } from './TearsheetShell';
 var componentName = 'TearsheetNarrow';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
@@ -144,7 +145,7 @@ TearsheetNarrow.propTypes = _objectSpread({
   /**
    * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: PropTypes.instanceOf(Element),
+  portalTarget: portalType,
   /**
    * The main title of the tearsheet, displayed in the header area.
    */

package/es/components/Tearsheet/TearsheetShell.js

@@ -262,6 +262,7 @@ export var TearsheetShell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
 TearsheetShell.displayName = componentName;
+export var portalType = typeof Element === 'undefined' ? PropTypes.object : PropTypes.instanceOf(Element);
 export var deprecatedProps = {
   /**
    * **Deprecated**
@@ -385,7 +386,7 @@ TearsheetShell.propTypes = _objectSpread({
   /**
    * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: PropTypes.instanceOf(Element),
+  portalTarget: portalType,
   /**
    * Specifies the width of the tearsheet, 'narrow' or 'wide'.
    */

package/lib/components/Tearsheet/Tearsheet.js

@@ -184,7 +184,7 @@ Tearsheet.propTypes = _objectSpread({
   /**
    * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: _propTypes.default.instanceOf(Element),
+  portalTarget: _TearsheetShell.portalType,
   /**
    * Specify a CSS selector that matches the DOM element that should be focused when the Modal opens
    */

package/lib/components/Tearsheet/TearsheetNarrow.js

@@ -150,7 +150,7 @@ TearsheetNarrow.propTypes = _objectSpread({
   /**
    * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: _propTypes.default.instanceOf(Element),
+  portalTarget: _TearsheetShell.portalType,
   /**
    * The main title of the tearsheet, displayed in the header area.
    */

package/lib/components/Tearsheet/TearsheetShell.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tearsheetShellWideProps = exports.tearsheetIsPassive = exports.tearsheetHasCloseIcon = exports.deprecatedProps = exports.TearsheetShell = void 0;
+exports.tearsheetShellWideProps = exports.tearsheetIsPassive = exports.tearsheetHasCloseIcon = exports.portalType = exports.deprecatedProps = exports.TearsheetShell = 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"));
@@ -272,6 +272,8 @@ var TearsheetShell = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
 // is used in preference to relying on function.name.
 exports.TearsheetShell = TearsheetShell;
 TearsheetShell.displayName = componentName;
+var portalType = typeof Element === 'undefined' ? _propTypes.default.object : _propTypes.default.instanceOf(Element);
+exports.portalType = portalType;
 var deprecatedProps = {
   /**
    * **Deprecated**
@@ -396,7 +398,7 @@ TearsheetShell.propTypes = _objectSpread({
   /**
    * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: _propTypes.default.instanceOf(Element),
+  portalTarget: portalType,
   /**
    * Specifies the width of the tearsheet, 'narrow' or 'wide'.
    */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.11.2",
+  "version": "2.11.3",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -96,5 +96,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "d71f0ee356f0489be891d4b216e0f98b3e8c81ce"
+  "gitHead": "484cd1d6cf10c2774d1da47e3f392acf0a1aa183"
 }