@carbon/ibm-products 2.43.2-canary.25 → 2.43.2-canary.252

package/lib/components/CreateFullPage/CreateFullPage.js

@@ -10,29 +10,29 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@carbon/react');
 var React = require('react');
+var SimpleHeader = require('../SimpleHeader/SimpleHeader.js');
+var ActionSet = require('../ActionSet/ActionSet.js');
 var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
-var settings = require('../../settings.js');
-var react = require('@carbon/react');
-var lastIndexInArray = require('../../global/js/utils/lastIndexInArray.js');
 var getNumberOfHiddenSteps = require('../../global/js/utils/getNumberOfHiddenSteps.js');
-var SimpleHeader = require('../SimpleHeader/SimpleHeader.js');
+var lastIndexInArray = require('../../global/js/utils/lastIndexInArray.js');
+var settings = require('../../settings.js');
 var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
 var useCreateComponentFocus = require('../../global/js/hooks/useCreateComponentFocus.js');
 var useValidCreateStepCount = require('../../global/js/hooks/useValidCreateStepCount.js');
 var useResetCreateComponent = require('../../global/js/hooks/useResetCreateComponent.js');
 var useCreateComponentStepChange = require('../../global/js/hooks/useCreateComponentStepChange.js');
 var CreateInfluencer = require('../CreateInfluencer/CreateInfluencer.js');
