@budibase/bbui 2.3.18-alpha.17 → 2.3.18-alpha.18
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/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": "2.3.18-alpha.
|
|
4
|
+
"version": "2.3.18-alpha.18",
|
|
5
5
|
"license": "MPL-2.0",
|
|
6
6
|
"svelte": "src/index.js",
|
|
7
7
|
"module": "dist/bbui.es.js",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
],
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@adobe/spectrum-css-workflow-icons": "1.2.1",
|
|
41
|
-
"@budibase/string-templates": "2.3.18-alpha.
|
|
41
|
+
"@budibase/string-templates": "2.3.18-alpha.18",
|
|
42
42
|
"@spectrum-css/accordion": "3.0.24",
|
|
43
43
|
"@spectrum-css/actionbutton": "1.0.1",
|
|
44
44
|
"@spectrum-css/actiongroup": "1.0.1",
|
|
@@ -89,5 +89,5 @@
|
|
|
89
89
|
"resolutions": {
|
|
90
90
|
"loader-utils": "1.4.1"
|
|
91
91
|
},
|
|
92
|
-
"gitHead": "
|
|
92
|
+
"gitHead": "082106f881e07f501794855fd1287d9e30895950"
|
|
93
93
|
}
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
export let getOptionLabel = option => option
|
|
25
25
|
export let getOptionValue = option => option
|
|
26
26
|
export let getOptionIcon = () => null
|
|
27
|
+
export let useOptionIconImage = false
|
|
27
28
|
export let getOptionColour = () => null
|
|
28
29
|
export let open = false
|
|
29
30
|
export let readonly = false
|
|
@@ -189,7 +190,16 @@
|
|
|
189
190
|
>
|
|
190
191
|
{#if getOptionIcon(option, idx)}
|
|
191
192
|
<span class="option-extra icon">
|
|
192
|
-
|
|
193
|
+
{#if useOptionIconImage}
|
|
194
|
+
<img
|
|
195
|
+
src={getOptionIcon(option, idx)}
|
|
196
|
+
alt="icon"
|
|
197
|
+
width="15"
|
|
198
|
+
height="15"
|
|
199
|
+
/>
|
|
200
|
+
{:else}
|
|
201
|
+
<Icon size="S" name={getOptionIcon(option, idx)} />
|
|
202
|
+
{/if}
|
|
193
203
|
</span>
|
|
194
204
|
{/if}
|
|
195
205
|
{#if getOptionColour(option, idx)}
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
export let getOptionLabel = option => option
|
|
12
12
|
export let getOptionValue = option => option
|
|
13
13
|
export let getOptionIcon = () => null
|
|
14
|
+
export let useOptionIconImage = false
|
|
14
15
|
export let getOptionColour = () => null
|
|
15
16
|
export let isOptionEnabled
|
|
16
17
|
export let readonly = false
|
|
@@ -73,6 +74,7 @@
|
|
|
73
74
|
{getOptionLabel}
|
|
74
75
|
{getOptionValue}
|
|
75
76
|
{getOptionIcon}
|
|
77
|
+
{useOptionIconImage}
|
|
76
78
|
{getOptionColour}
|
|
77
79
|
{isOptionEnabled}
|
|
78
80
|
{autocomplete}
|
package/src/Form/Select.svelte
CHANGED
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
export let getOptionLabel = option => extractProperty(option, "label")
|
|
15
15
|
export let getOptionValue = option => extractProperty(option, "value")
|
|
16
16
|
export let getOptionIcon = option => option?.icon
|
|
17
|
+
export let useOptionIconImage = false
|
|
17
18
|
export let getOptionColour = option => option?.colour
|
|
18
19
|
export let isOptionEnabled
|
|
19
20
|
export let quiet = false
|
|
@@ -56,6 +57,7 @@
|
|
|
56
57
|
{getOptionValue}
|
|
57
58
|
{getOptionIcon}
|
|
58
59
|
{getOptionColour}
|
|
60
|
+
{useOptionIconImage}
|
|
59
61
|
{isOptionEnabled}
|
|
60
62
|
{autocomplete}
|
|
61
63
|
{customPopoverHeight}
|