@bpmn-io/form-js-editor 1.5.0 → 1.6.1

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 (50) hide show
  1. package/LICENSE +22 -22
  2. package/README.md +152 -152
  3. package/dist/assets/form-js-editor-base.css +863 -832
  4. package/dist/assets/form-js-editor.css +38 -7
  5. package/dist/index.cjs +1619 -549
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.es.js +1621 -551
  8. package/dist/index.es.js.map +1 -1
  9. package/dist/types/FormEditor.d.ts +36 -4
  10. package/dist/types/features/dragging/Dragging.d.ts +1 -1
  11. package/dist/types/features/modeling/behavior/ColumnsSourceBehavior.d.ts +7 -0
  12. package/dist/types/features/modeling/behavior/OptionsSourceBehavior.d.ts +8 -0
  13. package/dist/types/features/modeling/behavior/TableDataSourceBehavior.d.ts +7 -0
  14. package/dist/types/features/modeling/behavior/index.d.ts +6 -2
  15. package/dist/types/features/modeling/index.d.ts +3 -1
  16. package/dist/types/features/properties-panel/Util.d.ts +11 -3
  17. package/dist/types/features/properties-panel/entries/ColumnEntry.d.ts +11 -0
  18. package/dist/types/features/properties-panel/entries/ColumnsExpressionEntry.d.ts +10 -0
  19. package/dist/types/features/properties-panel/entries/ConditionEntry.d.ts +1 -1
  20. package/dist/types/features/properties-panel/entries/{GroupEntries.d.ts → GroupAppearanceEntry.d.ts} +1 -1
  21. package/dist/types/features/properties-panel/entries/HeadersSourceSelectEntry.d.ts +9 -0
  22. package/dist/types/features/properties-panel/entries/{InputKeyValuesSourceEntry.d.ts → InputKeyOptionsSourceEntry.d.ts} +1 -1
  23. package/dist/types/features/properties-panel/entries/LayouterAppearanceEntry.d.ts +10 -0
  24. package/dist/types/features/properties-panel/entries/OptionsExpressionEntry.d.ts +9 -0
  25. package/dist/types/features/properties-panel/entries/{ValuesSourceSelectEntry.d.ts → OptionsSourceSelectEntry.d.ts} +1 -1
  26. package/dist/types/features/properties-panel/entries/PaginationEntry.d.ts +10 -0
  27. package/dist/types/features/properties-panel/entries/RepeatableEntry.d.ts +24 -0
  28. package/dist/types/features/properties-panel/entries/RowCountEntry.d.ts +10 -0
  29. package/dist/types/features/properties-panel/entries/StaticColumnsSourceEntry.d.ts +5 -0
  30. package/dist/types/features/properties-panel/entries/{StaticValuesSourceEntry.d.ts → StaticOptionsSourceEntry.d.ts} +1 -1
  31. package/dist/types/features/properties-panel/entries/TableDataSourceEntry.d.ts +10 -0
  32. package/dist/types/features/properties-panel/entries/factories/index.d.ts +3 -0
  33. package/dist/types/features/properties-panel/entries/factories/simpleRangeIntegerEntryFactory.d.ts +12 -0
  34. package/dist/types/features/properties-panel/entries/factories/simpleSelectEntryFactory.d.ts +10 -0
  35. package/dist/types/features/properties-panel/entries/factories/zeroPositiveIntegerEntryFactory.d.ts +9 -0
  36. package/dist/types/features/properties-panel/entries/index.d.ts +14 -6
  37. package/dist/types/features/properties-panel/groups/AppearanceGroup.d.ts +24 -3
  38. package/dist/types/features/properties-panel/groups/GeneralGroup.d.ts +11 -0
  39. package/dist/types/features/properties-panel/groups/OptionsGroups.d.ts +1 -0
  40. package/dist/types/features/properties-panel/groups/TableHeaderGroups.d.ts +1 -0
  41. package/dist/types/features/properties-panel/groups/index.d.ts +2 -1
  42. package/dist/types/features/repeat-render/EditorRepeatRenderManager.d.ts +17 -0
  43. package/dist/types/features/repeat-render/index.d.ts +7 -0
  44. package/dist/types/render/components/editor-form-fields/EditorTable.d.ts +10 -0
  45. package/dist/types/render/components/editor-form-fields/index.d.ts +2 -1
  46. package/dist/types/types.d.ts +28 -28
  47. package/package.json +3 -3
  48. package/dist/types/features/modeling/behavior/ValuesSourceBehavior.d.ts +0 -8
  49. package/dist/types/features/properties-panel/entries/ValuesExpressionEntry.d.ts +0 -9
  50. package/dist/types/features/properties-panel/groups/ValuesGroups.d.ts +0 -1
