@budibase/bbui 3.13.22 → 3.13.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bbui.mjs +7006 -6895
- package/package.json +2 -2
- package/src/Form/Core/Picker.svelte +9 -0
- package/src/Form/Core/Select.svelte +4 -0
- package/src/Form/Select.svelte +4 -0
- package/src/Tooltip/AbsTooltip.svelte +1 -0
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@budibase/bbui",
|
|
3
3
|
"description": "A UI solution used in the different Budibase projects.",
|
|
4
|
-
"version": "3.13.
|
|
4
|
+
"version": "3.13.24",
|
|
5
5
|
"license": "MPL-2.0",
|
|
6
6
|
"svelte": "src/index.ts",
|
|
7
7
|
"module": "dist/bbui.mjs",
|
|
@@ -106,5 +106,5 @@
|
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
},
|
|
109
|
-
"gitHead": "
|
|
109
|
+
"gitHead": "9dea790829ad44142eb0baa2bfa7fb7a5d3531ad"
|
|
110
110
|
}
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
import Tags from "../../Tags/Tags.svelte"
|
|
17
17
|
import Tag from "../../Tags/Tag.svelte"
|
|
18
18
|
import ProgressCircle from "../../ProgressCircle/ProgressCircle.svelte"
|
|
19
|
+
import AbsTooltip from "../../Tooltip/AbsTooltip.svelte"
|
|
19
20
|
import { PopoverAlignment } from "../../constants"
|
|
20
21
|
|
|
21
22
|
export let id: string | undefined = undefined
|
|
@@ -29,6 +30,9 @@
|
|
|
29
30
|
export let isOptionSelected = (option: O) => option as unknown as boolean
|
|
30
31
|
export let isOptionEnabled = (option: O, _index?: number) =>
|
|
31
32
|
option as unknown as boolean
|
|
33
|
+
export let tooltipMessage:
|
|
34
|
+
| ((_option: O, _index?: number) => string)
|
|
35
|
+
| undefined = undefined
|
|
32
36
|
export let onSelectOption: (_value: V) => void = () => {}
|
|
33
37
|
export let getOptionLabel = (option: O, _index?: number) => `${option}`
|
|
34
38
|
export let getOptionValue = (option: O, _index?: number) =>
|
|
@@ -265,6 +269,11 @@
|
|
|
265
269
|
</Tags>
|
|
266
270
|
</span>
|
|
267
271
|
{/if}
|
|
272
|
+
{#if tooltipMessage && tooltipMessage(option).length > 0}
|
|
273
|
+
<AbsTooltip text={tooltipMessage(option)}>
|
|
274
|
+
<Icon size="XS" name="info" />
|
|
275
|
+
</AbsTooltip>
|
|
276
|
+
{/if}
|
|
268
277
|
<div class="check">
|
|
269
278
|
<Icon
|
|
270
279
|
name="check"
|
|
@@ -26,6 +26,9 @@
|
|
|
26
26
|
export let useOptionIconImage = false
|
|
27
27
|
export let isOptionEnabled = (option: O, _index?: number) =>
|
|
28
28
|
option as unknown as boolean
|
|
29
|
+
export let tooltipMessage:
|
|
30
|
+
| ((_option: O, _index?: number) => string)
|
|
31
|
+
| undefined = undefined
|
|
29
32
|
export let readonly: boolean = false
|
|
30
33
|
export let quiet: boolean = false
|
|
31
34
|
export let autoWidth: boolean = false
|
|
@@ -111,6 +114,7 @@
|
|
|
111
114
|
{getOptionSubtitle}
|
|
112
115
|
{useOptionIconImage}
|
|
113
116
|
{isOptionEnabled}
|
|
117
|
+
{tooltipMessage}
|
|
114
118
|
{autocomplete}
|
|
115
119
|
{sort}
|
|
116
120
|
{onOptionMouseenter}
|
package/src/Form/Select.svelte
CHANGED
|
@@ -31,6 +31,9 @@
|
|
|
31
31
|
export let autoWidth: boolean = false
|
|
32
32
|
export let sort: boolean = false
|
|
33
33
|
export let tooltip: string | undefined = undefined
|
|
34
|
+
export let tooltipMessage:
|
|
35
|
+
| ((_option: O, _index?: number) => string)
|
|
36
|
+
| undefined = undefined
|
|
34
37
|
export let autocomplete: boolean = false
|
|
35
38
|
export let customPopoverHeight: string | undefined = undefined
|
|
36
39
|
export let align: PopoverAlignment | undefined = PopoverAlignment.Left
|
|
@@ -80,6 +83,7 @@
|
|
|
80
83
|
{compare}
|
|
81
84
|
{onOptionMouseenter}
|
|
82
85
|
{onOptionMouseleave}
|
|
86
|
+
{tooltipMessage}
|
|
83
87
|
on:change={onChange}
|
|
84
88
|
on:click
|
|
85
89
|
/>
|