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

package/es/components/CreateFullPage/CreateFullPage.d.ts

@@ -8,7 +8,7 @@ import React, { ReactNode } from 'react';
 import { StepsContextType } from '../CreateTearsheet/CreateTearsheet';
 export declare const StepsContext: React.Context<StepsContextType | null>;
 export declare const StepNumberContext: React.Context<number>;
-interface HeaderBreadcrumbs {
+interface HeaderBreadcrumb {
     /** breadcrumb item key */
     key: string;
     /** breadcrumb item label */
@@ -27,13 +27,15 @@ type CreateFullPageBreadcrumbsProps = {
      * Label for open/close overflow button used for breadcrumb items that do not fit
      */
     breadcrumbsOverflowAriaLabel?: never;
+    breadcrumbOverflowTooltipAlign?: never;
 } | {
     /** The header breadcrumbs */
-    breadcrumbs: HeaderBreadcrumbs;
+    breadcrumbs: HeaderBreadcrumb[];
     /**
      * Label for open/close overflow button used for breadcrumb items that do not fit
      */
     breadcrumbsOverflowAriaLabel: string;
+    breadcrumbOverflowTooltipAlign?: string;
 };
 type CreateFullPageBaseProps = {
     /**
@@ -88,6 +90,11 @@ type CreateFullPageBaseProps = {
      * A prop to omit the trailing slash for the breadcrumbs
      */
     noTrailingSlash?: boolean;
+    /**
+     * onChange event for Progress Indicator in the Influencer
+     * @param data step index
+     */
+    onClickInfluencerStep?: (data: number) => void;
     /**
      * 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
@@ -117,7 +124,7 @@ type CreateFullPageBaseProps = {
      */
     title?: string;
 };
-type CreateFullPageProps = CreateFullPageBaseProps & CreateFullPageBreadcrumbsProps;
+export type CreateFullPageProps = CreateFullPageBaseProps & CreateFullPageBreadcrumbsProps;
 /**
  * Use with creations that must be completed in order for a service to be usable.
  *

package/es/components/CreateFullPage/CreateFullPage.js

@@ -6,24 +6,24 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { Tooltip, Form, ComposedModal, ModalHeader, ModalBody, ModalFooter, Button } from '@carbon/react';
 import React__default, { useState, useEffect, createContext } from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import { overflowAriaLabel_required_if_breadcrumbs_exist, SimpleHeader } from '../SimpleHeader/SimpleHeader.js';
+import { ActionSet } from '../ActionSet/ActionSet.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
-import { pkg } from '../../settings.js';
-import { Form, ComposedModal, ModalHeader, ModalBody, ModalFooter, Button } from '@carbon/react';
-import { lastIndexInArray } from '../../global/js/utils/lastIndexInArray.js';
 import { getNumberOfHiddenSteps } from '../../global/js/utils/getNumberOfHiddenSteps.js';
-import { SimpleHeader, overflowAriaLabel_required_if_breadcrumbs_exist } from '../SimpleHeader/SimpleHeader.js';
+import { lastIndexInArray } from '../../global/js/utils/lastIndexInArray.js';
+import { pkg } from '../../settings.js';
 import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
 import { useCreateComponentFocus } from '../../global/js/hooks/useCreateComponentFocus.js';
 import { useValidCreateStepCount } from '../../global/js/hooks/useValidCreateStepCount.js';
 import { useResetCreateComponent } from '../../global/js/hooks/useResetCreateComponent.js';
 import { useCreateComponentStepChange } from '../../global/js/hooks/useCreateComponentStepChange.js';
 import { CreateInfluencer } from '../CreateInfluencer/CreateInfluencer.js';
-import { ActionSet } from '../ActionSet/ActionSet.js';
 
-var _excluded = ["breadcrumbsOverflowAriaLabel", "breadcrumbs", "backButtonText", "cancelButtonText", "children", "className", "initialStep", "maxVisibleBreadcrumbs", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText", "noTrailingSlash", "title", "secondaryTitle"];
+var _excluded = ["breadcrumbsOverflowAriaLabel", "breadcrumbs", "backButtonText", "cancelButtonText", "children", "className", "initialStep", "maxVisibleBreadcrumbs", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClickInfluencerStep", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText", "noTrailingSlash", "title", "secondaryTitle", "breadcrumbOverflowTooltipAlign"];
 var blockClass = "".concat(pkg.prefix, "--create-full-page");
 var componentName = 'CreateFullPage';
 
@@ -61,6 +61,7 @@ var CreateFullPage = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     modalSecondaryButtonText = _ref.modalSecondaryButtonText,
     modalTitle = _ref.modalTitle,
     nextButtonText = _ref.nextButtonText,
+    onClickInfluencerStep = _ref.onClickInfluencerStep,
     onClose = _ref.onClose,
     onRequestSubmit = _ref.onRequestSubmit,
     firstFocusElement = _ref.firstFocusElement,
@@ -68,6 +69,8 @@ var CreateFullPage = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     noTrailingSlash = _ref.noTrailingSlash,
     title = _ref.title,
     secondaryTitle = _ref.secondaryTitle,
+    _ref$breadcrumbOverfl = _ref.breadcrumbOverflowTooltipAlign,
+    breadcrumbOverflowTooltipAlign = _ref$breadcrumbOverfl === void 0 ? 'right' : _ref$breadcrumbOverfl,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -89,6 +92,7 @@ var CreateFullPage = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     _useState10 = _slicedToArray(_useState9, 2),
     modalIsOpen = _useState10[0],
     setModalIsOpen = _useState10[1];
+  // eslint-disable-next-line ssr-friendly/no-dom-globals-in-react-fc
   var previousState = usePreviousValue({
     currentStep: currentStep,
     open: open
@@ -99,24 +103,28 @@ var CreateFullPage = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     setIsDisabled = _useState12[1];
   var _useState13 = useState(),
     _useState14 = _slicedToArray(_useState13, 2),
-    onNext = _useState14[0],
-    _setOnNext = _useState14[1];
+    onPrevious = _useState14[0],
+    _setOnPrevious = _useState14[1];
   var _useState15 = useState(),
     _useState16 = _slicedToArray(_useState15, 2),
-    onMount = _useState16[0],
-    _setOnMount = _useState16[1];
-  var _useState17 = useState([]),
+    onNext = _useState16[0],
+    _setOnNext = _useState16[1];
+  var _useState17 = useState(),
     _useState18 = _slicedToArray(_useState17, 2),
-    stepData = _useState18[0],
-    setStepData = _useState18[1];
-  var _useState19 = useState(1),
+    onMount = _useState18[0],
+    _setOnMount = _useState18[1];
+  var _useState19 = useState([]),
     _useState20 = _slicedToArray(_useState19, 2),
-    firstIncludedStep = _useState20[0],
-    setFirstIncludedStep = _useState20[1];
-  var _useState21 = useState(),
+    stepData = _useState20[0],
+    setStepData = _useState20[1];
+  var _useState21 = useState(1),
     _useState22 = _slicedToArray(_useState21, 2),
-    lastIncludedStep = _useState22[0],
-    setLastIncludedStep = _useState22[1];
+    firstIncludedStep = _useState22[0],
+    setFirstIncludedStep = _useState22[1];
+  var _useState23 = useState(),
+    _useState24 = _slicedToArray(_useState23, 2),
+    lastIncludedStep = _useState24[0],
+    setLastIncludedStep = _useState24[1];
   useEffect(function () {
     var firstItem = stepData.findIndex(function (item) {
       return item === null || item === void 0 ? void 0 : item.shouldIncludeStep;
@@ -146,8 +154,7 @@ var CreateFullPage = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
   useResetCreateComponent({
     firstIncludedStep: firstIncludedStep,
     previousState: previousState,
-    /**@ts-ignore */
-    open: open,
+    open: true,
     setCurrentStep: setCurrentStep,
     stepData: stepData,
     /**@ts-ignore */
@@ -159,6 +166,7 @@ var CreateFullPage = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     firstIncludedStep: firstIncludedStep,
     lastIncludedStep: lastIncludedStep,
     stepData: stepData,
+    onPrevious: onPrevious,
     onNext: onNext,
     isSubmitDisabled: isDisabled,
     setCurrentStep: setCurrentStep,
@@ -190,7 +198,8 @@ var CreateFullPage = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     noTrailingSlash: noTrailingSlash,
     overflowAriaLabel: breadcrumbsOverflowAriaLabel,
     maxVisible: maxVisibleBreadcrumbs,
-    className: "".concat(blockClass, "__header")
+    className: "".concat(blockClass, "__header"),
+    overflowTooltipAlign: breadcrumbOverflowTooltipAlign
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__influencer-and-body-container")
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -198,7 +207,8 @@ var CreateFullPage = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
   }, /*#__PURE__*/React__default.createElement(CreateInfluencer, {
     stepData: stepData,
     currentStep: currentStep,
-    title: secondaryTitle
+    title: secondaryTitle,
+    onClickStep: onClickInfluencerStep
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__body")
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -212,6 +222,11 @@ var CreateFullPage = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     value: {
       currentStep: currentStep,
       setIsDisabled: setIsDisabled,
+      setOnPrevious: function setOnPrevious(fn) {
+        return _setOnPrevious(function () {
+          return fn;
+        });
+      },
       setOnNext: function setOnNext(fn) {
         return _setOnNext(function () {
           return fn;
@@ -273,6 +288,10 @@ CreateFullPage.propTypes = {
    * The back button text
    */
   backButtonText: PropTypes.string.isRequired,
+  /**
+   * align breadcrumb overflow tooltip
+   */
+  breadcrumbOverflowTooltipAlign: Tooltip.propTypes.align,
   /** The header breadcrumbs */
   /**@ts-ignore */
   breadcrumbs: PropTypes.arrayOf(PropTypes.shape({
@@ -339,6 +358,10 @@ CreateFullPage.propTypes = {
    * A prop to omit the trailing slash for the breadcrumbs
    */
   noTrailingSlash: PropTypes.bool,
+  /**
+   * onChange event for Progress Indicator in the Influencer
+   */
+  onClickInfluencerStep: PropTypes.func,
   /**
    * 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

package/es/components/CreateFullPage/CreateFullPageStep.d.ts

@@ -21,7 +21,7 @@ interface CreateFullPageStepBaseProps extends PropsWithChildren {
     /**
      * This optional prop will render your form content inside of a fieldset html element
      */
-    hasFieldset: boolean;
+    hasFieldset?: boolean;
     /**
      * This prop is used to help track dynamic steps. If this value is `false` then the step is not included in the visible steps or the ProgressIndicator
      * steps. If this value is `true` then the step will be included in the list of visible steps, as well as being included in the ProgressIndicator step list
@@ -46,6 +46,10 @@ interface CreateFullPageStepBaseProps extends PropsWithChildren {
      * This function can _optionally_ return a promise that is either resolved or rejected and the CreateFullPage will handle the submitting state of the next button.
      */
     onNext?: () => void | Promise<any>;
+    /**
+     * Optional function to be called when you move to the previous step.
+     */
+    onPrevious?: () => void;
     /**
      * Sets the optional secondary label on the progress step component
      */
@@ -60,12 +64,14 @@ interface CreateFullPageStepBaseProps extends PropsWithChildren {
     title: ReactNode;
 }
 type CreateFullPageStepFieldsetProps = {
+    fieldsetLegendText?: string;
+} | {
     hasFieldset: false;
     fieldsetLegendText?: string;
 } | {
-    hasFieldset?: true;
+    hasFieldset: true;
     fieldsetLegendText: string;
 };
-type CreateFullPageStepProps = CreateFullPageStepBaseProps & CreateFullPageStepFieldsetProps;
+export type CreateFullPageStepProps = CreateFullPageStepBaseProps & CreateFullPageStepFieldsetProps;
 export declare let CreateFullPageStep: React.ForwardRefExoticComponent<CreateFullPageStepProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/es/components/CreateFullPage/CreateFullPageStep.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef, useContext, useState, useEffect, isValidElement } from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import { Grid, Column, FormGroup } from '@carbon/react';
@@ -16,7 +16,7 @@ import pconsole from '../../global/js/utils/pconsole.js';
 import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
 import { useRetrieveStepData } from '../../global/js/hooks/useRetrieveStepData.js';
 
-var _excluded = ["children", "className", "subtitle", "description", "disableSubmit", "includeStep", "introStep", "invalid", "title", "hasFieldset", "fieldsetLegendText", "onNext", "onMount", "secondaryLabel"];
+var _excluded = ["children", "className", "subtitle", "description", "disableSubmit", "includeStep", "introStep", "invalid", "title", "hasFieldset", "fieldsetLegendText", "onNext", "onPrevious", "onMount", "secondaryLabel"];
 var componentName = 'CreateFullPageStep';
 var blockClass = "".concat(pkg.prefix, "--create-full-page__step");
 
@@ -24,6 +24,11 @@ var blockClass = "".concat(pkg.prefix, "--create-full-page__step");
 var defaults = {
   includeStep: true
 };
+
+// Try to specify the hasFieldset and fieldsetLegendText Typescript requirements.
+// Basically, fieldsetLegendText should only be specified when hasFieldset is true.
+// And usually, hasFieldset won't be specified at all unless it's being set to true.
+
 var CreateFullPageStep = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -38,6 +43,7 @@ var CreateFullPageStep = /*#__PURE__*/forwardRef(function (_ref, ref) {
     hasFieldset = _ref.hasFieldset,
     fieldsetLegendText = _ref.fieldsetLegendText,
     onNext = _ref.onNext,
+    onPrevious = _ref.onPrevious,
     onMount = _ref.onMount,
     secondaryLabel = _ref.secondaryLabel,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -77,8 +83,9 @@ var CreateFullPageStep = /*#__PURE__*/forwardRef(function (_ref, ref) {
     if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
       stepsContext.setIsDisabled(disableSubmit);
       stepsContext === null || stepsContext === void 0 || stepsContext.setOnNext(onNext); // needs to be updated here otherwise there could be stale state values from only initially setting onNext
+      stepsContext === null || stepsContext === void 0 || stepsContext.setOnPrevious(onPrevious);
     }
-  }, [stepsContext, stepNumber, disableSubmit, onNext]);
+  }, [stepsContext, stepNumber, disableSubmit, onNext, onPrevious]);
   var span = {
     span: 50
   }; // Half.
@@ -134,7 +141,6 @@ CreateFullPageStep.propTypes = {
   /**
    * This will conditionally disable the submit button in the multi step CreateFullPage
    */
-  /**@ts-ignore */
   disableSubmit: PropTypes.bool,
   /**
    * This is the legend text that appears above a fieldset html element for accessibility purposes. It is required when the optional `hasFieldset` prop is provided to a FullPageStep.
@@ -147,7 +153,6 @@ CreateFullPageStep.propTypes = {
   /**
    * This optional prop will render your form content inside of a fieldset html element
    */
-  /**@ts-ignore */
   hasFieldset: PropTypes.bool,
   /**
    * This prop is used to help track dynamic steps. If this value is `false` then the step is not included in the visible steps or the ProgressIndicator
@@ -173,6 +178,10 @@ CreateFullPageStep.propTypes = {
    * This function can _optionally_ return a promise that is either resolved or rejected and the CreateFullPage will handle the submitting state of the next button.
    */
   onNext: PropTypes.func,
+  /**
+   * Optional function to be called when you move to the previous step.
+   */
+  onPrevious: PropTypes.func,
   /**
    * Sets the optional secondary label on the progress step component
    */

package/es/components/CreateFullPage/index.d.ts

@@ -1,2 +1,10 @@
-export { CreateFullPage } from "./CreateFullPage";
-export { CreateFullPageStep } from "./CreateFullPageStep";
+/**
+ * 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 { CreateFullPage } from './CreateFullPage';
+export { CreateFullPageStep } from './CreateFullPageStep';
+export type { CreateFullPageProps } from './CreateFullPage';
+export type { CreateFullPageStepProps } from './CreateFullPageStep';

package/es/components/CreateInfluencer/CreateInfluencer.d.ts

@@ -4,7 +4,7 @@
  * 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 { PropsWithChildren, ReactNode } from 'react';
+import React, { PropsWithChildren, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import '../../global/js/utils/props-helper';
 interface Step {
@@ -22,6 +22,10 @@ interface CreateInfluencerProps {
      * Provide the current step number.
      */
     currentStep: number;
+    /**
+     * onChange event for Progress Indicator
+     */
+    onClickStep?: (step: number) => void;
     /**
      * Provide the Set Data.
      */
@@ -32,7 +36,7 @@ interface CreateInfluencerProps {
     title?: string | undefined;
 }
 export declare const CreateInfluencer: {
-    ({ className, currentStep, stepData, title, }: PropsWithChildren<CreateInfluencerProps>): import("react/jsx-runtime").JSX.Element;
+    ({ className, currentStep, onClickStep, stepData, title, }: PropsWithChildren<CreateInfluencerProps>): React.JSX.Element;
     displayName: string;
     propTypes: {
         /**
@@ -43,6 +47,10 @@ export declare const CreateInfluencer: {
          * Used to mark the current step on the ProgressIndicator component
          */
         currentStep: PropTypes.Validator<number>;
+        /**
+         * onChange event for Progress Indicator
+         */
+        onClickStep: PropTypes.Requireable<(...args: any[]) => any>;
         /**
          * The step data that renders the progress items
          */

package/es/components/CreateInfluencer/CreateInfluencer.js

@@ -6,7 +6,7 @@
  */
 
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { ProgressIndicator, ProgressStep } from '@carbon/react';
 import '../../global/js/utils/props-helper.js';
@@ -20,6 +20,7 @@ var componentName = 'CreateInfluencer';
 var CreateInfluencer = function CreateInfluencer(_ref) {
   var className = _ref.className,
     currentStep = _ref.currentStep,
+    onClickStep = _ref.onClickStep,
     stepData = _ref.stepData,
     title = _ref.title;
   var getNumberOfDynamicStepsBeforeCurrentStep = function getNumberOfDynamicStepsBeforeCurrentStep(array, key) {
@@ -57,10 +58,11 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
       ,
       spaceEqually: true,
       vertical: true,
-      className: cx("".concat(blockClass, "__progress-indicator"))
+      className: cx("".concat(blockClass, "__progress-indicator")),
+      onChange: onClickStep
     }, progressSteps.map(function (step, stepIndex) {
       return /*#__PURE__*/React__default.createElement(ProgressStep, {
-        label: step.title,
+        label: step === null || step === void 0 ? void 0 : step.title,
         key: stepIndex,
         secondaryLabel: step.secondaryLabel || undefined,
         invalid: step.invalid
@@ -84,6 +86,10 @@ CreateInfluencer.propTypes = {
    * Used to mark the current step on the ProgressIndicator component
    */
   currentStep: PropTypes.number.isRequired,
+  /**
+   * onChange event for Progress Indicator
+   */
+  onClickStep: PropTypes.func,
   /**
    * The step data that renders the progress items
    */

package/es/components/CreateModal/CreateModal.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import React, { ReactNode } from 'react';
 import { ComposedModal } from '@carbon/react';
-interface CreateModalProps extends React.ComponentProps<typeof ComposedModal> {
+import React, { ReactNode } from 'react';
+export interface CreateModalProps extends React.ComponentProps<typeof ComposedModal> {
     /**
      * Specify an optional className to be applied to the modal root node
      */
@@ -58,7 +58,7 @@ interface CreateModalProps extends React.ComponentProps<typeof ComposedModal> {
     /**
      * Specifies which DOM element in the form should be focused.
      */
-    selectorPrimaryFocus: ReactNode;
+    selectorPrimaryFocus: string;
 }
 /**
  * The `CreateModal` component provides a way for a user to quickly generate a new
@@ -68,5 +68,4 @@ immediately apparent to the user, with a clear and obvious path to completion.
  */
 export declare let CreateModal: React.ForwardRefExoticComponent<CreateModalProps & {
     children?: React.ReactNode;
-} & React.RefAttributes<unknown>>;
-export {};
+} & React.RefAttributes<HTMLDivElement>>;

package/es/components/CreateModal/CreateModal.js

@@ -6,9 +6,9 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
 import { ComposedModal, ModalHeader, ModalBody, Form, ModalFooter, Button } from '@carbon/react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import React__default from 'react';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
@@ -136,7 +136,7 @@ CreateModal.propTypes = {
   /**
    * Specifies which DOM element in the form should be focused.
    */
-  selectorPrimaryFocus: PropTypes.node.isRequired,
+  selectorPrimaryFocus: PropTypes.string.isRequired,
   /**
    * The subtitle of the CreateModal is optional and serves to provide more information about the modal.
    */

package/es/components/CreateModal/index.d.ts

@@ -1 +1,2 @@
-export { CreateModal } from "./CreateModal";
+export { CreateModal } from './CreateModal';
+export type { CreateModalProps } from './CreateModal';

package/es/components/CreateSidePanel/CreateSidePanel.js

@@ -7,13 +7,13 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { Form } from '@carbon/react';
-import uuidv4 from '../../global/js/utils/uuidv4.js';
 import { SidePanel } from '../SidePanel/SidePanel.js';
+import uuidv4 from '../../global/js/utils/uuidv4.js';
 
 var _excluded = ["className", "children", "disableSubmit", "formTitle", "formDescription", "id", "onRequestClose", "onRequestSubmit", "open", "primaryButtonText", "secondaryButtonText", "selectorPageContent", "selectorPrimaryFocus", "subtitle", "title"];
 

package/es/components/CreateSidePanel/index.d.ts

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

package/es/components/CreateTearsheet/CreateTearsheet.d.ts

@@ -4,9 +4,11 @@
  * 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, { ReactNode, PropsWithChildren, Dispatch, SetStateAction } from 'react';
+import React, { Dispatch, PropsWithChildren, ReactNode, SetStateAction } from 'react';
+import { ExperimentalSecondarySubmit } from './CreateTearsheetStep';
 export interface StepsContextType {
     currentStep: number;
+    setExperimentalSecondarySubmit: Dispatch<SetStateAction<ExperimentalSecondarySubmit>>;
     setIsDisabled: Dispatch<SetStateAction<boolean>>;
     setOnPrevious: (fn: any) => void;
     setOnNext: (fn: any) => void;
@@ -16,7 +18,7 @@ export interface StepsContextType {
 }
 export declare const StepsContext: React.Context<StepsContextType | null>;
 export declare const StepNumberContext: React.Context<number>;
-interface CreateTearsheetProps extends PropsWithChildren {
+export interface CreateTearsheetProps extends PropsWithChildren {
     /**
      * The back button text
      */
@@ -32,6 +34,10 @@ interface CreateTearsheetProps extends PropsWithChildren {
      * An optional class or classes to be added to the outermost element.
      */
     className?: string;
+    /**
+     * The experimentalSecondary submit button text
+     */
+    experimentalSecondarySubmitText?: string;
     /**
      * A description of the flow, displayed in the header area of the tearsheet.
      */

package/es/components/CreateTearsheet/CreateTearsheet.js

@@ -7,14 +7,14 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef, useState, useRef, useEffect, createContext } from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from 'classnames';
 import { Form } from '@carbon/react';
+import PropTypes from '../../_virtual/index.js';
 import { TearsheetShell } from '../Tearsheet/TearsheetShell.js';
-import { pkg } from '../../settings.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
-import { lastIndexInArray } from '../../global/js/utils/lastIndexInArray.js';
 import { getNumberOfHiddenSteps } from '../../global/js/utils/getNumberOfHiddenSteps.js';
+import { lastIndexInArray } from '../../global/js/utils/lastIndexInArray.js';
+import { pkg } from '../../settings.js';
 import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
 import { useCreateComponentFocus } from '../../global/js/hooks/useCreateComponentFocus.js';
 import { useValidCreateStepCount } from '../../global/js/hooks/useValidCreateStepCount.js';
@@ -22,7 +22,7 @@ import { useResetCreateComponent } from '../../global/js/hooks/useResetCreateCom
 import { useCreateComponentStepChange } from '../../global/js/hooks/useCreateComponentStepChange.js';
 import { CreateInfluencer } from '../CreateInfluencer/CreateInfluencer.js';
 
-var _excluded = ["backButtonText", "cancelButtonText", "children", "className", "description", "influencerWidth", "initialStep", "label", "nextButtonText", "onClose", "onRequestSubmit", "open", "firstFocusElement", "slug", "submitButtonText", "title", "verticalPosition"];
+var _excluded = ["backButtonText", "cancelButtonText", "children", "className", "experimentalSecondarySubmitText", "description", "influencerWidth", "initialStep", "label", "nextButtonText", "onClose", "onRequestSubmit", "open", "firstFocusElement", "slug", "submitButtonText", "title", "verticalPosition"];
 var componentName = 'CreateTearsheet';
 var blockClass = "".concat(pkg.prefix, "--tearsheet-create");
 
@@ -40,6 +40,7 @@ var CreateTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
     cancelButtonText = _ref.cancelButtonText,
     children = _ref.children,
     className = _ref.className,
+    experimentalSecondarySubmitText = _ref.experimentalSecondarySubmitText,
     description = _ref.description,
     _ref$influencerWidth = _ref.influencerWidth,
     influencerWidth = _ref$influencerWidth === void 0 ? 'narrow' : _ref$influencerWidth,
@@ -104,6 +105,10 @@ var CreateTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _useState24 = _slicedToArray(_useState23, 2),
     lastIncludedStep = _useState24[0],
     setLastIncludedStep = _useState24[1];
+  var _useState25 = useState({}),
+    _useState26 = _slicedToArray(_useState25, 2),
+    experimentalSecondarySubmit = _useState26[0],
+    setExperimentalSecondarySubmit = _useState26[1];
   var previousState = usePreviousValue({
     currentStep: currentStep,
     open: open
@@ -111,10 +116,11 @@ var CreateTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var contentRef = useRef(null);
   useEffect(function () {
     var firstItem = stepData.findIndex(function (item) {
-      return item === null || item === void 0 ? void 0 : item.shouldIncludeStep;
+      return item.shouldIncludeStep === true;
     }) + 1;
     var lastItem = lastIndexInArray(stepData, 'shouldIncludeStep', true);
     if (firstItem !== firstIncludedStep) {
+      setCurrentStep(firstItem);
       setFirstIncludedStep(firstItem);
     }
     if (lastItem !== lastIncludedStep) {
@@ -123,10 +129,8 @@ var CreateTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
     if (open && initialStep) {
       var numberOfHiddenSteps = getNumberOfHiddenSteps(stepData, initialStep);
       setCurrentStep(Number(initialStep + numberOfHiddenSteps));
-    } else {
-      setCurrentStep(firstIncludedStep);
     }
-  }, [stepData, firstIncludedStep, lastIncludedStep, initialStep, open]);
+  }, [firstIncludedStep, initialStep, lastIncludedStep, open, stepData]);
   useCreateComponentFocus({
     previousState: previousState,
     currentStep: currentStep,
@@ -171,6 +175,8 @@ var CreateTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
     nextButtonText: nextButtonText,
     isSubmitting: isSubmitting,
     componentBlockClass: blockClass,
+    experimentalSecondarySubmit: experimentalSecondarySubmit,
+    experimentalSecondarySubmitText: experimentalSecondarySubmit.labelText ? experimentalSecondarySubmit.labelText : experimentalSecondarySubmitText,
     setCreateComponentActions: setCreateTearsheetActions
   });
   return /*#__PURE__*/React__default.createElement(TearsheetShell, _extends({}, getDevtoolsProps(componentName), rest, {
@@ -199,6 +205,7 @@ var CreateTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React__default.createElement(StepsContext.Provider, {
     value: {
       currentStep: currentStep,
+      setExperimentalSecondarySubmit: setExperimentalSecondarySubmit,
       setIsDisabled: setIsDisabled,
       setOnPrevious: function setOnPrevious(fn) {
         return _setOnPrevious(function () {
@@ -255,6 +262,10 @@ CreateTearsheet.propTypes = {
    * A description of the flow, displayed in the header area of the tearsheet.
    */
   description: PropTypes.node,
+  /**
+   * The experimentalSecondary submit button text
+   */
+  experimentalSecondarySubmitText: PropTypes.string,
   /**
    * Specifies elements to focus on first on render.
    */

package/es/components/CreateTearsheet/CreateTearsheetDivider.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../settings.js';