@carbon/ibm-products 2.0.0-rc.3 → 2.0.0-rc.32

package/es/components/Cascade/Cascade.js

@@ -1,17 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "className", "grid"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 //
 // Copyright IBM Corp. 20201, 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 React, { forwardRef } from 'react';
 import { Grid } from '@carbon/react';
 import cx from 'classnames';
@@ -25,29 +23,25 @@ var defaults = {
 };
 export var Cascade = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      className = _ref.className,
-      _ref$grid = _ref.grid,
-      grid = _ref$grid === void 0 ? defaults.grid : _ref$grid,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    className = _ref.className,
+    _ref$grid = _ref.grid,
+    grid = _ref$grid === void 0 ? defaults.grid : _ref$grid,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var props = _objectSpread(_objectSpread({}, rest), {}, {
     className: cx(blockClass, className),
     ref: ref
   }, getDevtoolsProps(componentName));
-
   var modifyChildren = function modifyChildren(child) {
     var className = cx(child.props.className, "".concat(blockClass, "__element"));
     return /*#__PURE__*/React.cloneElement(child, {
       className: className
     });
   };
-
   var getModifiedChildren = function getModifiedChildren() {
     return React.Children.map(children, function (child) {
       return modifyChildren(child);
     });
   };
-
   if (grid) {
     var colIdx = 0;
     var gridElm = React.Children.map(children, function (row) {
@@ -64,7 +58,6 @@ export var Cascade = /*#__PURE__*/forwardRef(function (_ref, ref) {
     });
     return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement(Grid, null, gridElm));
   }
-
   return /*#__PURE__*/React.createElement("div", props, getModifiedChildren());
 });
 Cascade = pkg.checkComponentEnabled(Cascade, componentName);
@@ -74,12 +67,10 @@ Cascade.propTypes = {
    * Main content that is shown.
    */
   children: PropTypes.node,
-
   /**
    * Optional class name.
    */
   className: PropTypes.string,
-
   /**
    * Specifies whether or not to wrap the child content in a <Grid />.
    * If this is set to true it's important that the children are being wrapped in rows in columns.

package/es/components/ComboButton/ComboButton.js

@@ -4,19 +4,17 @@ import _toArray from "@babel/runtime/helpers/toArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "className", "overflowMenu"],
-    _excluded2 = ["children"],
-    _excluded3 = ["children", "renderIcon"];
-
+  _excluded2 = ["children"],
+  _excluded3 = ["children", "renderIcon"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**
  * Copyright IBM Corp. 2020, 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 { ChevronDown, ChevronUp } from '@carbon/react/icons';
 import { Button, OverflowMenuItem, OverflowMenu } from '@carbon/react';
 import classnames from 'classnames';
@@ -24,40 +22,35 @@ import { node, shape, string } from 'prop-types';
 import uuidv4 from '../../global/js/utils/uuidv4';
 import React, { Children, createElement, useRef, useState } from 'react';
 var blockClass = 'security--combo-button';
+
 /**
  * The combo button consolidates similar actions, while exposing the most commonly used one.
  */
-
 var ComboButton = function ComboButton(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      overflowMenu = _ref.overflowMenu,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    className = _ref.className,
+    overflowMenu = _ref.overflowMenu,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useRef = useRef(uuidv4()),
-      instanceId = _useRef.current;
-
+    instanceId = _useRef.current;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   var _Children$toArray$fil = Children.toArray(children).filter(Boolean).map(function (_ref2) {
-    var _ref2$props = _ref2.props,
+      var _ref2$props = _ref2.props,
         children = _ref2$props.children,
         props = _objectWithoutProperties(_ref2$props, _excluded2);
-
-    return _objectSpread(_objectSpread({}, props), {}, {
-      children: /*#__PURE__*/React.createElement("span", {
-        className: "".concat(blockClass, "__action"),
-        title: children
-      }, children)
-    });
-  }),
-      _Children$toArray$fil2 = _toArray(_Children$toArray$fil),
-      primaryAction = _Children$toArray$fil2[0],
-      restActions = _Children$toArray$fil2.slice(1);
-
+      return _objectSpread(_objectSpread({}, props), {}, {
+        children: /*#__PURE__*/React.createElement("span", {
+          className: "".concat(blockClass, "__action"),
+          title: children
+        }, children)
+      });
+    }),
+    _Children$toArray$fil2 = _toArray(_Children$toArray$fil),
+    primaryAction = _Children$toArray$fil2[0],
+    restActions = _Children$toArray$fil2.slice(1);
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: classnames(blockClass, className),
     "data-floating-menu-container": true
