Merge pull request #11 from jozzdart/dev

v1.0.4

Author: jozzzzep

CHANGELOG.md

@@ -1,3 +1,8 @@
+## 1.0.4
+
+- Fixed `SizedBox` extensions to accept `int` values
+- Now you can create gaps with `int` values (e.g. `10.gapRow` or `10.gapColumn`)
+
 ## 1.0.3
 
 Added detailed tests for all extensions and fixed all issues found

example/pubspec.lock

@@ -47,7 +47,7 @@ packages:
       path: ".."
       relative: true
     source: path
-    version: "1.0.2"
+    version: "1.0.4"
   fake_async:
     dependency: transitive
     description:

lib/src/widget/containers/sized_box_double.dart renamed to lib/src/widget/containers/sized_box_num.dart

@@ -175,3 +175,85 @@ extension SizedBoxDoubleExtension on double {
   /// ```
   SizedBox get gapRow => sizedWidth;
 }
+
+/// Extension methods for [int] that provide convenient spacing and sizing functionality.
+///
+/// This extension adds methods to easily convert integer values into [SizedBox] widgets
+/// for creating spacing and gaps in layouts. All methods return [SizedBox] widgets
+/// with the int value used as either width or height.
+///
+/// The extension provides semantic methods for different spacing contexts:
+/// - Width/height sizing: sizedWidth, sizedHeight
+/// - Gap creation: gapHorizontal, gapVertical
+/// - Layout-specific gaps: gapColumn, gapRow
+///
+/// Example usage:
+/// ```dart
+/// Column(
+///   children: [
+///     Text('First item'),
+///     16.gapVertical,    // 16px vertical gap
+///     Text('Second item'),
+///     8.gapColumn,       // 8px gap in column
+///   ],
+/// );
+/// ```
+extension SizedBoxIntExtension on int {
+  /// Creates a [SizedBox] with this value as the width.
+  ///
+  /// Returns a [SizedBox] that has the specified width and no height constraint.
+  ///
+  /// Example:
+  /// ```dart
+  /// Row(
+  ///   children: [
+  ///     Text('Left'),
+  ///     20.sizedWidth,  // 20px wide spacer
+  ///     Text('Right'),
+  ///   ],
+  /// );
+  /// ```
+  SizedBox get sizedWidth => SizedBox(width: toDouble());
+
+  /// Creates a [SizedBox] with this value as the height.
+  ///
+  /// Returns a [SizedBox] that has the specified height and no width constraint.
+  ///
+  /// Example:
+  /// ```dart
+  /// Column(
+  ///   children: [
+  ///     Text('Top'),
+  ///     24.sizedHeight,  // 24px tall spacer
+  ///     Text('Bottom'),
+  ///   ],
+  /// );
+  /// ```
+  SizedBox get sizedHeight => SizedBox(height: toDouble());
+
+  /// Creates a horizontal gap (spacer) with this value as the width.
+  ///
+  /// Alias for [sizedWidth].
+  SizedBox get gapHorizontal => sizedWidth;
+
+  /// Creates a vertical gap (spacer) with this value as the height.
+  ///
+  /// Alias for [sizedHeight].
+  SizedBox get gapVertical => sizedHeight;
+
+  /// Creates a vertical gap specifically for use in columns.
+  ///
+  /// Alias for [sizedHeight].
+  SizedBox get gapHeight => sizedHeight;
+
+  /// Creates a horizontal gap specifically for use in rows.
+  ///
+  /// Alias for [sizedWidth].
+  SizedBox get gapWidth => sizedWidth;
+
+  /// Alias for [gapHeight], useful for semantic clarity in [Column] layouts.
+  SizedBox get gapColumn => sizedHeight;
+
+  /// Alias for [gapWidth], useful for semantic clarity in [Row] layouts.
+  SizedBox get gapRow => sizedWidth;
+}

pubspec.yaml

@@ -1,6 +1,6 @@
 name: exui
 description: "Build your UI faster. No boilerplate, no dependencies. Just powerful widget extensions."
-version: 1.0.3
+version: 1.0.4
 homepage: https://github.com/jozzdart/exui
 repository: https://github.com/jozzdart/exui
 issue_tracker: https://github.com/jozzdart/exui/issues

test/cupertino/button_test.dart