-var ActionSet = require('../ActionSet/ActionSet.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 = ["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", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText", "noTrailingSlash", "title", "secondaryTitle", "breadcrumbOverflowTooltipAlign"];
 var blockClass = "".concat(settings.pkg.prefix, "--create-full-page");
 var componentName = 'CreateFullPage';
 
@@ -77,6 +77,8 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
     noTrailingSlash = _ref.noTrailingSlash,
     title = _ref.title,
     secondaryTitle = _ref.secondaryTitle,
+    _ref$breadcrumbOverfl = _ref.breadcrumbOverflowTooltipAlign,
+    breadcrumbOverflowTooltipAlign = _ref$breadcrumbOverfl === void 0 ? 'right' : _ref$breadcrumbOverfl,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState([]),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -98,6 +100,7 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
     _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
     modalIsOpen = _useState10[0],
     setModalIsOpen = _useState10[1];
+  // eslint-disable-next-line ssr-friendly/no-dom-globals-in-react-fc
   var previousState = usePreviousValue.usePreviousValue({
     currentStep: currentStep,
     open: open
@@ -155,8 +158,7 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
   useResetCreateComponent.useResetCreateComponent({
     firstIncludedStep: firstIncludedStep,
     previousState: previousState,
-    /**@ts-ignore */
-    open: open,
+    open: true,
     setCurrentStep: setCurrentStep,
     stepData: stepData,
     /**@ts-ignore */
@@ -199,7 +201,8 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
     noTrailingSlash: noTrailingSlash,
     overflowAriaLabel: breadcrumbsOverflowAriaLabel,
     maxVisible: maxVisibleBreadcrumbs,
-    className: "".concat(blockClass, "__header")
+    className: "".concat(blockClass, "__header"),
+    overflowTooltipAlign: breadcrumbOverflowTooltipAlign
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__influencer-and-body-container")
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -282,6 +285,10 @@ exports.CreateFullPage.propTypes = {
    * The back button text
    */
   backButtonText: index["default"].string.isRequired,
+  /**
+   * align breadcrumb overflow tooltip
+   */
+  breadcrumbOverflowTooltipAlign: react.Tooltip.propTypes.align,
   /** The header breadcrumbs */
   /**@ts-ignore */
   breadcrumbs: index["default"].arrayOf(index["default"].shape({

package/lib/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
@@ -60,12 +60,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/lib/components/CreateFullPage/CreateFullPageStep.js

@@ -33,6 +33,11 @@ var blockClass = "".concat(settings.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.
+
 exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -143,7 +148,6 @@ exports.CreateFullPageStep.propTypes = {
   /**
    * This will conditionally disable the submit button in the multi step CreateFullPage
    */
-  /**@ts-ignore */
   disableSubmit: index["default"].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.
@@ -156,7 +160,6 @@ exports.CreateFullPageStep.propTypes = {
   /**
    * This optional prop will render your form content inside of a fieldset html element
    */
-  /**@ts-ignore */
   hasFieldset: index["default"].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

package/lib/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/lib/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
      */
@@ -69,4 +69,3 @@ 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 {};

package/lib/components/CreateModal/CreateModal.js

@@ -10,8 +10,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
 var react = require('@carbon/react');
+var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');

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

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

package/lib/components/CreateSidePanel/CreateSidePanel.js

@@ -16,8 +16,8 @@ var cx = require('classnames');
 var settings = require('../../settings.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var react = require('@carbon/react');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var SidePanel = require('../SidePanel/SidePanel.js');
+var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/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/lib/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/lib/components/CreateTearsheet/CreateTearsheet.js

@@ -11,14 +11,14 @@ 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 cx = require('classnames');
 var react = require('@carbon/react');
+var index = require('../../node_modules/prop-types/index.js');
 var TearsheetShell = require('../Tearsheet/TearsheetShell.js');
-var settings = require('../../settings.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
-var lastIndexInArray = require('../../global/js/utils/lastIndexInArray.js');
 var getNumberOfHiddenSteps = require('../../global/js/utils/getNumberOfHiddenSteps.js');
+var lastIndexInArray = require('../../global/js/utils/lastIndexInArray.js');
+var settings = require('../../settings.js');
 var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
 var useCreateComponentFocus = require('../../global/js/hooks/useCreateComponentFocus.js');
 var useValidCreateStepCount = require('../../global/js/hooks/useValidCreateStepCount.js');
@@ -31,7 +31,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-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(settings.pkg.prefix, "--tearsheet-create");
 
@@ -49,6 +49,7 @@ exports.CreateTearsheet = /*#__PURE__*/React.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,
@@ -113,6 +114,10 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _useState24 = _rollupPluginBabelHelpers.slicedToArray(_useState23, 2),
     lastIncludedStep = _useState24[0],
     setLastIncludedStep = _useState24[1];
+  var _useState25 = React.useState({}),
+    _useState26 = _rollupPluginBabelHelpers.slicedToArray(_useState25, 2),
+    experimentalSecondarySubmit = _useState26[0],
+    setExperimentalSecondarySubmit = _useState26[1];
   var previousState = usePreviousValue.usePreviousValue({
     currentStep: currentStep,
     open: open
@@ -120,10 +125,11 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var contentRef = React.useRef(null);
   React.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.lastIndexInArray(stepData, 'shouldIncludeStep', true);
     if (firstItem !== firstIncludedStep) {
+      setCurrentStep(firstItem);
       setFirstIncludedStep(firstItem);
     }
     if (lastItem !== lastIncludedStep) {
@@ -132,10 +138,8 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (open && initialStep) {
       var numberOfHiddenSteps = getNumberOfHiddenSteps.getNumberOfHiddenSteps(stepData, initialStep);
       setCurrentStep(Number(initialStep + numberOfHiddenSteps));
-    } else {
-      setCurrentStep(firstIncludedStep);
     }
-  }, [stepData, firstIncludedStep, lastIncludedStep, initialStep, open]);
+  }, [firstIncludedStep, initialStep, lastIncludedStep, open, stepData]);
   useCreateComponentFocus.useCreateComponentFocus({
     previousState: previousState,
     currentStep: currentStep,
@@ -180,6 +184,8 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     nextButtonText: nextButtonText,
     isSubmitting: isSubmitting,
     componentBlockClass: blockClass,
+    experimentalSecondarySubmit: experimentalSecondarySubmit,
+    experimentalSecondarySubmitText: experimentalSecondarySubmit.labelText ? experimentalSecondarySubmit.labelText : experimentalSecondarySubmitText,
     setCreateComponentActions: setCreateTearsheetActions
   });
   return /*#__PURE__*/React__default["default"].createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers["extends"]({}, devtools.getDevtoolsProps(componentName), rest, {
@@ -208,6 +214,7 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React__default["default"].createElement(StepsContext.Provider, {
     value: {
       currentStep: currentStep,
+      setExperimentalSecondarySubmit: setExperimentalSecondarySubmit,
       setIsDisabled: setIsDisabled,
       setOnPrevious: function setOnPrevious(fn) {
         return _setOnPrevious(function () {
@@ -264,6 +271,10 @@ exports.CreateTearsheet.propTypes = {
    * A description of the flow, displayed in the header area of the tearsheet.
    */
   description: index["default"].node,
+  /**
+   * The experimentalSecondary submit button text
+   */
+  experimentalSecondarySubmitText: index["default"].string,
   /**
    * Specifies elements to focus on first on render.
    */

package/lib/components/CreateTearsheet/CreateTearsheetStep.d.ts

@@ -49,6 +49,10 @@ interface CreateTearsheetStepBaseProps extends PropsWithChildren {
      * This will conditionally disable the submit button in the multi step Tearsheet
      */
     disableSubmit?: boolean;
+    /**
+     * Configuration options for customizing the behavior of the experimentalSecondary submit button.
+     */
+    experimentalSecondarySubmit?: ExperimentalSecondarySubmit;
     /**
      * 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
@@ -91,5 +95,19 @@ interface CreateTearsheetStepBaseProps extends PropsWithChildren {
     title: React.ReactNode;
 }
 type CreateTearsheetStepProps = CreateTearsheetStepBaseProps & fieldsetLegendTextProps;
+/**
+ * Configuration options for customizing the behavior of the experimentalSecondary submit button.
+ *
+ * @property {string} [labelText] - Optional text to replace the default button text.
+ * @property {boolean} [disabled] - If true, the button will be disabled and not clickable.
+ * @property {boolean} [hideSecondarySubmit] - If true, the button will be hidden from view.
+ * @property {() => void} [onClick] - Optional click handler function to be executed when the button is clicked.
+ */
+export type ExperimentalSecondarySubmit = {
+    labelText?: string;
+    disabled?: boolean;
+    hideSecondarySubmit?: boolean;
+    onClick?: () => void;
+};
 export declare let CreateTearsheetStep: React.ForwardRefExoticComponent<CreateTearsheetStepProps & React.RefAttributes<unknown>>;
 export {};

package/lib/components/CreateTearsheet/CreateTearsheetStep.js

@@ -25,7 +25,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["children", "className", "description", "disableSubmit", "fieldsetLegendText", "hasFieldset", "includeStep", "introStep", "invalid", "onMount", "onNext", "onPrevious", "secondaryLabel", "subtitle", "title"];
+var _excluded = ["children", "className", "description", "disableSubmit", "experimentalSecondarySubmit", "fieldsetLegendText", "hasFieldset", "includeStep", "introStep", "invalid", "onMount", "onNext", "onPrevious", "secondaryLabel", "subtitle", "title"];
 var componentName = 'CreateTearsheetStep';
 var blockClass = "".concat(settings.pkg.prefix, "--tearsheet-create__step");
 
@@ -34,11 +34,22 @@ var defaults = {
   hasFieldset: true,
   includeStep: true
 };
+
+/**
+ * Configuration options for customizing the behavior of the experimentalSecondary submit button.
+ *
+ * @property {string} [labelText] - Optional text to replace the default button text.
+ * @property {boolean} [disabled] - If true, the button will be disabled and not clickable.
+ * @property {boolean} [hideSecondarySubmit] - If true, the button will be hidden from view.
+ * @property {() => void} [onClick] - Optional click handler function to be executed when the button is clicked.
+ */
+
 exports.CreateTearsheetStep = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     description = _ref.description,
     disableSubmit = _ref.disableSubmit,
+    experimentalSecondarySubmit = _ref.experimentalSecondarySubmit,
     fieldsetLegendText = _ref.fieldsetLegendText,
     _ref$hasFieldset = _ref.hasFieldset,
     hasFieldset = _ref$hasFieldset === void 0 ? defaults.hasFieldset : _ref$hasFieldset,
@@ -80,8 +91,9 @@ exports.CreateTearsheetStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   React.useEffect(function () {
     if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep) && (previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
       stepsContext === null || stepsContext === void 0 || stepsContext.setOnMount(onMount);
+      stepsContext === null || stepsContext === void 0 || stepsContext.setExperimentalSecondarySubmit(_rollupPluginBabelHelpers.objectSpread2({}, experimentalSecondarySubmit));
     }
-  }, [onMount, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : previousState.currentStep]);
+  }, [onMount, experimentalSecondarySubmit, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : previousState.currentStep]);
 
   // Used to take the `includeStep` prop and use it as a local state value
   React.useEffect(function () {
@@ -172,6 +184,21 @@ exports.CreateTearsheetStep.propTypes = {
    * This will conditionally disable the submit button in the multi step Tearsheet
    */
   disableSubmit: index["default"].bool,
+  /**
+   * Configuration options for customizing the behavior of the experimentalSecondary submit button.
+   *
+   * @property {string} [labelText] - Optional text to replace the default button text.
+   * @property {boolean} [disabled] - If true, the button will be disabled and not clickable.
+   * @property {boolean} [hideSecondarySubmit] - If true, the button will be hidden from view.
+   * @property {() => void} [onClick] - Optional click handler function to be executed when the button is clicked.
+   */
+  /**@ts-ignore*/
+  experimentalSecondarySubmit: index["default"].shape({
+    labelText: index["default"].string,
+    disabled: index["default"].bool,
+    hideSecondarySubmit: index["default"].bool,
+    onClick: index["default"].func
+  }),
   /**
    * 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 step content.

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

@@ -1,3 +1,10 @@
-export { CreateTearsheet } from "./CreateTearsheet";
-export { CreateTearsheetStep } from "./CreateTearsheetStep";
-export { CreateTearsheetDivider } from "./CreateTearsheetDivider";
+/**
+ * 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 { CreateTearsheet } from './CreateTearsheet';
+export { CreateTearsheetStep } from './CreateTearsheetStep';
+export { CreateTearsheetDivider } from './CreateTearsheetDivider';
+export type { CreateTearsheetProps } from './CreateTearsheet';

package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts

@@ -6,7 +6,7 @@
  */
 import React, { PropsWithChildren, ReactNode } from 'react';
 type VerticalPosition = 'normal' | 'lower';
-interface CreateTearsheetNarrowProps extends PropsWithChildren {
+export interface CreateTearsheetNarrowProps extends PropsWithChildren {
     /**
      * Provide the contents of the CreateTearsheetNarrow.
      */

package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js

@@ -11,12 +11,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
+var react = require('@carbon/react');
 var index = require('../../node_modules/prop-types/index.js');
+var TearsheetNarrow = require('../Tearsheet/TearsheetNarrow.js');
 var cx = require('classnames');
-var react = require('@carbon/react');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var TearsheetNarrow = require('../Tearsheet/TearsheetNarrow.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

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

package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts

@@ -4,10 +4,10 @@
  * 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 from 'react';
-import { Column } from 'react-table';
 import { Size, Theme } from './types';
-interface DataSpreadsheetProps {
+import { Column } from 'react-table';
+import React from 'react';
+export interface DataSpreadsheetProps {
     /**
      * Specifies the cell height
      */
@@ -20,6 +20,10 @@ interface DataSpreadsheetProps {
      * The data that will build the column headers
      */
     columns?: readonly Column<object>[];
+    /**
+     * Disable column swapping, default false
+     */
+    disableColumnSwapping?: boolean;
     /**
      * The spreadsheet data that will be rendered in the body of the spreadsheet component
      */
@@ -28,6 +32,10 @@ interface DataSpreadsheetProps {
      * Sets the number of empty rows to be created when there is no data provided
      */
     defaultEmptyRowCount?: number;
+    /**
+     * Check if has custom row header component attached
+     */
+    hasCustomRowHeader?: boolean;
     /**
      * The spreadsheet id
      */
@@ -36,6 +44,12 @@ interface DataSpreadsheetProps {
      * The event handler that is called when the active cell changes
      */
     onActiveCellChange?: () => void;
+    /**
+     * Callback for columns after being dragged
+     */
+    onColDrag?: ({ ...args }: {
+        [x: string]: any;
+    }) => void;
     /**
      * The setter fn for the data prop
      */
@@ -46,6 +60,18 @@ interface DataSpreadsheetProps {
      * The event handler that is called when the selection area values change
      */
     onSelectionAreaChange?: () => void;
+    /**
+     * Read-only table
+     */
+    readOnlyTable?: boolean;
+    /**
+     * Position of the custom row numbering component
+     */
+    renderRowHeaderDirection?: 'left' | 'right';
+    /**
+     * Component next to numbering rows
+     */
+    renderRowHeader?: (index: number) => any[];
     /**
      * The aria label applied to the Select all button
      */
@@ -68,4 +94,3 @@ interface DataSpreadsheetProps {
  * DataSpreadsheet: used to organize and display large amounts of structured data, separated by columns and rows in a grid-like format.
  */
 export declare let DataSpreadsheet: React.ForwardRefExoticComponent<DataSpreadsheetProps & React.RefAttributes<HTMLDivElement>>;
-export {};