@carbon/ibm-products 0.99.1 → 1.0.0

package/es/components/ActionBar/ActionBar.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actions", "children", "className", "maxVisible", "menuOptionsClass", "onWidthChange", "overflowAriaLabel", "rightAlign"],
+var _excluded = ["actions", "className", "maxVisible", "menuOptionsClass", "onWidthChange", "overflowAriaLabel", "rightAlign"],
     _excluded2 = ["key"],
     _excluded3 = ["key"];
 
@@ -26,7 +26,7 @@ import { useResizeDetector } from 'react-resize-detector'; // Carbon and package
 
 import { Button } from 'carbon-components-react';
 import uuidv4 from '../../global/js/utils/uuidv4';
-import { deprecateProp, extractShapesArray, prepareProps } from '../../global/js/utils/props-helper';
+import { prepareProps } from '../../global/js/utils/props-helper';
 import { ActionBarItem } from './ActionBarItem';
 import { ActionBarOverflowItems } from './ActionBarOverflowItems'; // The block part of our conventional BEM class names (blockClass__E--M).
 
@@ -39,7 +39,6 @@ var componentName = 'ActionBar'; // NOTE: the component SCSS is not imported her
 
 export var ActionBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var actions = _ref.actions,
-      children = _ref.children,
       className = _ref.className,
       maxVisible = _ref.maxVisible,
       menuOptionsClass = _ref.menuOptionsClass,
@@ -64,28 +63,12 @@ export var ActionBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       setHiddenSizingItems = _useState6[1];
 
   var internalId = useRef(uuidv4());
-
-  var _useState7 = useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      itemArray = _useState8[0],
-      setItemArray = _useState8[1];
-
   var refDisplayedItems = useRef(null);
   var sizingRef = useRef(null);
-  var sizes = useRef({}); // create child array from children which may be a fragment and create hidden sizing items
+  var sizes = useRef({}); // create hidden sizing items
 
   useEffect(function () {
-    // NOTE: setting item Array inside useEffect prevents looping renders as a result of setting hiddenSizingItems
-    var newItemArray;
-
-    if (actions) {
-      newItemArray = actions;
-    } else {
-      newItemArray = extractShapesArray(children);
-    }
-
-    setItemArray(newItemArray); // Hidden action bar and items used to calculate sizes
-
+    // Hidden action bar and items used to calculate sizes
     setHiddenSizingItems( /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "__hidden-sizing-items"),
       "aria-hidden": true,
@@ -95,7 +78,7 @@ export var ActionBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       overflowAriaLabel: "hidden sizing overflow items",
       overflowItems: [],
       key: "hidden-overflow-menu"
-    }), newItemArray.map(function (_ref2) {
+    }), actions.map(function (_ref2) {
       var key = _ref2.key,
           rest = _objectWithoutProperties(_ref2, _excluded2);
 
@@ -104,11 +87,11 @@ export var ActionBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         className: "".concat(blockClass, "__hidden-sizing-item")
       }));
     })));
-  }, [actions, children]); // creates displayed items based on itemArray, displayCount and alignment
+  }, [actions]); // creates displayed items based on actions, displayCount and alignment
 
   useEffect(function () {
     // Calculate the displayed items
-    var newDisplayedItems = itemArray.map(function (_ref3) {
+    var newDisplayedItems = actions.map(function (_ref3) {
       var key = _ref3.key,
           rest = _objectWithoutProperties(_ref3, _excluded3);
 
@@ -129,7 +112,7 @@ export var ActionBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
 
     setDisplayedItems(newDisplayedItems);
-  }, [itemArray, displayCount, overflowAriaLabel, menuOptionsClass]); // determine display count based on space available and width of pageActions
+  }, [actions, displayCount, overflowAriaLabel, menuOptionsClass]); // determine display count based on space available and width of pageActions
 
   var checkFullyVisibleItems = function checkFullyVisibleItems() {
     /* istanbul ignore if */
@@ -184,7 +167,7 @@ export var ActionBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 
   useEffect(function () {
     checkFullyVisibleItems(); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [maxVisible, itemArray]);
+  }, [maxVisible, hiddenSizingItems]);
   /* istanbul ignore next */
   // not sure how to fake window resize
 
@@ -227,16 +210,8 @@ export var ActionBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: cx(["".concat(blockClass, "__displayed-items"), _defineProperty({}, "".concat(blockClass, "__displayed-items--right"), rightAlign)])
   }, displayedItems));
 });
