@bpmn-io/form-js-viewer 1.6.4 → 1.7.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 (97) hide show
  1. package/dist/assets/form-js-base.css +20 -10
  2. package/dist/assets/form-js.css +20 -9
  3. package/dist/index.cjs +3173 -2862
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.es.js +3161 -2860
  6. package/dist/index.es.js.map +1 -1
  7. package/dist/types/Form.d.ts +1 -1
  8. package/dist/types/core/EventBus.d.ts +1 -1
  9. package/dist/types/core/FieldFactory.d.ts +2 -3
  10. package/dist/types/core/FormFieldRegistry.d.ts +2 -3
  11. package/dist/types/core/FormLayouter.d.ts +2 -3
  12. package/dist/types/core/Importer.d.ts +11 -12
  13. package/dist/types/core/PathRegistry.d.ts +2 -3
  14. package/dist/types/core/Validator.d.ts +2 -3
  15. package/dist/types/core/index.d.ts +9 -10
  16. package/dist/types/features/expressionLanguage/ConditionChecker.d.ts +2 -3
  17. package/dist/types/features/expressionLanguage/FeelExpressionLanguage.d.ts +2 -3
  18. package/dist/types/features/expressionLanguage/FeelersTemplating.d.ts +4 -3
  19. package/dist/types/features/expressionLanguage/index.d.ts +4 -5
  20. package/dist/types/features/index.d.ts +4 -4
  21. package/dist/types/features/markdown/MarkdownRenderer.d.ts +2 -3
  22. package/dist/types/features/markdown/index.d.ts +2 -3
  23. package/dist/types/features/repeatRender/RepeatRenderManager.d.ts +2 -3
  24. package/dist/types/features/repeatRender/index.d.ts +2 -3
  25. package/dist/types/features/viewerCommands/ViewerCommands.d.ts +3 -4
  26. package/dist/types/features/viewerCommands/cmd/UpdateFieldValidationHandler.d.ts +2 -3
  27. package/dist/types/features/viewerCommands/index.d.ts +2 -3
  28. package/dist/types/index.d.ts +2 -2
  29. package/dist/types/render/FormFields.d.ts +1 -1
  30. package/dist/types/render/Renderer.d.ts +6 -7
  31. package/dist/types/render/components/Description.d.ts +1 -1
  32. package/dist/types/render/components/Errors.d.ts +1 -1
  33. package/dist/types/render/components/FormComponent.d.ts +1 -1
  34. package/dist/types/render/components/FormField.d.ts +1 -1
  35. package/dist/types/render/components/Label.d.ts +1 -1
  36. package/dist/types/render/components/PoweredBy.d.ts +1 -1
  37. package/dist/types/render/components/Sanitizer.d.ts +0 -18
  38. package/dist/types/render/components/form-fields/Button.d.ts +3 -3
  39. package/dist/types/render/components/form-fields/Checkbox.d.ts +3 -3
  40. package/dist/types/render/components/form-fields/Checklist.d.ts +3 -3
  41. package/dist/types/render/components/form-fields/Datetime.d.ts +3 -3
  42. package/dist/types/render/components/form-fields/Default.d.ts +2 -3
  43. package/dist/types/render/components/form-fields/DynamicList.d.ts +2 -3
  44. package/dist/types/render/components/form-fields/Group.d.ts +2 -3
  45. package/dist/types/render/components/form-fields/Html.d.ts +14 -0
  46. package/dist/types/render/components/form-fields/IFrame.d.ts +8 -4
  47. package/dist/types/render/components/form-fields/Image.d.ts +3 -3
  48. package/dist/types/render/components/form-fields/Number.d.ts +3 -3
  49. package/dist/types/render/components/form-fields/Radio.d.ts +3 -3
  50. package/dist/types/render/components/form-fields/Select.d.ts +3 -3
  51. package/dist/types/render/components/form-fields/Separator.d.ts +3 -3
  52. package/dist/types/render/components/form-fields/Spacer.d.ts +3 -3
  53. package/dist/types/render/components/form-fields/Table.d.ts +22 -19
  54. package/dist/types/render/components/form-fields/Taglist.d.ts +3 -3
  55. package/dist/types/render/components/form-fields/Text.d.ts +3 -3
  56. package/dist/types/render/components/form-fields/Textarea.d.ts +3 -3
  57. package/dist/types/render/components/form-fields/Textfield.d.ts +3 -3
  58. package/dist/types/render/components/form-fields/parts/ChildrenRenderer.d.ts +1 -1
  59. package/dist/types/render/components/form-fields/parts/Datepicker.d.ts +1 -1
  60. package/dist/types/render/components/form-fields/parts/DropdownList.d.ts +1 -1
  61. package/dist/types/render/components/form-fields/parts/InputAdorner.d.ts +1 -1
  62. package/dist/types/render/components/form-fields/parts/SearchableSelect.d.ts +1 -1
  63. package/dist/types/render/components/form-fields/parts/SimpleSelect.d.ts +1 -1
  64. package/dist/types/render/components/form-fields/parts/SkipLink.d.ts +1 -1
  65. package/dist/types/render/components/form-fields/parts/TemplatedInputAdorner.d.ts +1 -1
  66. package/dist/types/render/components/form-fields/parts/Timepicker.d.ts +1 -1
  67. package/dist/types/render/components/index.d.ts +28 -26
  68. package/dist/types/render/components/util/domUtil.d.ts +9 -0
  69. package/dist/types/render/components/util/sanitizerUtil.d.ts +24 -0
  70. package/dist/types/render/context/FormContext.d.ts +2 -2
  71. package/dist/types/render/context/FormRenderContext.d.ts +1 -2
  72. package/dist/types/render/context/LocalExpressionContext.d.ts +1 -2
  73. package/dist/types/render/context/index.d.ts +3 -3
  74. package/dist/types/render/hooks/index.d.ts +18 -11
  75. package/dist/types/render/hooks/useCleanupMultiSelectValue.d.ts +1 -0
  76. package/dist/types/render/hooks/useCleanupSingleSelectValue.d.ts +1 -1
  77. package/dist/types/render/hooks/useCondition.d.ts +1 -1
  78. package/dist/types/render/hooks/useDangerousHTMLWrapper.d.ts +16 -0
  79. package/dist/types/render/hooks/useDeepCompareState.d.ts +1 -1
  80. package/dist/types/render/hooks/useExpressionEvaluation.d.ts +1 -1
  81. package/dist/types/render/hooks/useFilteredFormData.d.ts +1 -1
  82. package/dist/types/render/hooks/useFlushDebounce.d.ts +1 -2
  83. package/dist/types/render/hooks/useKeyDownAction.d.ts +1 -1
  84. package/dist/types/render/hooks/useOptionsAsync.d.ts +1 -1
  85. package/dist/types/render/hooks/usePrevious.d.ts +1 -1
  86. package/dist/types/render/hooks/useReadonly.d.ts +1 -1
  87. package/dist/types/render/hooks/useScrollIntoView.d.ts +1 -1
  88. package/dist/types/render/hooks/useSecurityAttributesMap.d.ts +7 -0
  89. package/dist/types/render/hooks/useService.d.ts +1 -1
  90. package/dist/types/render/hooks/useSingleLineTemplateEvaluation.d.ts +1 -1
  91. package/dist/types/render/hooks/useTemplateEvaluation.d.ts +3 -1
  92. package/dist/types/render/index.d.ts +3 -4
  93. package/dist/types/util/constants/IFrameConstants.d.ts +8 -0
  94. package/dist/types/util/constants/index.d.ts +1 -0
  95. package/dist/types/util/structure.d.ts +1 -1
  96. package/package.json +5 -5
  97. package/dist/types/render/hooks/useCleanupMultiSelectValues.d.ts +0 -1
