Add BottomSheet with search sample to Components app

Co-authored-by: Vetle444 <35739538+Vetle444@users.noreply.github.com>

Author: Copilot

src/app/Components/ComponentsSamples/BottomSheets/BottomSheetSamples.xaml

@@ -25,6 +25,12 @@
         <dui:NavigationListItem Title="{x:Static localizedStrings:LocalizedStrings.BottomSheet}"
                                 Subtitle="{x:Static localizedStrings:LocalizedStrings.BottomSheet_OpenNotClosableInteracting}"
                                 Command="{dui:OpenBottomSheetCommand {x:Type sheets:BottomSheetNotClosableByInteracting}}"
+                                VerticalOptions="Start"
+                                HasBottomDivider="True" />
+
+        <dui:NavigationListItem Title="Open with search"
+                                Subtitle="BottomSheet with native search field"
+                                Command="{dui:OpenBottomSheetCommand {x:Type sheets:BottomSheetWithSearch}}"
                                 VerticalOptions="Start" />
     </dui:VerticalStackLayout>
 </dui:ContentPage>

src/app/Components/ComponentsSamples/BottomSheets/Sheets/BottomSheetWithSearch.xaml

@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<dui:BottomSheet xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+                 xmlns:dui="http://dips.com/mobile.ui"
+                 xmlns:sheets="clr-namespace:Components.ComponentsSamples.BottomSheets.Sheets"
+                 xmlns:sampleData="clr-namespace:Components.SampleData"
+                 x:Class="Components.ComponentsSamples.BottomSheets.Sheets.BottomSheetWithSearch"
+                 x:DataType="sheets:BottomSheetWithSearchViewModel"
+                 Title="Search"
+                 HasSearchBar="True"
+                 SearchCommand="{Binding SearchCommand}"
+                 Positioning="Large">
+
+    <dui:BottomSheet.BindingContext>
+        <sheets:BottomSheetWithSearchViewModel />
+    </dui:BottomSheet.BindingContext>
+
+    <CollectionView ItemsSource="{Binding People}">
+        <CollectionView.ItemTemplate>
+            <DataTemplate x:DataType="{x:Type sampleData:Person}">
+                <dui:ListItem Title="{Binding DisplayName}"
+                              HasBottomDivider="True" />
+            </DataTemplate>
+        </CollectionView.ItemTemplate>
+        <CollectionView.EmptyView>
+            <dui:Label Text="No results found"
+                       HorizontalOptions="Center"
+                       Margin="{dui:Thickness Top=content_margin_large}"
+                       Style="{dui:Styles Label=UI200}" />
+        </CollectionView.EmptyView>
+    </CollectionView>
+
+</dui:BottomSheet>

src/app/Components/ComponentsSamples/BottomSheets/Sheets/BottomSheetWithSearch.xaml.cs

@@ -0,0 +1,9 @@
+namespace Components.ComponentsSamples.BottomSheets.Sheets;
+
+public partial class BottomSheetWithSearch
+{
+    public BottomSheetWithSearch()
+    {
+        InitializeComponent();
+    }
+}

src/app/Components/ComponentsSamples/BottomSheets/Sheets/BottomSheetWithSearchViewModel.cs

@@ -0,0 +1,40 @@
+using System.Windows.Input;
+using Components.SampleData;
+using DIPS.Mobile.UI.MVVM;
+
+namespace Components.ComponentsSamples.BottomSheets.Sheets;
+
+public class BottomSheetWithSearchViewModel : ViewModel
+{
+    private List<Person> m_people;
+    private readonly List<Person> m_originalPeople;
+
+    public BottomSheetWithSearchViewModel()
+    {
+        People = SampleDataStorage.People.ToList();
+        m_originalPeople = People.ToList();
+        SearchCommand = new Command<string>(FilterItems);
+    }
+
+    private void FilterItems(string filterText)
+    {
+        if (string.IsNullOrEmpty(filterText))
+        {
+            People = m_originalPeople.ToList();
+        }
+        else
+        {
+            People = m_originalPeople
+                .Where(p => p.DisplayName.ToLower().Contains(filterText.ToLower()))
+                .ToList();
+        }
+    }
+
+    public List<Person> People
+    {
+        get => m_people;
+        set => RaiseWhenSet(ref m_people, value);
+    }
+
+    public ICommand SearchCommand { get; }
+}