@bpmn-io/form-js-viewer 1.10.0 → 1.11.0-alpha.0

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 (22) hide show
  1. package/dist/assets/form-js-base.css +22 -3
  2. package/dist/assets/form-js.css +22 -3
  3. package/dist/index.cjs +566 -218
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.es.js +566 -219
  6. package/dist/index.es.js.map +1 -1
  7. package/dist/types/Form.d.ts +2 -1
  8. package/dist/types/core/FormFieldInstanceRegistry.d.ts +3 -2
  9. package/dist/types/core/index.d.ts +1 -0
  10. package/dist/types/features/repeatRender/RepeatRenderManager.d.ts +9 -4
  11. package/dist/types/render/FileRegistry.d.ts +52 -0
  12. package/dist/types/render/components/form-fields/FilePicker.d.ts +46 -0
  13. package/dist/types/render/components/index.d.ts +2 -1
  14. package/dist/types/render/hooks/index.d.ts +1 -0
  15. package/dist/types/render/hooks/useBooleanExpressionEvaluation.d.ts +9 -0
  16. package/dist/types/render/hooks/useExpressionEvaluation.d.ts +3 -4
  17. package/dist/types/render/hooks/useService.d.ts +7 -1
  18. package/dist/types/render/index.d.ts +2 -0
  19. package/dist/types/util/constants/FilePickerConstants.d.ts +1 -0
  20. package/dist/types/util/expressions.d.ts +3 -4
  21. package/dist/types/util/extractFileReferencesFromRemovedData.d.ts +7 -0
  22. package/package.json +2 -2
package/dist/assets/form-js-base.css CHANGED
@@ -456,6 +456,7 @@
456
456
  .fjs-container .fjs-input[type='tel'],
457
457
  .fjs-container .fjs-input[type='number'],
458
458
  .fjs-container .fjs-button[type='submit'],
459
+ .fjs-container .fjs-button[type='button'],
459
460
  .fjs-container .fjs-button[type='reset'],
460
461
  .fjs-container .fjs-textarea,
461
462
  .fjs-container .fjs-select {
@@ -631,7 +632,8 @@
631
632
  margin: 6px 10px 6px 4px;
632
633
  }
633
634
 
