react-better-html 1.1.170 → 1.1.172

package/dist/index.d.mts

@@ -321,12 +321,18 @@ type ModalComponent = {
     (props: ComponentPropWithRef<ModalRef, ModalProps>): React.ReactElement;
     confirmation: (props: ComponentPropWithRef<ModalRef, OmitProps<ModalProps, "maxWidth" | "children" | "overflow"> & {
         message?: string;
+        /** @default "Continue" */
+        continueButtonText?: string;
         continueButtonLoaderName?: LoaderName | AnyOtherString;
         onContinue?: () => void;
         onCancel?: () => void;
     }>) => React.ReactElement;
     destructive: (props: ComponentPropWithRef<ModalRef, OmitProps<ModalProps, "maxWidth" | "children" | "overflow"> & {
         message?: string;
+        /** @default "Delete" */
+        deleteButtonText?: string;
+        /** @default "trash" */
+        deleteButtonIconName?: IconName | AnyOtherString;
         deleteButtonLoaderName?: LoaderName | AnyOtherString;
         onDelete?: () => void;
         onCancel?: () => void;
@@ -602,6 +608,11 @@ type FormProps = {
     /** @default false */
     submitButtonIsDisabled?: boolean;
     cancelButtonText?: string;
+    cancelButtonLoaderName?: LoaderName | AnyOtherString;
+    cancelButtonIsLoading?: boolean;
+    cancelButtonId?: string;
+    /** @default false */
+    cancelButtonIsDisabled?: boolean;
     /** @default "right" */
     actionButtonsLocation?: "left" | "center" | "right";
     gap?: React.CSSProperties["gap"];

package/dist/index.d.ts

@@ -321,12 +321,18 @@ type ModalComponent = {
     (props: ComponentPropWithRef<ModalRef, ModalProps>): React.ReactElement;
     confirmation: (props: ComponentPropWithRef<ModalRef, OmitProps<ModalProps, "maxWidth" | "children" | "overflow"> & {
         message?: string;
+        /** @default "Continue" */
+        continueButtonText?: string;
         continueButtonLoaderName?: LoaderName | AnyOtherString;
         onContinue?: () => void;
         onCancel?: () => void;
     }>) => React.ReactElement;
     destructive: (props: ComponentPropWithRef<ModalRef, OmitProps<ModalProps, "maxWidth" | "children" | "overflow"> & {
         message?: string;
+        /** @default "Delete" */
+        deleteButtonText?: string;
+        /** @default "trash" */
+        deleteButtonIconName?: IconName | AnyOtherString;
         deleteButtonLoaderName?: LoaderName | AnyOtherString;
         onDelete?: () => void;
         onCancel?: () => void;
@@ -602,6 +608,11 @@ type FormProps = {
     /** @default false */
     submitButtonIsDisabled?: boolean;
     cancelButtonText?: string;
+    cancelButtonLoaderName?: LoaderName | AnyOtherString;
+    cancelButtonIsLoading?: boolean;
+    cancelButtonId?: string;
+    /** @default false */
+    cancelButtonIsDisabled?: boolean;
     /** @default "right" */
     actionButtonsLocation?: "left" | "center" | "right";
     gap?: React.CSSProperties["gap"];

package/dist/index.js

@@ -3716,7 +3716,7 @@ var ModalComponent = (0, import_react14.forwardRef)(function Modal({
     document.body
   );
 });
-ModalComponent.confirmation = (0, import_react14.forwardRef)(function Confirmation({ message, continueButtonLoaderName, onContinue, onCancel, ...props }, ref) {
+ModalComponent.confirmation = (0, import_react14.forwardRef)(function Confirmation({ message, continueButtonText = "Continue", continueButtonLoaderName, onContinue, onCancel, ...props }, ref) {
   const theme2 = useTheme();
   const modalRef = (0, import_react14.useRef)(null);
   const onCancelElement = (0, import_react14.useCallback)(() => {
@@ -3739,13 +3739,21 @@ ModalComponent.confirmation = (0, import_react14.forwardRef)(function Confirmati
         marginTop: theme2.styles.space * 2,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button_default.secondary, { text: "Cancel", onClick: onCancelElement }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button_default, { text: "Continue", loaderName: continueButtonLoaderName, onClick: onContinueElement })
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button_default, { text: continueButtonText, loaderName: continueButtonLoaderName, onClick: onContinueElement })
         ]
       }
     )
   ] });
 });
-ModalComponent.destructive = (0, import_react14.forwardRef)(function Destructive2({ message, deleteButtonLoaderName, onDelete, onCancel, ...props }, ref) {
+ModalComponent.destructive = (0, import_react14.forwardRef)(function Destructive2({
+  message,
+  deleteButtonText = "Delete",
+  deleteButtonIconName = "trash",
+  deleteButtonLoaderName,
+  onDelete,
+  onCancel,
+  ...props
+}, ref) {
   const theme2 = useTheme();
   const modalRef = (0, import_react14.useRef)(null);
   const onCancelElement = (0, import_react14.useCallback)(() => {
@@ -3771,8 +3779,8 @@ ModalComponent.destructive = (0, import_react14.forwardRef)(function Destructive
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             Button_default.destructive,
             {
-              icon: "trash",
-              text: "Delete",
+              icon: deleteButtonIconName,
+              text: deleteButtonText,
               loaderName: deleteButtonLoaderName,
               onClick: onDeleteElement
             }
@@ -7534,6 +7542,10 @@ var FormComponent = (0, import_react22.forwardRef)(function Form({
   submitButtonId,
   submitButtonIsDisabled,
   cancelButtonText,
+  cancelButtonLoaderName,
+  cancelButtonIsLoading,
+  cancelButtonId,
+  cancelButtonIsDisabled,
   actionButtonsLocation = "right",
   gap,
   isDestructive,
@@ -7567,7 +7579,17 @@ var FormComponent = (0, import_react22.forwardRef)(function Form({
         marginTop: theme2.styles.space,
         children: [
           renderActionButtons,
-          onClickCancel && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button_default.secondary, { text: cancelButtonText ?? "Cancel", onClick: onClickCancel }),
+          onClickCancel && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            Button_default.secondary,
+            {
+              text: cancelButtonText ?? "Cancel",
+              isLoading: cancelButtonIsLoading,
+              loaderName: cancelButtonLoaderName,
+              disabled: cancelButtonIsDisabled,
+              id: cancelButtonId,
+              onClick: onClickCancel
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             SubmitButtonTag,
             {