@bpmn-io/form-js-editor 1.8.6 → 1.8.7
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/LICENSE +22 -22
- package/dist/index.cjs +16 -22
- package/dist/index.cjs.map +1 -1
- package/dist/index.es.js +15 -21
- package/dist/index.es.js.map +1 -1
- package/dist/types/features/palette/components/Palette.d.ts +0 -1
- package/dist/types/features/properties-panel/PropertiesPanelRenderer.d.ts +1 -6
- package/dist/types/render/components/Util.d.ts +1 -1
- package/dist/types/render/components/editor-form-fields/EditorTable.d.ts +1 -1
- package/package.json +6 -6
package/dist/index.es.js
CHANGED
|
@@ -866,11 +866,10 @@ var SvgClose = function SvgClose(props) {
|
|
|
866
866
|
fill: "currentColor"
|
|
867
867
|
}, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
|
|
868
868
|
fillRule: "evenodd",
|
|
869
|
-
d: "m12 4.7-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7
|
|
869
|
+
d: "m12 4.7-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z",
|
|
870
870
|
clipRule: "evenodd"
|
|
871
871
|
})));
|
|
872
872
|
};
|
|
873
|
-
var CloseIcon = SvgClose;
|
|
874
873
|
|
|
875
874
|
var _path$4, _path2$1;
|
|
876
875
|
function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
|
|
@@ -898,13 +897,12 @@ var SvgDelete = function SvgDelete(props) {
|
|
|
898
897
|
transform: "translate(.536)"
|
|
899
898
|
}), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
|
|
900
899
|
fill: "currentcolor",
|
|
901
|
-
d: "M7.536 6h-
|
|
900
|
+
d: "M7.536 6h-1v6h1zm3 0h-1v6h1z"
|
|
902
901
|
})), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
|
|
903
902
|
fill: "currentcolor",
|
|
904
|
-
d: "M2.536 3v1h1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-
|
|
903
|
+
d: "M2.536 3v1h1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4h1V3zm2 11V4h8v10zm6-13h-4v1h4z"
|
|
905
904
|
})));
|
|
906
905
|
};
|
|
907
|
-
var DeleteIcon$1 = SvgDelete;
|
|
908
906
|
|
|
909
907
|
var _path$3;
|
|
910
908
|
function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
|
|
@@ -925,7 +923,6 @@ var SvgDraggable = function SvgDraggable(props) {
|
|
|
925
923
|
}
|
|
926
924
|
}));
|
|
927
925
|
};
|
|
928
|
-
var DraggableIcon = SvgDraggable;
|
|
929
926
|
|
|
930
927
|
var _path$2;
|
|
931
928
|
function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
|
|
@@ -937,10 +934,9 @@ var SvgSearch = function SvgSearch(props) {
|
|
|
937
934
|
fill: "none"
|
|
938
935
|
}, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
|
|
939
936
|
fill: "currentColor",
|
|
940
|
-
d: "m14.5 13.793-3.776-3.776a5.508 5.508 0 1 0-.707.707l3.776 3.
|
|
937
|
+
d: "m14.5 13.793-3.776-3.776a5.508 5.508 0 1 0-.707.707l3.776 3.776zM2 6.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0"
|
|
941
938
|
})));
|
|
942
939
|
};
|
|
943
|
-
var SearchIcon = SvgSearch;
|
|
944
940
|
|
|
945
941
|
var _path$1, _rect, _mask, _path2, _path3, _path4, _path5, _path6;
|
|
946
942
|
function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
|
|
@@ -953,7 +949,7 @@ var SvgEmptyForm = function SvgEmptyForm(props) {
|
|
|
953
949
|
}, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
|
|
954
950
|
fill: "#FF832B",
|
|
955
951
|
fillRule: "evenodd",
|
|
956
|
-
d: "M70 78v8a3 3 0 0 1-3 3h-8v-5h6v-
|
|
952
|
+
d: "M70 78v8a3 3 0 0 1-3 3h-8v-5h6v-6zm0-16h-5V46h5zm0-32h-5v-6h-6v-5h8a3 3 0 0 1 3 3zM43 19v5H27v-5zm-32 0v5H5v6H0v-8a3 3 0 0 1 3-3zM0 46h5v16H0zm0 32h5v6h6v5H3a3 3 0 0 1-3-3zm27 11v-5h16v5z",
|
|
957
953
|
clipRule: "evenodd"
|
|
958
954
|
})), _rect || (_rect = /*#__PURE__*/React.createElement("rect", {
|
|
959
955
|
width: 70,
|
|
@@ -966,16 +962,16 @@ var SvgEmptyForm = function SvgEmptyForm(props) {
|
|
|
966
962
|
fill: "#fff"
|
|
967
963
|
}, /*#__PURE__*/React.createElement("path", {
|
|
968
964
|
fillRule: "evenodd",
|
|
969
|
-
d: "M87.085 88.684 75.43 45.185l43.499 11.656-11.044 8.072 8.557 8.556-12.728 12.728-8.557-8.
|
|
965
|
+
d: "M87.085 88.684 75.43 45.185l43.499 11.656-11.044 8.072 8.557 8.556-12.728 12.728-8.557-8.556z",
|
|
970
966
|
clipRule: "evenodd"
|
|
971
967
|
}))), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
|
|
972
968
|
fill: "#393939",
|
|
973
969
|
fillRule: "evenodd",
|
|
974
|
-
d: "M87.085 88.684 75.43 45.185l43.499 11.656-11.044 8.072 8.557 8.556-12.728 12.728-8.557-8.
|
|
970
|
+
d: "M87.085 88.684 75.43 45.185l43.499 11.656-11.044 8.072 8.557 8.556-12.728 12.728-8.557-8.556z",
|
|
975
971
|
clipRule: "evenodd"
|
|
976
972
|
})), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
|
|
977
973
|
fill: "#393939",
|
|
978
|
-
d: "M75.43 45.185 70.6 46.48l-2.241-8.365 8.365 2.
|
|
974
|
+
d: "M75.43 45.185 70.6 46.48l-2.241-8.365 8.365 2.242zm11.655 43.499 4.037 2.95-6.163 8.432-2.704-10.088zm31.844-31.843 1.294-4.83 10.088 2.703-8.432 6.163zm-11.044 8.072-3.535 3.535-4.128-4.127 4.713-3.445zm8.557 8.556 3.535-3.535 3.536 3.535-3.536 3.536zm-12.728 12.728 3.536 3.536-3.536 3.535-3.536-3.535zm-8.557-8.556-4.036-2.951 3.444-4.713 4.128 4.128zM80.26 43.89 91.915 87.39l-9.66 2.588L70.6 46.48zm37.375 17.78L74.136 50.014l2.588-9.66 43.499 11.656zm-12.699-.795 11.043-8.072 5.901 8.073-11.043 8.072zm7.971 16.129-8.556-8.557 7.071-7.07 8.556 8.556zm-12.728 5.657 12.728-12.728 7.071 7.07-12.727 12.729zm-1.485-8.557 8.557 8.557-7.072 7.07-8.556-8.556zM83.049 85.733 91.12 74.69l8.073 5.901-8.072 11.044z",
|
|
979
975
|
mask: "url(#EmptyForm_svg__a)"
|
|
980
976
|
})), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
|
|
981
977
|
stroke: "#000",
|
|
@@ -995,7 +991,6 @@ var SvgEmptyForm = function SvgEmptyForm(props) {
|
|
|
995
991
|
d: "M78.969 36.367v-8"
|
|
996
992
|
})));
|
|
997
993
|
};
|
|
998
|
-
var EmptyFormIcon = SvgEmptyForm;
|
|
999
994
|
|
|
1000
995
|
function EditorText(props) {
|
|
1001
996
|
const {
|
|
@@ -1538,7 +1533,7 @@ function Palette(props) {
|
|
|
1538
1533
|
class: "fjs-palette-search-container",
|
|
1539
1534
|
children: [jsx("span", {
|
|
1540
1535
|
class: "fjs-palette-search-icon",
|
|
1541
|
-
children: jsx(
|
|
1536
|
+
children: jsx(SvgSearch, {})
|
|
1542
1537
|
}), jsx("input", {
|
|
1543
1538
|
class: "fjs-palette-search",
|
|
1544
1539
|
ref: inputRef,
|
|
@@ -1551,7 +1546,7 @@ function Palette(props) {
|
|
|
1551
1546
|
title: "Clear content",
|
|
1552
1547
|
class: "fjs-palette-search-clear",
|
|
1553
1548
|
onClick: handleClear,
|
|
1554
|
-
children: jsx(
|
|
1549
|
+
children: jsx(SvgClose, {})
|
|
1555
1550
|
})]
|
|
1556
1551
|
}), jsxs("div", {
|
|
1557
1552
|
class: "fjs-palette-entries",
|
|
@@ -2182,7 +2177,7 @@ function EmptyForm() {
|
|
|
2182
2177
|
class: "fjs-empty-editor",
|
|
2183
2178
|
children: jsxs("div", {
|
|
2184
2179
|
class: "fjs-empty-editor-card",
|
|
2185
|
-
children: [jsx(
|
|
2180
|
+
children: [jsx(SvgEmptyForm, {}), jsx("h2", {
|
|
2186
2181
|
children: "Build your form"
|
|
2187
2182
|
}), jsx("span", {
|
|
2188
2183
|
children: "Drag and drop components here to start designing."
|
|
@@ -2308,7 +2303,7 @@ function Element$1(props) {
|
|
|
2308
2303
|
title: getRemoveButtonTitle(field, formFields),
|
|
2309
2304
|
class: "fjs-context-pad-item",
|
|
2310
2305
|
onClick: onRemove,
|
|
2311
|
-
children: jsx(
|
|
2306
|
+
children: jsx(SvgDelete, {})
|
|
2312
2307
|
}) : null
|
|
2313
2308
|
}), props.children, jsx(FieldResizer, {
|
|
2314
2309
|
position: "left",
|
|
@@ -2365,7 +2360,7 @@ function Row(props) {
|
|
|
2365
2360
|
class: classnames(DRAG_ROW_MOVE_CLS),
|
|
2366
2361
|
children: [jsx("span", {
|
|
2367
2362
|
class: "fjs-row-dragger",
|
|
2368
|
-
children: jsx(
|
|
2363
|
+
children: jsx(SvgDraggable, {})
|
|
2369
2364
|
}), jsx("div", {
|
|
2370
2365
|
class: classes.join(' '),
|
|
2371
2366
|
style: props.style,
|
|
@@ -13303,10 +13298,9 @@ var SvgRepeat = function SvgRepeat(props) {
|
|
|
13303
13298
|
fill: "none"
|
|
13304
13299
|
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
13305
13300
|
fill: "currentColor",
|
|
13306
|
-
d: "M3 3h10.086l-1.793-1.793L12 .5l3 3-3 3-.707-.707L13.086 4H3v3.5H2V4a1
|
|
13301
|
+
d: "M3 3h10.086l-1.793-1.793L12 .5l3 3-3 3-.707-.707L13.086 4H3v3.5H2V4a1 1 0 0 1 1-1M4.707 10.207 2.914 12H13V8.5h1V12a1 1 0 0 1-1 1H2.914l1.793 1.793L4 15.5l-3-3 3-3z"
|
|
13307
13302
|
})));
|
|
13308
13303
|
};
|
|
13309
|
-
var RepeatSvg = SvgRepeat;
|
|
13310
13304
|
|
|
13311
13305
|
class EditorRepeatRenderManager {
|
|
13312
13306
|
constructor(formFields, formFieldRegistry) {
|
|
@@ -13332,7 +13326,7 @@ class EditorRepeatRenderManager {
|
|
|
13332
13326
|
RepeatFooter() {
|
|
13333
13327
|
return jsxs("div", {
|
|
13334
13328
|
className: "fjs-repeat-render-footer",
|
|
13335
|
-
children: [jsx(
|
|
13329
|
+
children: [jsx(SvgRepeat, {}), jsx("span", {
|
|
13336
13330
|
children: "Repeatable"
|
|
13337
13331
|
})]
|
|
13338
13332
|
});
|