@bpmn-io/properties-panel 3.13.0 → 3.15.0

package/dist/assets/properties-panel.css

@@ -1399,10 +1399,6 @@ textarea.bio-properties-panel-input {
   cursor: pointer;
 }
 
-.bio-properties-panel-open-feel-popup svg {
-  background: var(--feel-open-popup-background-color);
-}
-
 .bio-properties-panel-feelers-editor-container:hover .bio-properties-panel-open-feel-popup,
 .bio-properties-panel-feel-container:hover .bio-properties-panel-open-feel-popup,
 .bio-properties-panel-feelers-editor-container:focus-within .bio-properties-panel-open-feel-popup,

package/dist/index.esm.js

@@ -134,6 +134,24 @@ HelpIcon.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
 };
+var PopupIcon = function PopupIcon(props) {
+  return jsxs("svg", {
+    ...props,
+    children: [jsx("path", {
+      fill: "currentColor",
+      d: "M28 4H10a2.006 2.006 0 0 0-2 2v14a2.006 2.006 0 0 0 2 2h18a2.006 2.006 0 0 0 2-2V6a2.006 2.006 0 0 0-2-2Zm0 16H10V6h18Z"
+    }), jsx("path", {
+      fill: "currentColor",
+      d: "M18 26H4V16h2v-2H4a2.006 2.006 0 0 0-2 2v10a2.006 2.006 0 0 0 2 2h14a2.006 2.006 0 0 0 2-2v-2h-2Z"
+    })]
+  });
+};
+PopupIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 32 32"
+};
 
 function Header(props) {
   const {
@@ -207,6 +225,7 @@ const ErrorsContext = createContext({
  *
  * @returns void
  */
+
 const EventContext = createContext({
   eventBus: null
 });
@@ -1034,7 +1053,7 @@ const CodeEditor = forwardRef((props, ref) => {
       title: "Open pop-up editor",
       class: "bio-properties-panel-open-feel-popup",
       onClick: () => onPopupOpen(),
-      children: jsx(ExternalLinkIcon, {})
+      children: jsx(PopupIcon, {})
     })]
   });
 });
