@rettangoli/ui 0.1.26 → 0.1.27

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,6 +1,6 @@
1
1
  {
2
2
  "name": "@rettangoli/ui",
3
- "version": "0.1.26",
3
+ "version": "0.1.27",
4
4
  "description": "A UI component library for building web interfaces.",
5
5
  "main": "dist/rettangoli-esm.min.js",
6
6
  "type": "module",
@@ -33,6 +33,8 @@ propsSchema:
33
33
  const: inputText
34
34
  placeholder:
35
35
  type: string
36
+ testId:
37
+ type: string
36
38
  tooltip:
37
39
  type: object
38
40
  properties:
@@ -74,6 +76,8 @@ propsSchema:
74
76
  required:
75
77
  - label
76
78
  - value
79
+ testId:
80
+ type: string
77
81
  tooltip:
78
82
  type: object
79
83
  properties:
@@ -97,6 +101,8 @@ propsSchema:
97
101
  const: colorPicker
98
102
  value:
99
103
  type: string
104
+ testId:
105
+ type: string
100
106
  tooltip:
101
107
  type: object
102
108
  properties:
@@ -125,6 +131,8 @@ propsSchema:
125
131
  type: number
126
132
  value:
127
133
  type: number
134
+ testId:
135
+ type: string
128
136
  tooltip:
129
137
  type: object
130
138
  properties:
@@ -153,6 +161,8 @@ propsSchema:
153
161
  type: number
154
162
  value:
155
163
  type: number
164
+ testId:
165
+ type: string
156
166
  tooltip:
157
167
  type: object
158
168
  properties:
@@ -179,6 +189,8 @@ propsSchema:
179
189
  type: number
180
190
  placeholder:
181
191
  type: string
192
+ testId:
193
+ type: string
182
194
  tooltip:
183
195
  type: object
184
196
  properties:
@@ -209,6 +221,8 @@ propsSchema:
209
221
  type: object
210
222
  waveformData:
211
223
  type: object
224
+ testId:
225
+ type: string
212
226
  tooltip:
213
227
  type: object
214
228
  properties:
@@ -231,6 +245,8 @@ propsSchema:
231
245
  const: popover-input
232
246
  placeholder:
233
247
  type: string
248
+ testId:
249
+ type: string
234
250
  tooltip:
235
251
  type: object
236
252
  properties:
@@ -328,30 +344,30 @@ template:
328
344
  - $if field.inputType == "read-only-text":
329
345
  - rtgl-text s=sm: ${field.defaultValue}
330
346
  - $if field.inputType == "inputText" || field.inputType == 'input-text':
331
- - rtgl-input#field-${field.name} w=f min=${field.min} max=${field.max} step=${field.step}:
347
+ - rtgl-input#field-${field.name} w=f min=${field.min} max=${field.max} step=${field.step} data-testid=${field.testId}:
332
348
  - $if field.inputType == "input-number":
333
- - rtgl-input-number#field-${field.name} w=f:
349
+ - rtgl-input-number#field-${field.name} w=f data-testid=${field.testId}:
334
350
  - $if field.inputType == "input-textarea":
335
- - rtgl-textarea#field-${field.name} w=f rows=${field.rows} w=f:
351
+ - rtgl-textarea#field-${field.name} w=f rows=${field.rows} w=f data-testid=${field.testId}:
336
352
  - $if field.inputType == "popover-input":
337
- - rtgl-popover-input#field-${field.name} label="${field.label}":
353
+ - rtgl-popover-input#field-${field.name} label="${field.label}" data-testid=${field.testId}:
338
354
  - $if field.inputType == "select":
339
- - rtgl-select#field-${field.name} key=${key} w=f .options=fields[${i}].options ?no-clear=fields[${i}].noClear .addOption=fields[${i}].addOption .selectedValue=#{field.selectedValue} .placeholder=#{field.placeholder}:
355
+ - rtgl-select#field-${field.name} key=${key} w=f .options=fields[${i}].options ?no-clear=fields[${i}].noClear .addOption=fields[${i}].addOption .selectedValue=#{field.selectedValue} .placeholder=#{field.placeholder} data-testid=${field.testId}:
340
356
  - $if field.inputType == "colorPicker":
341
- - rtgl-color-picker#field-${field.name} key=${key}:
357
+ - rtgl-color-picker#field-${field.name} key=${key} data-testid=${field.testId}:
342
358
  - $if field.inputType == "slider":
343
- - rtgl-slider#field-${field.name} key=${key} w=f min=${field.min} max=${field.max} step=${field.step}:
359
+ - rtgl-slider#field-${field.name} key=${key} w=f min=${field.min} max=${field.max} step=${field.step} data-testid=${field.testId}:
344
360
  - $if field.inputType == "slider-input":
345
- - rtgl-slider-input#field-${field.name} w=f min=${field.min} max=${field.max} step=${field.step}:
361
+ - rtgl-slider-input#field-${field.name} w=f min=${field.min} max=${field.max} step=${field.step} data-testid=${field.testId}:
346
362
  - $if field.inputType == "image" && field.imageSrc:
347
- - rtgl-image#image-${field.name} src=${field.imageSrc} w=${field.width} h=${field.height} cur=p:
363
+ - rtgl-image#image-${field.name} src=${field.imageSrc} w=${field.width} h=${field.height} cur=p data-testid=${field.testId}:
348
364
  - $if field.inputType == "image" && !field.imageSrc:
349
- - rtgl-view#field-${field.name} w=${field.width} h=${field.height} bc=ac bw=sm ah=c av=c cur=p p=md:
365
+ - rtgl-view#field-${field.name} w=${field.width} h=${field.height} bc=ac bw=sm ah=c av=c cur=p p=md data-testid=${field.testId}:
350
366
  - rtgl-text c=mu-fg ta=c: ${field.placeholderText}
351
367
  - $if field.inputType == "waveform" && field.waveformData:
352
- - rtgl-waveform#field-${field.name} .waveformData=fields[${i}].waveformData w=${field.width} h=${field.height} cur=p:
368
+ - rtgl-waveform#field-${field.name} .waveformData=fields[${i}].waveformData w=${field.width} h=${field.height} cur=p data-testid=${field.testId}:
353
369
  - $if field.inputType == "waveform" && !field.waveformData:
354
- - rtgl-view#field-${field.name} w=${field.width} h=${field.height} bc=ac bw=sm ah=c av=c cur=p p=md:
370
+ - rtgl-view#field-${field.name} w=${field.width} h=${field.height} bc=ac bw=sm ah=c av=c cur=p p=md data-testid=${field.testId}:
355
371
  - rtgl-text c=mu-fg ta=c: ${field.placeholder}
356
372
  - $if field.inputType == "slot":
357
373
  - 'slot#field-${field.slotName} name=${field.slot} style="display: contents;"':