package/dist/assets/form-js-base.css CHANGED
@@ -784,28 +784,31 @@
784
784
  list-style-type: none;
785
785
  }
786
786
 
787
+ .fjs-container .fjs-form-field-html,
787
788
  .fjs-container .fjs-form-field-text {
788
789
  overflow-wrap: break-word;
789
790
  }
790
791
 
792
+ .fjs-container .fjs-form-field-html a,
791
793
  .fjs-container .fjs-form-field-text a {
792
794
  color: var(--color-accent);
793
795
  }
794
796
 
795
- .fjs-container .fjs-form-field-text a {
796
- color: var(--color-accent);
797
- }
798
-
797
+ .fjs-container .fjs-form-field-html .fjs-disabled-link,
799
798
  .fjs-container .fjs-form-field-text .fjs-disabled-link {
800
799
  pointer-events: none;
801
800
  cursor: default;
802
801
  }
803
802
 
803
+ .fjs-container .fjs-form-field-html table,
804
804
  .fjs-container .fjs-form-field-text table {
805
805
  border-collapse: collapse;
806
806
  width: auto;
807
807
  }
808
808
 
809
+ .fjs-container .fjs-form-field-html table,
810
+ .fjs-container .fjs-form-field-html th,
811
+ .fjs-container .fjs-form-field-html td,
809
812
  .fjs-container .fjs-form-field-text table,