@@ -1775,18 +1794,14 @@ function NumberField(props) {
   } = props;
   const [localValue, setLocalValue] = useState(value);
   const handleInputCallback = useMemo(() => {
-    return debounce(event => {
-      const {
-        validity,
-        value
-      } = event.target;
-      if (validity.valid) {
-        onInput(value ? parseFloat(value) : undefined);
+    return debounce(target => {
+      if (target.validity.valid) {
+        onInput(target.value ? parseFloat(target.value) : undefined);
       }
     });
   }, [onInput, debounce]);
   const handleInput = e => {
-    handleInputCallback(e);
+    handleInputCallback(e.target);
     setLocalValue(e.target.value);
   };
   useEffect(() => {
@@ -3909,12 +3924,10 @@ function Simple(props) {
   const value = getValue(element);
   const [localValue, setLocalValue] = useState(value);
   const handleInputCallback = useMemo(() => {
-    return debounce(({
-      target
-    }) => setValue(target.value.length ? target.value : undefined));
+    return debounce(target => setValue(target.value.length ? target.value : undefined));
   }, [setValue, debounce]);
   const handleInput = e => {
-    handleInputCallback(e);
+    handleInputCallback(e.target);
     setLocalValue(e.target.value);
   };
   useEffect(() => {
@@ -3976,12 +3989,10 @@ function TextArea(props) {
   const [localValue, setLocalValue] = useState(value);
   const ref = useShowEntryEvent(id);
   const handleInputCallback = useMemo(() => {
-    return debounce(({
-      target
-    }) => onInput(target.value.length ? target.value : undefined));
+    return debounce(target => onInput(target.value.length ? target.value : undefined));
   }, [onInput, debounce]);
   const handleInput = e => {
-    handleInputCallback(e);
+    handleInputCallback(e.target);
     autoResize && resizeToContents(e.target);
     setLocalValue(e.target.value);
   };
@@ -4126,12 +4137,10 @@ function Textfield(props) {
   const [localValue, setLocalValue] = useState(value || '');
   const ref = useShowEntryEvent(id);
   const handleInputCallback = useMemo(() => {
-    return debounce(({
-      target
-    }) => onInput(target.value.length ? target.value : undefined));
+    return debounce(target => onInput(target.value.length ? target.value : undefined));
   }, [onInput, debounce]);
   const handleInput = e => {
-    handleInputCallback(e);
+    handleInputCallback(e.target);
     setLocalValue(e.target.value);
   };
   useEffect(() => {
@@ -4308,5 +4317,5 @@ var index = {
   feelPopup: ['type', FeelPopupModule]
 };
 
-export { ArrowIcon, CheckboxEntry, CollapsibleEntry, CreateIcon, index$1 as DebounceInputModule, DeleteIcon, DescriptionContext, Description as DescriptionEntry, DragIcon, DropdownButton, ErrorsContext, EventContext, ExternalLinkIcon, FeelCheckboxEntry, FeelEntry, FeelIcon$1 as FeelIcon, FeelNumberEntry, index as FeelPopupModule, FeelTemplatingEntry, FeelTextAreaEntry, FeelToggleSwitchEntry, Group, Header, HeaderButton, HelpIcon, LayoutContext, List as ListEntry, ListGroup, ListItem, NumberFieldEntry, Placeholder, Popup, PropertiesPanel, LayoutContext as PropertiesPanelContext, SelectEntry, Simple as SimpleEntry, TemplatingEntry, TextAreaEntry, TextfieldEntry as TextFieldEntry, ToggleSwitchEntry, TooltipContext, isEdited$5 as isCheckboxEntryEdited, isEdited$6 as isFeelEntryEdited, isEdited$7 as isNumberFieldEntryEdited, isEdited$3 as isSelectEntryEdited, isEdited$2 as isSimpleEntryEdited, isEdited$4 as isTemplatingEntryEdited, isEdited$1 as isTextAreaEntryEdited, isEdited as isTextFieldEntryEdited, isEdited$8 as isToggleSwitchEntryEdited, useDescriptionContext, useError, useErrors, useEvent, useKeyFactory, useLayoutState, usePrevious, useShowEntryEvent, useStaticCallback, useStickyIntersectionObserver, useTooltipContext };
+export { ArrowIcon, CheckboxEntry, CollapsibleEntry, CreateIcon, index$1 as DebounceInputModule, DeleteIcon, DescriptionContext, Description as DescriptionEntry, DragIcon, DropdownButton, ErrorsContext, EventContext, ExternalLinkIcon, FeelCheckboxEntry, FeelEntry, FeelIcon$1 as FeelIcon, FeelNumberEntry, index as FeelPopupModule, FeelTemplatingEntry, FeelTextAreaEntry, FeelToggleSwitchEntry, Group, Header, HeaderButton, HelpIcon, LayoutContext, List as ListEntry, ListGroup, ListItem, NumberFieldEntry, Placeholder, Popup, PopupIcon, PropertiesPanel, LayoutContext as PropertiesPanelContext, SelectEntry, Simple as SimpleEntry, TemplatingEntry, TextAreaEntry, TextfieldEntry as TextFieldEntry, ToggleSwitchEntry, TooltipContext, isEdited$5 as isCheckboxEntryEdited, isEdited$6 as isFeelEntryEdited, isEdited$7 as isNumberFieldEntryEdited, isEdited$3 as isSelectEntryEdited, isEdited$2 as isSimpleEntryEdited, isEdited$4 as isTemplatingEntryEdited, isEdited$1 as isTextAreaEntryEdited, isEdited as isTextFieldEntryEdited, isEdited$8 as isToggleSwitchEntryEdited, useDescriptionContext, useError, useErrors, useEvent, useKeyFactory, useLayoutState, usePrevious, useShowEntryEvent, useStaticCallback, useStickyIntersectionObserver, useTooltipContext };
 //# sourceMappingURL=index.esm.js.map