@carbon/ibm-products 2.43.2-canary.321 → 2.43.2-canary.325

package/lib/components/CreateFullPage/CreateFullPage.js

@@ -25,7 +25,7 @@ var useResetCreateComponent = require('../../global/js/hooks/useResetCreateCompo
 var useCreateComponentStepChange = require('../../global/js/hooks/useCreateComponentStepChange.js');
 var CreateInfluencer = require('../CreateInfluencer/CreateInfluencer.js');
 
-var _excluded = ["breadcrumbsOverflowAriaLabel", "breadcrumbs", "backButtonText", "cancelButtonText", "children", "className", "initialStep", "maxVisibleBreadcrumbs", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText", "noTrailingSlash", "title", "secondaryTitle", "breadcrumbOverflowTooltipAlign"];
+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(settings.pkg.prefix, "--create-full-page");
 var componentName = 'CreateFullPage';
 
@@ -63,6 +63,7 @@ exports.CreateFullPage = /*#__PURE__*/React.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,
@@ -104,24 +105,28 @@ exports.CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setIsDisabled = _useState12[1];
   var _useState13 = React.useState(),
     _useState14 = _rollupPluginBabelHelpers.slicedToArray(_useState13, 2),
-    onNext = _useState14[0],
-    _setOnNext = _useState14[1];
+    onPrevious = _useState14[0],
+    _setOnPrevious = _useState14[1];
   var _useState15 = React.useState(),
     _useState16 = _rollupPluginBabelHelpers.slicedToArray(_useState15, 2),
-    onMount = _useState16[0],
-    _setOnMount = _useState16[1];
-  var _useState17 = React.useState([]),
+    onNext = _useState16[0],
+    _setOnNext = _useState16[1];
+  var _useState17 = React.useState(),
     _useState18 = _rollupPluginBabelHelpers.slicedToArray(_useState17, 2),
-    stepData = _useState18[0],
-    setStepData = _useState18[1];
-  var _useState19 = React.useState(1),
+    onMount = _useState18[0],
+    _setOnMount = _useState18[1];
+  var _useState19 = React.useState([]),
     _useState20 = _rollupPluginBabelHelpers.slicedToArray(_useState19, 2),
-    firstIncludedStep = _useState20[0],
-    setFirstIncludedStep = _useState20[1];
-  var _useState21 = React.useState(),
+    stepData = _useState20[0],
+    setStepData = _useState20[1];
+  var _useState21 = React.useState(1),
     _useState22 = _rollupPluginBabelHelpers.slicedToArray(_useState21, 2),
-    lastIncludedStep = _useState22[0],
-    setLastIncludedStep = _useState22[1];
+    firstIncludedStep = _useState22[0],
+    setFirstIncludedStep = _useState22[1];
+  var _useState23 = React.useState(),
+    _useState24 = _rollupPluginBabelHelpers.slicedToArray(_useState23, 2),
+    lastIncludedStep = _useState24[0],
+    setLastIncludedStep = _useState24[1];
   React.useEffect(function () {
     var firstItem = stepData.findIndex(function (item) {
       return item === null || item === void 0 ? void 0 : item.shouldIncludeStep;
@@ -163,6 +168,7 @@ exports.CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     firstIncludedStep: firstIncludedStep,
     lastIncludedStep: lastIncludedStep,
     stepData: stepData,
+    onPrevious: onPrevious,
     onNext: onNext,
     isSubmitDisabled: isDisabled,
     setCurrentStep: setCurrentStep,
@@ -203,7 +209,8 @@ exports.CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement(CreateInfluencer.CreateInfluencer, {
     stepData: stepData,
     currentStep: currentStep,
-    title: secondaryTitle
+    title: secondaryTitle,
+    onClickStep: onClickInfluencerStep
   })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__body")
   }, /*#__PURE__*/React.createElement("div", {
@@ -217,6 +224,11 @@ exports.CreateFullPage = /*#__PURE__*/React.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;
@@ -348,6 +360,10 @@ exports.CreateFullPage.propTypes = {
    * A prop to omit the trailing slash for the breadcrumbs
    */
   noTrailingSlash: index.default.bool,
+  /**
+   * onChange event for Progress Indicator in the Influencer
+   */
+  onClickInfluencerStep: index.default.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/lib/components/CreateFullPage/CreateFullPageStep.d.ts

@@ -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
      */

package/lib/components/CreateFullPage/CreateFullPageStep.js

@@ -18,7 +18,7 @@ var pconsole = require('../../global/js/utils/pconsole.js');
 var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
 var useRetrieveStepData = require('../../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(settings.pkg.prefix, "--create-full-page__step");
 
@@ -45,6 +45,7 @@ exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     hasFieldset = _ref.hasFieldset,
     fieldsetLegendText = _ref.fieldsetLegendText,
     onNext = _ref.onNext,
+    onPrevious = _ref.onPrevious,
     onMount = _ref.onMount,
     secondaryLabel = _ref.secondaryLabel,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
@@ -84,8 +85,9 @@ exports.CreateFullPageStep = /*#__PURE__*/React.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.
@@ -178,6 +180,10 @@ exports.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: index.default.func,
+  /**
+   * Optional function to be called when you move to the previous step.
+   */
+  onPrevious: index.default.func,
   /**
    * Sets the optional secondary label on the progress step component
    */

package/lib/components/CreateInfluencer/CreateInfluencer.d.ts

@@ -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>): React.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/lib/components/CreateInfluencer/CreateInfluencer.js

@@ -22,6 +22,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) {
@@ -59,10 +60,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.createElement(react.ProgressStep, {
-        label: step.title,
+        label: step === null || step === void 0 ? void 0 : step.title,
         key: stepIndex,
         secondaryLabel: step.secondaryLabel || undefined,
         invalid: step.invalid
@@ -86,6 +88,10 @@ CreateInfluencer.propTypes = {
    * Used to mark the current step on the ProgressIndicator component
    */
   currentStep: index.default.number.isRequired,
+  /**
+   * onChange event for Progress Indicator
+   */
+  onClickStep: index.default.func,
   /**
    * The step data that renders the progress items
    */

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

@@ -58,7 +58,7 @@ export interface CreateModalProps extends React.ComponentProps<typeof ComposedMo
     /**
      * 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,4 +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>>;
+} & React.RefAttributes<HTMLDivElement>>;

package/lib/components/CreateModal/CreateModal.js

@@ -138,7 +138,7 @@ exports.CreateModal.propTypes = {
   /**
    * Specifies which DOM element in the form should be focused.
    */
-  selectorPrimaryFocus: index.default.node.isRequired,
+  selectorPrimaryFocus: index.default.string.isRequired,
   /**
    * The subtitle of the CreateModal is optional and serves to provide more information about the modal.
    */

package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js

@@ -72,6 +72,7 @@ var SelectAll = function SelectAll(datagridState) {
     return onChange === null || onChange === void 0 ? void 0 : onChange(event);
   };
   return /*#__PURE__*/React.createElement(react.TableSelectAll, _rollupPluginBabelHelpers.extends({}, selectProps, {
+    checked: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.checked) || false,
     className: cx("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), /* istanbul ignore next */
     isFirstColumnStickyLeft && Number(windowSize) > 671)),
     name: "".concat(tableId, "-select-all-checkbox-name"),

package/lib/components/Datagrid/types/index.d.ts

@@ -155,7 +155,7 @@ export interface RowAction {
     icon?: ComponentType | FunctionComponent;
     align?: React.ComponentProps<typeof IconButton>['align'];
     shouldHideMenuItem?: (...args: any[]) => void;
-    shouldDisableMenuItem?: (...args: any[]) => void;
+    shouldDisableMenuItem?: (...args: any[]) => boolean;
     disabled?: boolean;
     onClick?: (...args: any[]) => void;
 }
@@ -197,7 +197,7 @@ export interface DataGridState<T extends object = any> extends TableCommonProps,
     emptyStateAction?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
-        onClick?: ButtonProps<any>['onClick'];
+        onClick?: ButtonProps<React.ElementType>['onClick'];
         text?: string;
     };
     emptyStateLink?: {
@@ -221,7 +221,7 @@ export interface DataGridState<T extends object = any> extends TableCommonProps,
     allPageRowsLabel?: string | object;
     allRowsLabel?: string | object;
     onSelectAllRows?: (val?: boolean) => void;
-    toolbarBatchActions?: ButtonProps<any>[];
+    toolbarBatchActions?: ButtonProps<React.ElementType>[];
     setGlobalFilter?: (filterValue: FilterValue) => void;
     batchActionMenuButtonLabel?: string;
     translateWithIdBatchActions?: TableBatchActionsProps['translateWithId'];

package/lib/components/EmptyStates/EmptyState.d.ts

@@ -24,7 +24,7 @@ export interface EmptyStateProps {
     action?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
-        onClick?: ButtonProps['onClick'];
+        onClick?: ButtonProps<React.ElementType>['onClick'];
         text?: string;
     };
     /**

package/lib/components/EmptyStates/EmptyState.js

@@ -87,6 +87,7 @@ exports.EmptyState.propTypes = {
   action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
     kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick,
     text: index.default.string
   })),
@@ -114,6 +115,7 @@ exports.EmptyState.propTypes = {
   /**
    * Empty state link object
    */
+  /**@ts-ignore*/
   link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
     text: index.default.oneOfType([index.default.string, index.default.node]),
     href: index.default.string

package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.d.ts

@@ -15,7 +15,7 @@ export interface ErrorEmptyStateProps {
     action?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
-        onClick?: ButtonProps['onClick'];
+        onClick?: ButtonProps<React.ElementType>['onClick'];
         text?: string;
     };
     /**

package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js

@@ -71,6 +71,7 @@ exports.ErrorEmptyState.propTypes = {
   action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
     kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick,
     text: index.default.string
   })),
@@ -96,6 +97,7 @@ exports.ErrorEmptyState.propTypes = {
   /**
    * Empty state link object
    */
+  /**@ts-ignore*/
   link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
     text: index.default.oneOfType([index.default.string, index.default.node]),
     href: index.default.string

package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.d.ts

@@ -15,7 +15,7 @@ export interface NoDataEmptyStateProps {
     action?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
-        onClick?: ButtonProps['onClick'];
+        onClick?: ButtonProps<React.ElementType>['onClick'];
         text?: string;
     };
     /**

package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js

@@ -72,6 +72,7 @@ exports.NoDataEmptyState.propTypes = {
   action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
     kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+    /**@ts-ignore */
     onClick: react.Button.propTypes.onClick,
     text: index.default.string
   })),
@@ -97,6 +98,7 @@ exports.NoDataEmptyState.propTypes = {
   /**
    * Empty state link object
    */
+  /**@ts-ignore */
   link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
     text: index.default.oneOfType([index.default.string, index.default.node]),
     href: index.default.string

package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.d.ts

@@ -15,7 +15,7 @@ export interface NoTagsEmptyStateProps {
     action?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
-        onClick?: ButtonProps['onClick'];
+        onClick?: ButtonProps<React.ElementType>['onClick'];
         text?: string;
     };
     /**

package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js

@@ -71,6 +71,7 @@ exports.NoTagsEmptyState.propTypes = {
   action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
     kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick,
     text: index.default.string
   })),
@@ -96,6 +97,7 @@ exports.NoTagsEmptyState.propTypes = {
   /**
    * Empty state link object
    */
+  /**@ts-ignore*/
   link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
     text: index.default.oneOfType([index.default.string, index.default.node]),
     href: index.default.string

package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.d.ts

@@ -15,7 +15,7 @@ export interface NotFoundEmptyStateProps {
     action?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
-        onClick?: ButtonProps['onClick'];
+        onClick?: ButtonProps<React.ElementType>['onClick'];
         text?: string;
     };
     /**

package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js

@@ -71,6 +71,7 @@ exports.NotFoundEmptyState.propTypes = {
   action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
     kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick,
     text: index.default.string
   })),
@@ -96,6 +97,7 @@ exports.NotFoundEmptyState.propTypes = {
   /**
    * Empty state link object
    */
+  /**@ts-ignore*/
   link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
     text: index.default.oneOfType([index.default.string, index.default.node]),
     href: index.default.string

package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.d.ts

@@ -15,7 +15,7 @@ export interface NotificationsEmptyStateProps {
     action?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
-        onClick?: ButtonProps['onClick'];
+        onClick?: ButtonProps<React.ElementType>['onClick'];
         text?: string;
     };
     /**

package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js

@@ -71,6 +71,7 @@ exports.NotificationsEmptyState.propTypes = {
   action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
     kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick,
     text: index.default.string
   })),
@@ -96,6 +97,7 @@ exports.NotificationsEmptyState.propTypes = {
   /**
    * Empty state link object
    */
+  /**@ts-ignore*/
   link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
     text: index.default.oneOfType([index.default.string, index.default.node]),
     href: index.default.string

package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.d.ts

@@ -15,7 +15,7 @@ export interface UnauthorizedEmptyStateProps {
     action?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
-        onClick?: ButtonProps['onClick'];
+        onClick?: ButtonProps<React.ElementType>['onClick'];
         text?: string;
     };
     /**

package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js

@@ -72,6 +72,7 @@ exports.UnauthorizedEmptyState.propTypes = {
   action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
     kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick,
     text: index.default.string
   })),
@@ -97,6 +98,7 @@ exports.UnauthorizedEmptyState.propTypes = {
   /**
    * Empty state link object
    */
+  /**@ts-ignore*/
   link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
     text: index.default.oneOfType([index.default.string, index.default.node]),
     href: index.default.string

package/lib/components/ImportModal/ImportModal.d.ts

@@ -12,7 +12,7 @@ type FileType = {
     iconDescription?: string;
     invalidFileType?: boolean;
     name: string;
-    status?: string;
+    status?: 'uploading' | 'edit' | 'complete';
     uuid?: string;
     invalid?: boolean;
     errorBody?: string;

package/lib/components/ImportModal/ImportModal.js

@@ -20,14 +20,9 @@ var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
 var _excluded = ["accept", "className", "defaultErrorBody", "defaultErrorHeader", "description", "fetchErrorBody", "fetchErrorHeader", "fileDropHeader", "fileDropLabel", "fileUploadLabel", "inputButtonIcon", "inputButtonText", "inputId", "inputLabel", "inputPlaceholder", "invalidFileTypeErrorBody", "invalidFileTypeErrorHeader", "invalidIconDescription", "maxFileSize", "maxFileSizeErrorBody", "maxFileSizeErrorHeader", "onClose", "onRequestSubmit", "open", "portalTarget", "primaryButtonText", "secondaryButtonText", "title"];
 var componentName = 'ImportModal';
-
-// Default values for props
-var defaults = {
-  accept: Object.freeze([])
-};
 exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$accept = _ref.accept,
-    accept = _ref$accept === void 0 ? defaults.accept : _ref$accept,
+    accept = _ref$accept === void 0 ? [] : _ref$accept,
     className = _ref.className,
     defaultErrorBody = _ref.defaultErrorBody,
     defaultErrorHeader = _ref.defaultErrorHeader,
@@ -224,7 +219,7 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: "".concat(blockClass, "__input-group")
   }, /*#__PURE__*/React.createElement(react.TextInput, {
     labelText: "",
-    id: inputId,
+    id: inputId || '',
     onChange: inputHandler,
     placeholder: inputPlaceholder,
     value: importUrl,
@@ -239,7 +234,7 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return /*#__PURE__*/React.createElement(icons.Add, _rollupPluginBabelHelpers.extends({
         size: 20
       }, props));
-    } : null
+    } : undefined
   }, inputButtonText)), /*#__PURE__*/React.createElement("div", {
     className: "".concat(carbonPrefix, "--file-container ").concat(blockClass, "__file-container")
   }, hasFiles && /*#__PURE__*/React.createElement("p", {

package/lib/components/InlineTip/InlineTipButton.d.ts

@@ -20,4 +20,4 @@ export interface InlineTipButtonProps {
  */
 export declare let InlineTipButton: React.ForwardRefExoticComponent<InlineTipButtonProps & {
     children?: React.ReactNode;
-} & React.RefAttributes<HTMLButtonElement>>;
+} & React.RefAttributes<ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>>>;

package/lib/components/PageHeader/PageHeader.d.ts

@@ -122,7 +122,7 @@ type PageActionProps = {
      * - maxWidth: maximum number of pixels the content will grow to
      * Carbon Button API https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
      */
-    pageActions: ButtonProps[] | PageAction;
+    pageActions: ButtonProps<React.ElementType>[] | PageAction;
     /**
      * When there is insufficient space to display all of hte page actions inline a dropdown button menu is shown,
      * containing the page actions. This label is used as the display content of the dropdown button menu.
@@ -225,7 +225,7 @@ interface PageHeaderBaseProps extends PropsWithChildren {
      * Content for the navigation area in the PageHeader. Should
      * be a React element that is normally a Carbon Tabs component. Optional.
      */
-    navigation?: object;
+    navigation?: ReactNode;
     /**
      * class name applied to the page actions overflow options
      */

package/lib/components/PageHeader/PageHeader.js

@@ -308,7 +308,7 @@ exports.PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     // Determines the appropriate header background opacity based on the header config/height/scroll and the withoutBackground setting
     var result = withoutBackground ? 0 : 1;
     if (!result && metrics !== null && metrics !== void 0 && metrics.headerHeight && metrics.headerHeight > 0 && (breadcrumbs || actionBarItems || tags || navigation)) {
-      var startAddingAt = parseFloat(layout.spacing10) * parseInt(layout.baseFontSize);
+      var startAddingAt = parseFloat("".concat(layout.spacing[9])) * parseInt("".concat(layout.baseFontSize));
       var scrollRemaining = metrics.headerHeight - scrollYValue;
 
       /* don't know how to test resize */
@@ -534,7 +534,9 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /**@ts-ignore */
   actionBarItems: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Button.propTypes, ['kind', 'size', 'tooltipPosition', 'tooltipAlignment'])), {}, {
     iconDescription: index.default.string.isRequired,
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick,
+    /**@ts-ignore*/
     renderIcon: react.Button.propTypes.renderIcon.isRequired
   }))),
   /**
@@ -717,6 +719,7 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /**@ts-ignore */
   pageActions: index.default.oneOfType([index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
     key: index.default.string.isRequired,
+    /**@ts-ignore*/
     kind: react.Button.propTypes.kind,
     label: index.default.node,
     onClick: index.default.func

package/lib/components/SearchBar/SearchBar.js

@@ -138,7 +138,7 @@ exports.SearchBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: "".concat(blockClass, "__input"),
     closeButtonLabelText: clearButtonLabelText,
     labelText: labelText,
-    name: "search-input",
+    name: 'search-input',
     onChange: handleInputChange,
     placeholder: placeholderText,
     value: text,

package/lib/components/SidePanel/SidePanel.d.ts

@@ -11,7 +11,7 @@ type SidePanelBaseProps = {
     /**
      * Sets the action toolbar buttons
      */
-    actionToolbarButtons?: ButtonProps<any>[];
+    actionToolbarButtons?: ButtonProps<React.ElementType>[];
     /**
      * The primary actions to be shown in the side panel. Each action is
      * specified as an object that will render expressive Buttons. Any Button
@@ -20,7 +20,7 @@ type SidePanelBaseProps = {
      *
      * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
      */
-    actions?: ButtonProps<any>[];
+    actions?: ButtonProps<React.ElementType>[];
     /**
      * Determines if the title will animate on scroll
      */

package/lib/components/TagOverflow/TagOverflowModal.d.ts

@@ -5,7 +5,7 @@ import { Tag } from '@carbon/react';
 interface TagType {
     label: string;
 }
-type AllTags = (TagType & Omit<React.ComponentProps<Tag>, 'filter'>)[];
+type AllTags = (TagType & Omit<React.ComponentProps<typeof Tag>, 'filter'>)[];
 interface TagOverflowModalProps {
     allTags?: AllTags;
     className?: string;

package/lib/components/TagOverflow/TagOverflowPopover.d.ts

@@ -1,11 +1,13 @@
+/// <reference path="../../../src/custom-typings/index.d.ts" />
 import React from 'react';
+import { PopoverAlignment } from '@carbon/react';
 import { TagOverflowItem } from './TagOverflow';
 export interface Props {
     allTagsModalSearchThreshold?: number;
     autoAlign?: boolean;
     className?: string;
     onShowAllClick: () => void;
-    overflowAlign?: string;
+    overflowAlign?: PopoverAlignment;
     overflowTags: TagOverflowItem[];
     overflowType?: string;
     popoverOpen?: boolean;

package/lib/components/TagOverflow/TagOverflowPopover.js

@@ -70,7 +70,7 @@ var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
     dropShadow: true,
     highContrast: true,
     onKeyDown: handleEscKeyPress,
-    open: popoverOpen
+    open: popoverOpen || false
   }, /*#__PURE__*/React.createElement(react.OperationalTag, {
     onClick: function onClick() {
       return setPopoverOpen === null || setPopoverOpen === void 0 ? void 0 : setPopoverOpen(!popoverOpen);