@carbon/ibm-products 2.43.2-canary.33 → 2.43.2-canary.330

package/lib/components/EditSidePanel/EditSidePanel.js

@@ -7,23 +7,16 @@
 
 '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');
-var index = require('../../node_modules/prop-types/index.js');
+var react = require('@carbon/react');
+var index = require('../../_virtual/index.js');
+var SidePanel = require('../SidePanel/SidePanel.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var react = require('@carbon/react');
-require('../../global/js/utils/props-helper.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
-var SidePanel = require('../SidePanel/SidePanel.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"];
 
@@ -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/EditSidePanel/index.d.ts

@@ -1 +1,8 @@
-export { EditSidePanel } from "./EditSidePanel";
+/**
+ * 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.
+ */
+export { EditSidePanel } from './EditSidePanel';
+export type { EditSidePanelProps } from './EditSidePanel';

package/lib/components/EditTearsheet/EditTearsheet.d.ts

@@ -51,7 +51,8 @@ interface EditTearsheetProps extends PropsWithChildren {
      */
     onFormChange?: (formIndex: number) => number;
     /**
-     * Specify a handler for submitting the tearsheet.
+     * Specify a handler for submitting the tearsheet. Throughout its execution
+     * the submit button will be disabled and include a loading indicator.
      */
     onRequestSubmit: () => void;
     /**

package/lib/components/EditTearsheet/EditTearsheet.js

@@ -7,11 +7,9 @@
 
 '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');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
 var settings = require('../../settings.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");
@@ -68,10 +61,45 @@ exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$sideNavAriaLabel = _ref.sideNavAriaLabel,
     sideNavAriaLabel = _ref$sideNavAriaLabel === void 0 ? defaults.sideNavAriaLabel : _ref$sideNavAriaLabel,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    isSubmitting = _useState2[0],
+    setIsSubmitting = _useState2[1];
+  var handleOnRequestSubmit = /*#__PURE__*/function () {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setIsSubmitting(true);
+            _context.prev = 1;
+            _context.next = 4;
+            return onRequestSubmit();
+          case 4:
+            _context.next = 9;
+            break;
+          case 6:
+            _context.prev = 6;
+            _context.t0 = _context["catch"](1);
+            console.warn("".concat(componentName, " submit error: ").concat(_context.t0));
+          case 9:
+            setIsSubmitting(false);
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 6]]);
+    }));
+    return function handleOnRequestSubmit() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   var actions = [{
     key: 'edit-action-button-submit',
     label: submitButtonText,
-    onClick: onRequestSubmit,
+    onClick: function onClick() {
+      return handleOnRequestSubmit();
+    },
+    loading: isSubmitting,
     kind: 'primary'
   }, {
     key: 'edit-action-button-cancel',
@@ -79,14 +107,14 @@ exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onClick: onClose,
     kind: 'ghost'
   }];
-  var _useState = React.useState(0),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    currentForm = _useState2[0],
-    setCurrentForm = _useState2[1];
-  var _useState3 = React.useState([]),
+  var _useState3 = React.useState(0),
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    formTitles = _useState4[0],
-    setFormTitles = _useState4[1];
+    currentForm = _useState4[0],
+    setCurrentForm = _useState4[1];
+  var _useState5 = React.useState([]),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    formTitles = _useState6[0],
+    setFormTitles = _useState6[1];
   var contentRef = React.useRef(null);
   var handleCurrentForm = function handleCurrentForm(formIndex) {
     setCurrentForm(formIndex);
@@ -95,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);
@@ -112,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,
@@ -129,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);
   })))));
@@ -158,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
@@ -220,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,11 +7,9 @@
 
 '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');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
 var EditTearsheet = require('./EditTearsheet.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
 };

package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface EditTearsheetNarrowProps {
+export interface EditTearsheetNarrowProps {
     /**
      * Provide the contents of the EditTearsheetNarrow.
      */
@@ -19,4 +19,3 @@ interface EditTearsheetNarrowProps {
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
  */
 export declare let EditTearsheetNarrow: React.ForwardRefExoticComponent<EditTearsheetNarrowProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js

@@ -7,20 +7,13 @@
 
 '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');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.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"];
 
 // Carbon and package components we use.
@@ -49,12 +42,12 @@ var componentName = 'EditTearsheetNarrow';
 /**
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
  */
-exports.EditTearsheetNarrow = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.EditTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass,
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass,
     // Apply the block class to the main HTML element
     className,
     // Apply any supplied class names to the main HTML element.
@@ -82,11 +75,11 @@ exports.EditTearsheetNarrow.propTypes = {
   /**
    * Provide the contents of the EditTearsheetNarrow.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string
+  className: index.default.string
 
   /* TODO: add types and DocGen for all props. */
 };

package/lib/components/EditTearsheetNarrow/index.d.ts

@@ -1 +1,8 @@
-export { EditTearsheetNarrow } from "./EditTearsheetNarrow";
+/**
+ * Copyright IBM Corp. 2022, 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.
+ */
+export { EditTearsheetNarrow } from './EditTearsheetNarrow';
+export type { EditTearsheetNarrowProps } from './EditTearsheetNarrow';

package/lib/components/EditUpdateCards/EditUpdateCards.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2022, 2022
+ * Copyright IBM Corp. 2022, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -15,7 +15,7 @@ type ActionIcon = {
     href?: string;
 };
 type PlacementType = 'top' | 'bottom';
-interface EditUpdateCardsProps {
+export interface EditUpdateCardsProps {
     /**
      * Icons that are displayed on card. Refer to design documentation for implementation guidelines
      */