@bpmn-io/properties-panel 3.45.0 → 3.46.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 +1 -3
package/dist/index.esm.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { useContext, useState, useRef, useEffect, useLayoutEffect, useCallback, useMemo } from '../preact/hooks';
2
2
  import { isFunction, isArray, get, assign, set, isObject, isString, isNumber, debounce } from 'min-dash';
3
- import { createPortal, forwardRef } from '../preact/compat';
4
3
  import { jsx, jsxs, Fragment } from '../preact/jsx-runtime';
5
4
  import { createContext, createElement as createElement$1, render } from '../preact';
5
+ import { createPortal, forwardRef } from '../preact/compat';
6
6
  import classnames from 'classnames';
7
7
  import { query, domify } from 'min-dom';
8
8
  import { EditorView, highlightSpecialChars, drawSelection, keymap, placeholder, lineNumbers } from '@codemirror/view';
@@ -16,92 +16,97 @@ import { FeelersEditor } from '@bpmn-io/feelers-editor';
16
16
  import Editor from '@bpmn-io/feel-editor';
17
17
  import * as focusTrap from 'focus-trap';
18
18
 
19
- var ArrowIcon = function ArrowIcon(props) {
19
+ function Arrow(props) {
20
20
  return jsx("svg", {
21
+ xmlns: "http://www.w3.org/2000/svg",
22
+ width: "16",
23
+ height: "16",
24
+ viewBox: "0 0 16 16",
21
25
  ...props,
22
26
  children: jsx("path", {
23
27
  fillRule: "evenodd",
24
- 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"
28
+ 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",
29
+ transform: "rotate(-45 6 8)"
25
30
  })
26
31
  });
27
- };
28
- ArrowIcon.defaultProps = {
29
- xmlns: "http://www.w3.org/2000/svg",
30
- width: "16",
31
- height: "16"
32
- };
33
- var CloseIcon = function CloseIcon(props) {
32
+ }
33
+
34
+ function Close(props) {
34
35
  return jsx("svg", {
36
+ xmlns: "http://www.w3.org/2000/svg",
37
+ width: "16",
38
+ height: "16",
39
+ viewBox: "0 0 16 16",
35
40
  ...props,
36
41
  children: jsx("path", {
37
42
  fillRule: "evenodd",
38
- 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",
43
+ 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",
39
44
  fill: "currentColor"
40
45
  })
41
46
  });
42
- };
43
- CloseIcon.defaultProps = {
44
- xmlns: "http://www.w3.org/2000/svg",
45
- width: "16",
46
- height: "16"
47
- };
48
- var CreateIcon = function CreateIcon(props) {
47
+ }
48
+
49
+ function Create(props) {
49
50
  return jsx("svg", {
51
+ xmlns: "http://www.w3.org/2000/svg",
52
+ width: "16",
53
+ height: "16",
54
+ viewBox: "0 0 16 16",
50
55
  ...props,
51
56
  children: jsx("path", {
52
57
  fillRule: "evenodd",
53
- 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"
58
+ 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"
54
59
  })
55
60
  });
56
- };
57
- CreateIcon.defaultProps = {
58
- xmlns: "http://www.w3.org/2000/svg",
59
- width: "16",
60
- height: "16"
61
- };
62
- var DeleteIcon = function DeleteIcon(props) {
61
+ }
62
+
63
+ function Delete(props) {
63
64
  return jsx("svg", {
65
+ xmlns: "http://www.w3.org/2000/svg",
66
+ width: "16",
67
+ height: "16",
68
+ viewBox: "0 0 16 16",
64
69
  ...props,
65
70
  children: jsx("path", {
66
71
  fillRule: "evenodd",
67
- 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"
72
+ 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",
73
+ transform: "translate(3 2)"
68
74
  })
69
75
  });
70
- };
71
- DeleteIcon.defaultProps = {
72
- xmlns: "http://www.w3.org/2000/svg",
73
- width: "16",
74
- height: "16"
75
- };
76
- var DragIcon = function DragIcon(props) {
76
+ }
77
+
78
+ function Drag(props) {
77
79
  return jsxs("svg", {
80
+ width: "16",
81
+ height: "16",
82
+ fill: "none",
83
+ xmlns: "http://www.w3.org/2000/svg",
78
84
  ...props,
79
85
  children: [jsx("path", {
80
86
  fill: "#fff",
81
87
  style: {
82
- mixBlendMode: "multiply"
88
+ mixBlendMode: 'multiply'
83
89
  },
84
90
  d: "M0 0h16v16H0z"
85
91
  }), jsx("path", {
86
92
  fill: "#fff",
87
93
  style: {
88
- mixBlendMode: "multiply"
94
+ mixBlendMode: 'multiply'
89
95
  },
90
96
  d: "M0 0h16v16H0z"
91
97
  }), jsx("path", {
92
- d: "M7 3H5v2h2V3zm4 0H9v2h2V3zM7 7H5v2h2V7zm4 0H9v2h2V7zm-4 4H5v2h2v-2zm4 0H9v2h2v-2z",
98
+ d: "M7 3H5v2h2V3zM11 3H9v2h2V3zM7 7H5v2h2V7zM11 7H9v2h2V7zM7 11H5v2h2v-2zM11 11H9v2h2v-2z",
93
99
  fill: "#161616"
94
100
  })]
95
101
  });
96
- };
97
- DragIcon.defaultProps = {
98
- width: "16",
99
- height: "16",
100
- fill: "none",
101
- xmlns: "http://www.w3.org/2000/svg"
102
- };
103
- var ExternalLinkIcon = function ExternalLinkIcon(props) {
102
+ }
103
+
104
+ function ExternalLink(props) {
104
105
  return jsx("svg", {
106
+ width: "16",
107
+ height: "16",
108
+ fill: "none",
109
+ xmlns: "http://www.w3.org/2000/svg",
105
110
  ...props,
106
111
  children: jsx("path", {
107
112
  fillRule: "evenodd",
@@ -110,54 +115,49 @@ var ExternalLinkIcon = function ExternalLinkIcon(props) {
110
115
  fill: "currentcolor"
111
116
  })
112
117
  });
113
- };
114
- ExternalLinkIcon.defaultProps = {
115
- width: "16",
116
- height: "16",
117
- fill: "none",
118
- xmlns: "http://www.w3.org/2000/svg"
119
- };
120
- var FeelIcon$1 = function FeelIcon(props) {
121
- return jsx("svg", {
118
+ }
119
+
120
+ function Feel(props) {
121
+ return jsxs("svg", {
122
+ width: "14",
123
+ height: "14",
124
+ viewBox: "0 0 14 14",
125
+ fill: "none",
126
+ xmlns: "http://www.w3.org/2000/svg",
122
127
  ...props,
123
- children: jsx("path", {
124
- 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",
128
+ children: [jsx("path", {
129
+ 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",
125
130
  fill: "currentcolor"
126
- })
131
+ }), jsx("path", {
132
+ 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",
133
+ fill: "currentcolor"
134
+ })]
127
135
  });
128
- };
129
- FeelIcon$1.defaultProps = {
130
- width: "14",
131
- height: "14",
132
- fill: "none",
133
- xmlns: "http://www.w3.org/2000/svg"
134
- };
135
- var LaunchIcon = function LaunchIcon(props) {
136
+ }
137
+
138
+ function Launch(props) {
136
139
  return jsxs("svg", {
140
+ xmlns: "http://www.w3.org/2000/svg",
141
+ viewBox: "0 0 32 32",
137
142
  ...props,
138
143
  children: [jsx("path", {
139
- 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"
140
- }), jsx("path", {
141
- d: "M20 2v2h6.586L18 12.586 19.414 14 28 5.414V12h2V2H20z"
144
+ 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"
145
+ }), jsx("polygon", {
146
+ 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"
142
147
  })]
143
148
  });
144
- };
145
- LaunchIcon.defaultProps = {
146
- xmlns: "http://www.w3.org/2000/svg",
147
- viewBox: "0 0 32 32"
148
- };
149
- var OpenPopupIcon = function OpenPopupIcon(props) {
149
+ }
150
+
151
+ function OpenPopup(props) {
150
152
  return jsx("svg", {
153
+ xmlns: "http://www.w3.org/2000/svg",
154
+ viewBox: "0 0 16 16",
151
155
  ...props,
152
156
  children: jsx("path", {
153
- d: "M6 15v-1H2.7L7 9.7 6.3 9 2 13.3V10H1v5zm4-14v1h3.3L9 6.3l.7.7L14 2.7V6h1V1z"
157
+ 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"
154
158
  })
155
159
  });
156
- };
157
- OpenPopupIcon.defaultProps = {
158
- xmlns: "http://www.w3.org/2000/svg",
159
- viewBox: "0 0 16 16"
160
- };
160
+ }
161
161
 
162
162
  /**
163
163
  * @typedef { {
@@ -238,7 +238,7 @@ function Header(props) {
238
238
  href: documentationRef,
239
239
  title: translate('Open documentation'),
240
240
  target: "_blank",
241
- children: jsx(ExternalLinkIcon, {})
241
+ children: jsx(ExternalLink, {})
242
242
  }) : null
243
243
  })]
244
244
  });
@@ -932,7 +932,7 @@ function Group(props) {
932
932
  type: "button",
933
933
  title: translate('Toggle section'),
934
934
  class: "bio-properties-panel-group-header-button bio-properties-panel-arrow",
935
- children: jsx(ArrowIcon, {
935
+ children: jsx(Arrow, {
936
936
  class: open ? 'bio-properties-panel-arrow-down' : 'bio-properties-panel-arrow-right'
937
937
  })
938
938
  })]
@@ -1423,7 +1423,7 @@ function CollapsibleEntry(props) {
1423
1423
  type: "button",
1424
1424
  title: translate('Toggle list item'),
1425
1425
  class: "bio-properties-panel-arrow bio-properties-panel-collapsible-entry-arrow",
1426
- children: jsx(ArrowIcon, {
1426
+ children: jsx(Arrow, {
1427
1427
  class: open ? 'bio-properties-panel-arrow-down' : 'bio-properties-panel-arrow-right'
1428
1428
  })
1429
1429
  }), remove ? jsx("button", {
@@ -1431,7 +1431,7 @@ function CollapsibleEntry(props) {
1431
1431
  title: translate('Delete item'),
1432
1432
  class: "bio-properties-panel-remove-entry",
1433
1433
  onClick: remove,
1434
- children: jsx(DeleteIcon, {})
1434
+ children: jsx(Delete, {})
1435
1435
  }) : null]
1436
1436
  }), jsx("div", {
1437
1437
  class: classnames('bio-properties-panel-collapsible-entry-entries', open ? 'open' : ''),
@@ -1572,7 +1572,7 @@ function ListGroup(props) {
1572
1572
  title: translate('Create new list item'),
1573
1573
  class: "bio-properties-panel-group-header-button bio-properties-panel-add-entry",
1574
1574
  onClick: handleAddClick,
1575
- children: [jsx(CreateIcon, {}), !hasItems ? jsx("span", {
1575
+ children: [jsx(Create, {}), !hasItems ? jsx("span", {
1576
1576
  class: "bio-properties-panel-add-entry-label",
1577
1577
  children: translate('Create')
1578
1578
  }) : null]
@@ -1586,7 +1586,7 @@ function ListGroup(props) {
1586
1586
  type: "button",
1587
1587
  title: translate('Toggle section'),
1588
1588
  class: "bio-properties-panel-group-header-button bio-properties-panel-arrow",
1589
- children: jsx(ArrowIcon, {
1589
+ children: jsx(Arrow, {
1590
1590
  class: open ? 'bio-properties-panel-arrow-down' : 'bio-properties-panel-arrow-right'
1591
1591
  })
1592
1592
  }) : null]
@@ -2054,7 +2054,7 @@ function OpenPopupButton({
2054
2054
  title: title,
2055
2055
  class: 'bio-properties-panel-open-feel-popup',
2056
2056
  onClick: onClick,
2057
- children: jsx(OpenPopupIcon, {})
2057
+ children: jsx(OpenPopup, {})
2058
2058
  });
2059
2059
  }
2060
2060
 
@@ -2355,7 +2355,7 @@ function FeelIcon(props) {
2355
2355
  onClick: handleClick,
2356
2356
  disabled: feel === 'required' || disabled,
2357
2357
  title: feel === 'required' ? feelRequiredLabel : feelOptionalLabel,
2358
- children: jsx(FeelIcon$1, {})
2358
+ children: jsx(Feel, {})
2359
2359
  });
2360
2360
  }
2361
2361
 
@@ -3733,7 +3733,7 @@ function List(props) {
3733
3733
  title: translate('Create new list item'),
3734
3734
  onClick: addItem,
3735
3735
  class: "bio-properties-panel-add-entry",
3736
- children: [jsx(CreateIcon, {}), !hasItems ? jsx("span", {
3736
+ children: [jsx(Create, {}), !hasItems ? jsx("span", {
3737
3737
  class: "bio-properties-panel-add-entry-label",
3738
3738
  children: translate('Create')
3739
3739
  }) : null]
@@ -3747,7 +3747,7 @@ function List(props) {
3747
3747
  type: "button",
3748
3748
  title: translate('Toggle list item'),
3749
3749
  class: "bio-properties-panel-arrow",
3750
- children: jsx(ArrowIcon, {
3750
+ children: jsx(Arrow, {
3751
3751
  class: open ? 'bio-properties-panel-arrow-down' : 'bio-properties-panel-arrow-right'
3752
3752
  })
3753
3753
  })]
@@ -3818,7 +3818,7 @@ function ItemsList(props) {
3818
3818
  title: translate('Delete item'),
3819
3819
  class: "bio-properties-panel-remove-entry bio-properties-panel-remove-list-entry",
3820
3820
  onClick: () => onRemove && onRemove(item),
3821
- children: jsx(DeleteIcon, {})
3821
+ children: jsx(Delete, {})
3822
3822
  })]
3823
3823
  }, key);
3824
3824
  })
@@ -4771,7 +4771,7 @@ function Title(props) {
4771
4771
  class: "bio-properties-panel-popup__drag-preview"
4772
4772
  }), jsx("div", {
4773
4773
  class: "bio-properties-panel-popup__drag-handle",
4774
- children: jsx(DragIcon, {})
4774
+ children: jsx(Drag, {})
4775
4775
  })]
4776
4776
  }), jsx("div", {
4777
4777
  class: "bio-properties-panel-popup__title",
@@ -4781,7 +4781,7 @@ function Title(props) {
4781
4781
  title: closeButtonTooltip,
4782
4782
  class: "bio-properties-panel-popup__close",
4783
4783
  onClick: onClose,
4784
- children: jsx(CloseIcon, {})
4784
+ children: jsx(Close, {})
4785
4785
  })]
4786
4786
  });
4787
4787
  }
@@ -4915,7 +4915,7 @@ function FeelPopup$1(props) {
4915
4915
  href: link.href,
4916
4916
  target: "_blank",
4917
4917
  class: "bio-properties-panel-feel-popup__title-link",
4918
- children: [link.title, jsx(LaunchIcon, {})]
4918
+ children: [link.title, jsx(Launch, {})]
4919
4919
  }, index);
4920
4920
  })
4921
4921
  })
@@ -5150,5 +5150,5 @@ var index = {
5150
5150
  feelPopupRenderer: ['type', FeelPopupRenderer]
5151
5151
  };
5152
5152
 
5153
- export { ArrowIcon, CheckboxEntry, CheckboxGroup, CloseIcon, CollapsibleEntry, CreateIcon, index$1 as DebounceInputModule, DeleteIcon, DescriptionContext, Description as DescriptionEntry, DragIcon, DropdownButton, ErrorsContext, EventContext, ExternalLinkIcon, FeelCheckboxEntry, FeelEntry, FeelIcon$1 as FeelIcon, FeelLanguageContext, FeelNumberEntry, index as FeelPopupModule, FeelTemplatingEntry, FeelTextAreaEntry, FeelToggleSwitchEntry, Group, Header, HeaderButton, JsonEditorEntry, LaunchIcon, LayoutContext, List as ListEntry, ListGroup, ListItem, NumberFieldEntry, OpenPopupIcon, Placeholder, PropertiesPanel, LayoutContext as PropertiesPanelContext, SelectEntry, Simple as SimpleEntry, TemplatingEntry, TextAreaEntry, TextfieldEntry as TextFieldEntry, ToggleSwitchEntry, TooltipContext, TooltipWrapper as TooltipEntry, isEdited$9 as isCheckboxEntryEdited, isEdited$5 as isFeelEntryEdited, isEdited$8 as isJsonEditorEntryEdited, isEdited$6 as isNumberFieldEntryEdited, isEdited$3 as isSelectEntryEdited, isEdited$2 as isSimpleEntryEdited, isEdited$4 as isTemplatingEntryEdited, isEdited$1 as isTextAreaEntryEdited, isEdited as isTextFieldEntryEdited, isEdited$7 as isToggleSwitchEntryEdited, useDebounce, useDescriptionContext, useElementVisible, useError, useErrors, useEvent, useKeyFactory, useLayoutState, usePrevious, useShowEntryEvent, useStaticCallback, useStickyIntersectionObserver, useTooltipContext };
5153
+ export { Arrow as ArrowIcon, CheckboxEntry, CheckboxGroup, Close as CloseIcon, CollapsibleEntry, Create as CreateIcon, index$1 as DebounceInputModule, Delete as DeleteIcon, DescriptionContext, Description as DescriptionEntry, Drag as DragIcon, DropdownButton, ErrorsContext, EventContext, ExternalLink as ExternalLinkIcon, FeelCheckboxEntry, FeelEntry, Feel as FeelIcon, FeelLanguageContext, FeelNumberEntry, index as FeelPopupModule, FeelTemplatingEntry, FeelTextAreaEntry, FeelToggleSwitchEntry, Group, Header, HeaderButton, JsonEditorEntry, Launch as LaunchIcon, LayoutContext, List as ListEntry, ListGroup, ListItem, NumberFieldEntry, OpenPopup as OpenPopupIcon, Placeholder, PropertiesPanel, LayoutContext as PropertiesPanelContext, SelectEntry, Simple as SimpleEntry, TemplatingEntry, TextAreaEntry, TextfieldEntry as TextFieldEntry, ToggleSwitchEntry, TooltipContext, TooltipWrapper as TooltipEntry, isEdited$9 as isCheckboxEntryEdited, isEdited$5 as isFeelEntryEdited, isEdited$8 as isJsonEditorEntryEdited, isEdited$6 as isNumberFieldEntryEdited, isEdited$3 as isSelectEntryEdited, isEdited$2 as isSimpleEntryEdited, isEdited$4 as isTemplatingEntryEdited, isEdited$1 as isTextAreaEntryEdited, isEdited as isTextFieldEntryEdited, isEdited$7 as isToggleSwitchEntryEdited, useDebounce, useDescriptionContext, useElementVisible, useError, useErrors, useEvent, useKeyFactory, useLayoutState, usePrevious, useShowEntryEvent, useStaticCallback, useStickyIntersectionObserver, useTooltipContext };
5154
5154
  //# sourceMappingURL=index.esm.js.map