@budibase/bbui 3.39.27 → 3.39.28

package/dist/bbui.mjs

@@ -49944,7 +49944,7 @@ function CollapsibleSearch(l, u) {
 var root_3$13 = /* @__PURE__ */ from_html("<span class=\"subtitle-text svelte-1jm7byl\"> </span>"), root_2$15 = /* @__PURE__ */ from_html("<li role=\"option\" aria-selected=\"true\" tabindex=\"0\"><span class=\"spectrum-Menu-itemLabel\"> <!></span> <div class=\"check svelte-1jm7byl\"><!></div></li>"), root_1$28 = /* @__PURE__ */ from_html("<div class=\"spectrum-Popover spectrum-Popover--bottom spectrum-Picker-popover is-open svelte-1jm7byl\"><ul class=\"spectrum-Menu\" role=\"listbox\"></ul></div>"), root$50 = /* @__PURE__ */ from_html("<div><div><input class=\"spectrum-Textfield-input spectrum-InputGroup-input svelte-1jm7byl\"/></div> <div style=\"width: 40%\"><button aria-haspopup=\"listbox\"><span class=\"spectrum-Picker-label\"><div> </div></span> <!></button></div> <!></div>");
 function InputDropdown(l, u) {
 	push$1(u, !1);
-	let f = /* @__PURE__ */ mutable_source(), p = prop(u, "inputValue", 8), m = prop(u, "dropdownValue", 8), v = prop(u, "id", 8, null), y = prop(u, "inputType", 8, "text"), b = prop(u, "placeholder", 8, "Choose an option or type"), x = prop(u, "disabled", 8, !1), S = prop(u, "readonly", 8, !1), w = prop(u, "updateOnChange", 8, !0), T = prop(u, "options", 24, () => []), E = prop(u, "getOptionLabel", 8, (l) => U(l, "label")), D = prop(u, "getOptionValue", 8, (l) => U(l, "value")), O = prop(u, "getOptionSubtitle", 8, (l) => l?.subtitle), k = prop(u, "isOptionSelected", 8, () => !1), j = createEventDispatcher(), M = /* @__PURE__ */ mutable_source(!1), N = /* @__PURE__ */ mutable_source(!1), P = (l, u, f) => {
+	let f = /* @__PURE__ */ mutable_source(), p = prop(u, "inputValue", 8), m = prop(u, "dropdownValue", 8), v = prop(u, "id", 8, null), y = prop(u, "inputType", 8, "text"), b = prop(u, "placeholder", 8, "Choose an option or type"), x = prop(u, "disabled", 8, !1), S = prop(u, "readonly", 8, !1), w = prop(u, "updateOnChange", 8, !0), T = prop(u, "options", 24, () => []), E = prop(u, "getOptionLabel", 8, (l) => U(l, "label")), D = prop(u, "getOptionValue", 8, (l) => U(l, "value")), O = prop(u, "getOptionSubtitle", 8, (l) => l?.subtitle), k = prop(u, "isOptionSelected", 8, (l) => !1), j = createEventDispatcher(), M = /* @__PURE__ */ mutable_source(!1), N = /* @__PURE__ */ mutable_source(!1), P = (l, u, f) => {
 		if (l == null || l === "") return f || "Choose an option or type";
 		if (!u?.length) return "";
 		let p = u.find((u) => D()(u) === l);
@@ -50035,14 +50035,14 @@ function InputDropdown(l, u) {
 //#region src/Form/InputDropdown.svelte
 function InputDropdown_1(l, u) {
 	push$1(u, !1);
-	let f = prop(u, "inputValue", 12, null), p = prop(u, "dropdownValue", 12, null), m = prop(u, "inputType", 8, "text"), v = prop(u, "label", 8, null), y = prop(u, "labelPosition", 8, "above"), b = prop(u, "placeholder", 8, null), x = prop(u, "disabled", 8, !1), S = prop(u, "readonly", 8, !1), w = prop(u, "error", 8, null), T = prop(u, "updateOnChange", 8, !0), E = prop(u, "quiet", 8, !1), D = prop(u, "autofocus", 8), O = prop(u, "helpText", 8, null), k = prop(u, "options", 24, () => []), j = createEventDispatcher(), M = (l) => {
-		p(l.detail), j("pick", l.detail);
-	}, N = (l) => {
-		f(l.detail), j("change", l.detail);
+	let f = prop(u, "inputValue", 12, null), p = prop(u, "dropdownValue", 12, null), m = prop(u, "inputType", 8, "text"), v = prop(u, "label", 24, () => void 0), y = prop(u, "labelPosition", 8, "above"), b = prop(u, "placeholder", 24, () => void 0), x = prop(u, "disabled", 8, !1), S = prop(u, "readonly", 8, !1), w = prop(u, "error", 24, () => void 0), T = prop(u, "updateOnChange", 8, !0), E = prop(u, "helpText", 24, () => void 0), D = prop(u, "options", 24, () => []), O = createEventDispatcher(), k = (l) => {
+		p(l.detail), O("pick", l.detail);
+	}, j = (l) => {
+		f(l.detail), O("change", l.detail);
 	};
 	init$1(), Field(l, {
 		get helpText() {
-			return O();
+			return E();
 		},
 		get label() {
 			return v();
@@ -50058,9 +50058,6 @@ function InputDropdown_1(l, u) {
 				get updateOnChange() {
 					return T();
 				},
-				get error() {
-					return w();
-				},
 				get disabled() {
 					return x();
 				},
@@ -50079,19 +50076,13 @@ function InputDropdown_1(l, u) {
 				get inputType() {
 					return m();
 				},
-				get quiet() {
-					return E();
-				},
-				get autofocus() {
-					return D();
-				},
 				get options() {
-					return k();
+					return D();
 				},
 				isOptionSelected: (l) => l === p(),
 				$$events: {
-					change: N,
-					pick: M,
+					change: j,
+					pick: k,
 					click(l) {
 						bubble_event.call(this, u, l);
 					},

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@budibase/bbui",
   "description": "A UI solution used in the different Budibase projects.",
-  "version": "3.39.27",
+  "version": "3.39.28",
   "license": "MPL-2.0",
   "module": "dist/bbui.mjs",
   "exports": {
@@ -105,5 +105,5 @@
       }
     }
   },
-  "gitHead": "e7d16cc7fdea9a4a9f4d53b392b6fe790051afb3"
+  "gitHead": "1ad76cd4e4a5dc308900e2a7db331e20a013f65c"
 }

package/src/Form/Core/InputDropdown.svelte

@@ -19,7 +19,7 @@
   export let getOptionLabel = option => extractProperty(option, "label")
   export let getOptionValue = option => extractProperty(option, "value")
   export let getOptionSubtitle = option => option?.subtitle
-  export let isOptionSelected = () => false
+  export let isOptionSelected = _option => false
 
   const dispatch = createEventDispatcher()
   let open = false

package/src/Form/InputDropdown.svelte

@@ -1,30 +1,38 @@
-<script>
+<script lang="ts">
   import Field from "./Field.svelte"
   import InputDropdown from "./Core/InputDropdown.svelte"
   import { createEventDispatcher } from "svelte"
+  import type { LabelPosition } from "../types"
 
-  export let inputValue = null
-  export let dropdownValue = null
+  interface Option {
+    label?: string
+    value?: string
+    subtitle?: string
+  }
+
+  export let inputValue: string | null = null
+  export let dropdownValue: string | null = null
   export let inputType = "text"
-  export let label = null
-  export let labelPosition = "above"
-  export let placeholder = null
+  export let label: string | undefined = undefined
+  export let labelPosition: LabelPosition = "above"
+  export let placeholder: string | undefined = undefined
   export let disabled = false
   export let readonly = false
-  export let error = null
+  export let error: string | undefined = undefined
   export let updateOnChange = true
-  export let quiet = false
-  export let autofocus
-  export let helpText = null
-  export let options = []
+  export let helpText: string | undefined = undefined
+  export let options: Option[] = []
 
-  const dispatch = createEventDispatcher()
+  const dispatch = createEventDispatcher<{
+    pick: string | null
+    change: string
+  }>()
 
-  const onPick = e => {
+  const onPick = (e: CustomEvent<string | null>) => {
     dropdownValue = e.detail
     dispatch("pick", e.detail)
   }
-  const onChange = e => {
+  const onChange = (e: CustomEvent<string>) => {
     inputValue = e.detail
     dispatch("change", e.detail)
   }
@@ -33,15 +41,12 @@
 <Field {helpText} {label} {labelPosition} {error}>
   <InputDropdown
     {updateOnChange}
-    {error}
     {disabled}
     {readonly}
     {inputValue}
     {dropdownValue}
     {placeholder}
     {inputType}
-    {quiet}
-    {autofocus}
     {options}
     isOptionSelected={option => option === dropdownValue}
     on:change={onChange}