capacitor-extended-dialog 0.0.1

package/CapacitorExtendedDialog.podspec

@@ -0,0 +1,17 @@
+require 'json'
+
+package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
+
+Pod::Spec.new do |s|
+  s.name = 'CapacitorExtendedDialog'
+  s.version = package['version']
+  s.summary = package['description']
+  s.license = package['license']
+  s.homepage = package['repository']['url']
+  s.author = package['author']
+  s.source = { :git => package['repository']['url'], :tag => s.version.to_s }
+  s.source_files = 'ios/Sources/**/*.{swift,h,m,c,cc,mm,cpp}'
+  s.ios.deployment_target = '14.0'
+  s.dependency 'Capacitor'
+  s.swift_version = '5.1'
+end

package/Package.swift

@@ -0,0 +1,28 @@
+// swift-tools-version: 5.9
+import PackageDescription
+
+let package = Package(
+    name: "CapacitorExtendedDialog",
+    platforms: [.iOS(.v15)],
+    products: [
+        .library(
+            name: "CapacitorExtendedDialog",
+            targets: ["ExtendedDialogPlugin"])
+    ],
+    dependencies: [
+        .package(url: "https://github.com/ionic-team/capacitor-swift-pm.git", from: "8.0.0")
+    ],
+    targets: [
+        .target(
+            name: "ExtendedDialogPlugin",
+            dependencies: [
+                .product(name: "Capacitor", package: "capacitor-swift-pm"),
+                .product(name: "Cordova", package: "capacitor-swift-pm")
+            ],
+            path: "ios/Sources/ExtendedDialogPlugin"),
+        .testTarget(
+            name: "ExtendedDialogPluginTests",
+            dependencies: ["ExtendedDialogPlugin"],
+            path: "ios/Tests/ExtendedDialogPluginTests")
+    ]
+)

package/README.md

