@carbon/ibm-products 2.43.2-canary.257 → 2.43.2-canary.261

package/lib/components/EditInPlace/EditInPlace.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var icons = require('@carbon/react/icons');
 var React = require('react');
@@ -18,11 +16,6 @@ var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _Close, _Checkmark, _Edit;
 var _excluded = ["cancelLabel", "editAlwaysVisible", "editLabel", "id", "inheritTypography", "invalid", "invalidLabel", "invalidText", "labelText", "onCancel", "onChange", "onSave", "onBlur", "saveLabel", "size", "tooltipAlignment", "value", "placeholder"];
 var componentName = 'EditInPlace';
@@ -68,7 +61,7 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var inputRef = React.useRef(null);
   var canSave = value !== initialValue && !invalid;
   var escaping = React.useRef(false);
-  var tipAlignIsObject = _rollupPluginBabelHelpers["typeof"](tooltipAlignment) === 'object';
+  var tipAlignIsObject = _rollupPluginBabelHelpers.typeof(tooltipAlignment) === 'object';
   var tipAlignments = ['edit', 'save', 'cancel'].reduce(function (acc, tips) {
     var _ref2;
     acc[tips] = (_ref2 = tipAlignIsObject ? tooltipAlignment[tips] : tooltipAlignment) !== null && _ref2 !== void 0 ? _ref2 : defaults.tooltipAlignment;
@@ -158,15 +151,15 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
     escaping.current = false;
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](blockClass, "".concat(blockClass, "--").concat(size), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--focused"), focused), "".concat(blockClass, "--invalid"), invalid), "".concat(blockClass, "--inherit-type"), inheritTypography), "".concat(blockClass, "--overflows"), inputRef.current && inputRef.current.scrollWidth > inputRef.current.offsetWidth)),
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("div", {
+    className: cx(blockClass, "".concat(blockClass, "--").concat(size), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--focused"), focused), "".concat(blockClass, "--invalid"), invalid), "".concat(blockClass, "--inherit-type"), inheritTypography), "".concat(blockClass, "--overflows"), inputRef.current && inputRef.current.scrollWidth > inputRef.current.offsetWidth)),
     onFocus: onFocusHandler,
     onBlur: onBlurHandler
-  }, /*#__PURE__*/React__default["default"].createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", {
     id: id,
-    className: cx__default["default"]("".concat(blockClass, "__text-input"), "".concat(settings.carbon.prefix, "--text-input"), "".concat(settings.carbon.prefix, "--text-input--").concat(size)),
+    className: cx("".concat(blockClass, "__text-input"), "".concat(settings.carbon.prefix, "--text-input"), "".concat(settings.carbon.prefix, "--text-input--").concat(size)),
     type: "text",
     placeholder: placeholder,
     value: value,
@@ -177,12 +170,12 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onKeyDown: onKeyHandler,
     "aria-label": labelText,
     "aria-invalid": invalid
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__toolbar")
-  }, invalid && /*#__PURE__*/React__default["default"].createElement(icons.WarningFilled, {
+  }, invalid && /*#__PURE__*/React.createElement(icons.WarningFilled, {
     size: 16,
     className: "".concat(blockClass, "__warning-icon")
-  }), focused ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
+  }), focused ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(react.IconButton, {
     align: tipAlignments.cancel,
     size: size,
     label: cancelLabel,
@@ -191,9 +184,9 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     tabIndex: 0,
     key: "cancel",
     className: "".concat(blockClass, "__btn ").concat(blockClass, "__btn-cancel")
-  }, _Close || (_Close = /*#__PURE__*/React__default["default"].createElement(icons.Close, {
+  }, _Close || (_Close = /*#__PURE__*/React.createElement(icons.Close, {
     size: 16
-  }))), /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
+  }))), /*#__PURE__*/React.createElement(react.IconButton, {
     align: tipAlignments.save,
     size: size,
     label: saveLabel,
@@ -203,20 +196,20 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     key: "save",
     className: "".concat(blockClass, "__btn ").concat(blockClass, "__btn-save"),
     disabled: !canSave
-  }, _Checkmark || (_Checkmark = /*#__PURE__*/React__default["default"].createElement(icons.Checkmark, {
+  }, _Checkmark || (_Checkmark = /*#__PURE__*/React.createElement(icons.Checkmark, {
     size: 16
-  })))) : /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
+  })))) : /*#__PURE__*/React.createElement(react.IconButton, {
     align: tipAlignments.edit,
-    className: cx__default["default"]("".concat(blockClass, "__btn"), "".concat(blockClass, "__btn-edit"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__btn-edit--always-visible"), editAlwaysVisible)),
+    className: cx("".concat(blockClass, "__btn"), "".concat(blockClass, "__btn-edit"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__btn-edit--always-visible"), editAlwaysVisible)),
     size: size,
     label: editLabel,
     onClick: onFocusHandler,
     kind: "ghost",
     tabIndex: 0,
     key: "edit"
-  }, _Edit || (_Edit = /*#__PURE__*/React__default["default"].createElement(icons.Edit, {
+  }, _Edit || (_Edit = /*#__PURE__*/React.createElement(icons.Edit, {
     size: 16
-  }))))), invalid && /*#__PURE__*/React__default["default"].createElement("p", {
+  }))))), invalid && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__warning-text")
   }, invalidText !== null && invalidText !== void 0 ? invalidText : deprecated_invalidLabel));
 });
