fix: sidebase showcase examples

impaktfull · Oct 5, 2024 · 01577d9 · 01577d9
1 parent cd3c676
commit 01577d9
Show file tree

Hide file tree

Showing 24 changed files with 332 additions and 138 deletions.
diff --git a/example/lib/src/component_library/components/badge/badge_type_library_variant.dart b/example/lib/src/component_library/components/badge/badge_type_library_variant.dart
@@ -3,7 +3,8 @@ import 'package:impaktfull_ui_2/impaktfull_ui.dart';
 import 'package:impaktfull_ui_example/src/component_library/components/badge/badge_library_item.dart';
 import 'package:impaktfull_ui_example/src/component_library/config/component_library_item.dart';
 
-class BadgeTypeLibraryVariant extends ComponentLibraryVariant<BadgeLibraryVariantInputs> {
+class BadgeTypeLibraryVariant
+    extends ComponentLibraryVariant<BadgeLibraryVariantInputs> {
   final ImpaktfullUiBadgeType type;
   BadgeTypeLibraryVariant(this.type);
 

diff --git a/example/lib/src/component_library/components/network_image/network_image_library_item.dart b/example/lib/src/component_library/components/network_image/network_image_library_item.dart
@@ -20,4 +20,3 @@ class NetworkImageLibraryInputs extends ComponentLibraryInputs {
   @override
   List<ComponentLibraryInputItem> buildInputItems() => [];
 }
-
diff --git a/...ple/lib/src/component_library/components/network_image/network_image_library_variant.dart b/...ple/lib/src/component_library/components/network_image/network_image_library_variant.dart
@@ -4,14 +4,16 @@ import 'package:impaktfull_ui_example/src/component_library/components/network_i
 import 'package:impaktfull_ui_example/src/component_library/config/component_library_item.dart';
 import 'package:impaktfull_ui_example/src/util/network_images.dart';
 
-class NetworkImageLibraryVariant extends ComponentLibraryVariant<NetworkImageLibraryPrimaryInputs> {
+class NetworkImageLibraryVariant
+    extends ComponentLibraryVariant<NetworkImageLibraryPrimaryInputs> {
   const NetworkImageLibraryVariant();
 
   @override
   String get title => 'Default';
 
   @override
-  List<Widget> build(BuildContext context, NetworkImageLibraryPrimaryInputs inputs) {
+  List<Widget> build(
+      BuildContext context, NetworkImageLibraryPrimaryInputs inputs) {
     return [
       const ImpaktfullUiNetworkImage(
         url: NetworkImages.profilePicture,
@@ -20,7 +22,8 @@ class NetworkImageLibraryVariant extends ComponentLibraryVariant<NetworkImageLib
   }
 
   @override
-  NetworkImageLibraryPrimaryInputs inputs() => NetworkImageLibraryPrimaryInputs();
+  NetworkImageLibraryPrimaryInputs inputs() =>
+      NetworkImageLibraryPrimaryInputs();
 }
 
 class NetworkImageLibraryPrimaryInputs extends NetworkImageLibraryInputs {}
diff --git a/.../src/component_library/components/sidebar_navigation/sidebar_navigation_library_item.dart b/.../src/component_library/components/sidebar_navigation/sidebar_navigation_library_item.dart
@@ -1,6 +1,7 @@
 import 'package:impaktfull_ui_example/src/component_library/components/sidebar_navigation/sidebar_navigation_library_variant.dart';
 import 'package:impaktfull_ui_example/src/component_library/config/component_library_inputs.dart';
 import 'package:impaktfull_ui_example/src/component_library/config/component_library_item.dart';
+import 'package:impaktfull_ui_example/src/component_library/inputs/component_library_int_input.dart';
 
 class SidebarNavigationLibraryItem extends ComponentLibraryItem {
   const SidebarNavigationLibraryItem();
@@ -17,6 +18,13 @@ class SidebarNavigationLibraryItem extends ComponentLibraryItem {
 }
 
 class SidebarNavigationLibraryInputs extends ComponentLibraryInputs {
+  final ComponentLibraryIntInput amountOfSecondaryItems =
+      ComponentLibraryIntInput(
+    'Amount of secondary items',
+    initialValue: 0,
+  );
   @override
-  List<ComponentLibraryInputItem> buildInputItems() => [];
+  List<ComponentLibraryInputItem> buildInputItems() => [
+        amountOfSecondaryItems,
+      ];
 }
diff --git a/...c/component_library/components/sidebar_navigation/sidebar_navigation_library_variant.dart b/...c/component_library/components/sidebar_navigation/sidebar_navigation_library_variant.dart
@@ -3,19 +3,51 @@ import 'package:impaktfull_ui_2/impaktfull_ui.dart';
 import 'package:impaktfull_ui_example/src/component_library/components/sidebar_navigation/sidebar_navigation_library_item.dart';
 import 'package:impaktfull_ui_example/src/component_library/config/component_library_item.dart';
 import 'package:impaktfull_ui_example/src/util/network_images.dart';
+import 'package:impaktfull_ui_example/src/widget/components/components_library_variant_descriptor.dart';
 
-class SidebarNavigationLibraryVariant extends ComponentLibraryVariant<SidebarNavigationLibraryPrimaryInputs> {
+class SidebarNavigationLibraryVariant
+    extends ComponentLibraryVariant<SidebarNavigationLibraryPrimaryInputs> {
   const SidebarNavigationLibraryVariant();
 
   @override
   String get title => 'Default';
 
   @override
-  List<Widget> build(BuildContext context, SidebarNavigationLibraryPrimaryInputs inputs) {
+  List<Widget> build(
+      BuildContext context, SidebarNavigationLibraryPrimaryInputs inputs) {
     return [
-      SizedBox(
+      ComponentsLibraryVariantDescriptor(
+        height: 250,
+        child: ImpaktfullUiSidebarNavigation(
+          width: 200,
+          header: ImpaktfullUiAssetWidget(
+            asset: theme.assets.images.logo,
+            width: 150,
+          ),
+          items: [
+            ImpaktfullUiSidebarNavigationItem(
+              leading: theme.assets.icons.home,
+              title: 'Home',
+              items: [
+                ImpaktfullUiSidebarNavigationItem(
+                  leading: theme.assets.icons.confetti,
+                  title: 'Projects',
+                ),
+                ImpaktfullUiSidebarNavigationItem(
+                  leading: theme.assets.icons.confetti,
+                  title: 'Apps',
+                ),
+              ],
+            ),
+            ImpaktfullUiSidebarNavigationItem(
+              leading: theme.assets.icons.search,
+              title: 'Search',
+            ),
+          ],
+        ),
+      ),
+      ComponentsLibraryVariantDescriptor(
         height: 500,
-        width: 300,
         child: ImpaktfullUiSidebarNavigation(
           asset: theme.assets.images.logo,
           items: [
@@ -28,6 +60,15 @@ class SidebarNavigationLibraryVariant extends ComponentLibraryVariant<SidebarNav
               title: 'Search',
             ),
           ],
+          secondaryItems: List.generate(
+                  inputs.amountOfSecondaryItems.value ?? 0, (index) => index)
+              .map(
+                (index) => ImpaktfullUiSidebarNavigationItem(
+                  leading: theme.assets.icons.confetti,
+                  title: 'Submenu $index',
+                ),
+              )
+              .toList(),
           footerItems: [
             ImpaktfullUiSidebarNavigationItem(
               leading: theme.assets.icons.settings,
@@ -54,10 +95,12 @@ class SidebarNavigationLibraryVariant extends ComponentLibraryVariant<SidebarNav
                   ),
                 ),
                 trailingWidgetBuilder: (context) => const SizedBox(width: 40),
-                borderRadius: ImpaktfullUiSidebarNavigationItemTheme.of(context).dimens.borderRadius,
+                borderRadius: ImpaktfullUiSidebarNavigationItemTheme.of(context)
+                    .dimens
+                    .borderRadius,
                 padding: const EdgeInsets.symmetric(
                   horizontal: 12,
-                  vertical: 4,
+                  vertical: 8,
                 ),
                 title: 'impaktfull admin',
                 subtitle: '[email protected]',
@@ -70,7 +113,8 @@ class SidebarNavigationLibraryVariant extends ComponentLibraryVariant<SidebarNav
                 textDirection: Directionality.of(context),
                 child: ImpaktfullUiIconButton(
                   asset: theme.assets.icons.logout,
-                  onTap: () => ImpaktfullUiNotification.show(title: 'Logout tapped'),
+                  onTap: () =>
+                      ImpaktfullUiNotification.show(title: 'Logout tapped'),
                 ),
               ),
             ],
@@ -81,7 +125,9 @@ class SidebarNavigationLibraryVariant extends ComponentLibraryVariant<SidebarNav
   }
 
   @override
-  SidebarNavigationLibraryPrimaryInputs inputs() => SidebarNavigationLibraryPrimaryInputs();
+  SidebarNavigationLibraryPrimaryInputs inputs() =>
+      SidebarNavigationLibraryPrimaryInputs();
 }
 
-class SidebarNavigationLibraryPrimaryInputs extends SidebarNavigationLibraryInputs {}
+class SidebarNavigationLibraryPrimaryInputs
+    extends SidebarNavigationLibraryInputs {}
diff --git a/example/lib/src/widget/components/component_card.dart b/example/lib/src/widget/components/component_card.dart
@@ -38,16 +38,7 @@ class ComponentCard extends StatelessWidget {
                   child: ClipRect(
                     child: Padding(
                       padding: const EdgeInsets.all(16),
-                      child: LayoutBuilder(
-                        builder: (context, constraints) => OverflowBox(
-                          alignment: Alignment.center,
-                          minWidth: 0.0,
-                          minHeight: 0.0,
-                          maxWidth: constraints.maxWidth,
-                          maxHeight: constraints.maxHeight + 500,
-                          child: correctChild,
-                        ),
-                      ),
+                      child: correctChild,
                     ),
                   ),
                 ),

diff --git a/lib/impaktfull_ui.dart b/lib/impaktfull_ui.dart
@@ -19,7 +19,6 @@ export 'src/components/grid_view/grid_view.dart';
 export 'src/components/horizontal_tab/horizontal_tab.dart';
 export 'src/components/horizontal_tabs/horizontal_tabs.dart';
 export 'src/components/icon_button/icon_button.dart';
-export 'src/components/input_field/action/input_field_action.dart';
 export 'src/components/input_field/input_field.dart';
 export 'src/components/list_item/list_item.dart';
 export 'src/components/list_view/list_view.dart';
@@ -49,6 +48,7 @@ export 'src/components/theme/theme_builder.dart';
 // Widget Library
 export 'src/util/descriptor/component_descriptor_mixin.dart';
 // Extensions
+export 'src/util/extension/edge_insets_geometry_extension.dart';
 export 'src/util/extension/border_radius_geometry_extension.dart';
 // Util
 export 'src/util/responsive/responsive_extension.dart';

diff --git a/lib/src/components/asset/asset_widget.dart b/lib/src/components/asset/asset_widget.dart
@@ -7,7 +7,8 @@ import 'package:rive/rive.dart' hide Image;
 
 part 'asset_widget.describe.dart';
 
-class ImpaktfullUiAssetWidget extends StatelessWidget with ComponentDescriptorMixin {
+class ImpaktfullUiAssetWidget extends StatelessWidget
+    with ComponentDescriptorMixin {
   final ImpaktfullUiAsset? asset;
   final Color? color;
   final double? width;
@@ -53,7 +54,8 @@ class ImpaktfullUiAssetWidget extends StatelessWidget with ComponentDescriptorMi
     if (svgAsset != null) {
       return SvgPicture.asset(
         svgAsset,
-        colorFilter: color == null ? null : ColorFilter.mode(color, BlendMode.srcIn),
+        colorFilter:
+            color == null ? null : ColorFilter.mode(color, BlendMode.srcIn),
         width: width,
         height: height,
         package: asset.package,

diff --git a/lib/src/components/command_menu/command_menu.dart b/lib/src/components/command_menu/command_menu.dart
@@ -8,11 +8,14 @@ export 'command_menu_style.dart';
 
 part 'command_menu.describe.dart';
 
-class ImpaktfullUiCommandMenu extends StatefulWidget with ComponentDescriptorMixin {
+class ImpaktfullUiCommandMenu extends StatefulWidget
+    with ComponentDescriptorMixin {
   final ShortcutActivator? shortcutActivator;
   final Widget child;
-  final Widget Function(BuildContext context, ImpaktfullUiCommandMenuTheme theme, CommanderController controller)
-      builder;
+  final Widget Function(
+      BuildContext context,
+      ImpaktfullUiCommandMenuTheme theme,
+      CommanderController controller) builder;
   final ImpaktfullUiCommandMenuTheme? theme;
 
   const ImpaktfullUiCommandMenu({
@@ -24,7 +27,8 @@ class ImpaktfullUiCommandMenu extends StatefulWidget with ComponentDescriptorMix
   });
 
   @override
-  State<ImpaktfullUiCommandMenu> createState() => _ImpaktfullUiCommandMenuState();
+  State<ImpaktfullUiCommandMenu> createState() =>
+      _ImpaktfullUiCommandMenuState();
 
   @override
   String describe(BuildContext context) => _describeInstance(context, this);
@@ -47,7 +51,8 @@ class _ImpaktfullUiCommandMenuState extends State<ImpaktfullUiCommandMenu> {
             bindings: <ShortcutActivator, VoidCallback>{
               shortcutActivator: () => _commanderController.hide(),
             },
-            child: widget.builder(context, componentTheme, _commanderController),
+            child:
+                widget.builder(context, componentTheme, _commanderController),
           ),
           child: widget.child,
         );

diff --git a/lib/src/components/input_field/input_field.dart b/lib/src/components/input_field/input_field.dart
@@ -9,6 +9,7 @@ import 'package:impaktfull_ui_2/src/util/descriptor/component_descriptor_mixin.d
 import 'package:impaktfull_ui_2/src/util/extension/border_radius_geometry_extension.dart';
 
 export 'input_field_style.dart';
+export 'action/input_field_action.dart';
 
 part 'input_field.describe.dart';
 

diff --git a/lib/src/components/list_item/list_item.dart b/lib/src/components/list_item/list_item.dart
@@ -13,7 +13,8 @@ export 'list_item_type.dart';
 
 part 'list_item.describe.dart';
 
-class ImpaktfullUiListItem extends StatefulWidget with ComponentDescriptorMixin {
+class ImpaktfullUiListItem extends StatefulWidget
+    with ComponentDescriptorMixin {
   final String title;
   final String? subtitle;
   final ImpaktfullUiAsset? leading;

diff --git a/lib/src/components/network_image/network_image.dart b/lib/src/components/network_image/network_image.dart
@@ -7,7 +7,8 @@ export 'network_image_style.dart';
 
 part 'network_image.describe.dart';
 
-class ImpaktfullUiNetworkImage extends StatelessWidget with ComponentDescriptorMixin {
+class ImpaktfullUiNetworkImage extends StatelessWidget
+    with ComponentDescriptorMixin {
   final String url;
   final double? height;
   final double? width;
@@ -35,7 +36,8 @@ class ImpaktfullUiNetworkImage extends StatelessWidget with ComponentDescriptorM
       builder: (context, theme, componentTheme) {
         String fullUrl = url;
         if (url.startsWith('https://picsum.photos')) {
-          fullUrl = 'https://picsum.photos/${(width ?? 300).toInt()}/${(height ?? 300).toInt()}';
+          fullUrl =
+              'https://picsum.photos/${(width ?? 300).toInt()}/${(height ?? 300).toInt()}';
         }
         return Image.network(
           fullUrl,

diff --git a/lib/src/components/network_image/network_image.describe.dart b/lib/src/components/network_image/network_image.describe.dart
@@ -1,7 +1,8 @@
 part of 'network_image.dart';
 
-String _describeInstance(BuildContext context, ImpaktfullUiNetworkImage instance) {
+String _describeInstance(
+    BuildContext context, ImpaktfullUiNetworkImage instance) {
   final descriptor = ComponentDescriptor();
   descriptor.add('theme', instance.theme);
   return descriptor.describe();
-}
+}
diff --git a/lib/src/components/network_image/network_image_style.dart b/lib/src/components/network_image/network_image_style.dart
@@ -14,7 +14,8 @@ class ImpaktfullUiNetworkImageTheme extends ImpaktfullUiComponentTheme {
     required this.textStyles,
   });
 
-  static ImpaktfullUiNetworkImageTheme of(BuildContext context) => ImpaktfullUiTheme.of(context).components.networkImage;
+  static ImpaktfullUiNetworkImageTheme of(BuildContext context) =>
+      ImpaktfullUiTheme.of(context).components.networkImage;
 }
 
 class ImpaktfullUiNetworkImageAssetsTheme {
@@ -29,7 +30,6 @@ class ImpaktfullUiNetworkImageDimensTheme {
   const ImpaktfullUiNetworkImageDimensTheme();
 }
 
-
 class ImpaktfullUiNetworkImageTextStyleTheme {
   const ImpaktfullUiNetworkImageTextStyleTheme();
 }
Original file line number	Diff line number	Diff line change
Expand Up		@@ -20,4 +20,3 @@ class NetworkImageLibraryInputs extends ComponentLibraryInputs {
		@override
		List<ComponentLibraryInputItem> buildInputItems() => [];
		}