feat: DialPad (#14)

ZebraDevs · Mar 6, 2024 · 1263ce8 · 1263ce8
1 parent 54a805e
commit 1263ce8
Show file tree

Hide file tree

Showing 12 changed files with 666 additions and 260 deletions.
diff --git a/example/ios/Podfile.lock b/example/ios/Podfile.lock
@@ -1,4 +1,9 @@
 PODS:
+  - audio_session (0.0.1):
+    - Flutter
+  - camerawesome (0.0.1):
+    - Flutter
+    - JPSVolumeButtonHandler
   - device_info_plus (0.0.1):
     - Flutter
   - DKImagePickerController/Core (4.3.4):
@@ -54,6 +59,9 @@ PODS:
     - Flutter
   - irondash_engine_context (0.0.1):
     - Flutter
+  - JPSVolumeButtonHandler (1.0.5)
+  - just_audio (0.0.1):
+    - Flutter
   - libwebp (1.3.1):
     - libwebp/demux (= 1.3.1)
     - libwebp/mux (= 1.3.1)
@@ -79,6 +87,9 @@ PODS:
     - FlutterMacOS
   - permission_handler_apple (9.3.0):
     - Flutter
+  - record_darwin (1.0.0):
+    - Flutter
+    - FlutterMacOS
   - SDWebImage (5.17.0):
     - SDWebImage/Core (= 5.17.0)
   - SDWebImage/Core (5.17.0)
@@ -107,6 +118,8 @@ PODS:
     - Flutter
 
 DEPENDENCIES:
+  - audio_session (from `.symlinks/plugins/audio_session/ios`)
+  - camerawesome (from `.symlinks/plugins/camerawesome/ios`)
   - device_info_plus (from `.symlinks/plugins/device_info_plus/ios`)
   - file_picker (from `.symlinks/plugins/file_picker/ios`)
   - Flutter (from `Flutter`)
@@ -115,10 +128,12 @@ DEPENDENCIES:
   - flutter_keyboard_visibility (from `.symlinks/plugins/flutter_keyboard_visibility/ios`)
   - image_picker_ios (from `.symlinks/plugins/image_picker_ios/ios`)
   - irondash_engine_context (from `.symlinks/plugins/irondash_engine_context/ios`)
+  - just_audio (from `.symlinks/plugins/just_audio/ios`)
   - open_filex (from `.symlinks/plugins/open_filex/ios`)
   - package_info_plus (from `.symlinks/plugins/package_info_plus/ios`)
   - path_provider_foundation (from `.symlinks/plugins/path_provider_foundation/darwin`)
   - permission_handler_apple (from `.symlinks/plugins/permission_handler_apple/ios`)
+  - record_darwin (from `.symlinks/plugins/record_darwin/ios`)
   - share_plus (from `.symlinks/plugins/share_plus/ios`)
   - shared_preferences_foundation (from `.symlinks/plugins/shared_preferences_foundation/darwin`)
   - sqflite (from `.symlinks/plugins/sqflite/darwin`)
@@ -132,6 +147,7 @@ SPEC REPOS:
   trunk:
     - DKImagePickerController
     - DKPhotoGallery
+    - JPSVolumeButtonHandler
     - libwebp
     - Mantle
     - OrderedSet
@@ -140,6 +156,10 @@ SPEC REPOS:
     - SwiftyGif
 
 EXTERNAL SOURCES:
+  audio_session:
+    :path: ".symlinks/plugins/audio_session/ios"
+  camerawesome:
+    :path: ".symlinks/plugins/camerawesome/ios"
   device_info_plus:
     :path: ".symlinks/plugins/device_info_plus/ios"
   file_picker:
@@ -156,6 +176,8 @@ EXTERNAL SOURCES:
     :path: ".symlinks/plugins/image_picker_ios/ios"
   irondash_engine_context:
     :path: ".symlinks/plugins/irondash_engine_context/ios"
+  just_audio:
+    :path: ".symlinks/plugins/just_audio/ios"
   open_filex:
     :path: ".symlinks/plugins/open_filex/ios"
   package_info_plus:
@@ -164,6 +186,8 @@ EXTERNAL SOURCES:
     :path: ".symlinks/plugins/path_provider_foundation/darwin"
   permission_handler_apple:
     :path: ".symlinks/plugins/permission_handler_apple/ios"
+  record_darwin:
+    :path: ".symlinks/plugins/record_darwin/ios"
   share_plus:
     :path: ".symlinks/plugins/share_plus/ios"
   shared_preferences_foundation:
@@ -182,6 +206,8 @@ EXTERNAL SOURCES:
     :path: ".symlinks/plugins/wakelock_plus/ios"
 
 SPEC CHECKSUMS:
+  audio_session: 4f3e461722055d21515cf3261b64c973c062f345
+  camerawesome: 1e06540f60158809bc70f398ed1ac2cf93fe4188
   device_info_plus: c6fb39579d0f423935b0c9ce7ee2f44b71b9fce6
   DKImagePickerController: b512c28220a2b8ac7419f21c491fc8534b7601ac
   DKPhotoGallery: fdfad5125a9fdda9cc57df834d49df790dbb4179
@@ -192,21 +218,24 @@ SPEC CHECKSUMS:
   flutter_keyboard_visibility: 0339d06371254c3eb25eeb90ba8d17dca8f9c069
   image_picker_ios: 99dfe1854b4fa34d0364e74a78448a0151025425
   irondash_engine_context: 3458bf979b90d616ffb8ae03a150bafe2e860cc9
+  JPSVolumeButtonHandler: 53110330c9168ed325def93eabff39f0fe3e8082
+  just_audio: baa7252489dbcf47a4c7cc9ca663e9661c99aafa
   libwebp: 33dc822fbbf4503668d09f7885bbfedc76c45e96
   Mantle: c5aa8794a29a022dfbbfc9799af95f477a69b62d
   open_filex: 6e26e659846ec990262224a12ef1c528bb4edbe4
   OrderedSet: aaeb196f7fef5a9edf55d89760da9176ad40b93c
   package_info_plus: 115f4ad11e0698c8c1c5d8a689390df880f47e85
   path_provider_foundation: 3784922295ac71e43754bd15e0653ccfd36a147c
   permission_handler_apple: 036b856153a2b1f61f21030ff725f3e6fece2b78
+  record_darwin: 1f6619f2abac4d1ca91d3eeab038c980d76f1517
   SDWebImage: 750adf017a315a280c60fde706ab1e552a3ae4e9
   SDWebImageWebPCoder: af09429398d99d524cae2fe00f6f0f6e491ed102
   share_plus: c3fef564749587fc939ef86ffb283ceac0baf9f5
   shared_preferences_foundation: b4c3b4cddf1c21f02770737f147a3f5da9d39695
   sqflite: 673a0e54cc04b7d6dba8d24fb8095b31c3a99eec
   super_native_extensions: 4916b3c627a9c7fffdc48a23a9eca0b1ac228fa7
   SwiftyGif: 93a1cc87bf3a51916001cf8f3d63835fb64c819f
-  url_launcher_ios: bbd758c6e7f9fd7b5b1d4cde34d2b95fcce5e812
+  url_launcher_ios: 6116280ddcfe98ab8820085d8d76ae7449447586
   video_compress: fce97e4fb1dfd88175aa07d2ffc8a2f297f87fbe
   video_player_avfoundation: 02011213dab73ae3687df27ce441fbbcc82b5579
   wakelock_plus: 8b09852c8876491e4b6d179e17dfe2a0b5f60d47

diff --git a/example/lib/pages/components/button.dart b/example/lib/pages/components/button.dart
@@ -116,39 +116,39 @@ class _ButtonDemoState extends State<ButtonDemo> {
                 child: const Text('Muted'),
               ),
               const SizedBox(height: 10),
-              CircleIconButton(
+              ZdsRoundButton(
                 icon: ZetaIcons.end_call_round,
                 label: "Reject",
-                type: CircleButtonType.negative,
+                type: ZdsRoundButtonType.negative,
                 onTap: () {
                   print("Tap");
                 },
               ),
               const SizedBox(height: 10),
-              CircleIconButton(
+              ZdsRoundButton(
                 icon: ZetaIcons.phone_round,
                 label: "Accept",
-                type: CircleButtonType.positive,
+                type: ZdsRoundButtonType.positive,
                 onTap: () {
                   print("Tap");
                 },
               ),
               const SizedBox(height: 10),
-              CircleIconButton(
+              ZdsRoundButton(
                 icon: ZetaIcons.microphone_round,
                 label: "Mute",
-                type: CircleButtonType.base,
+                type: ZdsRoundButtonType.base,
                 activeIcon: ZetaIcons.microphone_off_round,
                 activeLabel: "Un-Mute",
                 onTap: () {
                   print("Tap");
                 },
               ),
               const SizedBox(height: 10),
-              CircleIconButton(
+              ZdsRoundButton(
                 icon: ZetaIcons.alert_round,
                 label: "Security",
-                type: CircleButtonType.alert,
+                type: ZdsRoundButtonType.alert,
                 onTap: () {
                   print("Tap");
                 },

diff --git a/example/lib/pages/components/dial_pad.dart b/example/lib/pages/components/dial_pad.dart
@@ -0,0 +1,46 @@
+import 'package:flutter/material.dart';
+import 'package:zds_flutter/zds_flutter.dart';
+
+class DialPadExample extends StatelessWidget {
+  const DialPadExample({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        crossAxisAlignment: CrossAxisAlignment.center,
+        children: [
+          ZdsButton.filled(
+            child: Text('ShowDialPad'),
+            onTap: () {
+              showZdsDialPadSheet(
+                context,
+                subtitle: 'Verified Number',
+                pages: {
+                  'Recents': Center(child: Text('Recents list goes here')),
+                  'Contacts': Center(child: Text('Contacts list goes here')),
+                },
+              );
+            },
+          ),
+          const SizedBox(height: ZetaSpacing.xl),
+          ZdsButton.outlined(
+            child: Text('ShowDialPad (text)'),
+            onTap: () {
+              showZdsDialPadSheet(
+                context,
+                subtitle: 'Verified Number',
+                showText: true,
+                pages: {
+                  'Recents': Center(child: Text('Recents list goes here')),
+                  'Contacts': Center(child: Text('Contacts list goes here')),
+                },
+              );
+            },
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/example/lib/routes.dart b/example/lib/routes.dart
@@ -1,12 +1,12 @@
 import 'package:flutter/material.dart';
-import 'pages/components/audio_recorder.dart';
 
 import 'home.dart';
 import 'pages/assets/animations.dart';
 import 'pages/assets/icons.dart';
 import 'pages/assets/images.dart';
 import 'pages/components/app_bar.dart';
 import 'pages/components/audio_player.dart';
+import 'pages/components/audio_recorder.dart';
 import 'pages/components/big_toggle_button.dart';
 import 'pages/components/block_table.dart';
 import 'pages/components/bottom_bar.dart';
@@ -23,6 +23,7 @@ import 'pages/components/conditional_wrapper.dart';
 import 'pages/components/date_picker.dart';
 import 'pages/components/day_picker_demo.dart';
 import 'pages/components/default_flutter.dart';
+import 'pages/components/dial_pad.dart';
 import 'pages/components/empty_list_view.dart';
 import 'pages/components/empty_view.dart';
 import 'pages/components/expandable.dart';
@@ -122,6 +123,7 @@ final kRoutes = {
     const DemoRoute(title: 'Toast', wrapper: false, child: ToastDemo()),
     const DemoRoute(title: 'Toolbar', wrapper: false, child: ToolBarDemo()),
     const DemoRoute(title: 'Vertical Navigation', child: VerticalNavDemo()),
+    const DemoRoute(title: 'Dial Pad', child: DialPadExample()),
   ],
   'Assets': [
     const DemoRoute(title: 'Animations', child: AnimationsDemo()),

diff --git a/example/macos/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings b/example/macos/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict/>
+</plist>
diff --git a/example/pubspec.yaml b/example/pubspec.yaml
@@ -22,8 +22,6 @@ dependencies:
   path_provider: ^2.1.2
   scrollable_positioned_list: ^0.3.8
   url_launcher: ^6.2.5
-  zeta_flutter: ^0.4.0
-  cross_file: ^0.3.3+8
 
 flutter:
   uses-material-design: true

diff --git a/lib/src/components/atoms.dart b/lib/src/components/atoms.dart
@@ -6,7 +6,6 @@ export 'atoms/back_button.dart';
 export 'atoms/border_clipper.dart';
 export 'atoms/button.dart';
 export 'atoms/card.dart';
-export 'atoms/circle_icon_button.dart';
 export 'atoms/conditional_wrapper.dart';
 export 'atoms/dashed_line.dart';
 export 'atoms/expandable.dart';
@@ -17,6 +16,7 @@ export 'atoms/interactive_viewer.dart';
 export 'atoms/label.dart';
 export 'atoms/notification.dart';
 export 'atoms/popover.dart';
+export 'atoms/round_button.dart';
 export 'atoms/selection_pills.dart';
 export 'atoms/shake_animation.dart';
 export 'atoms/slidable_widget.dart';