810
813
  .fjs-container .fjs-form-field-text th,
811
814
  .fjs-container .fjs-form-field-text td {
@@ -813,15 +816,16 @@
813
816
  padding: 8px;
814
817
  }
815
818
 
819
+ .fjs-container .fjs-form-field-html th,
816
820
  .fjs-container .fjs-form-field-text th {
817
821
  font-weight: bold;
818
822
  }
819
823
 
824
+ .fjs-container .fjs-form-field-html td,
820
825
  .fjs-container .fjs-form-field-text td {
821
826
  white-space: nowrap;
822
827
  }
823
828
 
824
-
825
829
  .fjs-container .fjs-taglist-anchor,
826
830
  .fjs-container .fjs-select-anchor,
827
831
  .fjs-container .fjs-timepicker-anchor {
@@ -983,27 +987,28 @@
983
987
  object-fit: contain;
984
988
  }
985
989
 
986
- .fjs-container .fjs-image-placeholder {
987
- height: 64px;
988
- margin: 4px 0;
989
- }
990
-
991
990
  .fjs-container .fjs-iframe {
992
991
  margin: 4px 0;
993
992
  width: 100%;
994
993
  border: 1px solid var(--color-borders-readonly);
995
994
  }
996
995
 
996
+ .fjs-container .fjs-image-placeholder,
997
997
  .fjs-container .fjs-iframe-placeholder {
998
998
  margin: 4px 0;
999
+ width: 100%;
999
1000
  height: 90px;
1000
1001
  display: flex;
1001
1002
  justify-content: center;
1002
1003
  background: var(--color-background-readonly);
1003
1004
  color: var(--color-text-light);
1005
+ }
1006
+
1007
+ .fjs-container .fjs-iframe-placeholder {
1004
1008
  border: 1px solid var(--color-borders-readonly);
1005
1009
  }
1006
1010
 
1011
+ .fjs-container .fjs-image-placeholder .fjs-image-placeholder-inner,
1007
1012
  .fjs-container .fjs-iframe-placeholder .fjs-iframe-placeholder-text {
1008
1013
  display: flex;
1009
1014
  align-items: center;
@@ -1012,6 +1017,10 @@
1012
1017
  overflow: hidden;
1013
1018
  }
1014
1019
 
1020
+ .fjs-container .fjs-iframe-placeholder .fjs-iframe-placeholder-text {
1021
+ font-size: var(--font-size-label);
1022
+ }
1023
+
1015
1024
  .fjs-container .fjs-form-field-table {
1016
1025
  display: flex;
1017
1026
  flex-direction: column;
@@ -1070,6 +1079,7 @@
1070
1079
  text-align: left;
1071
1080
  height: 32px;
1072
1081
  padding: 0 16px;
1082
+ vertical-align: center;
1073
1083
  }
1074
1084
 
