capacitor-extended-dialog 0.0.10 → 0.0.12

package/README.md

@@ -9,6 +9,13 @@ npm install capacitor-extended-dialog
 npx cap sync
 ```
 
+## Android sheet behavior
+
+- In `mode: 'basic'`, native Android sheets open between 50% and 80% of screen height.
+- Dragging up continuously increases available body space while keeping header content at the top and actions pinned to the bottom.
+- If sheet content exceeds the 80% initial cap, the body area becomes internally scrollable.
+- In `mode: 'fullscreen'`, the same top-content/bottom-actions layout is preserved with a scrollable body area for overflow.
+
 ## API
 
 <docgen-index>
@@ -19,6 +26,7 @@ npx cap sync
 * [`singleSelect(...)`](#singleselect)
 * [`multiSelect(...)`](#multiselect)
 * [`sheet(...)`](#sheet)
+* [`messageSheet(...)`](#messagesheet)
 * [Interfaces](#interfaces)
 * [Type Aliases](#type-aliases)
 
@@ -129,6 +137,23 @@ Show a sheet dialog with a header, title, and structured data rows.
 --------------------
 
 
+### messageSheet(...)
+
+```typescript
+messageSheet(options: MessageSheetOptions) => any
+```
+
+Show a message sheet dialog with an optional header logo, title, and message.
+
+| Param         | Type                                                                | Description                            |
+| ------------- | ------------------------------------------------------------------- | -------------------------------------- |
+| **`options`** | <code><a href="#messagesheetoptions">MessageSheetOptions</a></code> | - Message sheet configuration options. |
+
+**Returns:** <code>any</code>
+
+--------------------
+
+
 ### Interfaces
 
 
@@ -245,6 +270,25 @@ Show a sheet dialog with a header, title, and structured data rows.
 | **`confirmed`** | <code>boolean</code> | True if confirmed, false if cancelled |
 
 
+#### MessageSheetOptions
+
+| Prop                     | Type                                              | Description                                              |
+| ------------------------ | ------------------------------------------------- | -------------------------------------------------------- |
+| **`headerLogo`**         | <code>string</code>                               | Header logo - supports base64 data URL or HTTP/HTTPS URL |
+| **`title`**              | <code>string</code>                               | Sheet title                                              |
+| **`message`**            | <code>string</code>                               | Message body displayed in the sheet                      |
+| **`confirmButtonTitle`** | <code>string</code>                               | Confirm button title                                     |
+| **`cancelButtonTitle`**  | <code>string</code>                               | Cancel button title                                      |
+| **`mode`**               | <code><a href="#dialogmode">DialogMode</a></code> | Dialog mode                                              |
+
+
+#### MessageSheetResult
+
+| Prop            | Type                 | Description                           |
+| --------------- | -------------------- | ------------------------------------- |
+| **`confirmed`** | <code>boolean</code> | True if confirmed, false if cancelled |
+
+
 ### Type Aliases
 
 

package/android/src/main/java/com/albermonte/extendeddialog/DialogStyleOptions.java

@@ -17,6 +17,7 @@ public class DialogStyleOptions {
     private static final String KEY_MESSAGE_FONT_SIZE = "messageFontSize";
     private static final String KEY_BUTTON_FONT_SIZE = "buttonFontSize";
     private static final String KEY_CONTENT_BUTTON_SPACING = "contentButtonSpacing";
+    private static final String KEY_HEADER_LOGO_CORNER_RADIUS = "headerLogoCornerRadius";
 
     private Integer buttonColor;
     private Integer cancelButtonColor;
@@ -27,6 +28,7 @@ public class DialogStyleOptions {
     private Float messageFontSize;
     private Float buttonFontSize;
     private Float contentButtonSpacing;
+    private Float headerLogoCornerRadius;
 
     public DialogStyleOptions() {}
 
@@ -121,6 +123,15 @@ public class DialogStyleOptions {
         this.contentButtonSpacing = parseSpacing(size);
     }
 
+    public Float getHeaderLogoCornerRadius() {
+        return headerLogoCornerRadius;
+    }
+
+    public void setHeaderLogoCornerRadius(Double radius) {
+        // Allow any value: positive for custom radius, 0 for square, -1 for circle
+        this.headerLogoCornerRadius = radius != null ? radius.floatValue() : null;
+    }
+
     public boolean hasStyles() {
         return (
             buttonColor != null ||
@@ -131,7 +142,8 @@ public class DialogStyleOptions {
             titleFontSize != null ||
             messageFontSize != null ||
             buttonFontSize != null ||
-            contentButtonSpacing != null
+            contentButtonSpacing != null ||
+            headerLogoCornerRadius != null
         );
     }
 
@@ -145,6 +157,7 @@ public class DialogStyleOptions {
         if (messageFontSize != null) bundle.putFloat(KEY_MESSAGE_FONT_SIZE, messageFontSize);
         if (buttonFontSize != null) bundle.putFloat(KEY_BUTTON_FONT_SIZE, buttonFontSize);
         if (contentButtonSpacing != null) bundle.putFloat(KEY_CONTENT_BUTTON_SPACING, contentButtonSpacing);
+        if (headerLogoCornerRadius != null) bundle.putFloat(KEY_HEADER_LOGO_CORNER_RADIUS, headerLogoCornerRadius);
     }
 
     public static DialogStyleOptions readFromBundle(Bundle bundle) {
@@ -158,6 +171,7 @@ public class DialogStyleOptions {
         options.messageFontSize = bundle.containsKey(KEY_MESSAGE_FONT_SIZE) ? bundle.getFloat(KEY_MESSAGE_FONT_SIZE) : null;
         options.buttonFontSize = bundle.containsKey(KEY_BUTTON_FONT_SIZE) ? bundle.getFloat(KEY_BUTTON_FONT_SIZE) : null;
         options.contentButtonSpacing = bundle.containsKey(KEY_CONTENT_BUTTON_SPACING) ? bundle.getFloat(KEY_CONTENT_BUTTON_SPACING) : null;
+        options.headerLogoCornerRadius = bundle.containsKey(KEY_HEADER_LOGO_CORNER_RADIUS) ? bundle.getFloat(KEY_HEADER_LOGO_CORNER_RADIUS) : null;
         return options;
     }
 }

package/android/src/main/java/com/albermonte/extendeddialog/ExtendedDialog.java

@@ -771,4 +771,35 @@ public class ExtendedDialog {
             fragment.show(fragmentActivity.getSupportFragmentManager(), "bottom_sheet");
         });
     }
+
+    public void showMessageSheet(
+        Activity activity,
+        String title,
+        String message,
+        String headerLogo,
+        String confirmButtonTitle,
+        String cancelButtonTitle,
+        boolean fullscreen,
+        DialogStyleOptions styleOptions,
+        SheetCallback callback
+    ) {
+        if (!(activity instanceof FragmentActivity)) {
+            callback.onResult(false);
+            return;
+        }
+        FragmentActivity fragmentActivity = (FragmentActivity) activity;
+        fragmentActivity.runOnUiThread(() -> {
+            SheetBottomDialogFragment fragment = SheetBottomDialogFragment.newMessageInstance(
+                title,
+                headerLogo,
+                message,
+                confirmButtonTitle != null ? confirmButtonTitle : "Confirm",
+                cancelButtonTitle != null ? cancelButtonTitle : "Cancel",
+                fullscreen,
+                styleOptions
+            );
+            fragment.setSheetCallback(callback);
+            fragment.show(fragmentActivity.getSupportFragmentManager(), "message_sheet");
+        });
+    }
 }

package/android/src/main/java/com/albermonte/extendeddialog/ExtendedDialogPlugin.java

@@ -26,6 +26,7 @@ public class ExtendedDialogPlugin extends Plugin {
         styleOptions.setMessageFontSize(call.getDouble("messageFontSize"));
         styleOptions.setButtonFontSize(call.getDouble("buttonFontSize"));
         styleOptions.setContentButtonSpacing(call.getDouble("contentButtonSpacing"));
+        styleOptions.setHeaderLogoCornerRadius(call.getDouble("headerLogoCornerRadius"));
         return styleOptions;
     }
 
@@ -250,4 +251,42 @@ public class ExtendedDialogPlugin extends Plugin {
             call.reject("Invalid rows format");
         }
     }
+
+    @PluginMethod
+    public void messageSheet(PluginCall call) {
+        String title = call.getString("title");
+        String message = call.getString("message");
+        String headerLogo = call.getString("headerLogo");
+        String confirmButtonTitle = call.getString("confirmButtonTitle");
+        String cancelButtonTitle = call.getString("cancelButtonTitle");
+        String mode = call.getString("mode", "basic");
+        boolean fullscreen = "fullscreen".equals(mode);
+        DialogStyleOptions styleOptions = extractStyleOptions(call);
+
+        if (title == null) {
+            call.reject("title is required");
+            return;
+        }
+
+        if (message == null) {
+            call.reject("message is required");
+            return;
+        }
+
+        implementation.showMessageSheet(
+            getActivity(),
+            title,
+            message,
+            headerLogo,
+            confirmButtonTitle,
+            cancelButtonTitle,
+            fullscreen,
+            styleOptions,
+            (confirmed) -> {
+                JSObject result = new JSObject();
+                result.put("confirmed", confirmed);
+                call.resolve(result);
+            }
+        );
+    }
 }