634
- .fjs-container .fjs-button[type='submit'] {
635
+ .fjs-container .fjs-button[type='submit'],
636
+ .fjs-container .fjs-button[type='button'] {
635
637
  color: var(--cds-text-inverse, var(--color-white));
636
638
  background-color: var(--color-accent);
637
639
  border-color: var(--color-accent);
@@ -644,12 +646,14 @@
644
646
  }
645
647
 
646
648
  .fjs-container .fjs-button[type='submit'],
649
+ .fjs-container .fjs-button[type='button'],
647
650
  .fjs-container .fjs-button[type='reset'] {
648
651
  min-width: 100px;
649
652
  width: auto;
650
653
  }
651
654
 
652
- .fjs-container .fjs-button[type='submit'] {
655
+ .fjs-container .fjs-button[type='submit'],
656
+ .fjs-container .fjs-button[type='button'] {
653
657
  font-weight: 600;
654
658
  }
655
659
 
@@ -660,6 +664,7 @@
660
664
  .fjs-container .fjs-input[type='tel']:focus,
661
665
  .fjs-container .fjs-input[type='number']:focus,
662
666
  .fjs-container .fjs-button[type='submit']:focus,
667
+ .fjs-container .fjs-button[type='button']:focus,
663
668
  .fjs-container .fjs-button[type='reset']:focus,
664
669
  .fjs-container .fjs-textarea:focus,
665
670
  .fjs-container .fjs-select:focus {
@@ -676,7 +681,8 @@
676
681
  outline: none;
677
682
  }
678
683
 
679
- .fjs-container .fjs-button[type='submit']:focus {
684
+ .fjs-container .fjs-button[type='submit']:focus,
685
+ .fjs-container .fjs-button[type='button']:focus {
680
686
  border-color: var(--color-accent);
681
687
  }
682
688
 
@@ -719,6 +725,7 @@
719
725
  }
720
726
 
721
727
  .fjs-container .fjs-button[type='submit']:disabled,
728
+ .fjs-container .fjs-button[type='button']:disabled,
722
729
  .fjs-container .fjs-button[type='reset']:disabled {
723
730
  color: var(--cds-text-on-color-disabled, var(--color-text-light));
724
731
  background-color: var(--color-background-disabled);
@@ -726,6 +733,7 @@
726
733
  }
727
734
 
728
735
  .fjs-container .fjs-button[type='submit']:read-only,
736
+ .fjs-container .fjs-button[type='button']:read-only,
729
737
  .fjs-container .fjs-button[type='reset']:read-only {
730
738
  color: var(--text-light);
731
739
  background-color: var(--color-background-readonly);
@@ -1273,3 +1281,14 @@
1273
1281
  .fjs-container .flatpickr-calendar {
1274
1282
  width: 326px;
1275
1283
  }
1284
+
1285
+ .fjs-hidden {
1286
+ display: none;
1287
+ }
1288
+
1289
+ .fjs-container .fjs-filepicker-container {
1290
+ display: flex;
1291
+ flex-direction: row;
1292
+ align-items: center;
1293
+ gap: 8px;
1294
+ }
package/dist/assets/form-js.css CHANGED
@@ -416,6 +416,7 @@
416
416
  .fjs-container .fjs-input[type=tel],
417
417
  .fjs-container .fjs-input[type=number],
418
418
  .fjs-container .fjs-button[type=submit],
419
+ .fjs-container .fjs-button[type=button],
419
420
  .fjs-container .fjs-button[type=reset],
420
421
  .fjs-container .fjs-textarea,
421
422
  .fjs-container .fjs-select {
@@ -591,7 +592,8 @@
591
592
  margin: 6px 10px 6px 4px;
592
593
  }
593
594
 
594
- .fjs-container .fjs-button[type=submit] {
595
+ .fjs-container .fjs-button[type=submit],
596
+ .fjs-container .fjs-button[type=button] {
595
597
  color: var(--cds-text-inverse, var(--color-white));
596
598
  background-color: var(--color-accent);
597
599
  border-color: var(--color-accent);
@@ -604,12 +606,14 @@
604
606
  }
605
607
 
606
608
  .fjs-container .fjs-button[type=submit],
609
+ .fjs-container .fjs-button[type=button],
607
610
  .fjs-container .fjs-button[type=reset] {
608
611
  min-width: 100px;
609
612
  width: auto;
610
613
  }
611
614
 
612
- .fjs-container .fjs-button[type=submit] {
615
+ .fjs-container .fjs-button[type=submit],
616
+ .fjs-container .fjs-button[type=button] {
613
617
  font-weight: 600;
614
618
  }
615
619
 
@@ -620,6 +624,7 @@
620
624
  .fjs-container .fjs-input[type=tel]:focus,
621
625
  .fjs-container .fjs-input[type=number]:focus,
622
626
  .fjs-container .fjs-button[type=submit]:focus,
627
+ .fjs-container .fjs-button[type=button]:focus,
623
628
  .fjs-container .fjs-button[type=reset]:focus,
624
629
  .fjs-container .fjs-textarea:focus,
625
630
  .fjs-container .fjs-select:focus {
@@ -636,7 +641,8 @@
636
641
  outline: none;
637
642
  }
638
643
 
639
- .fjs-container .fjs-button[type=submit]:focus {
644
+ .fjs-container .fjs-button[type=submit]:focus,
645
+ .fjs-container .fjs-button[type=button]:focus {
640
646
  border-color: var(--color-accent);
641
647
  }
642
648
 
@@ -679,6 +685,7 @@
679
685
  }
680
686
 
681
687
  .fjs-container .fjs-button[type=submit]:disabled,
688
+ .fjs-container .fjs-button[type=button]:disabled,
682
689
  .fjs-container .fjs-button[type=reset]:disabled {
683
690
  color: var(--cds-text-on-color-disabled, var(--color-text-light));
684
691
  background-color: var(--color-background-disabled);
@@ -686,6 +693,7 @@
686
693
  }
687
694
 
688
695
  .fjs-container .fjs-button[type=submit]:read-only,
696
+ .fjs-container .fjs-button[type=button]:read-only,
689
697
  .fjs-container .fjs-button[type=reset]:read-only {
690
698
  color: var(--text-light);
691
699
  background-color: var(--color-background-readonly);
@@ -1233,6 +1241,17 @@
1233
1241
  width: 326px;
1234
1242
  }
1235
1243
 
1244
+ .fjs-hidden {
1245
+ display: none;
1246
+ }
1247
+
1248
+ .fjs-container .fjs-filepicker-container {
1249
+ display: flex;
1250
+ flex-direction: row;
1251
+ align-items: center;
1252
+ gap: 8px;
1253
+ }
1254
+
1236
1255
  .cds--grid {
1237
1256
  margin-inline: auto;
1238
1257
  max-inline-size: 99rem;