@oneblink/apps-react 8.7.0-beta.3 → 8.7.0-beta.5

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.
Files changed (16) hide show
  1. package/dist/OneBlinkFormBase.js +3 -3
  2. package/dist/OneBlinkFormBase.js.map +1 -1
  3. package/dist/components/QuillHTML.js +1 -1
  4. package/dist/components/QuillHTML.js.map +1 -1
  5. package/dist/components/payments/WestpacQuickStreamPaymentForm.js +2 -2
  6. package/dist/components/payments/WestpacQuickStreamPaymentForm.js.map +1 -1
  7. package/dist/components/renderer/AutocompleteDropdown.js +2 -2
  8. package/dist/components/renderer/AutocompleteDropdown.js.map +1 -1
  9. package/dist/form-elements/FormElementFiles.js +1 -1
  10. package/dist/form-elements/FormElementFiles.js.map +1 -1
  11. package/dist/hooks/attachments/useAttachments.d.ts +1 -1
  12. package/dist/hooks/attachments/useAttachments.js +4 -4
  13. package/dist/hooks/attachments/useAttachments.js.map +1 -1
  14. package/dist/styles/ob-html.scss +124 -124
  15. package/dist/styles.css +124 -124
  16. package/package.json +1 -1
package/dist/styles/ob-html.scss CHANGED
@@ -1,355 +1,355 @@
1
1
  // Need to replace class assigned by our WYSIWYG for font sizes
