@digital-ai/dot-components 4.17.4 → 4.18.1

package/index.esm.js

@@ -15696,7 +15696,10 @@ const DotStepper = ({
   finalContent,
   initialContent,
   nextButtonText = 'Next',
+  submitButtonLoading = false,
   nextStepDisabled = false,
+  prevStepDisabled = false,
+  cancelButtonDisabled = false,
   offset = 0,
   onBack,
   onCancel,
@@ -15845,20 +15848,23 @@ const DotStepper = ({
                 children: [displayCancelButton && jsx(DotButton, {
                   className: "cancel-stepper",
                   onClick: onCancel,
+                  disabled: cancelButtonDisabled,
                   type: "text",
                   "data-testid": "stepper-cancel-button",
                   children: "Cancel"
                 }), jsxs("div", {
                   className: "navigation-buttons",
                   children: [!displayInitialContent && currentStep !== 1 && jsx(DotButton, {
+                    disabled: prevStepDisabled,
                     onClick: handleBack,
                     type: "outlined",
                     "data-testid": "stepper-previous-button",
                     children: "Previous"
-                  }), jsx(DotButton, {
+                  }), jsx(DotProgressButton, {
                     onClick: handleNext,
                     disabled: nextStepDisabled,
                     "data-testid": "stepper-next-button",
+                    isLoading: submitButtonLoading,
                     children: isLastStep ? submitButtonText : nextButtonText
                   })]
                 })]
@@ -17465,7 +17471,9 @@ const DotTable = ({
       });
     });
     for (let i = 0; i < (rowsPerPage ? rowsPerPage : TABLE_DEFAULT_SKELETON_ROWS); i++) {
-      skeletonData.push(skeletonRow);
+      skeletonData.push(Object.assign({
+        id: `skeleton-row-${i}`
+      }, skeletonRow));
     }
     return skeletonData;
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "4.17.4",
+  "version": "4.18.1",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [

package/src/lib/components/stepper/Stepper.d.ts

@@ -34,6 +34,8 @@ export interface StepProps extends CommonProps {
 export interface StepperProps extends CommonProps {
     /** determines the `id` of the step which is active */
     activeStep?: number;
+    /** if set to `true`, the "cancel" button will be disabled */
+    cancelButtonDisabled?: boolean;
     /** if set to `true`, clicking on a step is only allowed if the previous step is completed  **/
     disableUncompletedStepNav: boolean;
     /** final content displayed after the last step is completed */
@@ -54,12 +56,16 @@ export interface StepperProps extends CommonProps {
     onSubmit?: () => void;
     /** orientation of the stepper */
     orientation?: StepperOrientation;
+    /** if set to `true`, the "previous" button will be disabled */
+    prevStepDisabled?: boolean;
     /** array of steps to be displayed */
     steps: StepProps[];
     /** determines where to display the array of steps */
     /** top/bottom are for horizontal orientation (bottom by default) & left/right for vertical orientation (left by default) */
     stepsPosition?: StepsPosition;
+    /** if set to 'true , the 'submit' button will have a loading spinner*/
+    submitButtonLoading?: boolean;
     /** if passed, will overwrite the default "submit" button text */
     submitButtonText?: string;
 }
-export declare const DotStepper: ({ activeStep, ariaLabel, className, "data-testid": dataTestId, finalContent, initialContent, nextButtonText, nextStepDisabled, offset, onBack, onCancel, onSubmit, orientation, disableUncompletedStepNav, steps, stepsPosition, submitButtonText, }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotStepper: ({ activeStep, ariaLabel, className, "data-testid": dataTestId, finalContent, initialContent, nextButtonText, submitButtonLoading, nextStepDisabled, prevStepDisabled, cancelButtonDisabled, offset, onBack, onCancel, onSubmit, orientation, disableUncompletedStepNav, steps, stepsPosition, submitButtonText, }: StepperProps) => import("react/jsx-runtime").JSX.Element;