-export var deprecatedProps = {
-  /**
-   * **Deprecated**
-   *
-   * children of the action bar (action bar items)
-   */
-  children: deprecateProp(PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element]), 'See documentation on the `actions` prop.')
-};
 ActionBar.displayName = componentName;
-ActionBar.propTypes = _objectSpread({
+ActionBar.propTypes = {
   /**
    * Specifies the action bar items. Each item is specified as an object
    * with required fields: key for array rendering, renderIcon and
@@ -293,7 +268,7 @@ ActionBar.propTypes = _objectSpread({
    * align tags to right of available space
    */
   rightAlign: PropTypes.bool
-}, deprecatedProps);
+};
 ActionBar.defaultProps = {
   rightAlign: false
 };

package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js

@@ -1,12 +1,10 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"],
-    _excluded2 = ["breadcrumbs", "children", "className", "maxVisible", "noTrailingSlash", "overflowAriaLabel"],
-    _excluded3 = ["title"],
-    _excluded4 = ["className", "key", "label", "title"],
-    _excluded5 = ["label", "key"];
+var _excluded = ["breadcrumbs", "className", "maxVisible", "noTrailingSlash", "overflowAriaLabel"],
+    _excluded2 = ["label", "key", "title"],
+    _excluded3 = ["className", "key", "label", "title"];
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -14,10 +12,6 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 //
 // Copyright IBM Corp. 2020, 2021
 //
@@ -37,81 +31,24 @@ import { ArrowLeft16 } from '@carbon/icons-react'; // Carbon and package compone
 import { Breadcrumb, BreadcrumbItem, OverflowMenu, OverflowMenuItem } from 'carbon-components-react';
 import { OverflowMenuHorizontal32 } from '@carbon/icons-react';
 import uuidv4 from '../../global/js/utils/uuidv4';
-import { deprecateProp, extractShapesArray } from '../../global/js/utils/props-helper'; // The block part of our conventional BEM class names (blockClass__E--M).
+import '../../global/js/utils/props-helper'; // The block part of our conventional BEM class names (blockClass__E--M).
 
 var blockClass = "".concat(pkg.prefix, "--breadcrumb-with-overflow");
 var componentName = 'BreadcrumbWithOverflow'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
-var getHref = function getHref(shape) {
-  var _shape$children, _shape$children$props;
-
-  // This function should extract href from item
-  // It expects that the href is attached either to the item or direct child
-  // It prefers item.props.href
-  return shape !== null && shape !== void 0 && shape.href ? shape.href : shape === null || shape === void 0 ? void 0 : (_shape$children = shape.children) === null || _shape$children === void 0 ? void 0 : (_shape$children$props = _shape$children.props) === null || _shape$children$props === void 0 ? void 0 : _shape$children$props.href;
-};
-
-var getTitle = function getTitle(shape) {
-  // This function should extract text based title from the item.
-  // It prefers in this order
-  // - shape.data-title
-  // - shape.title
-  // - shape.label if string
-  // - shape.label.props.children if string. This case is likely if an <a /> is used inside a BreadcrumbItem
-  var useAsTitle = null;
-  /* istanbul ignore else */
-
-  if (shape) {
-    var _shape$label, _shape$label$props;
-
-    // list represents preferred order with checks, no else case expected
-
-    /* istanbul ignore next */
-    if (shape['data-title']) {
-      useAsTitle = shape['data-title'];
-    } else if (shape.title) {
-      useAsTitle = shape.title;
-    } else if (typeof shape.label === 'string') {
-      useAsTitle = shape.label;
-    } else if (typeof (shape === null || shape === void 0 ? void 0 : (_shape$label = shape.label) === null || _shape$label === void 0 ? void 0 : (_shape$label$props = _shape$label.props) === null || _shape$label$props === void 0 ? void 0 : _shape$label$props.children) === 'string') {
-      useAsTitle = shape.label.props.children;
-    }
-  }
-
-  return useAsTitle;
-};
-/**
- * Converts the deprecated children array shapes into breadcrumbs
- */
-
-
-var processShapesArray = function processShapesArray(arr) {
-  return arr.map(function (shape) {
-    var label = shape.children,
-        rest = _objectWithoutProperties(shape, _excluded);
-
-    var href = getHref(shape);
-    return _objectSpread(_objectSpread({}, rest), {}, {
-      href: href,
-      label: label
-    });
-  });
-};
 /**
  * The BreadcrumbWithOverflow is used internally by the PageHeader to wrap BreadcrumbItems.
  */
 
