@studiocms/ui 0.4.15 → 0.4.16

package/dist/components/SearchSelect/SearchSelect.astro

@@ -187,7 +187,8 @@ const defaultLabel = selected
 				const isSelected = Array.isArray(selected)
 					? selected.map((y) => y && y.value).includes(x.value)
 					: selected?.value === x.value;
-				(
+					
+				return (
 					<option
 						value={x.value}
 						selected={isSelected}

package/dist/components/SearchSelect/searchselect.js

@@ -82,12 +82,9 @@ function loadSearchSelects() {
     );
     if (option) {
       option.classList.toggle("selected", forceState ?? !isCurrentlySelected);
-    }
-    const selectOption = container.select?.querySelector(
-      `option[value='${value}']`
-    );
-    if (selectOption) {
-      selectOption.selected = forceState ?? !isCurrentlySelected;
+      if (container && container.select) {
+        container.select.value = option.getAttribute("value");
+      }
     }
     const selectedCountEl = container.querySelector(
       ".sui-search-select-max-span .sui-search-select-select-count"
@@ -117,12 +114,12 @@ function loadSearchSelects() {
   };
   const reconstructOptions = (filteredOptions, state2, container) => {
     container.dropdown.innerHTML = "";
-    let i = 0;
     const selectedValues = state2.selectedOptionsMap[container.dataset.id] || [];
     if (filteredOptions.length === 0) {
       container.dropdown.innerHTML = '<li class="empty-search-results">No results found</li>';
       return;
     }
+    let i = 0;
     for (const option of filteredOptions) {
       const element = document.createElement("li");
       element.classList.add("sui-search-select-option");

package/dist/components/Select/Select.astro

@@ -198,7 +198,8 @@ const defaultLabel = selected
 				const isSelected = Array.isArray(selected)
 					? selected.map((y) => y && y.value).includes(x.value)
 					: selected?.value === x.value;
-				(
+					
+				return (
 					<option
 						value={x.value}
 						selected={isSelected}

package/dist/components/Select/select.js

@@ -188,20 +188,11 @@ function loadSelects() {
     } else {
       if (lastActive) {
         lastActive.classList.remove("selected");
-        const lastSelectOpt = container?.select?.querySelector(
-          `option[value='${lastActive.getAttribute("value")}']`
-        );
-        if (lastSelectOpt) {
-          lastSelectOpt.selected = false;
-        }
       }
       if (option) {
         option.classList.add("selected");
-        const selectOpt = container?.select?.querySelector(
-          `option[value='${option.getAttribute("value")}']`
-        );
-        if (selectOpt) {
-          selectOpt.selected = true;
+        if (container && container.select) {
+          container.select.value = option.getAttribute("value");
         }
         updateLabel(state2, container);
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiocms/ui",
-  "version": "0.4.15",
+  "version": "0.4.16",
   "description": "The UI library for StudioCMS. Includes the layouts & components we use to build StudioCMS.",
   "repository": {
     "type": "git",