@bpmn-io/form-js-editor 1.0.0-alpha.1 → 1.0.0-alpha.2
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.
- package/dist/assets/form-js-editor-base.css +11 -0
- package/dist/assets/form-js-editor.css +11 -0
- package/dist/index.cjs +9 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.es.js +9 -3
- package/dist/index.es.js.map +1 -1
- package/dist/types/features/render-injection/slot-fill/Slot.d.ts +1 -0
- package/package.json +2 -2
|
@@ -465,6 +465,17 @@
|
|
|
465
465
|
user-select: none;
|
|
466
466
|
}
|
|
467
467
|
|
|
468
|
+
.fjs-palette-container .fjs-palette-footer {
|
|
469
|
+
display: flex;
|
|
470
|
+
flex-direction: column;
|
|
471
|
+
align-items: center;
|
|
472
|
+
}
|
|
473
|
+
|
|
474
|
+
.fjs-palette-container .fjs-palette-footer .fjs-palette-footer-fill {
|
|
475
|
+
padding: 10px;
|
|
476
|
+
width: 100%;
|
|
477
|
+
}
|
|
478
|
+
|
|
468
479
|
.fjs-palette-container .fjs-palette-search-container {
|
|
469
480
|
display: flex;
|
|
470
481
|
flex-direction: row;
|
|
@@ -441,6 +441,17 @@
|
|
|
441
441
|
user-select: none;
|
|
442
442
|
}
|
|
443
443
|
|
|
444
|
+
.fjs-palette-container .fjs-palette-footer {
|
|
445
|
+
display: flex;
|
|
446
|
+
flex-direction: column;
|
|
447
|
+
align-items: center;
|
|
448
|
+
}
|
|
449
|
+
|
|
450
|
+
.fjs-palette-container .fjs-palette-footer .fjs-palette-footer-fill {
|
|
451
|
+
padding: 10px;
|
|
452
|
+
width: 100%;
|
|
453
|
+
}
|
|
454
|
+
|
|
444
455
|
.fjs-palette-container .fjs-palette-search-container {
|
|
445
456
|
display: flex;
|
|
446
457
|
flex-direction: row;
|
package/dist/index.cjs
CHANGED
|
@@ -1187,6 +1187,7 @@ var SlotContext$1 = SlotContext;
|
|
|
1187
1187
|
var Slot = (props => {
|
|
1188
1188
|
const {
|
|
1189
1189
|
name,
|
|
1190
|
+
fillRoot = FillFragment,
|
|
1190
1191
|
groupFn = _groupByGroupName,
|
|
1191
1192
|
separatorFn = key => null,
|
|
1192
1193
|
limit
|
|
@@ -1198,8 +1199,8 @@ var Slot = (props => {
|
|
|
1198
1199
|
const cropped = hooks.useMemo(() => limit ? filtered.slice(0, limit) : filtered, [filtered, limit]);
|
|
1199
1200
|
const groups = hooks.useMemo(() => groupFn(cropped), [cropped, groupFn]);
|
|
1200
1201
|
const fillsAndSeparators = hooks.useMemo(() => {
|
|
1201
|
-
return buildFills(groups,
|
|
1202
|
-
}, [groups, separatorFn]);
|
|
1202
|
+
return buildFills(groups, fillRoot, separatorFn);
|
|
1203
|
+
}, [groups, fillRoot, separatorFn]);
|
|
1203
1204
|
return fillsAndSeparators;
|
|
1204
1205
|
});
|
|
1205
1206
|
|
|
@@ -1410,11 +1411,16 @@ function Palette(props) {
|
|
|
1410
1411
|
}), jsxRuntime.jsx("div", {
|
|
1411
1412
|
class: "fjs-palette-footer",
|
|
1412
1413
|
children: jsxRuntime.jsx(Slot, {
|
|
1413
|
-
name: "editor-palette__footer"
|
|
1414
|
+
name: "editor-palette__footer",
|
|
1415
|
+
fillRoot: FillRoot
|
|
1414
1416
|
})
|
|
1415
1417
|
})]
|
|
1416
1418
|
});
|
|
1417
1419
|
}
|
|
1420
|
+
const FillRoot = fill => jsxRuntime.jsx("div", {
|
|
1421
|
+
className: "fjs-palette-footer-fill",
|
|
1422
|
+
children: fill.children
|
|
1423
|
+
});
|
|
1418
1424
|
|
|
1419
1425
|
// helpers ///////
|
|
1420
1426
|
|