Release notes - New App Starbase - Digital Innovation - 1.0.12 #

Task #

Implement TDSDialog #

Implement TDSOutlinedTextFields #

Description

• Support light and dark theme
• On state focus should be support CI color by true and dtac (red and blue color)

Enhance TDSFilledTextFields to accept parameter inputFormatter and refactor class name #

Description

• Add parameter inputFormatter
• rename class to TDSFilledTextFields

Implement TDSCategories #

Description

TDSCarouselCategories #

‌

Code Example TDSCarouselCategories

TDSCarouselCategories(
  items: items,
  variant: TDSCarouselCategoriesTypes.truecorp, // Optional
)

‌

Items : CarouselCategoryItem required #

List<CarouselCategoryItem> items = [];

items.add(CarouselCategoryItem(
  image: const AssetImage('assets/icons/icon_package_history.png'),
  title: 'Package\nhistory',
));

‌

variant TDSCarouselCategoriesTypes #

variant: enum TDSCarouselCategoriesTypes { truecorp, dtac, nonTelco }

Showing Badge #

There are two way to display badge

First one with String?: count

CarouselCategoryItem(
  image: const AssetImage(
    'assets/icons/icon_internet.png',
  ),
  title: 'Internet\nbooster',
  onTap: (index) {
    debugPrint('From caller index: $index');
  },
  count: "1"
)

‌

Second way with Widget?: badge

CarouselCategoryItem(
  image: const AssetImage(
    'assets/icons/icon_package_history.png',
  ),
  title: 'Net and \nVoice',
  badge: Container(
    width: 22,
    height: 22,
    decoration: BoxDecoration(
      color: TDSColors.secondaryLightColor.shade80,
      borderRadius: BorderRadius.circular(100),
      border: Border.all(width: 1, color: Colors.white),
    ),
    padding: const EdgeInsets.all(1),
    child: const Image(
      width: 22,
      height: 22,
      fit: BoxFit.cover,
      image: AssetImage("assets/icons/icon_heart.png"),
    ),
  ),
)

‌

Other way with Widget?: badge then use CarouselCategoryItem.useDefaultBadgeContainer(Widget child) to use provide default container

CarouselCategoryItem(
  image: const AssetImage(
    'assets/icons/icon_voice.png',
  ),
  title: 'Voice',
  badge: CarouselCategoryItem.useDefaultBadgeContainer(
    Text("More"),
  ),
),

‌

List of all parameter TDSCarouselCategories

/// A Space between item
final double? spacing;

/// Padding around list
final EdgeInsets? padding;

/// Padding of an item
final EdgeInsets? itemPadding;

/// fixed colors or use variant
final Color? iconColor;

/// Width of image icon
final double? imageWidth;

/// Height of image icon
final double? imageHeight;

/// enum TDSCarouselCategoriesTypes { truecorp, dtac, nonTelco }
final TDSCarouselCategoriesTypes variant;

/// List item
final List<CarouselCategoryItem> items;

‌

and all parameter of CarouselCategoryItem

/// A Title below icon max 2 lines
String? title;

/// Show badge as String
String? count;

/// Show badge as widget that passing
Widget? badge;

/// Image of an icon
ImageProvider image;

/// Event handler of onTap on Item
Function(int index)? onTap;

/// Badge offset position
final Offset? badgeOffset;

/// fixed colors or use variant
final Color? badgeBackgroundColor;

‌

Light Theme

Dark Theme

‌

Badge with difference type (String? count and Widget? badge)

Variant #

TDSCarouselCategoriesTypes.dtacor TDSCarouselCategoriesTypes.nonTelco

Enhance Guest Card #

Description

• Change image param fromStringString to Image
• Specific package value for default image.

‌

Example new code with image: Image

TDSGuestCard(
  header: "More priviledges?",
  subheader: "Log-in to earn now!",
  buttonText: "Login",
  image: Image.network(
    "https://upload.wikimedia.org/wikipedia/en/5/57/DTAC.png",
    width: 80,
    fit: BoxFit.cover,
  ),
),

‌

Implement TDSAppBar #

Release notes - New App Starbase - Digital Innovation - 1.0.11 #

Task #

Fix bug circular progress

Release notes - New App Starbase - Digital Innovation - 1.0.10 #

Task #

Implement TDSPersonalCard

Implement TDSCircularProgressIndicator

Enhance TDSColor extension

Implement MetrialStateTextStyle

Enhance TDSCarouselBanner

Release notes - New App Starbase - Digital Innovation - 1.0.9 #

Task #

Implement TDSBanners #

Implement add function branding use for detect company brand #

Enhance Overline text to uppercase #

Implement Gradients colors #

Description

• Add new gradients color list

Release notes - Starbase - Digital Innovation - 1.0.8 #

Task #

INNO-7 Implement light scheme #

INNO-8 Implement Dark scheme #

INNO-9 Implement Tonal Palettes #

INNO-47 Implement TDSFilledTextFields #

Description

• Support light and dark theme
• On state focus should be support CI color by true and dtac (red and blue color)

INNO-65 Implement TDSTypography #

Release notes - Starbase - Digital Innovation - 1.0.7 #

Task #

Proof of concept rendering lottie animation on flutter

Implement TDSIconStandardButton

Implement TDSIconFilledButton

Implement TDSIconTonalButton

Implement TDSIconOutlinedButton

Implement TDSCheckbox

Revise all TDSFabButton

Release notes - Starbase - Digital Innovation - 1.0.6 #

• Update component button
• Add breadcrumb