Merge pull request #2233 from Mugunthan-Ramalingam/FLUT-931209-update-latest-source

Moved all the widgets latest source changes to flutter widgets

Author: LavanyaGowtham2021

packages/syncfusion_flutter_calendar/CHANGELOG.md

@@ -1,4 +1,10 @@
-## [28.1.29] - 12/12/2024
+## [28.1.36] - 12/24/2024
+
+**General**
+
+* The compatible version of our Flutter calendar widget has been updated to Flutter SDK 3.27.0.
+
+## [28.1.33] - 12/12/2024
 
 **General**
 

packages/syncfusion_flutter_calendar/lib/src/calendar/appointment_layout/agenda_view_layout.dart

@@ -1362,7 +1362,7 @@ class _AgendaViewRenderObject extends CustomCalendarRenderObject {
         rect.top < agendaViewNotifier.value!.hoveringOffset.dy &&
         rect.bottom > agendaViewNotifier.value!.hoveringOffset.dy) {
       if (isLargerScheduleUI) {
-        _rectPainter.color = Colors.grey.withOpacity(0.1);
+        _rectPainter.color = Colors.grey.withValues(alpha: 0.1);
         const double viewPadding = 2;
         canvas.drawRRect(
             RRect.fromRectAndRadius(
@@ -1375,7 +1375,7 @@ class _AgendaViewRenderObject extends CustomCalendarRenderObject {
             _rectPainter);
       } else {
         _rectPainter.color =
-            calendarTheme.selectionBorderColor!.withOpacity(0.4);
+            calendarTheme.selectionBorderColor!.withValues(alpha: 0.4);
         _rectPainter.style = PaintingStyle.stroke;
         _rectPainter.strokeWidth = 2;
         if (childCount == 0) {

packages/syncfusion_flutter_calendar/lib/src/calendar/appointment_layout/allday_appointment_layout.dart

@@ -48,7 +48,7 @@ class AllDayAppointmentLayout extends StatefulWidget {
 
   /// Holds the selection details and user to trigger repaint to draw the
   /// selection.
-  final ValueNotifier<SelectionDetails?> repaintNotifier;
+  final ValueNotifier<AllDayPanelSelectionDetails?> repaintNotifier;
 
   /// Used to get the calendar state details.
   final UpdateCalendarState updateCalendarState;
@@ -449,7 +449,7 @@ class _AllDayAppointmentRenderWidget extends MultiChildRenderObjectWidget {
   final CalendarView view;
   final List<DateTime> visibleDates;
   final List<CalendarAppointment>? visibleAppointments;
-  final ValueNotifier<SelectionDetails?> repaintNotifier;
+  final ValueNotifier<AllDayPanelSelectionDetails?> repaintNotifier;
   final double timeLabelWidth;
   final double allDayPainterHeight;
   final bool isRTL;
@@ -766,11 +766,12 @@ class _AllDayAppointmentRenderObject extends CustomCalendarRenderObject {
     _allDayHoverPosition.addListener(markNeedsPaint);
   }
 
-  ValueNotifier<SelectionDetails?> _selectionNotifier;
+  ValueNotifier<AllDayPanelSelectionDetails?> _selectionNotifier;
 
-  ValueNotifier<SelectionDetails?> get selectionNotifier => _selectionNotifier;
+  ValueNotifier<AllDayPanelSelectionDetails?> get selectionNotifier =>
+      _selectionNotifier;
 
-  set selectionNotifier(ValueNotifier<SelectionDetails?> value) {
+  set selectionNotifier(ValueNotifier<AllDayPanelSelectionDetails?> value) {
     if (_selectionNotifier == value) {
       return;
     }
@@ -1373,7 +1374,7 @@ class _AllDayAppointmentRenderObject extends CustomCalendarRenderObject {
             _cellWidth;
     final double leftPosition =
         (rowIndex * _cellWidth) + (isRTL ? 0 : timeLabelWidth);
-    _rectPainter.color = Colors.grey.withOpacity(0.1);
+    _rectPainter.color = Colors.grey.withValues(alpha: 0.1);
     canvas.drawRect(
         Rect.fromLTWH(leftPosition, 0, _cellWidth, size.height), _rectPainter);
   }
@@ -1395,8 +1396,8 @@ class _AllDayAppointmentRenderObject extends CustomCalendarRenderObject {
           appointmentView.endIndex > index) {
         selectionDecoration ??= BoxDecoration(
           color: themeData.brightness == Brightness.light
-              ? Colors.white.withOpacity(0.3)
-              : Colors.black.withOpacity(0.4),
+              ? Colors.white.withValues(alpha: 0.3)
+              : Colors.black.withValues(alpha: 0.4),
           border:
               Border.all(color: calendarTheme.selectionBorderColor!, width: 2),
           borderRadius: const BorderRadius.all(Radius.circular(2)),
@@ -1436,7 +1437,7 @@ class _AllDayAppointmentRenderObject extends CustomCalendarRenderObject {
   /// Used to pass the argument of create box painter and it is called when
   /// decoration have asynchronous data like image.
   void _updateSelectionDecorationPainter() {
-    selectionNotifier.value = SelectionDetails(
+    selectionNotifier.value = AllDayPanelSelectionDetails(
         selectionNotifier.value!.appointmentView,
         selectionNotifier.value!.selectedDate);
   }
@@ -1467,7 +1468,8 @@ class _AllDayAppointmentRenderObject extends CustomCalendarRenderObject {
         rect.right > allDayHoverPosition.value!.dx &&
         rect.top < allDayHoverPosition.value!.dy &&
         rect.bottom > allDayHoverPosition.value!.dy) {
-      _rectPainter.color = calendarTheme.selectionBorderColor!.withOpacity(0.4);
+      _rectPainter.color =
+          calendarTheme.selectionBorderColor!.withValues(alpha: 0.4);
       _rectPainter.strokeWidth = 2;
       _rectPainter.style = PaintingStyle.stroke;
       canvas.drawRRect(rect, _rectPainter);

packages/syncfusion_flutter_calendar/lib/src/calendar/appointment_layout/appointment_layout.dart

@@ -2151,7 +2151,7 @@ class _AppointmentRenderObject extends CustomCalendarRenderObject {
         rect.top < hoverPosition.dy &&
         rect.bottom > hoverPosition.dy) {
       _appointmentPainter.color =
-          calendarTheme.selectionBorderColor!.withOpacity(0.4);
+          calendarTheme.selectionBorderColor!.withValues(alpha: 0.4);
       _appointmentPainter.strokeWidth = 2;
       _appointmentPainter.style = PaintingStyle.stroke;
       canvas.drawRRect(rect, _appointmentPainter);

packages/syncfusion_flutter_calendar/lib/src/calendar/common/calendar_view_helper.dart

@@ -1331,9 +1331,9 @@ class ScheduleViewHoveringDetails {
 /// if all day panel appointment selected then [appointmentView] holds
 /// appointment details, else [selectedDate] holds selected region date value.
 @immutable
-class SelectionDetails {
+class AllDayPanelSelectionDetails {
   /// Constructor to create the selection details.
-  const SelectionDetails(this.appointmentView, this.selectedDate);
+  const AllDayPanelSelectionDetails(this.appointmentView, this.selectedDate);
 
   /// Holds the selected appointment view details.
   final AppointmentView? appointmentView;

packages/syncfusion_flutter_calendar/lib/src/calendar/resource_view/resource_view.dart

@@ -449,7 +449,7 @@ class _ResourceViewRenderObject extends CustomCalendarRenderObject {
               (themeData.brightness == Brightness.dark
                       ? Colors.white
                       : Colors.black87)
-                  .withOpacity(0.04);
+                  .withValues(alpha: 0.04);
           _addHovering(context.canvas, size, yPosition, resourceHoveringColor);
         }
 
@@ -480,7 +480,7 @@ class _ResourceViewRenderObject extends CustomCalendarRenderObject {
     final Color resourceHoveringColor = (themeData.brightness == Brightness.dark
             ? Colors.white
             : Colors.black87)
-        .withOpacity(0.04);
+        .withValues(alpha: 0.04);
     final TextStyle displayNameTextStyle = calendarTheme.displayNameTextStyle!;
     _circlePainter.color = resourceCellBorderColor;
     _circlePainter.strokeWidth = 0.5;

packages/syncfusion_flutter_calendar/lib/src/calendar/sfcalendar.dart

@@ -645,7 +645,7 @@ class SfCalendar extends StatefulWidget {
   ///        startTime: date,
   ///        endTime: date.add(Duration(hours: 2)),
   ///        enablePointerInteraction: false,
-  ///        color: Colors.grey.withOpacity(0.2),
+  ///        color: Colors.grey.withValues(alpha:0.2),
   ///        text: 'Break'));
   ///
   ///    return regions;
@@ -1922,7 +1922,7 @@ class SfCalendar extends StatefulWidget {
   ///        startTime: DateTime.now(),
   ///        endTime: DateTime.now().add(Duration(hours: 1)),
   ///        enablePointerInteraction: false,
-  ///        color: Colors.grey.withOpacity(0.2),
+  ///        color: Colors.grey.withValues(alpha:0.2),
   ///        text: 'Break'));
   ///
   ///    return regions;
@@ -3879,15 +3879,15 @@ class _SfCalendarState extends State<SfCalendar>
                 ?.merge(widget.blackoutDatesTextStyle),
         trailingDatesTextStyle: themeData.textTheme.bodyMedium!
             .copyWith(
-              color: colorScheme.onSurface.withOpacity(0.54),
+              color: colorScheme.onSurface.withValues(alpha: 0.54),
               fontSize: isMaterial3 ? 14 : 13,
             )
             .merge(calendarThemeData.trailingDatesTextStyle)
             .merge(
                 widget.monthViewSettings.monthCellStyle.trailingDatesTextStyle),
         leadingDatesTextStyle: themeData.textTheme.bodyMedium!
             .copyWith(
-              color: colorScheme.onSurface.withOpacity(0.54),
+              color: colorScheme.onSurface.withValues(alpha: 0.54),
               fontSize: isMaterial3 ? 14 : 13,
             )
             .merge(calendarThemeData.leadingDatesTextStyle)
@@ -3902,37 +3902,37 @@ class _SfCalendarState extends State<SfCalendar>
             .merge(widget.todayTextStyle),
         headerTextStyle: themeData.textTheme.bodyLarge!
             .copyWith(
-              color: colorScheme.onSurface.withOpacity(0.87),
+              color: colorScheme.onSurface.withValues(alpha: 0.87),
               fontSize: isMaterial3 ? 16 : 18,
               fontWeight: FontWeight.w400,
             )
             .merge(calendarThemeData.headerTextStyle)
             .merge(widget.headerStyle.textStyle),
         activeDatesTextStyle: themeData.textTheme.bodyMedium!
             .copyWith(
-              color: colorScheme.onSurface.withOpacity(0.87),
+              color: colorScheme.onSurface.withValues(alpha: 0.87),
               fontSize: 13,
             )
             .merge(calendarThemeData.activeDatesTextStyle)
             .merge(widget.monthViewSettings.monthCellStyle.textStyle),
         timeTextStyle: themeData.textTheme.bodySmall!
             .copyWith(
-              color: colorScheme.onSurface.withOpacity(0.54),
+              color: colorScheme.onSurface.withValues(alpha: 0.54),
               fontSize: isMaterial3 ? 12 : 10,
               fontWeight: FontWeight.w500,
             )
             .merge(calendarThemeData.timeTextStyle)
             .merge(widget.timeSlotViewSettings.timeTextStyle),
         viewHeaderDateTextStyle: themeData.textTheme.bodyMedium!
             .copyWith(
-              color: colorScheme.onSurface.withOpacity(0.87),
+              color: colorScheme.onSurface.withValues(alpha: 0.87),
               fontSize: isMaterial3 ? 14 : 15,
             )
             .merge(calendarThemeData.viewHeaderDateTextStyle)
             .merge(widget.viewHeaderStyle.dateTextStyle),
         viewHeaderDayTextStyle: themeData.textTheme.bodySmall!
             .copyWith(
-              color: colorScheme.onSurface.withOpacity(0.87),
+              color: colorScheme.onSurface.withValues(alpha: 0.87),
               fontSize: isMaterial3 ? 12 : 11,
             )
             .merge(calendarThemeData.viewHeaderDayTextStyle)
@@ -3947,7 +3947,7 @@ class _SfCalendarState extends State<SfCalendar>
             .merge(widget.resourceViewSettings.displayNameTextStyle),
         weekNumberTextStyle: themeData.textTheme.bodyMedium!
             .copyWith(
-              color: colorScheme.onSurface.withOpacity(0.87),
+              color: colorScheme.onSurface.withValues(alpha: 0.87),
               fontSize: isMaterial3 ? 14 : 13,
             )
             .merge(calendarThemeData.weekNumberTextStyle)
@@ -5803,7 +5803,7 @@ class _SfCalendarState extends State<SfCalendar>
     final double dividerHeight = _useMobilePlatformUI ? 0 : 1;
     Color dividerColor =
         widget.cellBorderColor ?? _calendarTheme.cellBorderColor!;
-    dividerColor = dividerColor.withOpacity(dividerColor.opacity * 0.5);
+    dividerColor = dividerColor.withValues(alpha: dividerColor.a * 0.5);
     int numberOfEvents = 0;
 
     double appointmentHeight = 0;
@@ -9523,7 +9523,7 @@ class _CalendarHeaderViewState extends State<_CalendarHeaderView> {
     final Color headerBackgroundColor = widget.headerStyle.backgroundColor ??
         widget.calendarTheme.headerBackgroundColor!;
     final Color arrowColor =
-        headerTextColor.withOpacity(headerTextColor.opacity * 0.6);
+        headerTextColor.withValues(alpha: headerTextColor.a * 0.6);
     Color prevArrowColor = arrowColor;
     Color nextArrowColor = arrowColor;
     final TextStyle style = TextStyle(color: arrowColor);
@@ -9761,7 +9761,7 @@ class _CalendarHeaderViewState extends State<_CalendarHeaderView> {
         widget.maxDate,
         dates,
         widget.nonWorkingDays)) {
-      nextArrowColor = nextArrowColor.withOpacity(nextArrowColor.opacity * 0.5);
+      nextArrowColor = nextArrowColor.withValues(alpha: nextArrowColor.a * 0.5);
     }
 
     if (!DateTimeHelper.canMoveToPreviousView(
@@ -9771,7 +9771,7 @@ class _CalendarHeaderViewState extends State<_CalendarHeaderView> {
         widget.maxDate,
         dates,
         widget.nonWorkingDays)) {
-      prevArrowColor = prevArrowColor.withOpacity(prevArrowColor.opacity * 0.5);
+      prevArrowColor = prevArrowColor.withValues(alpha: prevArrowColor.a * 0.5);
     }
 
     MainAxisAlignment getAlignmentFromTextAlign() {
@@ -9923,7 +9923,7 @@ class _CalendarHeaderViewState extends State<_CalendarHeaderView> {
                       decoration: BoxDecoration(
                         color:
                             widget.showDatePickerButton && widget.isPickerShown
-                                ? Colors.grey.withOpacity(0.3)
+                                ? Colors.grey.withValues(alpha: 0.3)
                                 : headerBackgroundColor,
                       ),
 
@@ -10330,7 +10330,7 @@ class _CalendarHeaderViewState extends State<_CalendarHeaderView> {
       padding: EdgeInsets.all(useMobilePlatformUI ? 2 : 4),
       child: Material(
         color: isHighlighted && (isNeedIcon || useMobilePlatformUI)
-            ? Colors.grey.withOpacity(0.3)
+            ? Colors.grey.withValues(alpha: 0.3)
             : headerBackgroundColor,
         child: InkWell(
             splashColor: calendarViewSplashColor,
@@ -10642,7 +10642,7 @@ class _ScheduleLabelPainter extends CustomPainter {
         final Rect rect = Rect.fromLTWH(
             0, padding, size.width - 2, size.height - (2 * padding));
         _backgroundPainter.color =
-            calendarTheme.selectionBorderColor!.withOpacity(0.4);
+            calendarTheme.selectionBorderColor!.withValues(alpha: 0.4);
         _backgroundPainter.style = PaintingStyle.stroke;
         _backgroundPainter.strokeWidth = 2;
         canvas.drawRect(rect, _backgroundPainter);
@@ -10654,7 +10654,7 @@ class _ScheduleLabelPainter extends CustomPainter {
             padding + viewPadding,
             size.width - (isRTL ? viewPadding : padding),
             size.height - (2 * (viewPadding + padding)));
-        _backgroundPainter.color = Colors.grey.withOpacity(0.1);
+        _backgroundPainter.color = Colors.grey.withValues(alpha: 0.1);
         canvas.drawRRect(
             RRect.fromRectAndRadius(rect, const Radius.circular(4)),
             _backgroundPainter);
@@ -11090,7 +11090,7 @@ class _CustomSplash extends InteractiveInkFeature {
       ..addListener(controller.markNeedsPaint)
       ..addStatusListener(_handleAlphaStatusChanged);
     _alpha = _alphaController!.drive(IntTween(
-      begin: color.alpha,
+      begin: (color.a * 255).toInt(),
       end: 0,
     ));
 
@@ -11260,7 +11260,7 @@ class _AgendaDateTimePainter extends CustomPainter {
     /// Holds the default agenda day text style from framework text theme.
     final TextStyle agendaDayThemeTextStyle =
         themeData.textTheme.bodySmall!.copyWith(
-      color: themeData.colorScheme.onSurface.withOpacity(0.54),
+      color: themeData.colorScheme.onSurface.withValues(alpha: 0.54),
       fontSize: 10,
       fontWeight: FontWeight.w500,
     );
@@ -11394,11 +11394,11 @@ class _AgendaDateTimePainter extends CustomPainter {
           yPosition + _textPainter.height >
               agendaDateNotifier.value!.hoveringOffset.dy) {
         _linePainter.color = isToday
-            ? Colors.black.withOpacity(0.1)
+            ? Colors.black.withValues(alpha: 0.1)
             : (themeData.brightness == Brightness.dark
                     ? Colors.white
                     : Colors.black87)
-                .withOpacity(0.04);
+                .withValues(alpha: 0.04);
         _drawTodayCircle(canvas, xPosition, yPosition, padding);
       }
     }
@@ -11460,11 +11460,11 @@ class _AgendaDateTimePainter extends CustomPainter {
           (yPosition + _textPainter.height) >
               agendaDateNotifier.value!.hoveringOffset.dy) {
         _linePainter.color = isToday
-            ? Colors.black.withOpacity(0.1)
+            ? Colors.black.withValues(alpha: 0.1)
             : (themeData.brightness == Brightness.dark
                     ? Colors.white
                     : Colors.black87)
-                .withOpacity(0.04);
+                .withValues(alpha: 0.04);
         _drawTodayCircle(canvas, dateTextStartPosition, yPosition, padding);
       }
     }