@budibase/bbui 2.0.34-alpha.2 → 2.0.34-alpha.4

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.0.34-alpha.2",
4
+ "version": "2.0.34-alpha.4",
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.0.34-alpha.2",
41
+ "@budibase/string-templates": "2.0.34-alpha.4",
42
42
  "@spectrum-css/actionbutton": "^1.0.1",
43
43
  "@spectrum-css/actiongroup": "^1.0.1",
44
44
  "@spectrum-css/avatar": "^3.0.2",
@@ -85,5 +85,5 @@
85
85
  "svelte-flatpickr": "^3.2.3",
86
86
  "svelte-portal": "^1.0.0"
87
87
  },
88
- "gitHead": "454009d5ad952b983c1d1fb2bf99b16c24a477c5"
88
+ "gitHead": "212e811990100d9e4ec7111342cfbe0debafd426"
89
89
  }
@@ -66,7 +66,7 @@
66
66
  newValue = newValue.toISOString()
67
67
  }
68
68
  // If time only set date component to 2000-01-01
69
- else if (timeOnly) {
69
+ if (timeOnly) {
70
70
  // Classic flackpickr causing issues.
71
71
  // When selecting a value for the first time for a "time only" field,
72
72
  // the time is always offset by 1 hour for some reason (regardless of time
@@ -102,6 +102,13 @@
102
102
  }
103
103
  return value
104
104
  }
105
+
106
+ const handleOutsideClick = event => {
107
+ if (open) {
108
+ event.stopPropagation()
109
+ open = false
110
+ }
111
+ }
105
112
  </script>
106
113
 
107
114
  <div
@@ -151,7 +158,7 @@
151
158
  {disabled}
152
159
  class:is-open={open}
153
160
  aria-haspopup="listbox"
154
- on:mousedown={onClick}
161
+ on:click={onClick}
155
162
  >
156
163
  <span class="spectrum-Picker-label">
157
164
  <div>
@@ -168,7 +175,7 @@
168
175
  </button>
169
176
  {#if open}
170
177
  <div
171
- use:clickOutside={() => (open = false)}
178
+ use:clickOutside={handleOutsideClick}
172
179
  transition:fly|local={{ y: -20, duration: 200 }}
173
180
  class="spectrum-Popover spectrum-Popover--bottom spectrum-Picker-popover is-open"
174
181
  >