-
 export var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
   var _backItem, _backItem2, _backItem3;
 
-  var breadcrumbsIn = _ref.breadcrumbs,
-      deprecated_children = _ref.children,
+  var breadcrumbs = _ref.breadcrumbs,
       className = _ref.className,
       maxVisible = _ref.maxVisible,
       noTrailingSlash = _ref.noTrailingSlash,
       overflowAriaLabel = _ref.overflowAriaLabel,
-      other = _objectWithoutProperties(_ref, _excluded2);
+      other = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState(3),
       _useState2 = _slicedToArray(_useState, 2),
@@ -129,8 +66,8 @@ export var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
 
   var _useState5 = useState([]),
       _useState6 = _slicedToArray(_useState5, 2),
-      breadcrumbs = _useState6[0],
-      setBreadcrumbs = _useState6[1]; // eslint-disable-next-line react/prop-types
+      hiddenSizingItems = _useState6[0],
+      setHiddenSizingItems = _useState6[1]; // eslint-disable-next-line react/prop-types
 
 
   var BreadcrumbOverflowMenu = function BreadcrumbOverflowMenu(_ref2) {
@@ -150,22 +87,37 @@ export var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
         itemText: item.props.children
       });
     })));
-  };
+  }; // create hidden sizing items
+
 
   useEffect(function () {
-    var workWith = breadcrumbsIn !== null && breadcrumbsIn !== void 0 ? breadcrumbsIn : processShapesArray(extractShapesArray(deprecated_children));
-    var newBreadcrumbs = workWith.map(function (_ref3) {
-      var title = _ref3.title,
-          rest = _objectWithoutProperties(_ref3, _excluded3);
+    // Hidden action bar and items used to calculate sizes
+    setHiddenSizingItems( /*#__PURE__*/React.createElement("div", {
+      className: "".concat(blockClass, "__breadcrumb-container ").concat(blockClass, "__breadcrumb-container--hidden"),
+      "aria-hidden": true,
+      ref: sizingContainerRef
+    }, /*#__PURE__*/React.createElement(Breadcrumb, null, /*#__PURE__*/React.createElement(BreadcrumbItem, {
+      key: "".concat(blockClass, "-hidden-overflow-").concat(internalId)
+    }, /*#__PURE__*/React.createElement(OverflowMenu, {
+      ariaLabel: overflowAriaLabel,
+      renderIcon: OverflowMenuHorizontal32
+    })), breadcrumbs.map(function (_ref3) {
+      var label = _ref3.label,
+          key = _ref3.key,
+          title = _ref3.title,
+          rest = _objectWithoutProperties(_ref3, _excluded2);
 
-      return _objectSpread(_objectSpread({}, rest), {}, {
-        title: title !== null && title !== void 0 ? title : getTitle(rest)
-      });
-    });
-    setBreadcrumbs(newBreadcrumbs);
-  }, [breadcrumbsIn, deprecated_children]);
+      return /*#__PURE__*/React.createElement(BreadcrumbItem, _extends({
+        key: key
+      }, rest, {
+        title: title !== null && title !== void 0 ? title : label
+      }), label);
+    }))));
+  }, [breadcrumbs, overflowAriaLabel]);
   useEffect(function () {
     // updates displayedBreadcrumbItems and overflowBreadcrumbItems based on displayCount and breadcrumbs
+
+    /* istanbul ignore if */
     if (breadcrumbs.length === 0) {
       setDisplayedBreadcrumbItems([]);
       return;
@@ -176,7 +128,7 @@ export var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
           key = _ref4.key,
           label = _ref4.label,
           title = _ref4.title,
-          rest = _objectWithoutProperties(_ref4, _excluded4);
+          rest = _objectWithoutProperties(_ref4, _excluded3);
 
       return /*#__PURE__*/React.createElement(BreadcrumbItem, _extends({
         key: key,
@@ -283,7 +235,7 @@ export var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
 
   useEffect(function () {
     checkFullyVisibleBreadcrumbItems(); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [breadcrumbs, maxVisible]);
+  }, [hiddenSizingItems, maxVisible]);
   /* istanbul ignore next */
   // not sure how to test resize
 
@@ -323,24 +275,7 @@ export var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
     ref: breadcrumbItemWithOverflow
   }, /*#__PURE__*/React.createElement("div", {
     className: cx(["".concat(blockClass, "__space")])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__breadcrumb-container ").concat(blockClass, "__breadcrumb-container--hidden"),
-    "aria-hidden": true,
-    ref: sizingContainerRef
-  }, /*#__PURE__*/React.createElement(Breadcrumb, null, /*#__PURE__*/React.createElement(BreadcrumbItem, {
-    key: "".concat(blockClass, "-hidden-overflow-").concat(internalId)
-  }, /*#__PURE__*/React.createElement(OverflowMenu, {
-    ariaLabel: overflowAriaLabel,
-    renderIcon: OverflowMenuHorizontal32
-  })), breadcrumbs.map(function (_ref5) {
-    var children = _ref5.label,
-        key = _ref5.key,
-        rest = _objectWithoutProperties(_ref5, _excluded5);
-
-    return /*#__PURE__*/React.createElement(BreadcrumbItem, _extends({
-      key: key
-    }, rest), children);
-  }))), ((_backItem2 = backItem) === null || _backItem2 === void 0 ? void 0 : _backItem2.href) && ((_backItem3 = backItem) === null || _backItem3 === void 0 ? void 0 : _backItem3.title) && /*#__PURE__*/React.createElement(Button, {
+  }, hiddenSizingItems, ((_backItem2 = backItem) === null || _backItem2 === void 0 ? void 0 : _backItem2.href) && ((_backItem3 = backItem) === null || _backItem3 === void 0 ? void 0 : _backItem3.title) && /*#__PURE__*/React.createElement(Button, {
     className: "".concat(blockClass, "__breadcrumb-back-button"),
     hasIconOnly: true,
     iconDescription: backItem.title,
@@ -357,15 +292,7 @@ export var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
 }; // Return a placeholder if not released and not enabled by feature flag
 
 BreadcrumbWithOverflow = pkg.checkComponentEnabled(BreadcrumbWithOverflow, componentName);
-export var deprecatedProps = {
-  /**
-   * **Deprecated** see property `breadcrumbs`
-   *
-   * children of the breadcrumb-item set (these are expected to be breadcrumb-items)
-   */
-  children: deprecateProp(PropTypes.arrayOf(PropTypes.element), 'Usage changed to expect breadcrumb item like shapes, see `breadcrumbs`.')
-};
-BreadcrumbWithOverflow.propTypes = _objectSpread({
+BreadcrumbWithOverflow.propTypes = {
   breadcrumbs: PropTypes.arrayOf(PropTypes.shape({
     /**
      * Optional string representing the link location for the BreadcrumbItem
@@ -390,8 +317,8 @@ BreadcrumbWithOverflow.propTypes = _objectSpread({
     /**
      * A string based alternative to the children, required only if children is not of type string.
      */
-    title: PropTypes.string.isRequired.if(function (_ref6) {
-      var label = _ref6.label;
+    title: PropTypes.string.isRequired.if(function (_ref5) {
+      var label = _ref5.label;
       return typeof label !== 'string';
     })
   })),
@@ -415,7 +342,7 @@ BreadcrumbWithOverflow.propTypes = _objectSpread({
    * overflowAriaLabel label for open close button overflow used for action bar items that do nto fit.
    */
   overflowAriaLabel: PropTypes.string.isRequired
-}, deprecatedProps);
+};
 BreadcrumbWithOverflow.defaultProps = {
   noTrailingSlash: false
 };

package/es/components/CreateSidePanel/CreateSidePanel.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "disableSubmit", "formTitle", "formDescription", "onRequestClose", "onRequestSubmit", "open", "pageContentSelector", "primaryButtonText", "secondaryButtonText", "selectorPageContent", "selectorPrimaryFocus", "subtitle", "title"];
+var _excluded = ["className", "children", "disableSubmit", "formTitle", "formDescription", "onRequestClose", "onRequestSubmit", "open", "primaryButtonText", "secondaryButtonText", "selectorPageContent", "selectorPrimaryFocus", "subtitle", "title"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -19,8 +19,7 @@ import React from 'react'; // Other standard imports.
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { pkg } from '../../settings';
-import { getDevtoolsProps } from '../../global/js/utils/devtools';
-import { deprecateProp } from '../../global/js/utils/props-helper'; // Carbon and package components we use.
+import { getDevtoolsProps } from '../../global/js/utils/devtools'; // Carbon and package components we use.
 
 import { Form } from 'carbon-components-react';
 import { SidePanel } from '../SidePanel';
@@ -43,7 +42,6 @@ export var CreateSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref)
       onRequestClose = _ref.onRequestClose,
       onRequestSubmit = _ref.onRequestSubmit,
       open = _ref.open,
-      pageContentSelector = _ref.pageContentSelector,
       primaryButtonText = _ref.primaryButtonText,
       secondaryButtonText = _ref.secondaryButtonText,
       selectorPageContent = _ref.selectorPageContent,
@@ -67,10 +65,9 @@ export var CreateSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     kind: 'secondary'
   }];
   var actionContainerClassNames = cx(["".concat(blockClass, "__actions-container"), "".concat(sidePanelBlockClass, "__actions-container")]);
-  return (selectorPageContent || pageContentSelector) && /*#__PURE__*/React.createElement(SidePanel, _extends({}, rest, _objectSpread({
+  return selectorPageContent && /*#__PURE__*/React.createElement(SidePanel, _extends({}, rest, _objectSpread({
     open: open,
     ref: ref,
-    pageContentSelector: pageContentSelector,
     selectorPageContent: selectorPageContent,
     onRequestClose: onRequestClose,
     title: title,
@@ -96,16 +93,7 @@ export var CreateSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref)
 });
 CreateSidePanel = pkg.checkComponentEnabled(CreateSidePanel, componentName);
 CreateSidePanel.displayName = componentName;
-export var deprecatedProps = {
-  /**
-   * **Deprecated**
-   *
-   * This is the selector to the element that contains all of the page content that will shrink if the panel is a slide in.
-   * This prop is required when using the `slideIn` variant of the side panel.
-   */
-  pageContentSelector: deprecateProp(PropTypes.string, 'This prop has been renamed to `selectorPageContent`.')
-};
-CreateSidePanel.propTypes = _objectSpread({
+CreateSidePanel.propTypes = {
   /**
    * Sets the body content of the create side panel
    */
@@ -184,4 +172,4 @@ CreateSidePanel.propTypes = _objectSpread({
    * The title of the CreateSidePanel is usually the product or service name.
    */
   title: PropTypes.node.isRequired
-}, deprecatedProps);
+};