2
- .ql-editor > * {
2
+ .ob-quill-content > * {
3
3
  cursor: text;
4
4
  }
5
- .ql-editor p,
6
- .ql-editor ol,
7
- .ql-editor ul,
8
- .ql-editor pre,
9
- .ql-editor blockquote,
10
- .ql-editor h1,
11
- .ql-editor h2,
12
- .ql-editor h3,
13
- .ql-editor h4,
14
- .ql-editor h5,
15
- .ql-editor h6 {
5
+ .ob-quill-content p,
6
+ .ob-quill-content ol,
7
+ .ob-quill-content ul,
8
+ .ob-quill-content pre,
9
+ .ob-quill-content blockquote,
10
+ .ob-quill-content h1,
11
+ .ob-quill-content h2,
12
+ .ob-quill-content h3,
13
+ .ob-quill-content h4,
14
+ .ob-quill-content h5,
15
+ .ob-quill-content h6 {
16
16
  margin: 0;
17
17
  padding: 0;
18
18
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
19
19
  }
20
- .ql-editor ol,
21
- .ql-editor ul {
20
+ .ob-quill-content ol,
21
+ .ob-quill-content ul {
22
22
  padding-left: 1.5em;
23
23
  }
24
- .ql-editor ol > li,
25
- .ql-editor ul > li {
24
+ .ob-quill-content ol > li,
25
+ .ob-quill-content ul > li {
26
26
  list-style-type: none;
27
27
  }
28
- .ql-editor ul > li::before {
28
+ .ob-quill-content ul > li::before {
29
29
  content: '\2022';
30
30
  }
31
- .ql-editor ul[data-checked='true'],
32
- .ql-editor ul[data-checked='false'] {
31
+ .ob-quill-content ul[data-checked='true'],
32
+ .ob-quill-content ul[data-checked='false'] {
33
33
  pointer-events: none;
34
34
  }
35
- .ql-editor ul[data-checked='true'] > li *,
36
- .ql-editor ul[data-checked='false'] > li * {
35
+ .ob-quill-content ul[data-checked='true'] > li *,
36
+ .ob-quill-content ul[data-checked='false'] > li * {
37
37
  pointer-events: all;
38
38
  }
39
- .ql-editor ul[data-checked='true'] > li::before,
40
- .ql-editor ul[data-checked='false'] > li::before {
39
+ .ob-quill-content ul[data-checked='true'] > li::before,
40
+ .ob-quill-content ul[data-checked='false'] > li::before {
41
41
  color: #777;
42
42
  cursor: pointer;
43
43
  pointer-events: all;
44
44
  }
45
- .ql-editor ul[data-checked='true'] > li::before {
45
+ .ob-quill-content ul[data-checked='true'] > li::before {
46
46
  content: '\2611';
47
47
  }
48
- .ql-editor ul[data-checked='false'] > li::before {
48
+ .ob-quill-content ul[data-checked='false'] > li::before {
49
49
  content: '\2610';
50
50
  }
51
- .ql-editor li::before {
51
+ .ob-quill-content li::before {
52
52
  display: inline-block;
53
53
  white-space: nowrap;
54
54
  width: 1.2em;
55
55
  }
56
- .ql-editor li:not(.ql-direction-rtl)::before {
56
+ .ob-quill-content li:not(.ql-direction-rtl)::before {
57
57
  margin-left: -1.5em;
58
58
  margin-right: 0.3em;
59
59
  text-align: right;
60
60
  }
61
- .ql-editor li.ql-direction-rtl::before {
61
+ .ob-quill-content li.ql-direction-rtl::before {
62
62
  margin-left: 0.3em;
63
63
  margin-right: -1.5em;
64
64
  }
65
- .ql-editor ol li:not(.ql-direction-rtl),
66
- .ql-editor ul li:not(.ql-direction-rtl) {
65
+ .ob-quill-content ol li:not(.ql-direction-rtl),
66
+ .ob-quill-content ul li:not(.ql-direction-rtl) {
67
67
  padding-left: 1.5em;
68
68
  }
69
- .ql-editor ol li.ql-direction-rtl,
70
- .ql-editor ul li.ql-direction-rtl {
69
+ .ob-quill-content ol li.ql-direction-rtl,
70
+ .ob-quill-content ul li.ql-direction-rtl {
71
71
  padding-right: 1.5em;
72
72
  }
73
- .ql-editor ol li {
73
+ .ob-quill-content ol li {
74
74
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
75
75
  counter-increment: list-0;
76
76
  }
77
- .ql-editor ol li:before {
77
+ .ob-quill-content ol li:before {
78
78
  content: counter(list-0, decimal) '. ';
79
79
  }
80
- .ql-editor ol li.ql-indent-1 {
80
+ .ob-quill-content ol li.ql-indent-1 {
81
81
  counter-increment: list-1;
82
82
  }
83
- .ql-editor ol li.ql-indent-1:before {
83
+ .ob-quill-content ol li.ql-indent-1:before {
84
84
  content: counter(list-1, lower-alpha) '. ';
85
85
  }
86
- .ql-editor ol li.ql-indent-1 {
86
+ .ob-quill-content ol li.ql-indent-1 {
87
87
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
88
88
  }
89
- .ql-editor ol li.ql-indent-2 {
89
+ .ob-quill-content ol li.ql-indent-2 {
90
90
  counter-increment: list-2;
91
91
  }
92
- .ql-editor ol li.ql-indent-2:before {
92
+ .ob-quill-content ol li.ql-indent-2:before {
93
93
  content: counter(list-2, lower-roman) '. ';
94
94
  }
95
- .ql-editor ol li.ql-indent-2 {
95
+ .ob-quill-content ol li.ql-indent-2 {
96
96
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
97
97
  }
98
- .ql-editor ol li.ql-indent-3 {
98
+ .ob-quill-content ol li.ql-indent-3 {
99
99
  counter-increment: list-3;
100
100
  }
101
- .ql-editor ol li.ql-indent-3:before {
101
+ .ob-quill-content ol li.ql-indent-3:before {
102
102
  content: counter(list-3, decimal) '. ';
103
103
  }
104
- .ql-editor ol li.ql-indent-3 {
104
+ .ob-quill-content ol li.ql-indent-3 {
105
105
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
106
106
  }
107
- .ql-editor ol li.ql-indent-4 {
107
+ .ob-quill-content ol li.ql-indent-4 {
108
108
  counter-increment: list-4;
109
109
  }
110
- .ql-editor ol li.ql-indent-4:before {
110
+ .ob-quill-content ol li.ql-indent-4:before {
111
111
  content: counter(list-4, lower-alpha) '. ';
112
112
  }
113
- .ql-editor ol li.ql-indent-4 {
113
+ .ob-quill-content ol li.ql-indent-4 {
114
114
  counter-reset: list-5 list-6 list-7 list-8 list-9;
115
115
  }
116
- .ql-editor ol li.ql-indent-5 {
116
+ .ob-quill-content ol li.ql-indent-5 {
117
117
  counter-increment: list-5;
118
118
  }
119
- .ql-editor ol li.ql-indent-5:before {
119
+ .ob-quill-content ol li.ql-indent-5:before {
120
120
  content: counter(list-5, lower-roman) '. ';
121
121
  }
122
- .ql-editor ol li.ql-indent-5 {
122
+ .ob-quill-content ol li.ql-indent-5 {
123
123
  counter-reset: list-6 list-7 list-8 list-9;
124
124
  }
125
- .ql-editor ol li.ql-indent-6 {
125
+ .ob-quill-content ol li.ql-indent-6 {
126
126
  counter-increment: list-6;
127
127
  }
128
- .ql-editor ol li.ql-indent-6:before {
128
+ .ob-quill-content ol li.ql-indent-6:before {
129
129
  content: counter(list-6, decimal) '. ';
130
130
  }
131
- .ql-editor ol li.ql-indent-6 {
131
+ .ob-quill-content ol li.ql-indent-6 {
132
132
  counter-reset: list-7 list-8 list-9;
133
133
  }
134
- .ql-editor ol li.ql-indent-7 {
134
+ .ob-quill-content ol li.ql-indent-7 {
135
135
  counter-increment: list-7;
136
136
  }
137
- .ql-editor ol li.ql-indent-7:before {
137
+ .ob-quill-content ol li.ql-indent-7:before {
138
138
  content: counter(list-7, lower-alpha) '. ';
139
139
  }
140
- .ql-editor ol li.ql-indent-7 {
140
+ .ob-quill-content ol li.ql-indent-7 {
141
141
  counter-reset: list-8 list-9;
142
142
  }
143
- .ql-editor ol li.ql-indent-8 {
143
+ .ob-quill-content ol li.ql-indent-8 {
144
144
  counter-increment: list-8;
145
145
  }
146
- .ql-editor ol li.ql-indent-8:before {
146
+ .ob-quill-content ol li.ql-indent-8:before {
147
147
  content: counter(list-8, lower-roman) '. ';
148
148
  }
149
- .ql-editor ol li.ql-indent-8 {
149
+ .ob-quill-content ol li.ql-indent-8 {
150
150
  counter-reset: list-9;
151
151
  }
152
- .ql-editor ol li.ql-indent-9 {
152
+ .ob-quill-content ol li.ql-indent-9 {
153
153
  counter-increment: list-9;
154
154
  }
155
- .ql-editor ol li.ql-indent-9:before {
155
+ .ob-quill-content ol li.ql-indent-9:before {
156
156
  content: counter(list-9, decimal) '. ';
157
157
  }
158
- .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
158
+ .ob-quill-content .ql-indent-1:not(.ql-direction-rtl) {
159
159
  padding-left: 3em;
160
160
  }
161
- .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
161
+ .ob-quill-content li.ql-indent-1:not(.ql-direction-rtl) {
162
162
  padding-left: 4.5em;
163
163
  }
164
- .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
164
+ .ob-quill-content .ql-indent-1.ql-direction-rtl.ql-align-right {
165
165
  padding-right: 3em;
166
166
  }
167
- .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
167
+ .ob-quill-content li.ql-indent-1.ql-direction-rtl.ql-align-right {
168
168
  padding-right: 4.5em;
169
169
  }
170
- .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
170
+ .ob-quill-content .ql-indent-2:not(.ql-direction-rtl) {
171
171
  padding-left: 6em;
172
172
  }
173
- .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
173
+ .ob-quill-content li.ql-indent-2:not(.ql-direction-rtl) {
174
174
  padding-left: 7.5em;
175
175
  }
176
- .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
176
+ .ob-quill-content .ql-indent-2.ql-direction-rtl.ql-align-right {
177
177
  padding-right: 6em;
178
178
  }
179
- .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
179
+ .ob-quill-content li.ql-indent-2.ql-direction-rtl.ql-align-right {
180
180
  padding-right: 7.5em;
181
181
  }
182
- .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
182
+ .ob-quill-content .ql-indent-3:not(.ql-direction-rtl) {
183
183
  padding-left: 9em;
184
184
  }
185
- .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
185
+ .ob-quill-content li.ql-indent-3:not(.ql-direction-rtl) {
186
186
  padding-left: 10.5em;
187
187
  }
188
- .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
188
+ .ob-quill-content .ql-indent-3.ql-direction-rtl.ql-align-right {
189
189
  padding-right: 9em;
190
190
  }
191
- .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
191
+ .ob-quill-content li.ql-indent-3.ql-direction-rtl.ql-align-right {
192
192
  padding-right: 10.5em;
193
193
  }
194
- .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
194
+ .ob-quill-content .ql-indent-4:not(.ql-direction-rtl) {
195
195
  padding-left: 12em;
196
196
  }
197
- .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
197
+ .ob-quill-content li.ql-indent-4:not(.ql-direction-rtl) {
198
198
  padding-left: 13.5em;
199
199
  }
200
- .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
200
+ .ob-quill-content .ql-indent-4.ql-direction-rtl.ql-align-right {
201
201
  padding-right: 12em;
202
202
  }
203
- .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
203
+ .ob-quill-content li.ql-indent-4.ql-direction-rtl.ql-align-right {
204
204
  padding-right: 13.5em;
205
205
  }
206
- .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
206
+ .ob-quill-content .ql-indent-5:not(.ql-direction-rtl) {
207
207
  padding-left: 15em;
208
208
  }
209
- .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
209
+ .ob-quill-content li.ql-indent-5:not(.ql-direction-rtl) {
210
210
  padding-left: 16.5em;
211
211
  }
212
- .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
212
+ .ob-quill-content .ql-indent-5.ql-direction-rtl.ql-align-right {
213
213
  padding-right: 15em;
214
214
  }
215
- .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
215
+ .ob-quill-content li.ql-indent-5.ql-direction-rtl.ql-align-right {
216
216
  padding-right: 16.5em;
217
217
  }
218
- .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
218
+ .ob-quill-content .ql-indent-6:not(.ql-direction-rtl) {
219
219
  padding-left: 18em;
220
220
  }
221
- .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
221
+ .ob-quill-content li.ql-indent-6:not(.ql-direction-rtl) {
222
222
  padding-left: 19.5em;
223
223
  }
224
- .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
224
+ .ob-quill-content .ql-indent-6.ql-direction-rtl.ql-align-right {
225
225
  padding-right: 18em;
226
226
  }
227
- .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
227
+ .ob-quill-content li.ql-indent-6.ql-direction-rtl.ql-align-right {
228
228
  padding-right: 19.5em;
229
229
  }
230
- .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
230
+ .ob-quill-content .ql-indent-7:not(.ql-direction-rtl) {
231
231
  padding-left: 21em;
232
232
  }
233
- .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
233
+ .ob-quill-content li.ql-indent-7:not(.ql-direction-rtl) {
234
234
  padding-left: 22.5em;
235
235
  }
236
- .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
236
+ .ob-quill-content .ql-indent-7.ql-direction-rtl.ql-align-right {
237
237
  padding-right: 21em;
238
238
  }
239
- .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
239
+ .ob-quill-content li.ql-indent-7.ql-direction-rtl.ql-align-right {
240
240
  padding-right: 22.5em;
241
241
  }
242
- .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
242
+ .ob-quill-content .ql-indent-8:not(.ql-direction-rtl) {
243
243
  padding-left: 24em;
244
244
  }
245
- .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
245
+ .ob-quill-content li.ql-indent-8:not(.ql-direction-rtl) {
246
246
  padding-left: 25.5em;
247
247
  }
248
- .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
248
+ .ob-quill-content .ql-indent-8.ql-direction-rtl.ql-align-right {
249
249
  padding-right: 24em;
250
250
  }
251
- .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
251
+ .ob-quill-content li.ql-indent-8.ql-direction-rtl.ql-align-right {
252
252
  padding-right: 25.5em;
253
253
  }
254
- .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
254
+ .ob-quill-content .ql-indent-9:not(.ql-direction-rtl) {
255
255
  padding-left: 27em;
256
256
  }
257
- .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
257
+ .ob-quill-content li.ql-indent-9:not(.ql-direction-rtl) {
258
258
  padding-left: 28.5em;
259
259
  }
260
- .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
260
+ .ob-quill-content .ql-indent-9.ql-direction-rtl.ql-align-right {
261
261
  padding-right: 27em;
262
262
  }
263
- .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
263
+ .ob-quill-content li.ql-indent-9.ql-direction-rtl.ql-align-right {
264
264
  padding-right: 28.5em;
265
265
  }
266
- .ql-editor .ql-video {
266
+ .ob-quill-content .ql-video {
267
267
  display: block;
268
268
  max-width: 100%;
269
269
  }
270
- .ql-editor .ql-video.ql-align-center {
270
+ .ob-quill-content .ql-video.ql-align-center {
271
271
  margin: 0 auto;
272
272
  }
273
- .ql-editor .ql-video.ql-align-right {
273
+ .ob-quill-content .ql-video.ql-align-right {
274
274
  margin: 0 0 0 auto;
275
275
  }
276
- .ql-editor .ql-bg-black {
276
+ .ob-quill-content .ql-bg-black {
277
277
  background-color: #000;
278
278
  }
279
- .ql-editor .ql-bg-red {
279
+ .ob-quill-content .ql-bg-red {
280
280
  background-color: #e60000;
281
281
  }
282
- .ql-editor .ql-bg-orange {
282
+ .ob-quill-content .ql-bg-orange {
283
283
  background-color: #f90;
284
284
  }
285
- .ql-editor .ql-bg-yellow {
285
+ .ob-quill-content .ql-bg-yellow {
286
286
  background-color: #ff0;
287
287
  }
288
- .ql-editor .ql-bg-green {
288
+ .ob-quill-content .ql-bg-green {
289
289
  background-color: #008a00;
290
290
  }
291
- .ql-editor .ql-bg-blue {
291
+ .ob-quill-content .ql-bg-blue {
292
292
  background-color: #06c;
293
293
  }
294
- .ql-editor .ql-bg-purple {
294
+ .ob-quill-content .ql-bg-purple {
295
295
  background-color: #93f;
296
296
  }
297
- .ql-editor .ql-color-white {
297
+ .ob-quill-content .ql-color-white {
298
298
  color: #fff;
299
299
  }
300
- .ql-editor .ql-color-red {
300
+ .ob-quill-content .ql-color-red {
301
301
  color: #e60000;
302
302
  }
303
- .ql-editor .ql-color-orange {
303
+ .ob-quill-content .ql-color-orange {
304
304
  color: #f90;
305
305
  }
306
- .ql-editor .ql-color-yellow {
306
+ .ob-quill-content .ql-color-yellow {
307
307
  color: #ff0;
308
308
  }
309
- .ql-editor .ql-color-green {
309
+ .ob-quill-content .ql-color-green {
310
310
  color: #008a00;
311
311
  }
312
- .ql-editor .ql-color-blue {
312
+ .ob-quill-content .ql-color-blue {
313
313
  color: #06c;
314
314
  }
315
- .ql-editor .ql-color-purple {
315
+ .ob-quill-content .ql-color-purple {
316
316
  color: #93f;
317
317
  }
318
- .ql-editor .ql-font-serif {
318
+ .ob-quill-content .ql-font-serif {
319
319
  font-family:
320
320
  Georgia,
321
321
  Times New Roman,
322
322
  serif;
323
323
  }
324
- .ql-editor .ql-font-monospace {
324
+ .ob-quill-content .ql-font-monospace {
325
325
  font-family:
326
326
  Monaco,
327
327
  Courier New,
328
328
  monospace;
329
329
  }
330
- .ql-editor .ql-size-small {
330
+ .ob-quill-content .ql-size-small {
331
331
  font-size: 0.75em;
332
332
  }
333
- .ql-editor .ql-size-large {
333
+ .ob-quill-content .ql-size-large {
334
334
  font-size: 1.5em;
335
335
  }
336
- .ql-editor .ql-size-huge {
336
+ .ob-quill-content .ql-size-huge {
337
337
  font-size: 2.5em;
338
338
  }
339
- .ql-editor .ql-direction-rtl {
339
+ .ob-quill-content .ql-direction-rtl {
340
340
  direction: rtl;
341
341
  text-align: inherit;
342
342
  }
343
- .ql-editor .ql-align-center {
343
+ .ob-quill-content .ql-align-center {
344
344
  text-align: center;
345
345
  }
346
- .ql-editor .ql-align-justify {
346
+ .ob-quill-content .ql-align-justify {
347
347
  text-align: justify;
348
348
  }
349
- .ql-editor .ql-align-right {
349
+ .ob-quill-content .ql-align-right {
350
350
  text-align: right;
351
351
  }
352
- .ql-editor.ql-blank::before {
352
+ .ob-quill-content.ql-blank::before {
353
353
  color: rgba(0, 0, 0, 0.6);
354
354
  content: attr(data-placeholder);
355
355
  font-style: italic;
@@ -358,6 +358,6 @@
358
358
  position: absolute;
359
359
  right: 15px;
360
360
  }
361
- .ql-editor strong {
361
+ .ob-quill-content strong {
362
362
  color: inherit;
363
363
  }