@@ -227,26 +220,26 @@ var deprecatedProps = {
    * **Deprecated**
    * invalidLabel was misnamed, using invalidText to match Carbon
    */
-  invalidText: index["default"].string
+  invalidText: index.default.string
 };
-var alignPropType = index["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']);
+var alignPropType = index.default.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']);
 exports.EditInPlace.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /**
    * label for cancel button
    */
-  cancelLabel: index["default"].string.isRequired,
+  cancelLabel: index.default.string.isRequired,
   /**
    * By default the edit icon is shown on hover only.
    */
-  editAlwaysVisible: index["default"].bool,
+  editAlwaysVisible: index.default.bool,
   /**
    * label for edit button
    */
-  editLabel: index["default"].string.isRequired,
+  editLabel: index.default.string.isRequired,
   /**
    * Specify a custom id for the input
    */
-  id: index["default"].string.isRequired,
+  id: index.default.string.isRequired,
   /**
    * inheritTypography - causes the text entry field to inherit typography settings
    * assigned to the container. This is useful when editing titles for instance.
@@ -254,40 +247,40 @@ exports.EditInPlace.propTypes = _rollupPluginBabelHelpers.objectSpread2({
    * NOTE: The size property limits the vertical size of the input element.
    * Inherited font's should be selected to fit within the size selected.
    */
-  inheritTypography: index["default"].bool,
+  inheritTypography: index.default.bool,
   /**
    * determines if the input is invalid
    */
-  invalid: index["default"].bool,
+  invalid: index.default.bool,
   /**
    * text that is displayed if the input is invalid
    */
   /**@ts-ignore*/
-  invalidText: index["default"].string,
+  invalidText: index.default.string,
   /**
    * Provide the text that will be read by a screen reader when visiting this control
    */
-  labelText: index["default"].string.isRequired,
+  labelText: index.default.string.isRequired,
   /**
    * handler to add custom onBlur event
    */
-  onBlur: index["default"].func,
+  onBlur: index.default.func,
   /**
    * handler that is called when the cancel button is pressed or when the user removes focus from the input and there is no new value
    */
-  onCancel: index["default"].func.isRequired,
+  onCancel: index.default.func.isRequired,
   /**
    * handler that is called when the input is updated
    */
-  onChange: index["default"].func.isRequired,
+  onChange: index.default.func.isRequired,
   /**
    * handler that is called when the save button is pressed or when the user removes focus from the input if it has a new value
    */
-  onSave: index["default"].func.isRequired,
+  onSave: index.default.func.isRequired,
   /**
    * Placeholder for text input
    */
-  placeholder: index["default"].string,
+  placeholder: index.default.string,
   /**
    * determines if the input is in readOnly mode
    */
@@ -299,18 +292,18 @@ exports.EditInPlace.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /**
    * label for save button
    */
-  saveLabel: index["default"].string.isRequired,
+  saveLabel: index.default.string.isRequired,
   /**
    * vertical size of control
    */
-  size: index["default"].oneOf(['sm', 'md', 'lg']),
+  size: index.default.oneOf(['sm', 'md', 'lg']),
   /**
    * tooltipAlignment from the standard tooltip. Default center.
    *
    * Can be passed either as one of tooltip options or as an object specifying cancel, edit and save separately
    */
   /**@ts-ignore*/
-  tooltipAlignment: index["default"].oneOfType([alignPropType, index["default"].shape({
+  tooltipAlignment: index.default.oneOfType([alignPropType, index.default.shape({
     cancel: alignPropType,
     edit: alignPropType,
     save: alignPropType
@@ -318,7 +311,7 @@ exports.EditInPlace.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /**
    * current value of the input
    */
-  value: index["default"].string.isRequired
+  value: index.default.string.isRequired
 }, deprecatedProps);
 
 exports.deprecatedProps = deprecatedProps;

package/lib/components/EditSidePanel/EditSidePanel.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 require('../../global/js/utils/props-helper.js');
 var React = require('react');
@@ -20,11 +18,6 @@ var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["children", "className", "disableSubmit", "id", "formTitle", "formDescription", "onRequestClose", "onRequestSubmit", "open", "placement", "primaryButtonText", "secondaryButtonText", "selectorPrimaryFocus", "selectorPageContent", "size", "slideIn", "subtitle", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -36,7 +29,7 @@ var componentName = 'EditSidePanel';
 /**
  * Use with medium complexity edits if the user needs page context.
  */
-exports.EditSidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.EditSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     disableSubmit = _ref.disableSubmit,
@@ -72,8 +65,8 @@ exports.EditSidePanel = /*#__PURE__*/React__default["default"].forwardRef(functi
     onClick: onRequestClose,
     kind: 'secondary'
   }];
-  var formTitleId = uuidv4["default"]();
-  return /*#__PURE__*/React__default["default"].createElement(SidePanel.SidePanel, _rollupPluginBabelHelpers["extends"]({}, rest, _rollupPluginBabelHelpers.objectSpread2({
+  var formTitleId = uuidv4.default();
+  return /*#__PURE__*/React.createElement(SidePanel.SidePanel, _rollupPluginBabelHelpers.extends({}, rest, _rollupPluginBabelHelpers.objectSpread2({
     open: open,
     ref: ref,
     selectorPageContent: selectorPageContent,
@@ -86,16 +79,16 @@ exports.EditSidePanel = /*#__PURE__*/React__default["default"].forwardRef(functi
     placement: placement,
     slideIn: slideIn,
     animateTitle: false,
-    className: cx__default["default"](blockClass, className),
+    className: cx(blockClass, className),
     size: size,
     preventCloseOnClickOutside: true,
     actions: actions
-  }), formTitle && /*#__PURE__*/React__default["default"].createElement("h3", {
+  }), formTitle && /*#__PURE__*/React.createElement("h3", {
     id: formTitleId,
     className: "".concat(blockClass, "__form-title-text ").concat(blockClass, "__content-text")
-  }, formTitle), formDescription && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, formTitle), formDescription && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__form-description-text ").concat(blockClass, "__content-text")
-  }, formDescription), /*#__PURE__*/React__default["default"].createElement(react.Form, {
+  }, formDescription), /*#__PURE__*/React.createElement(react.Form, {
     className: "".concat(blockClass, "__form"),
     "aria-labelledby": formTitleId
   }, children));
@@ -116,60 +109,60 @@ exports.EditSidePanel.propTypes = {
    * Sets the body content of the create side panel
    */
   /**@ts-ignore*/
-  children: index["default"].oneOfType([index["default"].arrayOf(index["default"].node), index["default"].node]).isRequired,
+  children: index.default.oneOfType([index.default.arrayOf(index.default.node), index.default.node]).isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * 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: index["default"].bool,
+  disableSubmit: index.default.bool,
   /**
    * Specifies an optional field that provides a additional context for a form
    */
-  formDescription: index["default"].node,
+  formDescription: index.default.node,
   /**
    * Specifies a required field that provides a title for a form
    */
-  formTitle: index["default"].node.isRequired,
+  formTitle: index.default.node.isRequired,
   /**
    * Unique identifier
    */
-  id: index["default"].string,
+  id: index.default.string,
   /**
    * Specifies an optional handler which is called when the CreateSidePanel
    * is closed.
    */
-  onRequestClose: index["default"].func,
+  onRequestClose: index.default.func,
   /**
    * Specifies an optional handler which is called when the CreateSidePanel
    * primary button is pressed.
    */
-  onRequestSubmit: index["default"].func,
+  onRequestSubmit: index.default.func,
   /**
    * Specifies whether the CreateSidePanel is open or not.
    */
-  open: index["default"].bool.isRequired,
+  open: index.default.bool.isRequired,
   /**
    * Determines if the side panel is on the right or left
    */
-  placement: index["default"].oneOf(['left', 'right']),
+  placement: index.default.oneOf(['left', 'right']),
   /**
    * Specifies the primary button's text in the modal.
    */
-  primaryButtonText: index["default"].string.isRequired,
+  primaryButtonText: index.default.string.isRequired,
   /**
    * Specifies the secondary button's text in the modal.
    */
-  secondaryButtonText: index["default"].string.isRequired,
+  secondaryButtonText: index.default.string.isRequired,
   /**
    * 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.
    */
   /**@ts-ignore*/
-  selectorPageContent: index["default"].string.isRequired.if(function (_ref2) {
+  selectorPageContent: index.default.string.isRequired.if(function (_ref2) {
     var slideIn = _ref2.slideIn;
     return slideIn;
   }),
@@ -177,26 +170,26 @@ exports.EditSidePanel.propTypes = {
    * Specifies which DOM element in the form should be focused.
    */
   /**@ts-ignore*/
-  selectorPrimaryFocus: index["default"].node.isRequired,
+  selectorPrimaryFocus: index.default.node.isRequired,
   /**
    * Sets the size of the side panel
    */
-  size: index["default"].oneOf(['xs', 'sm', 'md', 'lg', '2xl']),
+  size: index.default.oneOf(['xs', 'sm', 'md', 'lg', '2xl']),
   /**
    * Specifies which DOM element in the form should be focused.
    */
-  slideIn: index["default"].bool,
+  slideIn: index.default.bool,
   /**
    *  **Experimental:** Provide a `Slug` component to be rendered inside the `SidePanel` component
    */
-  slug: index["default"].node,
+  slug: index.default.node,
   /**
    * The subtitle of the CreateSidePanel is optional and serves to provide more information about the modal.
    */
-  subtitle: index["default"].node,
+  subtitle: index.default.node,
   /**
    * The title of the CreateSidePanel is usually the product or service name.
    */
   /**@ts-ignore*/
-  title: index["default"].node.isRequired
+  title: index.default.node.isRequired
 };

package/lib/components/EditTearsheet/EditTearsheet.js

@@ -7,8 +7,6 @@
 
 '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');
@@ -19,11 +17,6 @@ var devtools = require('../../global/js/utils/devtools.js');
 var TearsheetShell = require('../Tearsheet/TearsheetShell.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["cancelButtonText", "children", "className", "description", "influencerWidth", "label", "onClose", "open", "submitButtonText", "title", "verticalPosition", "onRequestSubmit", "onFormChange", "sideNavAriaLabel"];
 var componentName = 'EditTearsheet';
 var blockClass = "".concat(settings.pkg.prefix, "--tearsheet-edit");
@@ -130,15 +123,15 @@ exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   };
   function defaultInfluencer() {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "__side-nav-wrapper")
-    }, /*#__PURE__*/React__default["default"].createElement(react.SideNav, {
+    }, /*#__PURE__*/React.createElement(react.SideNav, {
       "aria-label": sideNavAriaLabel,
       className: "".concat(blockClass, "__side-nav"),
       expanded: true,
       isFixedNav: false
-    }, /*#__PURE__*/React__default["default"].createElement(react.SideNavItems, null, formTitles.map(function (title, index) {
-      return /*#__PURE__*/React__default["default"].createElement(react.SideNavMenuItem, {
+    }, /*#__PURE__*/React.createElement(react.SideNavItems, null, formTitles.map(function (title, index) {
+      return /*#__PURE__*/React.createElement(react.SideNavMenuItem, {
         key: index,
         onClick: function onClick() {
           return handleCurrentForm(index);
@@ -147,10 +140,10 @@ exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       }, title);
     }))));
   }
-  return /*#__PURE__*/React__default["default"].createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, devtools.getDevtoolsProps(componentName)), propsHelper.prepareProps(rest)), {}, {
+  return /*#__PURE__*/React.createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, devtools.getDevtoolsProps(componentName)), propsHelper.prepareProps(rest)), {}, {
     actions: actions,
     children: children,
-    className: cx__default["default"](blockClass, className),
+    className: cx(blockClass, className),
     description: description,
     influencerPosition: 'left',
     influencerWidth: influencerWidth,
@@ -164,17 +157,17 @@ exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     hasCloseIcon: false,
     influencer: defaultInfluencer(),
     ref: ref
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__content"),
     ref: contentRef,
     role: "main"
-  }, /*#__PURE__*/React__default["default"].createElement(react.Form, null, /*#__PURE__*/React__default["default"].createElement(FormContext.Provider, {
+  }, /*#__PURE__*/React.createElement(react.Form, null, /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       currentForm: currentForm,
       setFormTitles: setFormTitles
     }
-  }, React__default["default"].Children.map(children, function (child, index) {
-    return /*#__PURE__*/React__default["default"].createElement(FormNumberContext.Provider, {
+  }, React.Children.map(children, function (child, index) {
+    return /*#__PURE__*/React.createElement(FormNumberContext.Provider, {
       value: index
     }, child);
   })))));
@@ -193,61 +186,61 @@ exports.EditTearsheet.propTypes = {
   /**
    * The cancel button text
    */
-  cancelButtonText: index["default"].string,
+  cancelButtonText: index.default.string,
   /**
    * The main content of the tearsheet
    */
-  children: index["default"].node,
+  children: index.default.node,
   /**
    * An optional class or classes to be added to the outermost element.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * A description of the flow, displayed in the header area of the tearsheet.
    */
-  description: index["default"].node,
+  description: index.default.node,
   /**
    * Used to set the size of the influencer
    */
-  influencerWidth: index["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: index["default"].node,
+  label: index.default.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.
    */
-  onClose: index["default"].func,
+  onClose: index.default.func,
   /**
    * An optional handler that is called when a user changes forms via clicking
    * an influencer nav item.
    * Returns the index of the selected form.
    */
-  onFormChange: index["default"].func,
+  onFormChange: index.default.func,
   /**
    * Specify a handler for submitting the tearsheet.
    */
-  onRequestSubmit: index["default"].func.isRequired,
+  onRequestSubmit: index.default.func.isRequired,
   /**
    * Specifies whether the tearsheet is currently open.
    */
-  open: index["default"].bool,
+  open: index.default.bool,
   /**
    * Specifies the aria label for the SideNav from Carbon UIShell
    */
-  sideNavAriaLabel: index["default"].string,
+  sideNavAriaLabel: index.default.string,
   /**
    * The submit button text
    */
-  submitButtonText: index["default"].string,
+  submitButtonText: index.default.string,
   /**
    * The main title of the tearsheet, displayed in the header area.
    */
-  title: index["default"].node,
+  title: index.default.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
@@ -255,7 +248,7 @@ exports.EditTearsheet.propTypes = {
    * from below. The 'lower' position provides a little extra room at the top
    * to allow an action bar navigation or breadcrumbs to also show through.
    */
-  verticalPosition: index["default"].oneOf(['normal', 'lower'])
+  verticalPosition: index.default.oneOf(['normal', 'lower'])
 };
 
 exports.FormContext = FormContext;

package/lib/components/EditTearsheet/EditTearsheetForm.js

@@ -7,8 +7,6 @@
 
 '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');
@@ -19,11 +17,6 @@ var settings = require('../../settings.js');
 var pconsole = require('../../global/js/utils/pconsole.js');
 var useRetrieveFormTitles = require('../../global/js/hooks/useRetrieveFormTitles.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["children", "className", "description", "fieldsetLegendText", "hasFieldset", "subtitle", "title"];
 var componentName = 'EditTearsheetForm';
 var blockClass = "".concat(settings.pkg.prefix, "--tearsheet-edit__form");
@@ -49,26 +42,26 @@ exports.EditTearsheetForm = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     formNumber: formNumber,
     title: title
   });
-  return formContext ? /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__form--hidden-form"), formNumber !== (formContext === null || formContext === void 0 ? void 0 : formContext.currentForm)), "".concat(blockClass, "__form--visible-form"), formNumber === (formContext === null || formContext === void 0 ? void 0 : formContext.currentForm))),
+  return formContext ? /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__form--hidden-form"), formNumber !== (formContext === null || formContext === void 0 ? void 0 : formContext.currentForm)), "".concat(blockClass, "__form--visible-form"), formNumber === (formContext === null || formContext === void 0 ? void 0 : formContext.currentForm))),
     ref: ref
-  }), /*#__PURE__*/React__default["default"].createElement(react.Grid, null, /*#__PURE__*/React__default["default"].createElement(react.Column, {
+  }), /*#__PURE__*/React.createElement(react.Grid, null, /*#__PURE__*/React.createElement(react.Column, {
     xlg: 12,
     lg: 12,
     md: 8,
     sm: 4
-  }, /*#__PURE__*/React__default["default"].createElement("h4", {
+  }, /*#__PURE__*/React.createElement("h4", {
     className: "".concat(blockClass, "--title")
-  }, title), subtitle && /*#__PURE__*/React__default["default"].createElement("h6", {
+  }, title), subtitle && /*#__PURE__*/React.createElement("h6", {
     className: "".concat(blockClass, "--subtitle")
-  }, subtitle), description && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, subtitle), description && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "--description")
-  }, description)), /*#__PURE__*/React__default["default"].createElement(react.Column, {
+  }, description)), /*#__PURE__*/React.createElement(react.Column, {
     span: 100
-  }, hasFieldset ? /*#__PURE__*/React__default["default"].createElement(react.FormGroup, {
+  }, hasFieldset ? /*#__PURE__*/React.createElement(react.FormGroup, {
     legendText: fieldsetLegendText,
     className: "".concat(blockClass, "--fieldset")
-  }, /*#__PURE__*/React__default["default"].createElement(react.Grid, null, children)) : children))) : pconsole["default"].warn("You have tried using a ".concat(componentName, " component outside of a EditTearsheet. This is not allowed. ").concat(componentName, "s should always be children of the EditTearsheet"));
+  }, /*#__PURE__*/React.createElement(react.Grid, null, children)) : children))) : pconsole.default.warn("You have tried using a ".concat(componentName, " component outside of a EditTearsheet. This is not allowed. ").concat(componentName, "s should always be children of the EditTearsheet"));
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -77,22 +70,22 @@ exports.EditTearsheetForm.propTypes = {
   /**
    * Content that shows in the tearsheet form
    */
-  children: index["default"].node,
+  children: index.default.node,
   /**
    * Sets an optional className to be added to the tearsheet form
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Sets an optional description on the form component
    */
-  description: index["default"].string,
+  description: index.default.string,
   /**
    * This is the required legend text that appears above a fieldset html element for accessibility purposes.
    * You can set the `hasFieldset` prop to false if you have multiple fieldset elements or want to control the children of your Full Page's form content.
    * Otherwise, use CSS to hide/remove this label text.
    */
   /**@ts-ignore */
-  fieldsetLegendText: index["default"].string.isRequired.if(function (_ref2) {
+  fieldsetLegendText: index.default.string.isRequired.if(function (_ref2) {
     var hasFieldset = _ref2.hasFieldset;
     return !!hasFieldset;
   }),
@@ -102,14 +95,14 @@ exports.EditTearsheetForm.propTypes = {
    * You can set this prop to `false` if you have multiple fieldset elements or want to control the children of your Full Page's form content.
    */
   /**@ts-ignore*/
-  hasFieldset: index["default"].bool,
+  hasFieldset: index.default.bool,
   /**
    * Sets an optional subtitle on the form component
    */
   /**@ts-ignore*/
-  subtitle: index["default"].string,
+  subtitle: index.default.string,
   /**
    * Sets the title text for a tearsheet form
    */
-  title: index["default"].node.isRequired
+  title: index.default.node.isRequired
 };