@bpmn-io/properties-panel 3.45.0 → 3.47.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 (5) hide show
  1. package/dist/index.esm.js +95 -95
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +103 -103
  4. package/dist/index.js.map +1 -1
  5. package/package.json +3 -5
package/dist/index.js CHANGED
@@ -2,9 +2,9 @@
2
2
 
3
3
  var hooks = require('../preact/hooks');
4
4
  var minDash = require('min-dash');
5
- var compat = require('../preact/compat');
6
5
  var jsxRuntime = require('../preact/jsx-runtime');
7
6
  var preact = require('../preact');
7
+ var compat = require('../preact/compat');
8
8
  var classnames = require('classnames');
9
9
  var minDom = require('min-dom');
10
10
  var view = require('@codemirror/view');
@@ -37,92 +37,97 @@ function _interopNamespaceDefault(e) {
37
37
 
38
38
  var focusTrap__namespace = /*#__PURE__*/_interopNamespaceDefault(focusTrap);
39
39
 
40
- var ArrowIcon = function ArrowIcon(props) {
40
+ function Arrow(props) {
41
41
  return jsxRuntime.jsx("svg", {
42
+ xmlns: "http://www.w3.org/2000/svg",
43
+ width: "16",
44
+ height: "16",
45
+ viewBox: "0 0 16 16",
42
46
  ...props,
43
47
  children: jsxRuntime.jsx("path", {
44
48
  fillRule: "evenodd",
45
- d: "m11.657 8-4.95 4.95a1 1 0 0 1-1.414-1.414L8.828 8 5.293 4.464A1 1 0 1 1 6.707 3.05L11.657 8Z"
49
+ d: "M10,12 L3,12 C2.44771525,12 2,11.5522847 2,11 C2,10.4477153 2.44771525,10 3,10 L8,10 L8,5 C8,4.44771525 8.44771525,4 9,4 C9.55228475,4 10,4.44771525 10,5 L10,12 Z",
50
+ transform: "rotate(-45 6 8)"
46
51
  })
47
52
  });
48
- };
49
- ArrowIcon.defaultProps = {
50
- xmlns: "http://www.w3.org/2000/svg",
51
- width: "16",
52
- height: "16"
53
- };
54
- var CloseIcon = function CloseIcon(props) {
53
+ }
54
+
55
+ function Close(props) {
55
56
  return jsxRuntime.jsx("svg", {
57
+ xmlns: "http://www.w3.org/2000/svg",
58
+ width: "16",
59
+ height: "16",
60
+ viewBox: "0 0 16 16",
56
61
  ...props,
57
62
  children: jsxRuntime.jsx("path", {
58
63
  fillRule: "evenodd",
59
- 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 8 12 4.7Z",
64
+ d: "M12 4.7L11.3 4L8 7.3L4.7 4L4 4.7L7.3 8L4 11.3L4.7 12L8 8.7L11.3 12L12 11.3L8.7 8L12 4.7Z",
60
65
  fill: "currentColor"
61
66
  })
62
67
  });
63
- };
64
- CloseIcon.defaultProps = {
65
- xmlns: "http://www.w3.org/2000/svg",
66
- width: "16",
67
- height: "16"
68
- };
69
- var CreateIcon = function CreateIcon(props) {
68
+ }
69
+
70
+ function Create(props) {
70
71
  return jsxRuntime.jsx("svg", {
72
+ xmlns: "http://www.w3.org/2000/svg",
73
+ width: "16",
74
+ height: "16",
75
+ viewBox: "0 0 16 16",
71
76
  ...props,
72
77
  children: jsxRuntime.jsx("path", {
73
78
  fillRule: "evenodd",
74
- d: "M9 13V9h4a1 1 0 0 0 0-2H9V3a1 1 0 1 0-2 0v4H3a1 1 0 1 0 0 2h4v4a1 1 0 0 0 2 0Z"
79
+ d: "M9,13 L9,9 L9,9 L13,9 C13.5522847,9 14,8.55228475 14,8 C14,7.44771525 13.5522847,7 13,7 L9,7 L9,7 L9,3 C9,2.44771525 8.55228475,2 8,2 C7.44771525,2 7,2.44771525 7,3 L7,7 L7,7 L3,7 C2.44771525,7 2,7.44771525 2,8 C2,8.55228475 2.44771525,9 3,9 L7,9 L7,9 L7,13 C7,13.5522847 7.44771525,14 8,14 C8.55228475,14 9,13.5522847 9,13 Z"
75
80
  })
76
81
  });
77
- };
78
- CreateIcon.defaultProps = {
79
- xmlns: "http://www.w3.org/2000/svg",
80
- width: "16",
81
- height: "16"
82
- };
83
- var DeleteIcon = function DeleteIcon(props) {
82
+ }
83
+
84
+ function Delete(props) {
84
85
  return jsxRuntime.jsx("svg", {
86
+ xmlns: "http://www.w3.org/2000/svg",
87
+ width: "16",
88
+ height: "16",
89
+ viewBox: "0 0 16 16",
85
90
  ...props,
86
91
  children: jsxRuntime.jsx("path", {
87
92
  fillRule: "evenodd",
88
- d: "M12 6v7c0 1.1-.4 1.55-1.5 1.55h-5C4.4 14.55 4 14.1 4 13V6h8Zm-1.5 1.5h-5v4.3c0 .66.5 1.2 1.111 1.2H9.39c.611 0 1.111-.54 1.111-1.2V7.5ZM13 3h-2l-1-1H6L5 3H3v1.5h10V3Z"
93
+ d: "M9,4 L9,11 C9,12.1 8.6,12.55 7.5,12.55 L2.5,12.55 C1.4,12.55 1,12.1 1,11 L1,4 L9,4 Z M7.5,5.5 L2.5,5.5 L2.5,9.8 C2.5,10.46 3,11 3.61111111,11 L6.38888889,11 C7,11 7.5,10.46 7.5,9.8 L7.5,5.5 Z M10,1 L8,1 L7,0 L3,0 L2,1 L0,1 L0,2.5 L10,2.5 L10,1 Z",
94
+ transform: "translate(3 2)"
89
95
  })
90
96
  });
91
- };
92
- DeleteIcon.defaultProps = {
93
- xmlns: "http://www.w3.org/2000/svg",
94
- width: "16",
95
- height: "16"
96
- };
97
- var DragIcon = function DragIcon(props) {
97
+ }
98
+
99
+ function Drag(props) {
98
100
  return jsxRuntime.jsxs("svg", {
101
+ width: "16",
102
+ height: "16",
103
+ fill: "none",
104
+ xmlns: "http://www.w3.org/2000/svg",
99
105
  ...props,
100
106
  children: [jsxRuntime.jsx("path", {
101
107
  fill: "#fff",
102
108
  style: {
103
- mixBlendMode: "multiply"
109
+ mixBlendMode: 'multiply'
104
110
  },
105
111
  d: "M0 0h16v16H0z"
106
112
  }), jsxRuntime.jsx("path", {
107
113
  fill: "#fff",
108
114
  style: {
109
- mixBlendMode: "multiply"
115
+ mixBlendMode: 'multiply'
110
116
  },
111
117
  d: "M0 0h16v16H0z"
112
118
  }), jsxRuntime.jsx("path", {
113
- d: "M7 3H5v2h2V3zm4 0H9v2h2V3zM7 7H5v2h2V7zm4 0H9v2h2V7zm-4 4H5v2h2v-2zm4 0H9v2h2v-2z",
119
+ d: "M7 3H5v2h2V3zM11 3H9v2h2V3zM7 7H5v2h2V7zM11 7H9v2h2V7zM7 11H5v2h2v-2zM11 11H9v2h2v-2z",
114
120
  fill: "#161616"
115
121
  })]
116
122
  });
117
- };
118
- DragIcon.defaultProps = {
119
- width: "16",
120
- height: "16",
121
- fill: "none",
122
- xmlns: "http://www.w3.org/2000/svg"
123
- };
124
- var ExternalLinkIcon = function ExternalLinkIcon(props) {
123
+ }
124
+
125
+ function ExternalLink(props) {
125
126
  return jsxRuntime.jsx("svg", {
127
+ width: "16",
128
+ height: "16",
129
+ fill: "none",
130
+ xmlns: "http://www.w3.org/2000/svg",
126
131
  ...props,
127
132
  children: jsxRuntime.jsx("path", {
128
133
  fillRule: "evenodd",
@@ -131,54 +136,49 @@ var ExternalLinkIcon = function ExternalLinkIcon(props) {
131
136
  fill: "currentcolor"
132
137
  })
133
138
  });
134
- };
135
- ExternalLinkIcon.defaultProps = {
136
- width: "16",
137
- height: "16",
138
- fill: "none",
139
- xmlns: "http://www.w3.org/2000/svg"
140
- };
141
- var FeelIcon$1 = function FeelIcon(props) {
142
- return jsxRuntime.jsx("svg", {
139
+ }
140
+
141
+ function Feel(props) {
142
+ return jsxRuntime.jsxs("svg", {
143
+ width: "14",
144
+ height: "14",
145
+ viewBox: "0 0 14 14",
146
+ fill: "none",
147
+ xmlns: "http://www.w3.org/2000/svg",
143
148
  ...props,
144
- children: jsxRuntime.jsx("path", {
145
- d: "M3.617 11.99c-.137.684-.392 1.19-.765 1.518-.362.328-.882.492-1.558.492H0l.309-1.579h1.264l1.515-7.64h-.912l.309-1.579h.911l.236-1.191c.137-.685.387-1.192.75-1.52C4.753.164 5.277 0 5.953 0h1.294L6.94 1.579H5.675l-.323 1.623h1.264l-.309 1.579H5.043l-1.426 7.208ZM5.605 11.021l3.029-4.155L7.28 3.202h2.073l.706 2.547h.176l1.691-2.547H14l-3.014 4.051 1.338 3.768H10.25l-.706-2.606H9.37L7.678 11.02H5.605Z",
149
+ children: [jsxRuntime.jsx("path", {
150
+ d: "M3.6168 11.9894C3.47957 12.6745 3.22473 13.1809 2.85227 13.5085C2.48961 13.8362 1.97012 14 1.29381 14H0L0.308751 12.4213H1.57316L3.08751 4.78085H2.17596L2.48471 3.20213H3.39626L3.6315 2.01064C3.76872 1.32553 4.01866 0.819149 4.38132 0.491489C4.75378 0.16383 5.27817 0 5.95448 0H7.2483L6.93954 1.57872H5.67514L5.35168 3.20213H6.61609L6.30734 4.78085H5.04293L3.6168 11.9894Z",
146
151
  fill: "currentcolor"
147
- })
152
+ }), jsxRuntime.jsx("path", {
153
+ d: "M5.60492 11.0213L8.63361 6.86596L7.28099 3.20213H9.35403L10.0598 5.74894H10.2362L11.927 3.20213H14L10.986 7.25319L12.3239 11.0213H10.2509L9.54517 8.41489H9.36874L7.67796 11.0213H5.60492Z",
154
+ fill: "currentcolor"
155
+ })]
148
156
  });
149
- };
150
- FeelIcon$1.defaultProps = {
151
- width: "14",
152
- height: "14",
153
- fill: "none",
154
- xmlns: "http://www.w3.org/2000/svg"
155
- };
156
- var LaunchIcon = function LaunchIcon(props) {
157
+ }
158
+
159
+ function Launch(props) {
157
160
  return jsxRuntime.jsxs("svg", {
161
+ xmlns: "http://www.w3.org/2000/svg",
162
+ viewBox: "0 0 32 32",
158
163
  ...props,
159
164
  children: [jsxRuntime.jsx("path", {
160
- d: "M26 28H6a2.003 2.003 0 0 1-2-2V6a2.003 2.003 0 0 1 2-2h10v2H6v20h20V16h2v10a2.003 2.003 0 0 1-2 2Z"
161
- }), jsxRuntime.jsx("path", {
162
- d: "M20 2v2h6.586L18 12.586 19.414 14 28 5.414V12h2V2H20z"
165
+ d: "M26,28H6a2.0027,2.0027,0,0,1-2-2V6A2.0027,2.0027,0,0,1,6,4H16V6H6V26H26V16h2V26A2.0027,2.0027,0,0,1,26,28Z"
166
+ }), jsxRuntime.jsx("polygon", {
167
+ points: "20 2 20 4 26.586 4 18 12.586 19.414 14 28 5.414 28 12 30 12 30 2 20 2"
163
168
  })]
164
169
  });
165
- };
166
- LaunchIcon.defaultProps = {
167
- xmlns: "http://www.w3.org/2000/svg",
168
- viewBox: "0 0 32 32"
169
- };
170
- var OpenPopupIcon = function OpenPopupIcon(props) {
170
+ }
171
+
172
+ function OpenPopup(props) {
171
173
  return jsxRuntime.jsx("svg", {
174
+ xmlns: "http://www.w3.org/2000/svg",
175
+ viewBox: "0 0 16 16",
172
176
  ...props,
173
177
  children: jsxRuntime.jsx("path", {
174
- d: "M6 15v-1H2.7L7 9.7 6.3 9 2 13.3V10H1v5zm4-14v1h3.3L9 6.3l.7.7L14 2.7V6h1V1z"
178
+ d: "M6 15L6 14 2.7 14 7 9.7 6.3 9 2 13.3 2 10 1 10 1 15zM10 1L10 2 13.3 2 9 6.3 9.7 7 14 2.7 14 6 15 6 15 1z"
175
179
  })
176
180
  });
177
- };
178
- OpenPopupIcon.defaultProps = {
179
- xmlns: "http://www.w3.org/2000/svg",
180
- viewBox: "0 0 16 16"
181
- };
181
+ }
182
182
 
183
183
  /**
184
184
  * @typedef { {
@@ -259,7 +259,7 @@ function Header(props) {
259
259
  href: documentationRef,
260
260
  title: translate('Open documentation'),
261
261
  target: "_blank",
262
- children: jsxRuntime.jsx(ExternalLinkIcon, {})
262
+ children: jsxRuntime.jsx(ExternalLink, {})
263
263
  }) : null
264
264
  })]
265
265
  });
@@ -953,7 +953,7 @@ function Group(props) {
953
953
  type: "button",
954
954
  title: translate('Toggle section'),
955
955
  class: "bio-properties-panel-group-header-button bio-properties-panel-arrow",
956
- children: jsxRuntime.jsx(ArrowIcon, {
956
+ children: jsxRuntime.jsx(Arrow, {
957
957
  class: open ? 'bio-properties-panel-arrow-down' : 'bio-properties-panel-arrow-right'
958
958
  })
959
959
  })]
@@ -1444,7 +1444,7 @@ function CollapsibleEntry(props) {
1444
1444
  type: "button",
1445
1445
  title: translate('Toggle list item'),
1446
1446
  class: "bio-properties-panel-arrow bio-properties-panel-collapsible-entry-arrow",
1447
- children: jsxRuntime.jsx(ArrowIcon, {
1447
+ children: jsxRuntime.jsx(Arrow, {
1448
1448
  class: open ? 'bio-properties-panel-arrow-down' : 'bio-properties-panel-arrow-right'
1449
1449
  })
1450
1450
  }), remove ? jsxRuntime.jsx("button", {
@@ -1452,7 +1452,7 @@ function CollapsibleEntry(props) {
1452
1452
  title: translate('Delete item'),
1453
1453
  class: "bio-properties-panel-remove-entry",
1454
1454
  onClick: remove,
1455
- children: jsxRuntime.jsx(DeleteIcon, {})
1455
+ children: jsxRuntime.jsx(Delete, {})
1456
1456
  }) : null]
1457
1457
  }), jsxRuntime.jsx("div", {
1458
1458
  class: classnames('bio-properties-panel-collapsible-entry-entries', open ? 'open' : ''),
@@ -1593,7 +1593,7 @@ function ListGroup(props) {
1593
1593
  title: translate('Create new list item'),
1594
1594
  class: "bio-properties-panel-group-header-button bio-properties-panel-add-entry",
1595
1595
  onClick: handleAddClick,
1596
- children: [jsxRuntime.jsx(CreateIcon, {}), !hasItems ? jsxRuntime.jsx("span", {
1596
+ children: [jsxRuntime.jsx(Create, {}), !hasItems ? jsxRuntime.jsx("span", {
1597
1597
  class: "bio-properties-panel-add-entry-label",
1598
1598
  children: translate('Create')
1599
1599
  }) : null]
@@ -1607,7 +1607,7 @@ function ListGroup(props) {
1607
1607
  type: "button",
1608
1608
  title: translate('Toggle section'),
1609
1609
  class: "bio-properties-panel-group-header-button bio-properties-panel-arrow",
1610
- children: jsxRuntime.jsx(ArrowIcon, {
1610
+ children: jsxRuntime.jsx(Arrow, {
1611
1611
  class: open ? 'bio-properties-panel-arrow-down' : 'bio-properties-panel-arrow-right'
1612
1612
  })
1613
1613
  }) : null]
@@ -2075,7 +2075,7 @@ function OpenPopupButton({
2075
2075
  title: title,
2076
2076
  class: 'bio-properties-panel-open-feel-popup',
2077
2077
  onClick: onClick,
2078
- children: jsxRuntime.jsx(OpenPopupIcon, {})
2078
+ children: jsxRuntime.jsx(OpenPopup, {})
2079
2079
  });
2080
2080
  }
2081
2081
 
@@ -2376,7 +2376,7 @@ function FeelIcon(props) {
2376
2376
  onClick: handleClick,
2377
2377
  disabled: feel === 'required' || disabled,
2378
2378
  title: feel === 'required' ? feelRequiredLabel : feelOptionalLabel,
2379
- children: jsxRuntime.jsx(FeelIcon$1, {})
2379
+ children: jsxRuntime.jsx(Feel, {})
2380
2380
  });
2381
2381
  }
2382
2382
 
@@ -3754,7 +3754,7 @@ function List(props) {
3754
3754
  title: translate('Create new list item'),
3755
3755
  onClick: addItem,
3756
3756
  class: "bio-properties-panel-add-entry",
3757
- children: [jsxRuntime.jsx(CreateIcon, {}), !hasItems ? jsxRuntime.jsx("span", {
3757
+ children: [jsxRuntime.jsx(Create, {}), !hasItems ? jsxRuntime.jsx("span", {
3758
3758
  class: "bio-properties-panel-add-entry-label",
3759
3759
  children: translate('Create')
3760
3760
  }) : null]
@@ -3768,7 +3768,7 @@ function List(props) {
3768
3768
  type: "button",
3769
3769
  title: translate('Toggle list item'),
3770
3770
  class: "bio-properties-panel-arrow",
3771
- children: jsxRuntime.jsx(ArrowIcon, {
3771
+ children: jsxRuntime.jsx(Arrow, {
3772
3772
  class: open ? 'bio-properties-panel-arrow-down' : 'bio-properties-panel-arrow-right'
3773
3773
  })
3774
3774
  })]
@@ -3839,7 +3839,7 @@ function ItemsList(props) {
3839
3839
  title: translate('Delete item'),
3840
3840
  class: "bio-properties-panel-remove-entry bio-properties-panel-remove-list-entry",
3841
3841
  onClick: () => onRemove && onRemove(item),
3842
- children: jsxRuntime.jsx(DeleteIcon, {})
3842
+ children: jsxRuntime.jsx(Delete, {})
3843
3843
  })]
3844
3844
  }, key);
3845
3845
  })
@@ -4792,7 +4792,7 @@ function Title(props) {
4792
4792
  class: "bio-properties-panel-popup__drag-preview"
4793
4793
  }), jsxRuntime.jsx("div", {
4794
4794
  class: "bio-properties-panel-popup__drag-handle",
4795
- children: jsxRuntime.jsx(DragIcon, {})
4795
+ children: jsxRuntime.jsx(Drag, {})
4796
4796
  })]
4797
4797
  }), jsxRuntime.jsx("div", {
4798
4798
  class: "bio-properties-panel-popup__title",
@@ -4802,7 +4802,7 @@ function Title(props) {
4802
4802
  title: closeButtonTooltip,
4803
4803
  class: "bio-properties-panel-popup__close",
4804
4804
  onClick: onClose,
4805
- children: jsxRuntime.jsx(CloseIcon, {})
4805
+ children: jsxRuntime.jsx(Close, {})
4806
4806
  })]
4807
4807
  });
4808
4808
  }
@@ -4936,7 +4936,7 @@ function FeelPopup$1(props) {
4936
4936
  href: link.href,
4937
4937
  target: "_blank",
4938
4938
  class: "bio-properties-panel-feel-popup__title-link",
4939
- children: [link.title, jsxRuntime.jsx(LaunchIcon, {})]
4939
+ children: [link.title, jsxRuntime.jsx(Launch, {})]
4940
4940
  }, index);
4941
4941
  })
4942
4942
  })
@@ -5171,24 +5171,24 @@ var index = {
5171
5171
  feelPopupRenderer: ['type', FeelPopupRenderer]
5172
5172
  };
5173
5173
 
5174
- exports.ArrowIcon = ArrowIcon;
5174
+ exports.ArrowIcon = Arrow;
5175
5175
  exports.CheckboxEntry = CheckboxEntry;
5176
5176
  exports.CheckboxGroup = CheckboxGroup;
5177
- exports.CloseIcon = CloseIcon;
5177
+ exports.CloseIcon = Close;
5178
5178
  exports.CollapsibleEntry = CollapsibleEntry;
5179
- exports.CreateIcon = CreateIcon;
5179
+ exports.CreateIcon = Create;
5180
5180
  exports.DebounceInputModule = index$1;
5181
- exports.DeleteIcon = DeleteIcon;
5181
+ exports.DeleteIcon = Delete;
5182
5182
  exports.DescriptionContext = DescriptionContext;
5183
5183
  exports.DescriptionEntry = Description;
5184
- exports.DragIcon = DragIcon;
5184
+ exports.DragIcon = Drag;
5185
5185
  exports.DropdownButton = DropdownButton;
5186
5186
  exports.ErrorsContext = ErrorsContext;
5187
5187
  exports.EventContext = EventContext;
5188
- exports.ExternalLinkIcon = ExternalLinkIcon;
5188
+ exports.ExternalLinkIcon = ExternalLink;
5189
5189
  exports.FeelCheckboxEntry = FeelCheckboxEntry;
5190
5190
  exports.FeelEntry = FeelEntry;
5191
- exports.FeelIcon = FeelIcon$1;
5191
+ exports.FeelIcon = Feel;
5192
5192
  exports.FeelLanguageContext = FeelLanguageContext;
5193
5193
  exports.FeelNumberEntry = FeelNumberEntry;
5194
5194
  exports.FeelPopupModule = index;
@@ -5199,13 +5199,13 @@ exports.Group = Group;
5199
5199
  exports.Header = Header;
5200
5200
  exports.HeaderButton = HeaderButton;
5201
5201
  exports.JsonEditorEntry = JsonEditorEntry;
5202
- exports.LaunchIcon = LaunchIcon;
5202
+ exports.LaunchIcon = Launch;
5203
5203
  exports.LayoutContext = LayoutContext;
5204
5204
  exports.ListEntry = List;
5205
5205
  exports.ListGroup = ListGroup;
5206
5206
  exports.ListItem = ListItem;
5207
5207
  exports.NumberFieldEntry = NumberFieldEntry;
5208
- exports.OpenPopupIcon = OpenPopupIcon;
5208
+ exports.OpenPopupIcon = OpenPopup;
5209
5209
  exports.Placeholder = Placeholder;
5210
5210
  exports.PropertiesPanel = PropertiesPanel;
5211
5211
  exports.PropertiesPanelContext = LayoutContext;