package/dist/assets/form-js-editor.css CHANGED
@@ -246,6 +246,7 @@
246
246
 
247
247
  .fjs-editor-container .fjs-form > .fjs-element {
248
248
  border: none;
249
+ outline: none;
249
250
  }
250
251
 
251
252
  .fjs-editor-container .fjs-form-field:not(.fjs-powered-by) {
@@ -266,29 +267,31 @@
266
267
  border-color: var(--color-children-hover-border);
267
268
  }
268
269
 
269
- .fjs-editor-container .fjs-layout-column:first-child > .fjs-element[data-field-type=group] {
270
+ .fjs-editor-container .fjs-layout-column:first-child > .fjs-element[data-field-type=group],
271
+ .fjs-editor-container .fjs-layout-column:first-child > .fjs-element[data-field-type=dynamiclist] {
270
272
  margin-left: -6px;
271
273
  }
272
274
 
273
- .fjs-editor-container .fjs-layout-column:last-child > .fjs-element[data-field-type=group] {
275
+ .fjs-editor-container .fjs-layout-column:last-child > .fjs-element[data-field-type=group],
276
+ .fjs-editor-container .fjs-layout-column:last-child > .fjs-element[data-field-type=dynamiclist] {
274
277
  margin-right: -6px;
275
278
  }
276
279
 
277
- .fjs-editor-container .fjs-form-field-group,
278
- .fjs-editor-container .fjs-form-field-group .fjs-form-field-group .fjs-form-field-group {
280
+ .fjs-editor-container .fjs-form-field-grouplike,
281
+ .fjs-editor-container .fjs-form-field-grouplike .fjs-form-field-grouplike .fjs-form-field-grouplike {
279
282
  margin: 1px 6px;
280
283
  padding: 0px;
281
284
  }
282
285
 
283
- .fjs-editor-container .fjs-form-field-group.fjs-outlined {
286
+ .fjs-editor-container .fjs-form-field-grouplike.fjs-outlined {
284
287
  outline: none;
285
288
  }
286
289
 
287
- .fjs-editor-container .fjs-form-field-group .cds--grid {
290
+ .fjs-editor-container .fjs-form-field-grouplike .cds--grid {
288
291
  padding: 0 2rem;
289
292
  }
290
293
 
291
- .fjs-editor-container .fjs-form-field-group > label {
294
+ .fjs-editor-container .fjs-form-field-grouplike > label {
292
295
  margin-top: 6px;
293
296
  }
294
297
 
@@ -309,6 +312,19 @@
309
312
  user-select: none;
310
313
  }
311
314
 
315
+ .fjs-editor-container .fjs-empty-component {
316
+ display: flex;
317
+ justify-content: center;
318
+ align-items: center;
319
+ height: 80px;
320
+ width: calc(100% - 4rem);
321
+ position: absolute;
322
+ }
323
+
324
+ .fjs-editor-container .fjs-empty-component span {
325
+ color: var(--cds-text-disabled, var(--color-grey-225-10-55));
326
+ }
327
+
312
328
  .fjs-editor-container .fjs-empty-editor {
313
329
  display: flex;
314
330
  align-items: center;
@@ -420,6 +436,21 @@
420
436
  top: 0;
421
437
  }
422
438
 
439
+ .fjs-editor-container .fjs-repeat-render-footer {
440
+ font-size: var(--font-size-label);
441
+ background: var(--cds-field, var(--color-background-disabled));
442
+ color: var(--cds-text-disabled, var(--color-grey-225-10-45));
443
+ padding: 3px;
444
+ display: flex;
445
+ align-items: center;
446
+ justify-content: center;
447
+ margin: 0px 5px 3px 5px;
448
+ }
449
+
450
+ .fjs-editor-container .fjs-repeat-render-footer svg {
451
+ margin-right: 4px;
452
+ }
453
+
423
454
  /* do not show resize handles on small screens */
424
455
  @media (max-width: 66rem) {
425
456
  .fjs-editor-container .fjs-children .fjs-editor-selected .fjs-field-resize-handle {