@bpmn-io/form-js-viewer 1.6.3 → 1.7.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 (100) hide show
  1. package/LICENSE +22 -22
  2. package/README.md +189 -189
  3. package/dist/assets/form-js-base.css +1254 -1244
  4. package/dist/assets/form-js.css +20 -9
  5. package/dist/index.cjs +3489 -3209
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.es.js +3477 -3207
  8. package/dist/index.es.js.map +1 -1
  9. package/dist/types/Form.d.ts +1 -1
  10. package/dist/types/core/EventBus.d.ts +1 -1
  11. package/dist/types/core/FieldFactory.d.ts +2 -3
  12. package/dist/types/core/FormFieldRegistry.d.ts +2 -3
  13. package/dist/types/core/FormLayouter.d.ts +2 -3
  14. package/dist/types/core/Importer.d.ts +11 -12
  15. package/dist/types/core/PathRegistry.d.ts +2 -3
  16. package/dist/types/core/Validator.d.ts +2 -3
  17. package/dist/types/core/index.d.ts +9 -10
  18. package/dist/types/features/expressionLanguage/ConditionChecker.d.ts +2 -3
  19. package/dist/types/features/expressionLanguage/FeelExpressionLanguage.d.ts +2 -3
  20. package/dist/types/features/expressionLanguage/FeelersTemplating.d.ts +4 -3
  21. package/dist/types/features/expressionLanguage/index.d.ts +4 -5
  22. package/dist/types/features/index.d.ts +4 -4
  23. package/dist/types/features/markdown/MarkdownRenderer.d.ts +2 -3
  24. package/dist/types/features/markdown/index.d.ts +2 -3
  25. package/dist/types/features/repeatRender/RepeatRenderManager.d.ts +2 -3
  26. package/dist/types/features/repeatRender/index.d.ts +2 -3
  27. package/dist/types/features/viewerCommands/ViewerCommands.d.ts +3 -4
  28. package/dist/types/features/viewerCommands/cmd/UpdateFieldValidationHandler.d.ts +2 -3
  29. package/dist/types/features/viewerCommands/index.d.ts +2 -3
  30. package/dist/types/index.d.ts +2 -2
  31. package/dist/types/render/FormFields.d.ts +1 -1
  32. package/dist/types/render/Renderer.d.ts +6 -7
  33. package/dist/types/render/components/Description.d.ts +1 -1
  34. package/dist/types/render/components/Errors.d.ts +1 -1
  35. package/dist/types/render/components/FormComponent.d.ts +1 -1
  36. package/dist/types/render/components/FormField.d.ts +1 -1
  37. package/dist/types/render/components/Label.d.ts +1 -1
  38. package/dist/types/render/components/PoweredBy.d.ts +1 -1
  39. package/dist/types/render/components/Sanitizer.d.ts +0 -18
  40. package/dist/types/render/components/form-fields/Button.d.ts +3 -3
  41. package/dist/types/render/components/form-fields/Checkbox.d.ts +3 -3
  42. package/dist/types/render/components/form-fields/Checklist.d.ts +3 -3
  43. package/dist/types/render/components/form-fields/Datetime.d.ts +3 -3
  44. package/dist/types/render/components/form-fields/Default.d.ts +2 -3
  45. package/dist/types/render/components/form-fields/DynamicList.d.ts +2 -3
  46. package/dist/types/render/components/form-fields/Group.d.ts +2 -3
  47. package/dist/types/render/components/form-fields/Html.d.ts +14 -0
  48. package/dist/types/render/components/form-fields/IFrame.d.ts +8 -4
  49. package/dist/types/render/components/form-fields/Image.d.ts +3 -3
  50. package/dist/types/render/components/form-fields/Number.d.ts +3 -3
  51. package/dist/types/render/components/form-fields/Radio.d.ts +3 -3
  52. package/dist/types/render/components/form-fields/Select.d.ts +3 -3
  53. package/dist/types/render/components/form-fields/Separator.d.ts +3 -3
  54. package/dist/types/render/components/form-fields/Spacer.d.ts +3 -3
  55. package/dist/types/render/components/form-fields/Table.d.ts +22 -19
  56. package/dist/types/render/components/form-fields/Taglist.d.ts +3 -3
  57. package/dist/types/render/components/form-fields/Text.d.ts +3 -3
  58. package/dist/types/render/components/form-fields/Textarea.d.ts +3 -3
  59. package/dist/types/render/components/form-fields/Textfield.d.ts +3 -3
  60. package/dist/types/render/components/form-fields/parts/ChildrenRenderer.d.ts +1 -1
  61. package/dist/types/render/components/form-fields/parts/Datepicker.d.ts +1 -1
  62. package/dist/types/render/components/form-fields/parts/DropdownList.d.ts +1 -1
  63. package/dist/types/render/components/form-fields/parts/InputAdorner.d.ts +1 -1
  64. package/dist/types/render/components/form-fields/parts/SearchableSelect.d.ts +1 -1
  65. package/dist/types/render/components/form-fields/parts/SimpleSelect.d.ts +1 -1
  66. package/dist/types/render/components/form-fields/parts/SkipLink.d.ts +1 -1
  67. package/dist/types/render/components/form-fields/parts/TemplatedInputAdorner.d.ts +1 -1
  68. package/dist/types/render/components/form-fields/parts/Timepicker.d.ts +1 -1
  69. package/dist/types/render/components/index.d.ts +28 -26
  70. package/dist/types/render/components/util/domUtil.d.ts +9 -0
  71. package/dist/types/render/components/util/sanitizerUtil.d.ts +24 -0
  72. package/dist/types/render/context/FormContext.d.ts +2 -2
  73. package/dist/types/render/context/FormRenderContext.d.ts +1 -2
  74. package/dist/types/render/context/LocalExpressionContext.d.ts +1 -2
  75. package/dist/types/render/context/index.d.ts +3 -3
  76. package/dist/types/render/hooks/index.d.ts +18 -11
  77. package/dist/types/render/hooks/useCleanupMultiSelectValue.d.ts +1 -0
  78. package/dist/types/render/hooks/useCleanupSingleSelectValue.d.ts +1 -1
  79. package/dist/types/render/hooks/useCondition.d.ts +1 -1
  80. package/dist/types/render/hooks/useDangerousHTMLWrapper.d.ts +16 -0
  81. package/dist/types/render/hooks/useDeepCompareState.d.ts +1 -1
  82. package/dist/types/render/hooks/useExpressionEvaluation.d.ts +1 -1
  83. package/dist/types/render/hooks/useFilteredFormData.d.ts +1 -1
  84. package/dist/types/render/hooks/useFlushDebounce.d.ts +1 -2
  85. package/dist/types/render/hooks/useKeyDownAction.d.ts +1 -1
  86. package/dist/types/render/hooks/useOptionsAsync.d.ts +1 -1
  87. package/dist/types/render/hooks/usePrevious.d.ts +1 -1
  88. package/dist/types/render/hooks/useReadonly.d.ts +1 -1
  89. package/dist/types/render/hooks/useScrollIntoView.d.ts +1 -1
  90. package/dist/types/render/hooks/useSecurityAttributesMap.d.ts +7 -0
  91. package/dist/types/render/hooks/useService.d.ts +1 -1
  92. package/dist/types/render/hooks/useSingleLineTemplateEvaluation.d.ts +1 -1
  93. package/dist/types/render/hooks/useTemplateEvaluation.d.ts +3 -1
  94. package/dist/types/render/index.d.ts +3 -4
  95. package/dist/types/types.d.ts +35 -35
  96. package/dist/types/util/constants/IFrameConstants.d.ts +8 -0
  97. package/dist/types/util/constants/index.d.ts +1 -0
  98. package/dist/types/util/structure.d.ts +1 -1
  99. package/package.json +6 -6
  100. package/dist/types/render/hooks/useCleanupMultiSelectValues.d.ts +0 -1
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) {