@carbon/ibm-products 2.0.0-rc.9 → 2.0.1

package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js

@@ -2,15 +2,14 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["value1", "setValue1"];
-
 /* eslint-disable react/prop-types */
-
 /**
- * Copyright IBM Corp. 2021, 2022
+ * Copyright IBM Corp. 2021, 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 React, { useState } from 'react';
 import { Button, Column, Grid, InlineNotification, RadioButtonGroup, RadioButton, TextInput, Toggle, NumberInput, Checkbox } from '@carbon/react';
 import cx from 'classnames';
@@ -18,21 +17,17 @@ import { pkg } from '../../../settings';
 import { CreateTearsheet } from '../CreateTearsheet';
 import { CreateTearsheetStep } from '../CreateTearsheetStep';
 var blockClass = "".concat(pkg.prefix, "--tearsheet-create-multi-step");
-
 var CustomStep = function CustomStep(_ref) {
   var value1 = _ref.value1,
-      setValue1 = _ref.setValue1,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    setValue1 = _ref.setValue1,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(CreateTearsheetStep, _extends({}, rest, {
     disableSubmit: !value1
-  }), /*#__PURE__*/React.createElement(Grid, {
-    narrow: true
-  }, /*#__PURE__*/React.createElement(Column, {
+  }), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Column, {
     xlg: 8,
     lg: 8,
     md: 8,
-    sm: 8
+    sm: 4
   }, /*#__PURE__*/React.createElement(TextInput, {
     value: value1,
     onChange: function onChange(event) {
@@ -43,77 +38,64 @@ var CustomStep = function CustomStep(_ref) {
     placeholder: "Enter location"
   }))));
 };
-
 export var MultiStepTearsheet = function MultiStepTearsheet(_ref2) {
   var backButtonText = _ref2.backButtonText,
-      cancelButtonText = _ref2.cancelButtonText,
-      className = _ref2.className,
-      description = _ref2.description,
-      influencerWidth = _ref2.influencerWidth,
-      label = _ref2.label,
-      nextButtonText = _ref2.nextButtonText,
-      submitButtonText = _ref2.submitButtonText,
-      title = _ref2.title;
-
+    cancelButtonText = _ref2.cancelButtonText,
+    className = _ref2.className,
+    description = _ref2.description,
+    firstFocusElement = _ref2.firstFocusElement,
+    influencerWidth = _ref2.influencerWidth,
+    label = _ref2.label,
+    nextButtonText = _ref2.nextButtonText,
+    submitButtonText = _ref2.submitButtonText,
+    title = _ref2.title;
   var _useState = useState(750),
-      _useState2 = _slicedToArray(_useState, 1),
-      simulatedDelay = _useState2[0];
-
+    _useState2 = _slicedToArray(_useState, 1),
+    simulatedDelay = _useState2[0];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      open = _useState4[0],
-      setOpen = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      shouldReject = _useState6[0],
-      setShouldReject = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    shouldReject = _useState6[0],
+    setShouldReject = _useState6[1];
   var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      hasSubmitError = _useState8[0],
-      setHasSubmitError = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    hasSubmitError = _useState8[0],
+    setHasSubmitError = _useState8[1];
   var _useState9 = useState(''),
-      _useState10 = _slicedToArray(_useState9, 2),
-      value1 = _useState10[0],
-      setValue1 = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    value1 = _useState10[0],
+    setValue1 = _useState10[1];
   var _useState11 = useState(''),
-      _useState12 = _slicedToArray(_useState11, 2),
-      stepOneTextInputValue = _useState12[0],
-      setStepOneTextInputValue = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    stepOneTextInputValue = _useState12[0],
+    setStepOneTextInputValue = _useState12[1];
   var _useState13 = useState(''),
-      _useState14 = _slicedToArray(_useState13, 2),
-      topicDescriptionValue = _useState14[0],
-      setTopicDescriptionValue = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    topicDescriptionValue = _useState14[0],
+    setTopicDescriptionValue = _useState14[1];
   var _useState15 = useState(''),
-      _useState16 = _slicedToArray(_useState15, 2),
-      topicVersionValue = _useState16[0],
-      setTopicVersionValue = _useState16[1];
-
+    _useState16 = _slicedToArray(_useState15, 2),
+    topicVersionValue = _useState16[0],
+    setTopicVersionValue = _useState16[1];
   var _useState17 = useState(1),
-      _useState18 = _slicedToArray(_useState17, 2),
-      stepTwoTextInputValue = _useState18[0],
-      setStepTwoTextInputValue = _useState18[1];
-
+    _useState18 = _slicedToArray(_useState17, 2),
+    stepTwoTextInputValue = _useState18[0],
+    setStepTwoTextInputValue = _useState18[1];
   var _useState19 = useState('one-day'),
-      _useState20 = _slicedToArray(_useState19, 2),
-      stepThreeTextInputValue = _useState20[0],
-      setStepThreeTextInputValue = _useState20[1];
-
+    _useState20 = _slicedToArray(_useState19, 2),
+    stepThreeTextInputValue = _useState20[0],
+    setStepThreeTextInputValue = _useState20[1];
   var _useState21 = useState(false),
-      _useState22 = _slicedToArray(_useState21, 2),
-      isInvalid = _useState22[0],
-      setIsInvalid = _useState22[1];
-
+    _useState22 = _slicedToArray(_useState21, 2),
+    isInvalid = _useState22[0],
+    setIsInvalid = _useState22[1];
   var _useState23 = useState(false),
-      _useState24 = _slicedToArray(_useState23, 2),
-      shouldIncludeAdditionalStep = _useState24[0],
-      setShouldIncludeAdditionalStep = _useState24[1];
-
+    _useState24 = _slicedToArray(_useState23, 2),
+    shouldIncludeAdditionalStep = _useState24[0],
+    setShouldIncludeAdditionalStep = _useState24[1];
   var clearCreateData = function clearCreateData() {
     setStepOneTextInputValue('');
     setTopicDescriptionValue('');
@@ -126,7 +108,6 @@ export var MultiStepTearsheet = function MultiStepTearsheet(_ref2) {
     setValue1('');
     setShouldIncludeAdditionalStep(false);
   };
-
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("style", null, ".".concat(blockClass, " { opacity: 0 }"), ";"), /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
       return setOpen(!open);
@@ -150,7 +131,8 @@ export var MultiStepTearsheet = function MultiStepTearsheet(_ref2) {
           resolve();
         }, simulatedDelay);
       });
