@bpmn-io/form-js-editor 0.8.0-alpha.1 → 0.9.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 (42) hide show
  1. package/dist/assets/form-js-editor.css +20 -9
  2. package/dist/index.cjs +5077 -4911
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.es.js +5078 -4912
  5. package/dist/index.es.js.map +1 -1
  6. package/dist/types/FormEditor.d.ts +3 -0
  7. package/dist/types/{render/components → features}/properties-panel/PropertiesPanel.d.ts +0 -0
  8. package/dist/types/{render/components → features}/properties-panel/PropertiesPanelHeaderProvider.d.ts +0 -0
  9. package/dist/types/{render/components → features}/properties-panel/PropertiesPanelPlaceholderProvider.d.ts +0 -0
  10. package/dist/types/features/properties-panel/PropertiesPanelRenderer.d.ts +37 -0
  11. package/dist/types/{render/components → features}/properties-panel/Util.d.ts +0 -0
  12. package/dist/types/features/properties-panel/context/FormPropertiesPanelContext.d.ts +11 -0
  13. package/dist/types/features/properties-panel/context/index.d.ts +1 -0
  14. package/dist/types/{render/components → features}/properties-panel/entries/ActionEntry.d.ts +0 -0
  15. package/dist/types/{render/components → features}/properties-panel/entries/ColumnsEntry.d.ts +0 -0
  16. package/dist/types/{render/components → features}/properties-panel/entries/CustomValueEntry.d.ts +0 -0
  17. package/dist/types/{render/components → features}/properties-panel/entries/DefaultValueEntry.d.ts +0 -0
  18. package/dist/types/{render/components → features}/properties-panel/entries/DescriptionEntry.d.ts +0 -0
  19. package/dist/types/{render/components → features}/properties-panel/entries/DisabledEntry.d.ts +0 -0
  20. package/dist/types/{render/components → features}/properties-panel/entries/IdEntry.d.ts +0 -0
  21. package/dist/types/{render/components → features}/properties-panel/entries/InputKeyValuesSourceEntry.d.ts +0 -0
  22. package/dist/types/{render/components → features}/properties-panel/entries/KeyEntry.d.ts +0 -0
  23. package/dist/types/{render/components → features}/properties-panel/entries/LabelEntry.d.ts +0 -0
  24. package/dist/types/{render/components → features}/properties-panel/entries/StaticValuesSourceEntry.d.ts +0 -0
  25. package/dist/types/{render/components → features}/properties-panel/entries/TextEntry.d.ts +0 -0
  26. package/dist/types/{render/components → features}/properties-panel/entries/ValueEntry.d.ts +0 -0
  27. package/dist/types/{render/components → features}/properties-panel/entries/ValuesSourceSelectEntry.d.ts +0 -0
  28. package/dist/types/{render/components → features}/properties-panel/entries/ValuesSourceUtil.d.ts +0 -0
  29. package/dist/types/{render/components → features}/properties-panel/entries/index.d.ts +0 -0
  30. package/dist/types/{render/components → features}/properties-panel/groups/CustomValuesGroup.d.ts +0 -0
  31. package/dist/types/{render/components → features}/properties-panel/groups/GeneralGroup.d.ts +0 -0
  32. package/dist/types/{render/components → features}/properties-panel/groups/ValidationGroup.d.ts +0 -0
  33. package/dist/types/{render/components → features}/properties-panel/groups/ValuesGroups.d.ts +0 -0
  34. package/dist/types/{render/components → features}/properties-panel/groups/index.d.ts +0 -0
  35. package/dist/types/features/properties-panel/hooks/index.d.ts +1 -0
  36. package/dist/types/features/properties-panel/hooks/usePropertiesPanelService.d.ts +1 -0
  37. package/dist/types/{render/components → features}/properties-panel/icons/index.d.ts +0 -0
  38. package/dist/types/features/properties-panel/index.d.ts +6 -0
  39. package/package.json +5 -5
  40. package/dist/types/render/hooks/index.d.ts +0 -3
  41. package/dist/types/render/hooks/useDebounce.d.ts +0 -1
  42. package/dist/types/render/hooks/usePrevious.d.ts +0 -1
package/dist/assets/form-js-editor.css CHANGED
@@ -8,9 +8,6 @@
8
8
  --color-context-pad-item-fill: var(--color-grey-225-10-35);
9
9
  --color-context-pad-item-hover-fill: var(--color-black);
10
10
 
11
- --color-properties-container-background: var(--color-white);
12
- --color-properties-container-border: var(--color-grey-225-10-80);
13
-
14
11
  --color-dragula-background: var(--color-blue-205-100-45);
15
12
  --color-dragula-border: var(--color-blue-205-100-45);
16
13
  --color-dragula-mirror-background: var(--color-white);
@@ -27,6 +24,12 @@
27
24
  --color-palette-field-hover-background: var(--color-grey-225-10-95);
28
25
  }
29
26
 
27
+ .fjs-properties-container {
28
+ --color-properties-container-background: var(--color-white);
29
+ --color-properties-container-border: var(--color-grey-225-10-80);
30
+ --properties-panel-width: 300px;
31
+ }
32
+
30
33
  .fjs-editor-container {
31
34
  height: 100%;
32
35
  width: 100%;
@@ -41,7 +44,7 @@
41
44
 
42
45
  .fjs-editor-container .fjs-form-container,
43
46
  .fjs-editor-container .fjs-editor-palette-container,
44
- .fjs-editor-container .fjs-properties-container {
47
+ .fjs-editor-container .fjs-editor-properties-container {
45
48
  overflow-y: auto;
46
49
  position: relative;
47
50
  }
@@ -188,22 +191,25 @@
188
191
  * Properties Panel
189
192
  */
190
193
  .fjs-editor-container .fjs-properties-container {
191
- width: 300px;
194
+ height: 100%;
195
+ }
196
+
197
+ .fjs-properties-container {
192
198
  background-color: var(--color-properties-container-background);
199
+ width: var(--properties-panel-width);
193
200
  border-left: solid 1px var(--color-properties-container-border);
194
- height: 100%;
195
201
  color: var(--color-text);
196
202
  }
197
203
 
198
- .fjs-editor-container .fjs-properties-panel {
204
+ .fjs-properties-container .fjs-properties-panel {
199
205
  height: 100%;
200
206
  }
201
207
 
202
- .fjs-editor-container .fjs-properties-panel * {
208
+ .fjs-properties-container .fjs-properties-panel * {
203
209
  box-sizing: border-box;
204
210
  }
205
211
 
206
- .fjs-editor-container .bio-properties-panel-header-icon svg {
212
+ .fjs-properties-container .fjs-properties-panel .bio-properties-panel-header-icon svg {
207
213
  transform: scale(1.3);
208
214
  }
209
215
 
@@ -254,8 +260,13 @@
254
260
 
255
261
  .fjs-editor-compact .fjs-palette-field {
256
262
  justify-content: center;
263
+ flex-direction: column;
257
264
  }
258
265
 
259
266
  .fjs-editor-compact .fjs-palette-field-icon {
260
267
  margin: 0;
261
268
  }
269
+
270
+ .fjs-editor-compact .fjs-palette-header {
271
+ text-align: center;
272
+ }