@bpmn-io/properties-panel 3.24.1 → 3.25.1

package/dist/index.js

@@ -45,6 +45,21 @@ ArrowIcon.defaultProps = {
   width: "16",
   height: "16"
 };
+var CloseIcon = function CloseIcon(props) {
+  return jsxRuntime.jsx("svg", {
+    ...props,
+    children: jsxRuntime.jsx("path", {
+      fillRule: "evenodd",
+      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",
+      fill: "currentColor"
+    })
+  });
+};
+CloseIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16"
+};
 var CreateIcon = function CreateIcon(props) {
   return jsxRuntime.jsx("svg", {
     ...props,
@@ -132,26 +147,17 @@ FeelIcon$1.defaultProps = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-var HelpIcon = function HelpIcon(props) {
+var LaunchIcon = function LaunchIcon(props) {
   return jsxRuntime.jsxs("svg", {
     ...props,
     children: [jsxRuntime.jsx("path", {
-      d: "M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2Zm0 26a12 12 0 1 1 12-12 12 12 0 0 1-12 12Z"
-    }), jsxRuntime.jsx("circle", {
-      cx: "16",
-      cy: "23.5",
-      r: "1.5"
+      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"
     }), jsxRuntime.jsx("path", {
-      d: "M17 8h-1.5a4.49 4.49 0 0 0-4.5 4.5v.5h2v-.5a2.5 2.5 0 0 1 2.5-2.5H17a2.5 2.5 0 0 1 0 5h-2v4.5h2V17a4.5 4.5 0 0 0 0-9Z"
-    }), jsxRuntime.jsx("path", {
-      style: {
-        fill: "none"
-      },
-      d: "M0 0h32v32H0z"
+      d: "M20 2v2h6.586L18 12.586 19.414 14 28 5.414V12h2V2H20z"
     })]
   });
 };
-HelpIcon.defaultProps = {
+LaunchIcon.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
 };
@@ -173,21 +179,6 @@ PopupIcon.defaultProps = {
   height: "16",
   viewBox: "0 0 32 32"
 };
-var CloseIcon = function CloseIcon(props) {
-  return jsxRuntime.jsx("svg", {
-    ...props,
-    children: jsxRuntime.jsx("path", {
-      fillRule: "evenodd",
-      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",
-      fill: "currentColor"
-    })
-  });
-};
-CloseIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16"
-};
 
 function Header(props) {
   const {
@@ -227,7 +218,7 @@ function Header(props) {
     }), jsxRuntime.jsx("div", {
       class: "bio-properties-panel-header-actions",
       children: documentationRef ? jsxRuntime.jsx("a", {
-        rel: "noopener",
+        rel: "noreferrer",
         class: "bio-properties-panel-header-link",
         href: documentationRef,
         title: "Open documentation",
@@ -1498,7 +1489,8 @@ function FEELPopupRoot(props) {
       on() {},
       off() {}
     },
-    popupContainer
+    popupContainer,
+    getPopupLinks = () => []
   } = props;
   const prevElement = usePrevious(element);
   const [popupConfig, setPopupConfig] = hooks.useState({});
@@ -1573,6 +1565,7 @@ function FEELPopupRoot(props) {
     children: [open && jsxRuntime.jsx(FeelPopupComponent, {
       onClose: handleClose,
       container: popupContainer,
+      getLinks: getPopupLinks,
       sourceElement: sourceElement,
       emit: emit,
       ...popupConfig
@@ -1582,6 +1575,7 @@ function FEELPopupRoot(props) {
 function FeelPopupComponent(props) {
   const {
     container,
+    getLinks,
     id,
     hostLanguage,
     onInput,
@@ -1651,24 +1645,24 @@ function FeelPopupComponent(props) {
     height: FEEL_POPUP_HEIGHT,
     width: FEEL_POPUP_WIDTH,
     ref: popupRef,
-    children: [jsxRuntime.jsxs(Popup.Title, {
+    children: [jsxRuntime.jsx(Popup.Title, {
       title: title,
       emit: emit,
       showCloseButton: true,
       closeButtonTooltip: "Save and close",
       onClose: onClose,
       draggable: true,
-      children: [type === 'feel' && jsxRuntime.jsxs("a", {
-        href: "https://docs.camunda.io/docs/components/modeler/feel/what-is-feel/",
-        target: "_blank",
-        class: "bio-properties-panel-feel-popup__title-link",
-        children: ["Learn FEEL expressions", jsxRuntime.jsx(HelpIcon, {})]
-      }), type === 'feelers' && jsxRuntime.jsxs("a", {
-        href: "https://docs.camunda.io/docs/components/modeler/forms/configuration/forms-config-templating-syntax/",
-        target: "_blank",
-        class: "bio-properties-panel-feel-popup__title-link",
-        children: ["Learn templating", jsxRuntime.jsx(HelpIcon, {})]
-      })]
+      children: jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: getLinks(type).map((link, index) => {
+          return jsxRuntime.jsxs("a", {
+            rel: "noreferrer",
+            href: link.href,
+            target: "_blank",
+            class: "bio-properties-panel-feel-popup__title-link",
+            children: [link.title, jsxRuntime.jsx(LaunchIcon, {})]
+          }, index);
+        })
+      })
     }), jsxRuntime.jsx(Popup.Body, {
       children: jsxRuntime.jsxs("div", {
         onKeyDownCapture: onKeyDownCapture,
@@ -2797,6 +2791,7 @@ const DEFAULT_TOOLTIP = {};
  * @param {TooltipConfig} [props.tooltipConfig]
  * @param {Function} [props.tooltipLoaded]
  * @param {HTMLElement} [props.feelPopupContainer]
+ * @param {Function} [props.getFeelPopupLinks]
  * @param {Object} [props.eventBus]
  */
 function PropertiesPanel(props) {
@@ -2812,6 +2807,7 @@ function PropertiesPanel(props) {
     tooltipConfig,
     tooltipLoaded,
     feelPopupContainer,
+    getFeelPopupLinks,
     eventBus
   } = props;
 
@@ -2916,6 +2912,7 @@ function PropertiesPanel(props) {
                 element: element,
                 eventBus: eventBus,
                 popupContainer: feelPopupContainer,
+                getPopupLinks: getFeelPopupLinks,
                 children: jsxRuntime.jsxs("div", {
                   class: "bio-properties-panel",
                   children: [jsxRuntime.jsx(Header, {
@@ -4376,7 +4373,7 @@ exports.FeelToggleSwitchEntry = FeelToggleSwitchEntry;
 exports.Group = Group;
 exports.Header = Header;
 exports.HeaderButton = HeaderButton;
-exports.HelpIcon = HelpIcon;
+exports.LaunchIcon = LaunchIcon;
 exports.LayoutContext = LayoutContext;
 exports.ListEntry = List;
 exports.ListGroup = ListGroup;