@@ -86,9 +79,8 @@ var ComboButton = function ComboButton(_ref) {
     flipped: true
   }), restActions.map(function (_ref3, index) {
     var children = _ref3.children,
-        Icon = _ref3.renderIcon,
-        action = _objectWithoutProperties(_ref3, _excluded3);
-
+      Icon = _ref3.renderIcon,
+      action = _objectWithoutProperties(_ref3, _excluded3);
     return /*#__PURE__*/React.createElement(OverflowMenuItem, _extends({}, action, {
       key: "".concat(blockClass, "--").concat(instanceId, "__overflow-menu__item__").concat(index),
       className: "".concat(blockClass, "__overflow-menu__item"),
@@ -98,14 +90,11 @@ var ComboButton = function ComboButton(_ref) {
     }));
   })));
 };
-
 ComboButton.propTypes = {
   /** Provide the contents of the `ComboButton` */
   children: node.isRequired,
-
   /** Provide an optional class to be applied to the containing node */
   className: string,
-
   /** Provide the [props of the `OverflowMenu`](https://react.carbondesignsystem.com/?path=/docs/overflowmenu) */
   overflowMenu: shape(OverflowMenu.propTypes)
 };

package/es/components/ComboButton/ComboButtonItem/index.js

@@ -1,33 +1,29 @@
+import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/extends";
-
 /**
  * Copyright IBM Corp. 2020, 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 { bool, func, node, object, oneOfType, string } from 'prop-types';
 import React from 'react';
+
 /**
  * The combo button item provides additional actions a user can take.
  */
-
 var ComboButtonItem = function ComboButtonItem(_ref) {
-  var rest = _extends({}, _ref);
-
+  var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/React.createElement("span", rest);
 };
-
 ComboButtonItem.propTypes = {
   /** Provide the contents of the `ComboButtonItem` */
   children: node.isRequired,
-
   /** Specify whether the `ComboButton` should be disabled, or not */
   disabled: bool,
-
   /** Provide an optional `href` for the `ComboButtonItem` to become an `a` element */
   href: string,
-
   /** Provide an optional icon to render */
   renderIcon: oneOfType([func, object])
 };

package/es/components/ComboButton/index.js

@@ -4,5 +4,6 @@
  * 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 { ComboButton } from './ComboButton';
 export { ComboButtonItem } from './ComboButtonItem';

package/es/components/CreateFullPage/CreateFullPage.js

