@bpmn-io/form-js-editor 1.15.3 → 1.15.5

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 (17) hide show
  1. package/dist/assets/form-js-editor.css +23 -4
  2. package/dist/assets/properties-panel.css +29 -10
  3. package/dist/index.cjs +2979 -2487
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.es.js +2978 -2486
  6. package/dist/index.es.js.map +1 -1
  7. package/dist/types/FormEditor.d.ts +10 -3
  8. package/dist/types/features/editor-actions/index.d.ts +3 -1
  9. package/dist/types/features/keyboard/index.d.ts +4 -1
  10. package/dist/types/features/modeling/index.d.ts +3 -1
  11. package/dist/types/features/properties-panel/Util.d.ts +9 -0
  12. package/dist/types/features/properties-panel/entries/DateTimeConstraintsEntry.d.ts +2 -2
  13. package/dist/types/features/properties-panel/entries/DateTimeFormatEntry.d.ts +1 -1
  14. package/dist/types/features/properties-panel/entries/HeadersSourceSelectEntry.d.ts +1 -1
  15. package/dist/types/features/properties-panel/entries/OptionsSourceSelectEntry.d.ts +1 -1
  16. package/dist/types/features/properties-panel/entries/TextEntry.d.ts +1 -1
  17. package/package.json +7 -7
package/dist/assets/form-js-editor.css CHANGED
@@ -1103,7 +1103,7 @@
1103
1103
  display: flex;
1104
1104
  }
1105
1105
 