1075
1085
  .fjs-container .fjs-table-body .fjs-table-tr:not(:last-child) {
package/dist/assets/form-js.css CHANGED
@@ -767,28 +767,31 @@
767
767
  list-style-type: none;
768
768
  }
769
769
 
770
+ .fjs-container .fjs-form-field-html,
770
771
  .fjs-container .fjs-form-field-text {
771
772
  overflow-wrap: break-word;
772
773
  }
773
774
 
775
+ .fjs-container .fjs-form-field-html a,
774
776
  .fjs-container .fjs-form-field-text a {
775
777
  color: var(--color-accent);
776
778
  }
777
779
 
778
- .fjs-container .fjs-form-field-text a {
779
- color: var(--color-accent);
780
- }
781
-
780
+ .fjs-container .fjs-form-field-html .fjs-disabled-link,
782
781
  .fjs-container .fjs-form-field-text .fjs-disabled-link {
783
782
  pointer-events: none;
784
783
  cursor: default;
785
784
  }
786
785
 
786
+ .fjs-container .fjs-form-field-html table,
787
787
  .fjs-container .fjs-form-field-text table {
788
788
  border-collapse: collapse;
789
789
  width: auto;
790
790
  }
791
791
 
792
+ .fjs-container .fjs-form-field-html table,
793
+ .fjs-container .fjs-form-field-html th,
794
+ .fjs-container .fjs-form-field-html td,
792
795
  .fjs-container .fjs-form-field-text table,
793
796
  .fjs-container .fjs-form-field-text th,
794
797
  .fjs-container .fjs-form-field-text td {
@@ -796,10 +799,12 @@
796
799
  padding: 8px;
797
800
  }
798
801
 
802
+ .fjs-container .fjs-form-field-html th,
799
803
  .fjs-container .fjs-form-field-text th {
800
804
  font-weight: bold;
801
805
  }
802
806
 
807
+ .fjs-container .fjs-form-field-html td,
803
808
  .fjs-container .fjs-form-field-text td {
804
809
  white-space: nowrap;
805
810
  }
@@ -965,27 +970,28 @@
965
970
  object-fit: contain;
966
971
  }
967
972
 
968
- .fjs-container .fjs-image-placeholder {
969
- height: 64px;
970
- margin: 4px 0;
971
- }
972
-
973
973
  .fjs-container .fjs-iframe {
974
974
  margin: 4px 0;
975
975
  width: 100%;
976
976
  border: 1px solid var(--color-borders-readonly);
977
977
  }
978
978
 
979
+ .fjs-container .fjs-image-placeholder,
979
980
  .fjs-container .fjs-iframe-placeholder {
980
981
  margin: 4px 0;
982
+ width: 100%;
981
983
  height: 90px;
982
984
  display: flex;
983
985
  justify-content: center;
984
986
  background: var(--color-background-readonly);
985
987
  color: var(--color-text-light);
988
+ }
989
+
990
+ .fjs-container .fjs-iframe-placeholder {
986
991
  border: 1px solid var(--color-borders-readonly);
987
992
  }
988
993
 
994
+ .fjs-container .fjs-image-placeholder .fjs-image-placeholder-inner,
989
995
  .fjs-container .fjs-iframe-placeholder .fjs-iframe-placeholder-text {
990
996
  display: flex;
991
997
  align-items: center;
@@ -994,6 +1000,10 @@
994
1000
  overflow: hidden;
995
1001
  }
996
1002
 
1003
+ .fjs-container .fjs-iframe-placeholder .fjs-iframe-placeholder-text {
1004
+ font-size: var(--font-size-label);
1005
+ }
1006
+
997
1007
  .fjs-container .fjs-form-field-table {
998
1008
  display: flex;
999
1009
  flex-direction: column;
@@ -1052,6 +1062,7 @@
1052
1062
  text-align: left;
1053
1063
  height: 32px;
1054
1064
  padding: 0 16px;
1065
+ vertical-align: center;
1055
1066
  }
1056
1067
 
1057
1068
  .fjs-container .fjs-table-body .fjs-table-tr:not(:last-child) {