@@ -1,121 +1,111 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["backButtonText", "cancelButtonText", "children", "className", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "submitButtonText"];
-
+var _excluded = ["backButtonText", "cancelButtonText", "children", "className", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText"];
 /**
- * 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 portions of React that are needed.
-import React, { useEffect, useState, createContext } from 'react'; // Other standard imports.
+import React, { useEffect, useState, createContext } from 'react';
 
+// Other standard imports.
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
-import { pkg } from '../../settings'; // Carbon and package components we use.
+import { pkg } from '../../settings';
 
+// Carbon and package components we use.
 import { ModalFooter, ComposedModal, ModalHeader, ModalBody, Button, Form } from '@carbon/react';
 import { CreateInfluencer } from '../CreateInfluencer';
 import { ActionSet } from '../ActionSet';
 import { usePreviousValue, useValidCreateStepCount, useCreateComponentFocus, useCreateComponentStepChange } from '../../global/js/hooks';
 import { lastIndexInArray } from '../../global/js/utils/lastIndexInArray';
 var blockClass = "".concat(pkg.prefix, "--create-full-page");
-var componentName = 'CreateFullPage'; // This is a general context for the steps container
+var componentName = 'CreateFullPage';
+
+// This is a general context for the steps container
 // containing information about the state of the container
 // and providing some callback methods for steps to use
+export var StepsContext = /*#__PURE__*/createContext(null);
 
-export var StepsContext = /*#__PURE__*/createContext(null); // This is a context supplied separately to each step in the container
+// This is a context supplied separately to each step in the container
 // to let it know what number it is in the sequence of steps
-
 export var StepNumberContext = /*#__PURE__*/createContext(-1);
 export var CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var backButtonText = _ref.backButtonText,
-      cancelButtonText = _ref.cancelButtonText,
-      children = _ref.children,
-      className = _ref.className,
-      modalDangerButtonText = _ref.modalDangerButtonText,
-      modalDescription = _ref.modalDescription,
-      modalSecondaryButtonText = _ref.modalSecondaryButtonText,
-      modalTitle = _ref.modalTitle,
-      nextButtonText = _ref.nextButtonText,
-      onClose = _ref.onClose,
-      onRequestSubmit = _ref.onRequestSubmit,
-      submitButtonText = _ref.submitButtonText,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    cancelButtonText = _ref.cancelButtonText,
+    children = _ref.children,
+    className = _ref.className,
+    modalDangerButtonText = _ref.modalDangerButtonText,
+    modalDescription = _ref.modalDescription,
+    modalSecondaryButtonText = _ref.modalSecondaryButtonText,
+    modalTitle = _ref.modalTitle,
+    nextButtonText = _ref.nextButtonText,
+    onClose = _ref.onClose,
+    onRequestSubmit = _ref.onRequestSubmit,
+    firstFocusElement = _ref.firstFocusElement,
+    submitButtonText = _ref.submitButtonText,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      createFullPageActions = _useState2[0],
-      setCreateFullPageActions = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    createFullPageActions = _useState2[0],
+    setCreateFullPageActions = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      shouldViewAll = _useState4[0],
-      setShouldViewAll = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    shouldViewAll = _useState4[0],
+    setShouldViewAll = _useState4[1];
   var _useState5 = useState(1),
-      _useState6 = _slicedToArray(_useState5, 2),
-      currentStep = _useState6[0],
-      setCurrentStep = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentStep = _useState6[0],
+    setCurrentStep = _useState6[1];
   var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      isSubmitting = _useState8[0],
-      setIsSubmitting = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    isSubmitting = _useState8[0],
+    setIsSubmitting = _useState8[1];
   var _useState9 = useState(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      modalIsOpen = _useState10[0],
-      setModalIsOpen = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    modalIsOpen = _useState10[0],
+    setModalIsOpen = _useState10[1];
   var previousState = usePreviousValue({
     currentStep: currentStep,
     open: open
   });
-
   var _useState11 = useState(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      isDisabled = _useState12[0],
-      setIsDisabled = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    isDisabled = _useState12[0],
+    setIsDisabled = _useState12[1];
   var _useState13 = useState(),
-      _useState14 = _slicedToArray(_useState13, 2),
-      onNext = _useState14[0],
-      _setOnNext = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    onNext = _useState14[0],
+    _setOnNext = _useState14[1];
   var _useState15 = useState(),
-      _useState16 = _slicedToArray(_useState15, 2),
-      onMount = _useState16[0],
-      _setOnMount = _useState16[1];
-
+    _useState16 = _slicedToArray(_useState15, 2),
+    onMount = _useState16[0],
+    _setOnMount = _useState16[1];
   var _useState17 = useState([]),
-      _useState18 = _slicedToArray(_useState17, 2),
-      stepData = _useState18[0],
-      setStepData = _useState18[1];
-
+    _useState18 = _slicedToArray(_useState17, 2),
+    stepData = _useState18[0],
+    setStepData = _useState18[1];
   var _useState19 = useState(1),
-      _useState20 = _slicedToArray(_useState19, 2),
-      firstIncludedStep = _useState20[0],
-      setFirstIncludedStep = _useState20[1];
-
+    _useState20 = _slicedToArray(_useState19, 2),
+    firstIncludedStep = _useState20[0],
+    setFirstIncludedStep = _useState20[1];
   var _useState21 = useState(null),
-      _useState22 = _slicedToArray(_useState21, 2),
-      lastIncludedStep = _useState22[0],
-      setLastIncludedStep = _useState22[1];
-
+    _useState22 = _slicedToArray(_useState21, 2),
+    lastIncludedStep = _useState22[0],
+    setLastIncludedStep = _useState22[1];
   useEffect(function () {
     var firstItem = stepData.findIndex(function (item) {
       return item === null || item === void 0 ? void 0 : item.shouldIncludeStep;
     }) + 1;
     var lastItem = lastIndexInArray(stepData, 'shouldIncludeStep', true);
-
     if (firstItem !== firstIncludedStep) {
       setFirstIncludedStep(firstItem);
     }
-
     if (lastItem !== lastIncludedStep) {
       setLastIncludedStep(lastItem);
     }
@@ -124,7 +114,8 @@ export var CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     previousState: previousState,
     currentStep: currentStep,
     blockClass: blockClass,
-    onMount: onMount
+    onMount: onMount,
+    firstFocusElement: firstFocusElement
   });
   useValidCreateStepCount(stepData.length, componentName);
   useCreateComponentStepChange({
@@ -149,10 +140,10 @@ export var CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     componentBlockClass: blockClass,
     setCreateComponentActions: setCreateFullPageActions,
     setModalIsOpen: setModalIsOpen
-  }); // currently, we are not supporting the use of 'view all' toggle state
+  });
 
+  // currently, we are not supporting the use of 'view all' toggle state
   /* istanbul ignore next */
-
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     ref: ref,
     className: cx(blockClass, className)
@@ -193,12 +184,16 @@ export var CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   })))), /*#__PURE__*/React.createElement(ActionSet, {
     className: "".concat(blockClass, "__buttons"),
     actions: createFullPageActions,
+    buttonSize: "2xl",
     size: "2xl"
   }))), /*#__PURE__*/React.createElement(ComposedModal, {
     className: "".concat(blockClass, "__modal"),
     size: "sm",
     open: modalIsOpen,
-    "aria-label": modalTitle
+    "aria-label": modalTitle,
+    onClose: function onClose() {
+      setModalIsOpen(false);
+    }
   }, /*#__PURE__*/React.createElement(ModalHeader, {
     title: modalTitle
   }), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("p", null, modalDescription)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
@@ -206,91 +201,86 @@ export var CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     kind: "secondary",
     onClick: function onClick() {
       setModalIsOpen(!modalIsOpen);
-    }
+    },
+    "data-modal-primary-focus": true
   }, modalSecondaryButtonText), /*#__PURE__*/React.createElement(Button, {
     type: "button",
     kind: "danger",
     onClick: onClose
   }, modalDangerButtonText))));