1106
- .bio-properties-panel-group-header-buttons .bio-properties-panel-group-header-button {
1106
+ .bio-properties-panel-group-header-button {
1107
1107
  display: inline-flex;
1108
1108
  justify-content: center;
1109
1109
  align-items: center;
@@ -1633,13 +1633,20 @@ textarea.bio-properties-panel-input {
1633
1633
  }
1634
1634
 
1635
1635
  .bio-properties-panel-list-entry-header {
1636
- position: relative;
1636
+ position: sticky;
1637
1637
  overflow: hidden;
1638
1638
  display: flex;
1639
1639
  justify-content: space-between;
1640
1640
  height: 32px;
1641
1641
  }
1642
1642
 
1643
+ .bio-properties-panel-list-entry-header.sticky {
1644
+ background-color: var(--color-white);
1645
+ border-bottom: 1px solid var(--sticky-group-bottom-border-color);
1646
+ top: 32px;
1647
+ z-index: 9;
1648
+ }
1649
+
1643
1650
  /* Nested list dot */
1644
1651
  .bio-properties-panel-list-entry::before {
1645
1652
  content: "";
@@ -1972,7 +1979,7 @@ textarea.bio-properties-panel-input {
1972
1979
  display: flex;
1973
1980
  color: var(--color-white, white);
1974
1981
  position: fixed;
1975
- z-index: 1000;
1982
+ z-index: 1001;
1976
1983
  max-width: 300px;
1977
1984
  font-size: var(--text-size-small);
1978
1985
  font-family: var(--font-family);
@@ -2261,7 +2268,7 @@ textarea.bio-properties-panel-input {
2261
2268
  top: 0;
2262
2269
  right: 0;
2263
2270
  line-height: 1;
2264
- padding: 2px 4px;
2271
+ padding: 3px 4px;
2265
2272
  margin: 3px;
2266
2273
  display: none;
2267
2274
  background: none;
@@ -2270,6 +2277,12 @@ textarea.bio-properties-panel-input {
2270
2277
  cursor: pointer;
2271
2278
  }
2272
2279
 
2280
+ .bio-properties-panel-feelers-editor-container .bio-properties-panel-open-feel-popup svg,
2281
+ .bio-properties-panel-feel-container .bio-properties-panel-open-feel-popup svg {
2282
+ width: 16px;
2283
+ height: 16px;
2284
+ }
2285
+
2273
2286
  .bio-properties-panel-feelers-editor-container:hover .bio-properties-panel-open-feel-popup,
2274
2287
  .bio-properties-panel-feel-container:hover .bio-properties-panel-open-feel-popup,
2275
2288
  .bio-properties-panel-feelers-editor-container:focus-within .bio-properties-panel-open-feel-popup,
@@ -2320,3 +2333,9 @@ textarea.bio-properties-panel-input {
2320
2333
  .bio-properties-panel-feel-popup .cm-gutters .cm-lineNumbers .cm-gutterElement {
2321
2334
  text-align: center;
2322
2335
  }
2336
+
2337
+ /* Checkbox Group */
2338
+ .bio-properties-panel-checkbox-group .bio-properties-panel-checkbox-group-entries > .bio-properties-panel-entry {
2339
+ margin: 0;
2340
+ padding: 0;
2341
+ }
package/dist/assets/properties-panel.css CHANGED
@@ -287,7 +287,7 @@
287
287
  display: flex;
288
288
  }
289
289
 
290
- .bio-properties-panel-group-header-buttons .bio-properties-panel-group-header-button {
290
+ .bio-properties-panel-group-header-button {
291
291
  display: inline-flex;
292
292
  justify-content: center;
293
293
  align-items: center;
@@ -819,13 +819,20 @@ textarea.bio-properties-panel-input {
819
819
  }
820
820
 
821
821
  .bio-properties-panel-list-entry-header {
822
- position: relative;
822
+ position: sticky;
823
823
  overflow: hidden;
824
824
  display: flex;
825
825
  justify-content: space-between;
826
826
  height: 32px;
827
827
  }
828
828
 
829
+ .bio-properties-panel-list-entry-header.sticky {
830
+ background-color: var(--color-white);
831
+ border-bottom: 1px solid var(--sticky-group-bottom-border-color);
832
+ top: 32px;
833
+ z-index: 9;
834
+ }
835
+
829
836
  /* Nested list dot */
830
837
  .bio-properties-panel-list-entry::before {
831
838
  content: "";
@@ -1169,7 +1176,7 @@ textarea.bio-properties-panel-input {
1169
1176
  display: flex;
1170
1177
  color: var(--color-white, white);
1171
1178
  position: fixed;
1172
- z-index: 1000;
1179
+ z-index: 1001;
1173
1180
  max-width: 300px;
1174
1181
  font-size: var(--text-size-small);
1175
1182
  font-family: var(--font-family);
@@ -1226,8 +1233,8 @@ textarea.bio-properties-panel-input {
1226
1233
  }
1227
1234
 
1228
1235
  .bio-properties-panel-tooltip .bio-properties-panel-tooltip-arrow {
1229
- width: 0;
1230
- height: 0;
1236
+ width: 0;
1237
+ height: 0;
1231
1238
  border-top: 5px solid transparent;
1232
1239
  border-bottom: 5px solid transparent;
1233
1240
  border-left: 5px solid var(--tooltip-background-color);
@@ -1291,9 +1298,9 @@ textarea.bio-properties-panel-input {
1291
1298
  font-size: 14px;
1292
1299
  }
1293
1300
 
1294
- .bio-properties-panel-popup h1,
1295
- .bio-properties-panel-popup h2,
1296
- .bio-properties-panel-popup h3,
1301
+ .bio-properties-panel-popup h1,
1302
+ .bio-properties-panel-popup h2,
1303
+ .bio-properties-panel-popup h3,
1297
1304
  .bio-properties-panel-popup h4 {
1298
1305
  font-weight: 500;
1299
1306
  font-size: inherit;
@@ -1405,7 +1412,7 @@ textarea.bio-properties-panel-input {
1405
1412
  }
1406
1413
 
1407
1414
  .bio-properties-panel-feel-popup__title-link {
1408
- margin-left: 8px;
1415
+ margin-left: 8px;
1409
1416
  display: flex;
1410
1417
  }
1411
1418
 
@@ -1460,7 +1467,7 @@ textarea.bio-properties-panel-input {
1460
1467
  top: 0;
1461
1468
  right: 0;
1462
1469
  line-height: 1;
1463
- padding: 2px 4px;
1470
+ padding: 3px 4px;
1464
1471
  margin: 3px;
1465
1472
  display: none;
1466
1473
  background: none;
@@ -1469,6 +1476,12 @@ textarea.bio-properties-panel-input {
1469
1476
  cursor: pointer;
1470
1477
  }
1471
1478
 
1479
+ .bio-properties-panel-feelers-editor-container .bio-properties-panel-open-feel-popup svg,
1480
+ .bio-properties-panel-feel-container .bio-properties-panel-open-feel-popup svg {
1481
+ width: 16px;
1482
+ height: 16px;
1483
+ }
1484
+
1472
1485
  .bio-properties-panel-feelers-editor-container:hover .bio-properties-panel-open-feel-popup,
1473
1486
  .bio-properties-panel-feel-container:hover .bio-properties-panel-open-feel-popup,
1474
1487
  .bio-properties-panel-feelers-editor-container:focus-within .bio-properties-panel-open-feel-popup,
@@ -1519,3 +1532,9 @@ textarea.bio-properties-panel-input {
1519
1532
  .bio-properties-panel-feel-popup .cm-gutters .cm-lineNumbers .cm-gutterElement {
1520
1533
  text-align: center;
1521
1534
  }
1535
+
1536
+ /* Checkbox Group */
1537
+ .bio-properties-panel-checkbox-group .bio-properties-panel-checkbox-group-entries > .bio-properties-panel-entry {
1538
+ margin: 0;
1539
+ padding: 0;
1540
+ }