-    }
+    },
+    firstFocusElement: firstFocusElement
   }, /*#__PURE__*/React.createElement(CreateTearsheetStep, {
     onNext: function onNext() {
       return new Promise(function (resolve, reject) {
@@ -161,7 +143,6 @@ export var MultiStepTearsheet = function MultiStepTearsheet(_ref2) {
             setHasSubmitError(true);
             reject();
           }
-
           setIsInvalid(false);
           resolve();
         }, simulatedDelay);
@@ -172,13 +153,11 @@ export var MultiStepTearsheet = function MultiStepTearsheet(_ref2) {
     disableSubmit: !stepOneTextInputValue,
     subtitle: "This is the unique name used to recognize your topic",
     description: "It will also be used by your producers and consumers as part of the connection information, so make it something easy to recognize."
-  }, /*#__PURE__*/React.createElement(Grid, {
-    narrow: true
-  }, /*#__PURE__*/React.createElement(Column, {
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Column, {
     xlg: 8,
     lg: 8,
     md: 8,
-    sm: 8
+    sm: 4
   }, /*#__PURE__*/React.createElement(TextInput, {
     labelText: "Topic name",
     placeholder: "Enter topic name",
@@ -188,7 +167,6 @@ export var MultiStepTearsheet = function MultiStepTearsheet(_ref2) {
       if (event.target.value.length) {
         setIsInvalid(false);
       }
-
       setStepOneTextInputValue(event.target.value);
     },
     invalid: isInvalid,
@@ -251,11 +229,11 @@ export var MultiStepTearsheet = function MultiStepTearsheet(_ref2) {
     subtitle: "One or more partitions make up a topic. A partition is an ordered list of messages.",
     description: "Partitions are distributed across the brokers in order to increase the scalability of your topic. You can also use them to distribute messages across the members of a consumer group.",
     fieldsetLegendText: "Partition information"
-  }, /*#__PURE__*/React.createElement(Grid, {
-    narrow: true
-  }, /*#__PURE__*/React.createElement(Column, {
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Column, {
     xlg: 3,
-    lg: 3
+    lg: 3,
+    md: 8,
+    sm: 4
   }, /*#__PURE__*/React.createElement(NumberInput, {
     iconDescription: "Choose a number",
     id: "carbon-number",
@@ -277,13 +255,11 @@ export var MultiStepTearsheet = function MultiStepTearsheet(_ref2) {
     subtitle: "This is how long messages are retained before they are deleted.",
     description: "If your messages are not read by a consumer within this time, they will be missed.",
     fieldsetLegendText: "Message retention scheduling"
-  }, /*#__PURE__*/React.createElement(Grid, {
-    narrow: true
-  }, /*#__PURE__*/React.createElement(Column, {
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Column, {
     xlg: 8,
     lg: 8,
     md: 8,
-    sm: 8
+    sm: 4
   }, /*#__PURE__*/React.createElement(RadioButtonGroup, {
     legendText: "Message retention",
     name: "radio-button-group",

package/es/components/CreateTearsheet/preview-components/MultiStepWithIntro.js

@@ -1,13 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 /* eslint-disable react/prop-types */
-
 /**
- * Copyright IBM Corp. 2021, 2022
+ * Copyright IBM Corp. 2021, 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 React, { useState } from 'react';
 import { Button, Column, Grid, InlineNotification, RadioButtonGroup, RadioButton, RadioTile, TextInput, TileGroup, Toggle, NumberInput } from '@carbon/react';
 import cx from 'classnames';
@@ -18,69 +17,57 @@ import { NoDataIllustration } from '../../EmptyStates/assets/NoDataIllustration'
 var blockClass = "".concat(pkg.prefix, "--tearsheet-create-multi-step");
 export var MultiStepWithIntro = function MultiStepWithIntro(_ref) {
   var backButtonText = _ref.backButtonText,
-      cancelButtonText = _ref.cancelButtonText,
-      className = _ref.className,
-      description = _ref.description,
-      influencerWidth = _ref.influencerWidth,
-      label = _ref.label,
-      nextButtonText = _ref.nextButtonText,
-      submitButtonText = _ref.submitButtonText,
-      title = _ref.title;
-
+    cancelButtonText = _ref.cancelButtonText,
+    className = _ref.className,
+    description = _ref.description,
+    influencerWidth = _ref.influencerWidth,
+    label = _ref.label,
+    nextButtonText = _ref.nextButtonText,
+    submitButtonText = _ref.submitButtonText,
+    title = _ref.title;
   var _useState = useState(750),
-      _useState2 = _slicedToArray(_useState, 1),
-      simulatedDelay = _useState2[0];
-
+    _useState2 = _slicedToArray(_useState, 1),
+    simulatedDelay = _useState2[0];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      open = _useState4[0],
-      setOpen = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      shouldReject = _useState6[0],
-      setShouldReject = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    shouldReject = _useState6[0],
+    setShouldReject = _useState6[1];
   var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      hasSubmitError = _useState8[0],
-      setHasSubmitError = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    hasSubmitError = _useState8[0],
+    setHasSubmitError = _useState8[1];
   var _useState9 = useState(''),
-      _useState10 = _slicedToArray(_useState9, 2),
-      stepOneTextInputValue = _useState10[0],
-      setStepOneTextInputValue = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    stepOneTextInputValue = _useState10[0],
+    setStepOneTextInputValue = _useState10[1];
   var _useState11 = useState(''),
-      _useState12 = _slicedToArray(_useState11, 2),
-      topicDescriptionValue = _useState12[0],
-      setTopicDescriptionValue = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    topicDescriptionValue = _useState12[0],
+    setTopicDescriptionValue = _useState12[1];
   var _useState13 = useState(''),
-      _useState14 = _slicedToArray(_useState13, 2),
-      topicVersionValue = _useState14[0],
-      setTopicVersionValue = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    topicVersionValue = _useState14[0],
+    setTopicVersionValue = _useState14[1];
   var _useState15 = useState(1),
-      _useState16 = _slicedToArray(_useState15, 2),
-      stepTwoTextInputValue = _useState16[0],
-      setStepTwoTextInputValue = _useState16[1];
-
+    _useState16 = _slicedToArray(_useState15, 2),
+    stepTwoTextInputValue = _useState16[0],
+    setStepTwoTextInputValue = _useState16[1];
   var _useState17 = useState('one-day'),
-      _useState18 = _slicedToArray(_useState17, 2),
-      stepThreeTextInputValue = _useState18[0],
-      setStepThreeTextInputValue = _useState18[1];
-
+    _useState18 = _slicedToArray(_useState17, 2),
+    stepThreeTextInputValue = _useState18[0],
+    setStepThreeTextInputValue = _useState18[1];
   var _useState19 = useState(false),
-      _useState20 = _slicedToArray(_useState19, 2),
-      isInvalid = _useState20[0],
-      setIsInvalid = _useState20[1];
-
+    _useState20 = _slicedToArray(_useState19, 2),
+    isInvalid = _useState20[0],
+    setIsInvalid = _useState20[1];
   var _useState21 = useState('standard'),
-      _useState22 = _slicedToArray(_useState21, 2),
-      selectedCategory = _useState22[0],
-      setSelectedCategory = _useState22[1];
-
+    _useState22 = _slicedToArray(_useState21, 2),
+    selectedCategory = _useState22[0],
+    setSelectedCategory = _useState22[1];
   var clearCreateData = function clearCreateData() {
     setStepOneTextInputValue('');
     setTopicDescriptionValue('');
@@ -92,7 +79,6 @@ export var MultiStepWithIntro = function MultiStepWithIntro(_ref) {
     setOpen(false);
     setSelectedCategory('standard');
   };
-
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("style", null, ".".concat(blockClass, " { opacity: 0 }"), ";"), /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
       return setOpen(!open);
@@ -173,7 +159,6 @@ export var MultiStepWithIntro = function MultiStepWithIntro(_ref) {
             setHasSubmitError(true);
             reject();
           }
-
           setIsInvalid(false);
           resolve();
         }, simulatedDelay);
@@ -184,13 +169,11 @@ export var MultiStepWithIntro = function MultiStepWithIntro(_ref) {
     disableSubmit: !stepOneTextInputValue,
     subtitle: "This is the unique name used to recognize your topic",
     description: "It will also be used by your producers and consumers as part of the connection information, so make it something easy to recognize."
-  }, /*#__PURE__*/React.createElement(Grid, {
-    narrow: true
-  }, /*#__PURE__*/React.createElement(Column, {
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Column, {
     xlg: 8,
     lg: 8,
     md: 8,
-    sm: 8
+    sm: 4
   }, /*#__PURE__*/React.createElement(TextInput, {
     labelText: "Topic name",
     id: "tearsheet-multi-step-story-text-input-multi-step-1",
@@ -200,7 +183,6 @@ export var MultiStepWithIntro = function MultiStepWithIntro(_ref) {
       if (event.target.value.length) {
         setIsInvalid(false);
       }
-
       setStepOneTextInputValue(event.target.value);
     },
     invalid: isInvalid,
@@ -243,11 +225,11 @@ export var MultiStepWithIntro = function MultiStepWithIntro(_ref) {
     subtitle: "One or more partitions make up a topic. A partition is an ordered list of messages.",
     description: "Partitions are distributed across the brokers in order to increase the scalability of your topic. You can also use them to distribute messages across the members of a consumer group.",
     fieldsetLegendText: "Partition information"
-  }, /*#__PURE__*/React.createElement(Grid, {
-    narrow: true
-  }, /*#__PURE__*/React.createElement(Column, {
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Column, {
     xlg: 3,
-    lg: 3
+    lg: 3,
+    md: 8,
+    sm: 4
   }, /*#__PURE__*/React.createElement(NumberInput, {
     iconDescription: "Choose a number",
     id: "carbon-number",
@@ -269,13 +251,11 @@ export var MultiStepWithIntro = function MultiStepWithIntro(_ref) {
     subtitle: "This is how long messages are retained before they are deleted.",
     description: "If your messages are not read by a consumer within this time, they will be missed.",
     fieldsetLegendText: "Message retention scheduling"
-  }, /*#__PURE__*/React.createElement(Grid, {
-    narrow: true
-  }, /*#__PURE__*/React.createElement(Column, {
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Column, {
     xlg: 8,
     lg: 8,
     md: 8,
-    sm: 8
+    sm: 4
   }, /*#__PURE__*/React.createElement(RadioButtonGroup, {
     legendText: "Message retention",
     name: "radio-button-group",

package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js

@@ -1,49 +1,51 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "className", "description", "disableSubmit", "formDescription", "formTitle", "label", "open", "onRequestClose", "onRequestSubmit", "primaryButtonText", "secondaryButtonText", "selectorPrimaryFocus", "title", "verticalPosition"];
-
 /**
  * Copyright IBM Corp. 2021, 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 cx from 'classnames';
 import { Form } from '@carbon/react';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
 import { pkg } from '../../settings';
-import { TearsheetNarrow } from '../Tearsheet/TearsheetNarrow'; // The block part of our conventional BEM class names (blockClass__E--M).
+import { TearsheetNarrow } from '../Tearsheet/TearsheetNarrow';
 
+// The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--create-tearsheet-narrow");
-var componentName = 'CreateTearsheetNarrow'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
+var componentName = 'CreateTearsheetNarrow';
+
+// NOTE: the component SCSS is not imported here: it is rolled up separately.
 
 /**
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling.
  * Use when the form fields can be broken down into sections using section headers.
  */
-
 export var CreateTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      className = _ref.className,
-      description = _ref.description,
-      disableSubmit = _ref.disableSubmit,
-      formDescription = _ref.formDescription,
-      formTitle = _ref.formTitle,
-      label = _ref.label,
-      open = _ref.open,
-      onRequestClose = _ref.onRequestClose,
-      onRequestSubmit = _ref.onRequestSubmit,
-      primaryButtonText = _ref.primaryButtonText,
-      secondaryButtonText = _ref.secondaryButtonText,
-      selectorPrimaryFocus = _ref.selectorPrimaryFocus,
-      title = _ref.title,
-      verticalPosition = _ref.verticalPosition,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    className = _ref.className,
+    description = _ref.description,
+    disableSubmit = _ref.disableSubmit,
+    formDescription = _ref.formDescription,
+    formTitle = _ref.formTitle,
+    label = _ref.label,
+    open = _ref.open,
+    onRequestClose = _ref.onRequestClose,
+    onRequestSubmit = _ref.onRequestSubmit,
+    primaryButtonText = _ref.primaryButtonText,
+    secondaryButtonText = _ref.secondaryButtonText,
+    selectorPrimaryFocus = _ref.selectorPrimaryFocus,
+    title = _ref.title,
+    verticalPosition = _ref.verticalPosition,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var actions = [{
     label: primaryButtonText,
     onClick: onRequestSubmit,
@@ -77,92 +79,81 @@ export var CreateTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref,
   }, formDescription), /*#__PURE__*/React.createElement(Form, {
     className: "".concat(blockClass, "__form")
   }, children));
-}); // Return a placeholder if not released and not enabled by feature flag
+});
+
+// Return a placeholder if not released and not enabled by feature flag
+CreateTearsheetNarrow = pkg.checkComponentEnabled(CreateTearsheetNarrow, componentName);
 
-CreateTearsheetNarrow = pkg.checkComponentEnabled(CreateTearsheetNarrow, componentName); // The display name of the component, used by React. Note that displayName
+// The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
+CreateTearsheetNarrow.displayName = componentName;
 
-CreateTearsheetNarrow.displayName = componentName; // 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.
-
 CreateTearsheetNarrow.propTypes = {
   /**
    * Provide the contents of the CreateTearsheetNarrow.
    */
   children: PropTypes.node.isRequired,
-
   /**
    * Provide an optional class to be applied to the containing node.
    */
   className: PropTypes.string,
-
   /**
    * A description of the flow, displayed in the header area of the tearsheet.
    */
   description: PropTypes.node,
-
   /**
    * Specifies a boolean for disabling or enabling the primary button. This is important for form validation
    * Returning `true` prevents the primary button from being clicked until required fields are completed.
    */
   disableSubmit: PropTypes.bool,
-
   /**
    * Specifies an optional field that provides a additional context for a form
    */
   formDescription: PropTypes.node,
-
   /**
    * Specifies a field that provides a title for a form
    */
   formTitle: PropTypes.node,
-
   /**
    * 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.
    */
   onRequestClose: PropTypes.func,
-
   /**
    * Specifies an optional handler which is called when the CreateTearsheetNarrow
    * primary button is pressed.
    */
   onRequestSubmit: PropTypes.func,
-
   /**
    * Specifies whether the tearsheet is currently open.
    */
   open: PropTypes.bool,
-
   /**
    * Specifies the primary button's text in the CreateTearsheetNarrow.
    */
   primaryButtonText: PropTypes.string.isRequired,
-
   /**
    * Specifies the secondary button's text in the CreateTearsheetNarrow.
    */
   secondaryButtonText: PropTypes.string.isRequired,
-
   /**
    * Specifies which DOM element in the form should be focused.
    */
   selectorPrimaryFocus: PropTypes.node,
-
   /**
    * The main title of the tearsheet, displayed in the header area.
    */
   title: PropTypes.node,
-
   /**
    * The position of the top of tearsheet in the viewport. The 'normal'
    * position (the default) is a short distance down from the top of the

package/es/components/CreateTearsheetNarrow/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 { CreateTearsheetNarrow } from './CreateTearsheetNarrow';