@carbon/ibm-products 2.50.0 → 2.51.0

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
 };

package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.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');
@@ -16,11 +14,6 @@ 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. */
 };