@@ -0,0 +1,138 @@
+import 'package:exui/src/cupertino.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter_test/flutter_test.dart';
+
+extension CupertinoButtonWidgetExtensionsTest on Widget {
+  CupertinoButton getButtonFromCupertinoButton({
+    required void Function()? onPressed,
+  }) =>
+      cupertinoButton(onPressed: onPressed);
+
+  CupertinoButton getButtonFromFilledButton({
+    required void Function()? onPressed,
+  }) =>
+      cupertinoFilledButton(onPressed: onPressed);
+
+  CupertinoButton getButtonFromTintedButton({
+    required void Function()? onPressed,
+  }) =>
+      cupertinoTintedButton(onPressed: onPressed);
+}
+
+void main() {
+  testWidgets(
+      'cupertinoButton creates CupertinoButton with correct child and onPressed',
+      (tester) async {
+    bool pressed = false;
+    final widget = Text('Tap me').cupertinoButton(
+      onPressed: () => pressed = true,
+    );
+
+    await tester.pumpWidget(CupertinoApp(home: widget));
+
+    expect(find.text('Tap me'), findsOneWidget);
+    await tester.tap(find.byType(CupertinoButton));
+    expect(pressed, true);
+  });
+
+  testWidgets('cupertinoFilledButton creates filled button with correct child',
+      (tester) async {
+    bool called = false;
+    final widget = Text('Submit').cupertinoFilledButton(
+      onPressed: () => called = true,
+    );
+
+    await tester.pumpWidget(CupertinoApp(home: widget));
+    expect(find.text('Submit'), findsOneWidget);
+    await tester.tap(find.byType(CupertinoButton));
+    expect(called, true);
+  });
+
+  testWidgets('cupertinoTintedButton uses tint color correctly',
+      (tester) async {
+    final color = CupertinoColors.systemPink;
+    final widget = Text('Share').cupertinoTintedButton(
+      color: color,
+      onPressed: () {},
+    );
+
+    await tester.pumpWidget(CupertinoApp(home: widget));
+    final btn = tester.widget<CupertinoButton>(find.byType(CupertinoButton));
+    expect(btn.color, color);
+  });
+
+  testWidgets('disabled button does not trigger onPressed', (tester) async {
+    bool pressed = false;
+    final widget = Text('Disabled').cupertinoButton(
+      onPressed: null,
+    );
+
+    await tester.pumpWidget(CupertinoApp(home: widget));
+    await tester.tap(find.byType(CupertinoButton));
+    expect(pressed, false); // No change
+  });
+
+  testWidgets('cupertinoButton applies borderRadius and alignment',
+      (tester) async {
+    const radius = BorderRadius.all(Radius.circular(12));
+    const align = Alignment.bottomRight;
+
+    final button = Text('Align').cupertinoButton(
+      borderRadius: radius,
+      alignment: align,
+      onPressed: () {},
+    );
+
+    expect(button.borderRadius, radius);
+    expect(button.alignment, align);
+  });
+
+  testWidgets('cupertinoFilledButton applies sizeStyle and pressedOpacity',
+      (tester) async {
+    final button = Text('Press').cupertinoFilledButton(
+      sizeStyle: CupertinoButtonSize.small,
+      pressedOpacity: 0.2,
+      onPressed: () {},
+    );
+
+    expect(button.sizeStyle, CupertinoButtonSize.small);
+    expect(button.pressedOpacity, 0.2);
+  });
+
+  testWidgets('cupertinoTintedButton applies disabledColor and autofocus',
+      (tester) async {
+    final button = Text('Auto').cupertinoTintedButton(
+      disabledColor: CupertinoColors.systemGrey,
+      autofocus: true,
+      onPressed: () {},
+    );
+
+    expect(button.disabledColor, CupertinoColors.systemGrey);
+    expect(button.autofocus, true);
+  });
+
+  testWidgets('cupertinoButton handles focusColor and focusNode',
+      (tester) async {
+    final node = FocusNode();
+    final button = Text('Focus').cupertinoButton(
+      focusColor: CupertinoColors.activeBlue,
+      focusNode: node,
+      onPressed: () {},
+    );
+
+    expect(button.focusNode, node);
+    expect(button.focusColor, CupertinoColors.activeBlue);
+  });
+
+  testWidgets('cupertinoButton calls onLongPress', (tester) async {
+    bool longPressed = false;
+    final widget = Text('Long Press').cupertinoButton(
+      onPressed: () {},
+      onLongPress: () => longPressed = true,
+    );
+
+    await tester.pumpWidget(CupertinoApp(home: widget));
+    await tester.longPress(find.byType(CupertinoButton));
+    expect(longPressed, true);
+  });
+}

test/cupertino/colored_box_test.dart

@@ -0,0 +1,71 @@
+import 'package:exui/cupertino.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter_test/flutter_test.dart';
+
+void main() {
+  testWidgets('CupertinoBoxColorsExtension applies correct colors',
+      (tester) async {
+    final widget = const Text('test');
+
+    await tester.pumpWidget(
+      Directionality(
+        textDirection: TextDirection.ltr,
+        child: Column(
+          children: [
+            widget.redBox(),
+            widget.destructiveRedBox(),
+            widget.greenBox(),
+            widget.activeGreenBox(),
+            widget.blueBox(),
+            widget.activeBlueBox(),
+            widget.yellowBox(),
+            widget.orangeBox(),
+            widget.orangeAccentBox(),
+            widget.purpleBox(),
+            widget.pinkBox(),
+            widget.brownBox(),
+            widget.tealBox(),
+            widget.cyanBox(),
+            widget.greyBox(),
+            widget.blackBox(),
+            widget.whiteBox(),
+            widget.darkGrayBox(),
+            widget.lightGrayBox(),
+          ],
+        ),
+      ),
+    );
+
+    final colors = [
+      CupertinoColors.systemRed,
+      CupertinoColors.destructiveRed,
+      CupertinoColors.systemGreen,
+      CupertinoColors.activeGreen,
+      CupertinoColors.systemBlue,
+      CupertinoColors.activeBlue,
+      CupertinoColors.systemYellow,
+      CupertinoColors.systemOrange,
+      CupertinoColors.activeOrange,
+      CupertinoColors.systemPurple,
+      CupertinoColors.systemPink,
+      CupertinoColors.systemBrown,
+      CupertinoColors.systemTeal,
+      CupertinoColors.systemCyan,
+      CupertinoColors.systemGrey,
+      CupertinoColors.black,
+      CupertinoColors.white,
+      CupertinoColors.darkBackgroundGray,
+      CupertinoColors.lightBackgroundGray,
+    ];
+
+    final coloredBoxes = find.byType(ColoredBox);
+    expect(coloredBoxes, findsNWidgets(colors.length));
+
+    for (int i = 0; i < colors.length; i++) {
+      final box = tester.widget<ColoredBox>(coloredBoxes.at(i));
+      expect(box.color, equals(colors[i]));
+      expect(box.child, isA<Text>());
+      expect((box.child as Text).data, equals('test'));
+    }
+  });
+}