-}); // Return a placeholder if not released and not enabled by feature flag.
+});
 
-CreateFullPage = pkg.checkComponentEnabled(CreateFullPage, componentName); // The display name of the component, used by React. Note that displayName
+// Return a placeholder if not released and not enabled by feature flag.
+CreateFullPage = pkg.checkComponentEnabled(CreateFullPage, componentName);
+
+// The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
+CreateFullPage.displayName = componentName;
 
-CreateFullPage.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.
-
 CreateFullPage.propTypes = {
   /**
    * The back button text
    */
   backButtonText: PropTypes.string.isRequired,
-
   /**
    * The cancel button text
    */
   cancelButtonText: PropTypes.string.isRequired,
-
   /**
    * The main content of the full page
    */
   children: PropTypes.node,
-
   /**
    * Provide an optional class to be applied to the containing node.
    */
   className: PropTypes.string,
-
+  /**
+   * Specifies elements to focus on first on render.
+   */
+  firstFocusElement: PropTypes.string,
   /**
    * The primary 'danger' button text in the modal
    */
   modalDangerButtonText: PropTypes.string.isRequired,
-
   /**
    * The description located below the title in the modal
    */
   modalDescription: PropTypes.string,
-
   /**
    * The secondary button text in the modal
    */
   modalSecondaryButtonText: PropTypes.string.isRequired,
-
   /**
    * The title located in the header of the modal
    */
   modalTitle: PropTypes.string.isRequired,
-
   /**
    * The next button text
    */
   nextButtonText: PropTypes.string.isRequired,
-
   /**
    * An optional handler that is called when the user closes the full page (by
    * clicking the secondary button, located in the modal, which triggers after
    * clicking the ghost button in the modal
    */
   onClose: PropTypes.func,
-
   /**
    * Specify a handler for submitting the multi step full page (final step).
    * This function can _optionally_ return a promise that is either resolved or rejected and the CreateFullPage will handle the submitting state of the create button.
    */
   onRequestSubmit: PropTypes.func.isRequired,
-
   /**
    * @ignore
    * The aria label to be used for the UI Shell SideNav Carbon component
    */
   sideNavAriaLabel: PropTypes.string,
-
   /**
    * The submit button text
    */
   submitButtonText: PropTypes.string.isRequired,
-
   /**
    * The main title of the full page, displayed in the header area.
    */