@wavv/ui 2.4.4-alpha.3 → 2.4.4-alpha.4

package/build/components/Dialog.d.ts

@@ -13,12 +13,22 @@ type DialogProps = {
     cancelText?: string;
     /** The text of the confirm button */
     confirmText?: string;
+    /** The text of the middle button (between cancel and confirm) */
+    middleText?: string;
     /** The confirm button will be negative (red) */
     negative?: boolean;
     /** Disables the confirm button */
     confirmDisabled?: boolean;
+    /** Shows loading state on the confirm button */
+    confirmLoading?: boolean;
+    /** Disables the middle button */
+    middleDisabled?: boolean;
+    /** Shows loading state on the middle button */
+    middleLoading?: boolean;
     /** The function called when the confirm button is clicked */
     onConfirm?: () => void;
+    /** The function called when the middle button is clicked */
+    onMiddle?: () => void;
     /** The function called when the cancel button is clicked */
     onCancel?: () => void;
     /** Controls whether or not the Dialog is open */
@@ -50,5 +60,5 @@ type DialogProps = {
     /** The `aria-label` of the dialog */
     'aria-label'?: string;
 } & WidthHeight & MaxWidthHeight & MinWidthHeight & Padding & DivAttributes;
-declare const Dialog: ({ header, text, children, cancelText, confirmText, negative, confirmDisabled, onConfirm, onCancel, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayBlur, overlayColor, backgroundColor, inert, scopeRef, position, zIndex, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const Dialog: ({ header, text, children, cancelText, confirmText, middleText, negative, confirmDisabled, confirmLoading, middleDisabled, middleLoading, onConfirm, onMiddle, onCancel, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayBlur, overlayColor, backgroundColor, inert, scopeRef, position, zIndex, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
 export default Dialog;

package/build/components/Dialog.js

@@ -5,7 +5,7 @@ import Button from "./Button/index.js";
 import { body1, head3, maxWidthHeightProps, minWidthHeightProps, paddingProps } from "./helpers/styledProps.js";
 import Icon from "./Icon/index.js";
 import PortalScope from "./PortalScope.js";
-const Dialog_Dialog = ({ header, text, children, cancelText = 'Cancel', confirmText = 'Okay', negative, confirmDisabled, onConfirm, onCancel, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayBlur = true, overlayColor, backgroundColor, inert, scopeRef, position, zIndex, ...props })=>{
+const Dialog_Dialog = ({ header, text, children, cancelText = 'Cancel', confirmText = 'Okay', middleText, negative, confirmDisabled, confirmLoading, middleDisabled, middleLoading, onConfirm, onMiddle, onCancel, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayBlur = true, overlayColor, backgroundColor, inert, scopeRef, position, zIndex, ...props })=>{
     const { 'aria-label': ariaLabel, ...rest } = props;
     const handleOpenChange = (open)=>{
         if (!open) onClose();
@@ -62,9 +62,17 @@ const Dialog_Dialog = ({ header, text, children, cancelText = 'Cancel', confirmT
                                     onClick: onCancel || onClose,
                                     children: cancelText
                                 }),
+                                onMiddle && /*#__PURE__*/ jsx(Button, {
+                                    secondary: true,
+                                    disabled: middleDisabled,
+                                    loading: middleLoading,
+                                    onClick: onMiddle,
+                                    children: middleText
+                                }),
                                 /*#__PURE__*/ jsx(Button, {
                                     negative: negative,
                                     disabled: confirmDisabled,
+                                    loading: confirmLoading,
                                     onClick: onConfirm,
                                     children: confirmText
                                 })

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "2.4.4-alpha.3",
+	"version": "2.4.4-alpha.4",
 	"type": "module",
 	"exports": {
 		".": {