@@ -0,0 +1,190 @@
+# capacitor-extended-dialog
+
+Show native dialogs in Capacitor with Material 3 and Liquid Glass UI
+
+## Install
+
+```bash
+npm install capacitor-extended-dialog
+npx cap sync
+```
+
+## API
+
+<docgen-index>
+
+* [`alert(...)`](#alert)
+* [`confirm(...)`](#confirm)
+* [`prompt(...)`](#prompt)
+* [`singleSelect(...)`](#singleselect)
+* [`multiSelect(...)`](#multiselect)
+* [Interfaces](#interfaces)
+
+</docgen-index>
+
+<docgen-api>
+<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->
+
+### alert(...)
+
+```typescript
+alert(options: AlertOptions) => any
+```
+
+| Param         | Type                                                  |
+| ------------- | ----------------------------------------------------- |
+| **`options`** | <code><a href="#alertoptions">AlertOptions</a></code> |
+
+**Returns:** <code>any</code>
+
+--------------------
+
+
+### confirm(...)
+
+```typescript
+confirm(options: ConfirmOptions) => any
+```
+
+| Param         | Type                                                      |
+| ------------- | --------------------------------------------------------- |
+| **`options`** | <code><a href="#confirmoptions">ConfirmOptions</a></code> |
+
+**Returns:** <code>any</code>
+
+--------------------
+
+
+### prompt(...)
+
+```typescript
+prompt(options: PromptOptions) => any
+```
+
+| Param         | Type                                                    |
+| ------------- | ------------------------------------------------------- |
+| **`options`** | <code><a href="#promptoptions">PromptOptions</a></code> |
+
+**Returns:** <code>any</code>
+
+--------------------
+
+
+### singleSelect(...)
+
+```typescript
+singleSelect(options: SingleSelectOptions) => any
+```
+
+| Param         | Type                                                                |
+| ------------- | ------------------------------------------------------------------- |
+| **`options`** | <code><a href="#singleselectoptions">SingleSelectOptions</a></code> |
+
+**Returns:** <code>any</code>
+
+--------------------
+
+
+### multiSelect(...)
+
+```typescript
+multiSelect(options: MultiSelectOptions) => any
+```
+
+| Param         | Type                                                              |
+| ------------- | ----------------------------------------------------------------- |
+| **`options`** | <code><a href="#multiselectoptions">MultiSelectOptions</a></code> |
+
+**Returns:** <code>any</code>
+
+--------------------
+
+
+### Interfaces
+
+
+#### AlertOptions
+
+| Prop              | Type                |
+| ----------------- | ------------------- |
+| **`buttonTitle`** | <code>string</code> |
+
+
+#### ConfirmOptions
+
+| Prop                    | Type                |
+| ----------------------- | ------------------- |
+| **`okButtonTitle`**     | <code>string</code> |
+| **`cancelButtonTitle`** | <code>string</code> |
+
+
+#### ConfirmResult
+
+| Prop        | Type                 |
+| ----------- | -------------------- |
+| **`value`** | <code>boolean</code> |
+
+
+#### PromptOptions
+
+| Prop                    | Type                 | Description                                                                                                                                                                                                                                                                                                                                                      | Default            |
+| ----------------------- | -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
+| **`okButtonTitle`**     | <code>string</code>  |                                                                                                                                                                                                                                                                                                                                                                  |                    |
+| **`cancelButtonTitle`** | <code>string</code>  |                                                                                                                                                                                                                                                                                                                                                                  |                    |
+| **`inputPlaceholder`**  | <code>string</code>  |                                                                                                                                                                                                                                                                                                                                                                  |                    |
+| **`inputText`**         | <code>string</code>  |                                                                                                                                                                                                                                                                                                                                                                  |                    |
+| **`focusInput`**        | <code>boolean</code> | Whether to automatically focus the input field and open the keyboard when the dialog appears. Note: On iOS, basic (non-fullscreen) dialogs always auto-focus the input field due to UIAlertController's built-in behavior. This option only takes effect on iOS when using fullscreen mode (`mode: 'fullscreen'`). On Android and web, this works for all modes. | <code>false</code> |
+
+
+#### PromptResult
+
+| Prop            | Type                 |
+| --------------- | -------------------- |
+| **`value`**     | <code>string</code>  |
+| **`cancelled`** | <code>boolean</code> |
+
+
+#### SingleSelectOptions
+
+| Prop                    | Type                |
+| ----------------------- | ------------------- |
+| **`options`**           | <code>{}</code>     |
+| **`selectedValue`**     | <code>string</code> |
+| **`okButtonTitle`**     | <code>string</code> |
+| **`cancelButtonTitle`** | <code>string</code> |
+
+
+#### SelectOption
+
+| Prop        | Type                |
+| ----------- | ------------------- |
+| **`label`** | <code>string</code> |
+| **`value`** | <code>string</code> |
+
+
+#### SingleSelectResult
+
+| Prop            | Type                        |
+| --------------- | --------------------------- |
+| **`value`**     | <code>string \| null</code> |
+| **`cancelled`** | <code>boolean</code>        |
+
+
+#### MultiSelectOptions
+
+| Prop                    | Type                |
+| ----------------------- | ------------------- |
+| **`options`**           | <code>{}</code>     |
+| **`selectedValues`**    | <code>{}</code>     |
+| **`okButtonTitle`**     | <code>string</code> |
+| **`cancelButtonTitle`** | <code>string</code> |
+
+
+#### MultiSelectResult
+
+| Prop            | Type                 |
+| --------------- | -------------------- |
+| **`values`**    | <code>{}</code>      |
+| **`cancelled`** | <code>boolean</code> |
+
+</docgen-api>

package/android/build.gradle

@@ -0,0 +1,59 @@
+ext {
+    junitVersion = project.hasProperty('junitVersion') ? rootProject.ext.junitVersion : '4.13.2'
+    androidxAppCompatVersion = project.hasProperty('androidxAppCompatVersion') ? rootProject.ext.androidxAppCompatVersion : '1.7.0'
+    androidxJunitVersion = project.hasProperty('androidxJunitVersion') ? rootProject.ext.androidxJunitVersion : '1.2.1'
+    androidxEspressoCoreVersion = project.hasProperty('androidxEspressoCoreVersion') ? rootProject.ext.androidxEspressoCoreVersion : '3.6.1'
+}
+
+buildscript {
+    repositories {
+        google()
+        mavenCentral()
+    }
+    dependencies {
+        classpath 'com.android.tools.build:gradle:8.7.2'
+    }
+}
+
+apply plugin: 'com.android.library'
+
+android {
+    namespace "com.albermonte.extendeddialog"
+    compileSdk project.hasProperty('compileSdkVersion') ? rootProject.ext.compileSdkVersion : 35
+    defaultConfig {
+        minSdkVersion project.hasProperty('minSdkVersion') ? rootProject.ext.minSdkVersion : 23
+        targetSdkVersion project.hasProperty('targetSdkVersion') ? rootProject.ext.targetSdkVersion : 35
+        versionCode 1
+        versionName "1.0"
+        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+    }
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
+        }
+    }
+    lintOptions {
+        abortOnError false
+    }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_21
+        targetCompatibility JavaVersion.VERSION_21
+    }
+}
+
+repositories {
+    google()
+    mavenCentral()
+}
+
+
+dependencies {
+    implementation fileTree(dir: 'libs', include: ['*.jar'])
+    implementation project(':capacitor-android')
+    implementation "androidx.appcompat:appcompat:$androidxAppCompatVersion"
+    implementation 'com.google.android.material:material:1.12.0'
+    testImplementation "junit:junit:$junitVersion"
+    androidTestImplementation "androidx.test.ext:junit:$androidxJunitVersion"
+    androidTestImplementation "androidx.test.espresso:espresso-core:$androidxEspressoCoreVersion"
+}

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,2 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>

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

@@ -0,0 +1,99 @@
+package com.albermonte.extendeddialog;
+
+import android.graphics.Color;
+import android.os.Bundle;
+
+/**
+ * Style options for dialog customization.
+ */
+public class DialogStyleOptions {
+
+    private static final String KEY_BUTTON_COLOR = "buttonColor";
+    private static final String KEY_CANCEL_BUTTON_COLOR = "cancelButtonColor";
+    private static final String KEY_TITLE_COLOR = "titleColor";
+    private static final String KEY_MESSAGE_COLOR = "messageColor";
+    private static final String KEY_BACKGROUND_COLOR = "backgroundColor";
+    private static final String KEY_TITLE_FONT_SIZE = "titleFontSize";
+    private static final String KEY_MESSAGE_FONT_SIZE = "messageFontSize";
+    private static final String KEY_BUTTON_FONT_SIZE = "buttonFontSize";
+
+    private Integer buttonColor;
+    private Integer cancelButtonColor;
+    private Integer titleColor;
+    private Integer messageColor;
+    private Integer backgroundColor;
+    private Float titleFontSize;
+    private Float messageFontSize;
+    private Float buttonFontSize;
+
+    public DialogStyleOptions() {}
+
+    private static Integer parseColor(String hexColor) {
+        if (hexColor == null || hexColor.isEmpty()) {
+            return null;
+        }
+        try {
+            return Color.parseColor(hexColor);
+        } catch (IllegalArgumentException e) {
+            return null;
+        }
+    }
+
+    private static Float parseSize(Double size) {
+        return (size != null && size > 0) ? size.floatValue() : null;
+    }
+
+    public Integer getButtonColor() { return buttonColor; }
+    public void setButtonColor(String hexColor) { this.buttonColor = parseColor(hexColor); }
+
+    public Integer getCancelButtonColor() { return cancelButtonColor; }
+    public void setCancelButtonColor(String hexColor) { this.cancelButtonColor = parseColor(hexColor); }
+
+    public Integer getTitleColor() { return titleColor; }
+    public void setTitleColor(String hexColor) { this.titleColor = parseColor(hexColor); }
+
+    public Integer getMessageColor() { return messageColor; }
+    public void setMessageColor(String hexColor) { this.messageColor = parseColor(hexColor); }
+
+    public Integer getBackgroundColor() { return backgroundColor; }
+    public void setBackgroundColor(String hexColor) { this.backgroundColor = parseColor(hexColor); }
+
+    public Float getTitleFontSize() { return titleFontSize; }
+    public void setTitleFontSize(Double size) { this.titleFontSize = parseSize(size); }
+
+    public Float getMessageFontSize() { return messageFontSize; }
+    public void setMessageFontSize(Double size) { this.messageFontSize = parseSize(size); }
+
+    public Float getButtonFontSize() { return buttonFontSize; }
+    public void setButtonFontSize(Double size) { this.buttonFontSize = parseSize(size); }
+
+    public boolean hasStyles() {
+        return buttonColor != null || cancelButtonColor != null || titleColor != null ||
+               messageColor != null || backgroundColor != null || titleFontSize != null ||
+               messageFontSize != null || buttonFontSize != null;
+    }
+
+    public void writeToBundle(Bundle bundle) {
+        if (buttonColor != null) bundle.putInt(KEY_BUTTON_COLOR, buttonColor);
+        if (cancelButtonColor != null) bundle.putInt(KEY_CANCEL_BUTTON_COLOR, cancelButtonColor);
+        if (titleColor != null) bundle.putInt(KEY_TITLE_COLOR, titleColor);
+        if (messageColor != null) bundle.putInt(KEY_MESSAGE_COLOR, messageColor);
+        if (backgroundColor != null) bundle.putInt(KEY_BACKGROUND_COLOR, backgroundColor);
+        if (titleFontSize != null) bundle.putFloat(KEY_TITLE_FONT_SIZE, titleFontSize);
+        if (messageFontSize != null) bundle.putFloat(KEY_MESSAGE_FONT_SIZE, messageFontSize);
+        if (buttonFontSize != null) bundle.putFloat(KEY_BUTTON_FONT_SIZE, buttonFontSize);
+    }
+
+    public static DialogStyleOptions readFromBundle(Bundle bundle) {
+        DialogStyleOptions options = new DialogStyleOptions();
+        options.buttonColor = bundle.containsKey(KEY_BUTTON_COLOR) ? bundle.getInt(KEY_BUTTON_COLOR) : null;
+        options.cancelButtonColor = bundle.containsKey(KEY_CANCEL_BUTTON_COLOR) ? bundle.getInt(KEY_CANCEL_BUTTON_COLOR) : null;
+        options.titleColor = bundle.containsKey(KEY_TITLE_COLOR) ? bundle.getInt(KEY_TITLE_COLOR) : null;
+        options.messageColor = bundle.containsKey(KEY_MESSAGE_COLOR) ? bundle.getInt(KEY_MESSAGE_COLOR) : null;
+        options.backgroundColor = bundle.containsKey(KEY_BACKGROUND_COLOR) ? bundle.getInt(KEY_BACKGROUND_COLOR) : null;
+        options.titleFontSize = bundle.containsKey(KEY_TITLE_FONT_SIZE) ? bundle.getFloat(KEY_TITLE_FONT_SIZE) : null;
+        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;
+        return options;
+    }
+}