Chore: Added selections to Multiselect props, removed form SB options. Removed height and selected on select

Author: shalane-proctor

src/multiselect/MultiSelect.stories.ts

@@ -8,6 +8,9 @@ const meta = {
   title: 'MultiSelect',
   component: MultiSelect,
   decorators: [() => FullView],
+  argTypes: {
+    selections: {table: {disable: true}}
+  },
   tags: ['autodocs'],
 } satisfies Meta<MultiSelect>;
 

src/multiselect/MultiSelect.svelte

@@ -9,20 +9,21 @@
   let toggleMenu = () => {
     menu.setOpen(!menu.isOpen());
   };
-  let selections = $state([]);
 
   type MultiSelectProps = {
     variant: "Checkboxes" | "Text";
     label: string;
     noSelectionsLabel: string;
     options: string[];
+    selections?: string[];
   };
 
   let {
     variant = "Text",
     label = "Please select some options",
     noSelectionsLabel = "MultiSelect",
     options = ["Apple", "Banana", "Cherry"],
+    selections = [],
   }: MultiSelectProps = $props();
 
   const toggleSelection = (option: string) => {

src/select/Select.svelte

@@ -5,22 +5,15 @@
   type MDAISelectProps = {
     label: string;
     options: string[];
-    selected: string;
-    // height for sb component to show full dropdown
-    height?: number;
-    disabled?: boolean;
   };
 
   let {
     label = "Select",
     options = ["Apple", "Banana", "Cherry"],
-    selected = "",
   }: MDAISelectProps = $props();
-
-  let value = $derived(selected);
 </script>
 
-<SMUISelect class="shaped-outlined" variant="outlined" {value} {label}>
+<SMUISelect class="shaped-outlined" variant="outlined" {label}>
   {#each options as option}
     <Option value={option}>{option}</Option>
   {/each}