@hortiview/shared-components 1.2.2 → 1.3.1

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## <small>1.3.1 (2025-04-08)</small>
+
+* Merged PR 4716: refactor: changelog notes updated ([b3cc041](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/b3cc041)), closes [#14702](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/issues/14702)
+* refactor: changelog notes updated ([158106a](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/158106a))
+
+## 1.3.0 (2025-04-08)
+
+* Merge remote-tracking branch 'origin/main' into bugfix/modal-close-button-always-submits ([d9be0fd](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/d9be0fd))
+* Merged PR 4715: add base modal header ([987e2d7](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/987e2d7)), closes [#14658](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/issues/14658)
+* docs(README): modal section in readme updated ([a68bf3b](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/a68bf3b))
+* refactor: release notes generator updated ([031c727](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/031c727))
+* feat: modal header updated ([be51cb1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/be51cb1))
+
 ## [1.2.2](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v1.2.1...v1.2.2) (2025-04-08)
 
 ## [1.2.1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v1.2.0...v1.2.1) (2025-04-08)

package/README.md

@@ -858,6 +858,10 @@ return <>
 Provides the normal Element modal with one additional change. If you are on fullscreen modal size the max-height and max-width is set to 100svh/svw (Smallest ViewPort height/width).
 This will set the modal size on an area between the mobile controls.
 
+The modal also includes a custom header, which has a close button of type `button`.
+The base Element design button has type `submit`, which breaks forms inside of the modal. 
+Please provide `onClose` and `title` props to get it work properly.
+
 ```jsx
 import { Modal } from '@hortiview/shared-components';
 

package/dist/assets/DeleteModal.css

@@ -1 +1 @@
-._bulletPoint_1cbin_1{display:list-item;margin-left:1.5rem}._title_1cbin_6{header{display:flex;justify-content:start;padding-left:.5rem!important;>div{margin-left:0!important}}}._modal_1cbin_17 [class*="lmnt-modal__actions mdc-dialog__actions"]{margin-bottom:0!important}._colorDanger_1cbin_21{color:var(--lmnt-theme-danger-on-surface)}._crossedOut_1cbin_25{position:relative;display:inline-block}._crossedOut_1cbin_25:after{content:"";position:absolute;width:3rem;height:.25rem;left:50%;top:50%;background:var(--lmnt-theme-danger-on-surface);box-shadow:0 0 0 .125rem var(--lmnt-theme-background);transform:translate(-50%,calc(-50% - .25rem)) rotate(45deg);transform-origin:center;z-index:2}
+._bulletPoint_bd412_1{display:list-item;margin-left:1.5rem}._modal_bd412_7 [class*="lmnt-modal__actions mdc-dialog__actions"]{margin-bottom:0!important}._colorDanger_bd412_11{color:var(--lmnt-theme-danger-on-surface)}._crossedOut_bd412_15{position:relative;display:inline-block}._crossedOut_bd412_15:after{content:"";position:absolute;width:3rem;height:.25rem;left:50%;top:50%;background:var(--lmnt-theme-danger-on-surface);box-shadow:0 0 0 .125rem var(--lmnt-theme-background);transform:translate(-50%,calc(-50% - .25rem)) rotate(45deg);transform-origin:center;z-index:2}

package/dist/assets/Modal.css

@@ -1 +1 @@
-._modal_a4n3a_1 div[class*=lmnt-modal__surface]{max-height:100svh!important;max-width:100svw!important}._modal_a4n3a_1 header button{top:0!important}
+._modal_br5s5_1 div[class*=lmnt-modal__surface]{max-height:100svh!important;max-width:100svw!important}._title_br5s5_6{header{display:flex;justify-content:start;padding-left:.5rem!important;>div{width:100%;margin-left:0!important}}}

package/dist/components/DeleteModal/DeleteModal.js

@@ -1,118 +1,108 @@
-import { jsx as o, jsxs as d, Fragment as m } from "react/jsx-runtime";
-import { B as p } from "../../index.es-CiqbARoC.js";
-import { G as l } from "../../index.es-DntoATwO.js";
-import { I as k } from "../../index.es-3043KTnb.js";
-import { I as A } from "../../index.es-0lQcz8m1.js";
-import { T as B, b as i } from "../../index.es-CF_xy2ns.js";
-import { u as N } from "../../uniqueId-NU3-C36A.js";
-import { AvailableCustomIcons as O } from "../../enums/AvailableCustomIcons.js";
-import { u as S } from "../../useBreakpoints-MzTZ0tCT.js";
-import { Iconify as x } from "../Iconify/Iconify.js";
-import { Modal as M } from "../Modal/Modal.js";
-import '../../assets/DeleteModal.css';const j = "_bulletPoint_1cbin_1", z = "_title_1cbin_6", P = "_modal_1cbin_17", G = "_colorDanger_1cbin_21", $ = "_crossedOut_1cbin_25", t = {
-  bulletPoint: j,
-  title: z,
-  modal: P,
-  colorDanger: G,
-  crossedOut: $
-}, Z = ({
-  title: e,
-  confirmButtonLabel: r,
+import { jsx as o, jsxs as p, Fragment as i } from "react/jsx-runtime";
+import { B as u } from "../../index.es-CiqbARoC.js";
+import { G as c } from "../../index.es-DntoATwO.js";
+import { I as D } from "../../index.es-3043KTnb.js";
+import { b as l } from "../../index.es-CF_xy2ns.js";
+import { u as k } from "../../uniqueId-NU3-C36A.js";
+import { AvailableCustomIcons as I } from "../../enums/AvailableCustomIcons.js";
+import { u as N } from "../../useBreakpoints-MzTZ0tCT.js";
+import { Iconify as O } from "../Iconify/Iconify.js";
+import { Modal as S } from "../Modal/Modal.js";
+import '../../assets/DeleteModal.css';const x = "_bulletPoint_bd412_1", B = "_modal_bd412_7", M = "_colorDanger_bd412_11", j = "_crossedOut_bd412_15", t = {
+  bulletPoint: x,
+  modal: B,
+  colorDanger: M,
+  crossedOut: j
+}, R = ({
+  title: r,
+  confirmButtonLabel: e,
   cancelButtonLabel: n,
   deleteHeader: a,
-  deleteBody: c,
+  deleteBody: s,
   deleteText: f,
   icon: b,
   isIconCrossedOut: g,
   impossibleDeleteHeader: h,
-  open: y,
-  setOpen: s,
-  onDelete: _,
-  onCancel: v,
-  isDeletePossible: u = !0
+  open: v,
+  setOpen: d,
+  onDelete: y,
+  onCancel: _,
+  isDeletePossible: m = !0
 }) => {
-  const { isDesktop: C } = S(), I = (D) => {
-    D.detail.action === "close" && s(!1);
-  };
+  const { isDesktop: C } = N();
   return /* @__PURE__ */ o(
-    M,
+    S,
     {
-      className: `${t.modal} ${t.title}`,
+      className: `${t.modal}`,
       modalSize: C ? "small" : "fullscreen",
-      open: y,
-      onClose: I,
-      hideCloseIcon: !0,
-      headerActions: [
-        /* @__PURE__ */ d(l, { primaryAlign: "center", secondaryAlign: "center", children: [
-          /* @__PURE__ */ o(A, { icon: "close", onClick: () => s(!1), type: "button" }),
-          /* @__PURE__ */ o(B, { level: 6, children: e })
-        ] }, "group")
-      ],
+      open: v,
+      title: r,
+      onClose: () => d(!1),
       primaryButton: /* @__PURE__ */ o(
-        p,
+        u,
         {
           "data-testid": "delete-button",
           variant: "danger",
-          label: r,
-          onClick: _,
-          disabled: !u
+          label: e,
+          onClick: y,
+          disabled: !m
         }
       ),
       footerSupplemental: /* @__PURE__ */ o(
-        p,
+        u,
         {
           "data-testid": "cancel-button",
           variant: "text",
           label: n,
           onClick: () => {
-            v?.(), s(!1);
+            _?.(), d(!1);
           }
         }
       ),
-      children: /* @__PURE__ */ d(l, { direction: "vertical", secondaryAlign: "center", children: [
-        /* @__PURE__ */ o(q, { element: /* @__PURE__ */ o(F, { icon: b }), isCrossedOut: g }),
-        /* @__PURE__ */ o(l, { direction: "vertical", children: u ? /* @__PURE__ */ o(
-          H,
+      children: /* @__PURE__ */ p(c, { direction: "vertical", secondaryAlign: "center", children: [
+        /* @__PURE__ */ o(z, { element: /* @__PURE__ */ o(P, { icon: b }), isCrossedOut: g }),
+        /* @__PURE__ */ o(c, { direction: "vertical", children: m ? /* @__PURE__ */ o(
+          A,
           {
             deleteHeader: a,
             deleteText: f,
-            deleteBody: c
+            deleteBody: s
           }
-        ) : /* @__PURE__ */ o(w, { impossibleDeleteHeader: h }) })
+        ) : /* @__PURE__ */ o(G, { impossibleDeleteHeader: h }) })
       ] })
     }
   );
-}, q = ({
-  element: e,
-  isCrossedOut: r = !1
-}) => r ? /* @__PURE__ */ o("span", { className: t.crossedOut, children: e }) : e, F = ({ icon: e }) => e ? typeof e != "string" ? e : Object.values(O).includes(e) ? /* @__PURE__ */ o(
-  x,
+}, z = ({
+  element: r,
+  isCrossedOut: e = !1
+}) => e ? /* @__PURE__ */ o("span", { className: t.crossedOut, children: r }) : r, P = ({ icon: r }) => r ? typeof r != "string" ? r : Object.values(I).includes(r) ? /* @__PURE__ */ o(
+  O,
   {
-    icon: e,
+    icon: r,
     iconSize: "xlarge",
     className: t.colorDanger
   }
-) : /* @__PURE__ */ o(k, { icon: e, iconSize: "xlarge", className: t.colorDanger }) : /* @__PURE__ */ o(m, {}), H = ({
-  deleteHeader: e,
-  deleteText: r,
+) : /* @__PURE__ */ o(D, { icon: r, iconSize: "xlarge", className: t.colorDanger }) : /* @__PURE__ */ o(i, {}), A = ({
+  deleteHeader: r,
+  deleteText: e,
   deleteBody: n
-}) => /* @__PURE__ */ d(m, { children: [
-  /* @__PURE__ */ o(i, { level: 1, themeColor: "text-primary-on-background", children: e }),
-  r && typeof r == "string" && /* @__PURE__ */ o(i, { level: 2, themeColor: "text-secondary-on-background", children: r }),
-  r && typeof r != "string" && /* @__PURE__ */ o(m, { children: r }),
-  n && r === void 0 && /* @__PURE__ */ o(l, { direction: "vertical", gap: "none", children: n.map((a, c) => /* @__PURE__ */ o(
-    i,
+}) => /* @__PURE__ */ p(i, { children: [
+  /* @__PURE__ */ o(l, { level: 1, themeColor: "text-primary-on-background", children: r }),
+  e && typeof e == "string" && /* @__PURE__ */ o(l, { level: 2, themeColor: "text-secondary-on-background", children: e }),
+  e && typeof e != "string" && /* @__PURE__ */ o(i, { children: e }),
+  n && e === void 0 && /* @__PURE__ */ o(c, { direction: "vertical", gap: "none", children: n.map((a, s) => /* @__PURE__ */ o(
+    l,
     {
       level: 2,
       className: t.bulletPoint,
       themeColor: "text-secondary-on-background",
       children: a
     },
-    N(c.toString())
+    k(s.toString())
   )) })
-] }), w = ({
-  impossibleDeleteHeader: e
-}) => /* @__PURE__ */ o(i, { level: 1, themeColor: "text-primary-on-background", children: e });
+] }), G = ({
+  impossibleDeleteHeader: r
+}) => /* @__PURE__ */ o(l, { level: 1, themeColor: "text-primary-on-background", children: r });
 export {
-  Z as DeleteModal
+  R as DeleteModal
 };

package/dist/components/Modal/Modal.d.ts

@@ -1,3 +1,13 @@
 import { ModalProps } from '@element-public/react-modal';
 
-export declare const Modal: (props: ModalProps & React.HTMLProps<HTMLElement> & React.DOMAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * A custom modal providing a custom header and close button.
+ * Which can be overridden by the user.
+ * @param onClose - The function to call when the modal is closed - Should be passed to the modal.
+ * @param title - The title of the modal.
+ * @param headerActions - The actions to display in the header of the modal.
+ * @param hideCloseIcon - If true, the close icon will be hidden. @default true.
+ * @param - Other element props to pass to the modal.
+ * @returns
+ */
+export declare const Modal: ({ onClose, title, headerActions, hideCloseIcon, ...props }: ModalProps & React.HTMLProps<HTMLElement> & React.DOMAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Modal/Modal.js

@@ -1,12 +1,14 @@
-import { jsx as ct } from "react/jsx-runtime";
-import { _ as dt, c as R, P as s } from "../../identity-DLWZln-X.js";
-import d, { forwardRef as ut, useRef as Q, useImperativeHandle as mt, useState as X, useEffect as h, useCallback as V, useMemo as Z } from "react";
-import { I as ft } from "../../index.es-0lQcz8m1.js";
-import { i as pt, c as O, a as ht } from "../../index.es-da0cf7oE.js";
-import { b as et, c as tt, d as Et } from "../../tslib.es6-BDCynO9F.js";
-import { M as gt, a as _t } from "../../component-neHBNHRu.js";
-import { M as Ct, c as St, m as vt } from "../../component-DsB0poTj.js";
-import { A as yt } from "../../animationframe-EMBh6XeO.js";
+import { jsxs as ft, jsx as O } from "react/jsx-runtime";
+import { G as W } from "../../index.es-DntoATwO.js";
+import { I as it } from "../../index.es-0lQcz8m1.js";
+import { _ as pt, c as B, P as s } from "../../identity-DLWZln-X.js";
+import u, { forwardRef as ht, useRef as tt, useImperativeHandle as gt, useState as et, useEffect as g, useCallback as z, useMemo as $ } from "react";
+import { i as Et, c as T, a as _t } from "../../index.es-da0cf7oE.js";
+import { b as at, c as nt, d as Ct } from "../../tslib.es6-BDCynO9F.js";
+import { M as St, a as vt } from "../../component-neHBNHRu.js";
+import { M as yt, c as Ot, m as Tt } from "../../component-DsB0poTj.js";
+import { A as At } from "../../animationframe-EMBh6XeO.js";
+import { T as bt } from "../../index.es-CF_xy2ns.js";
 import '../../assets/Modal.css';/**
  * @license
  * Copyright 2016 Google Inc.
@@ -29,19 +31,19 @@ import '../../assets/Modal.css';/**
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-function Ot(i, e, t) {
+function Dt(i, e, t) {
   return e(i, { initialFocusEl: t });
 }
-function Tt(i) {
+function It(i) {
   return i ? i.scrollHeight > i.offsetHeight : !1;
 }
-function At(i) {
+function Nt(i) {
   return i ? i.scrollTop === 0 : !1;
 }
-function bt(i) {
+function Lt(i) {
   return i ? Math.ceil(i.scrollHeight - i.scrollTop) === i.clientHeight : !1;
 }
-function Dt(i) {
+function Ft(i) {
   var e = /* @__PURE__ */ new Set();
   return [].forEach.call(i, function(t) {
     return e.add(t.offsetTop);
@@ -69,7 +71,7 @@ function Dt(i) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var W = "mdc-dom-focus-sentinel", It = (
+var j = "mdc-dom-focus-sentinel", Rt = (
   /** @class */
   function() {
     function i(e, t) {
@@ -81,7 +83,7 @@ var W = "mdc-dom-focus-sentinel", It = (
         throw new Error("FocusTrap: Element must have at least one focusable child.");
       this.elFocusedBeforeTrapFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null, this.wrapTabFocus(this.root), this.options.skipInitialFocus || this.focusInitialElement(e, this.options.initialFocusEl);
     }, i.prototype.releaseFocus = function() {
-      [].slice.call(this.root.querySelectorAll("." + W)).forEach(function(e) {
+      [].slice.call(this.root.querySelectorAll("." + j)).forEach(function(e) {
         e.parentElement.removeChild(e);
       }), !this.options.skipRestoreFocus && this.elFocusedBeforeTrapFocus && this.elFocusedBeforeTrapFocus.focus();
     }, i.prototype.wrapTabFocus = function(e) {
@@ -99,16 +101,16 @@ var W = "mdc-dom-focus-sentinel", It = (
     }, i.prototype.getFocusableElements = function(e) {
       var t = [].slice.call(e.querySelectorAll("[autofocus], [tabindex], a, input, textarea, select, button"));
       return t.filter(function(n) {
-        var o = n.getAttribute("aria-disabled") === "true" || n.getAttribute("disabled") != null || n.getAttribute("hidden") != null || n.getAttribute("aria-hidden") === "true", a = n.tabIndex >= 0 && n.getBoundingClientRect().width > 0 && !n.classList.contains(W) && !o, f = !1;
+        var o = n.getAttribute("aria-disabled") === "true" || n.getAttribute("disabled") != null || n.getAttribute("hidden") != null || n.getAttribute("aria-hidden") === "true", a = n.tabIndex >= 0 && n.getBoundingClientRect().width > 0 && !n.classList.contains(j) && !o, d = !1;
         if (a) {
-          var E = getComputedStyle(n);
-          f = E.display === "none" || E.visibility === "hidden";
+          var p = getComputedStyle(n);
+          d = p.display === "none" || p.visibility === "hidden";
         }
-        return a && !f;
+        return a && !d;
       });
     }, i.prototype.createSentinel = function() {
       var e = document.createElement("div");
-      return e.setAttribute("tabindex", "0"), e.setAttribute("aria-hidden", "true"), e.classList.add(W), e;
+      return e.setAttribute("tabindex", "0"), e.setAttribute("aria-hidden", "true"), e.classList.add(j), e;
     }, i;
   }()
 );
@@ -187,7 +189,7 @@ var r = {
     ".mdc-menu .mdc-deprecated-list-item"
   ].join(", "),
   SURFACE_SELECTOR: ".mdc-dialog__surface"
-}, z = {
+}, q = {
   DIALOG_ANIMATION_CLOSE_TIME_MS: 75,
   DIALOG_ANIMATION_OPEN_TIME_MS: 150
 };
@@ -213,17 +215,17 @@ var r = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var B;
+var w;
 (function(i) {
   i.POLL_SCROLL_POS = "poll_scroll_position", i.POLL_LAYOUT_CHANGE = "poll_layout_change";
-})(B || (B = {}));
-var nt = (
+})(w || (w = {}));
+var rt = (
   /** @class */
   function(i) {
-    et(e, i);
+    at(e, i);
     function e(t) {
-      var n = i.call(this, tt(tt({}, e.defaultAdapter), t)) || this;
-      return n.dialogOpen = !1, n.isFullscreen = !1, n.animationFrame = 0, n.animationTimer = 0, n.escapeKeyAction = C.CLOSE_ACTION, n.scrimClickAction = C.CLOSE_ACTION, n.autoStackButtons = !0, n.areButtonsStacked = !1, n.suppressDefaultPressSelector = C.SUPPRESS_DEFAULT_PRESS_SELECTOR, n.animFrame = new yt(), n.contentScrollHandler = function() {
+      var n = i.call(this, nt(nt({}, e.defaultAdapter), t)) || this;
+      return n.dialogOpen = !1, n.isFullscreen = !1, n.animationFrame = 0, n.animationTimer = 0, n.escapeKeyAction = C.CLOSE_ACTION, n.scrimClickAction = C.CLOSE_ACTION, n.autoStackButtons = !0, n.areButtonsStacked = !1, n.suppressDefaultPressSelector = C.SUPPRESS_DEFAULT_PRESS_SELECTOR, n.animFrame = new At(), n.contentScrollHandler = function() {
         n.handleScrollEvent();
       }, n.windowResizeHandler = function() {
         n.layout();
@@ -245,7 +247,7 @@ var nt = (
       configurable: !0
     }), Object.defineProperty(e, "numbers", {
       get: function() {
-        return z;
+        return q;
       },
       enumerable: !1,
       configurable: !0
@@ -321,13 +323,13 @@ var nt = (
       this.dialogOpen = !0, this.adapter.notifyOpening(), this.adapter.addClass(r.OPENING), this.isFullscreen && this.adapter.registerContentEventHandler("scroll", this.contentScrollHandler), t && t.isAboveFullscreenDialog && this.adapter.addClass(r.SCRIM_HIDDEN), this.adapter.registerWindowEventHandler("resize", this.windowResizeHandler), this.adapter.registerWindowEventHandler("orientationchange", this.windowOrientationChangeHandler), this.runNextAnimationFrame(function() {
         n.adapter.addClass(r.OPEN), n.adapter.addBodyClass(r.SCROLL_LOCK), n.layout(), n.animationTimer = setTimeout(function() {
           n.handleAnimationTimerEnd(), n.adapter.trapFocus(n.adapter.getInitialFocusEl()), n.adapter.notifyOpened();
-        }, z.DIALOG_ANIMATION_OPEN_TIME_MS);
+        }, q.DIALOG_ANIMATION_OPEN_TIME_MS);
       });
     }, e.prototype.close = function(t) {
       var n = this;
       t === void 0 && (t = ""), this.dialogOpen && (this.dialogOpen = !1, this.adapter.notifyClosing(t), this.adapter.addClass(r.CLOSING), this.adapter.removeClass(r.OPEN), this.adapter.removeBodyClass(r.SCROLL_LOCK), this.isFullscreen && this.adapter.deregisterContentEventHandler("scroll", this.contentScrollHandler), this.adapter.deregisterWindowEventHandler("resize", this.windowResizeHandler), this.adapter.deregisterWindowEventHandler("orientationchange", this.windowOrientationChangeHandler), cancelAnimationFrame(this.animationFrame), this.animationFrame = 0, clearTimeout(this.animationTimer), this.animationTimer = setTimeout(function() {
         n.adapter.releaseFocus(), n.handleAnimationTimerEnd(), n.adapter.notifyClosed(t);
-      }, z.DIALOG_ANIMATION_CLOSE_TIME_MS));
+      }, q.DIALOG_ANIMATION_CLOSE_TIME_MS));
     }, e.prototype.showSurfaceScrim = function() {
       var t = this;
       this.adapter.addClass(r.SURFACE_SCRIM_SHOWING), this.runNextAnimationFrame(function() {
@@ -357,7 +359,7 @@ var nt = (
       this.suppressDefaultPressSelector = t;
     }, e.prototype.layout = function() {
       var t = this;
-      this.animFrame.request(B.POLL_LAYOUT_CHANGE, function() {
+      this.animFrame.request(w.POLL_LAYOUT_CHANGE, function() {
         t.layoutInternal();
       });
     }, e.prototype.handleClick = function(t) {
@@ -373,8 +375,8 @@ var nt = (
       if (n) {
         var o = this.adapter.getActionFromEvent(t);
         if (!o) {
-          var a = t.composedPath ? t.composedPath()[0] : t.target, f = this.suppressDefaultPressSelector ? !this.adapter.eventTargetMatches(a, this.suppressDefaultPressSelector) : !0;
-          n && f && this.adapter.clickDefaultButton();
+          var a = t.composedPath ? t.composedPath()[0] : t.target, d = this.suppressDefaultPressSelector ? !this.adapter.eventTargetMatches(a, this.suppressDefaultPressSelector) : !0;
+          n && d && this.adapter.clickDefaultButton();
         }
       }
     }, e.prototype.handleDocumentKeydown = function(t) {
@@ -382,7 +384,7 @@ var nt = (
       n && this.escapeKeyAction !== "" && this.close(this.escapeKeyAction);
     }, e.prototype.handleScrollEvent = function() {
       var t = this;
-      this.animFrame.request(B.POLL_SCROLL_POS, function() {
+      this.animFrame.request(w.POLL_SCROLL_POS, function() {
         t.toggleScrollDividerHeader(), t.toggleScrollDividerFooter();
       });
     }, e.prototype.layoutInternal = function() {
@@ -405,7 +407,7 @@ var nt = (
     }, e.prototype.toggleScrollDividerFooter = function() {
       this.adapter.isScrollableContentAtBottom() ? this.adapter.hasClass(r.SCROLL_DIVIDER_FOOTER) && this.adapter.removeClass(r.SCROLL_DIVIDER_FOOTER) : this.adapter.addClass(r.SCROLL_DIVIDER_FOOTER);
     }, e;
-  }(gt)
+  }(St)
 );
 /**
  * @license
@@ -429,10 +431,10 @@ var nt = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var u = nt.strings, Nt = (
+var m = rt.strings, Bt = (
   /** @class */
   function(i) {
-    et(e, i);
+    at(e, i);
     function e() {
       return i !== null && i.apply(this, arguments) || this;
     }
@@ -473,36 +475,36 @@ var u = nt.strings, Nt = (
       return new e(t);
     }, e.prototype.initialize = function(t) {
       var n, o;
-      t === void 0 && (t = function(g, _) {
-        return new It(g, _);
+      t === void 0 && (t = function(E, _) {
+        return new Rt(E, _);
       });
-      var a = this.root.querySelector(u.CONTAINER_SELECTOR);
+      var a = this.root.querySelector(m.CONTAINER_SELECTOR);
       if (!a)
-        throw new Error("Dialog component requires a " + u.CONTAINER_SELECTOR + " container element");
-      this.container = a, this.content = this.root.querySelector(u.CONTENT_SELECTOR), this.buttons = [].slice.call(this.root.querySelectorAll(u.BUTTON_SELECTOR)), this.defaultButton = this.root.querySelector("[" + u.BUTTON_DEFAULT_ATTRIBUTE + "]"), this.focusTrapFactory = t, this.buttonRipples = [];
+        throw new Error("Dialog component requires a " + m.CONTAINER_SELECTOR + " container element");
+      this.container = a, this.content = this.root.querySelector(m.CONTENT_SELECTOR), this.buttons = [].slice.call(this.root.querySelectorAll(m.BUTTON_SELECTOR)), this.defaultButton = this.root.querySelector("[" + m.BUTTON_DEFAULT_ATTRIBUTE + "]"), this.focusTrapFactory = t, this.buttonRipples = [];
       try {
-        for (var f = Et(this.buttons), E = f.next(); !E.done; E = f.next()) {
-          var T = E.value;
-          this.buttonRipples.push(new Ct(T));
+        for (var d = Ct(this.buttons), p = d.next(); !p.done; p = d.next()) {
+          var A = p.value;
+          this.buttonRipples.push(new yt(A));
         }
-      } catch (g) {
-        n = { error: g };
+      } catch (E) {
+        n = { error: E };
       } finally {
         try {
-          E && !E.done && (o = f.return) && o.call(f);
+          p && !p.done && (o = d.return) && o.call(d);
         } finally {
           if (n) throw n.error;
         }
       }
     }, e.prototype.initialSyncWithDOM = function() {
       var t = this;
-      this.focusTrap = Ot(this.container, this.focusTrapFactory, this.getInitialFocusEl() || void 0), this.handleClick = this.foundation.handleClick.bind(this.foundation), this.handleKeydown = this.foundation.handleKeydown.bind(this.foundation), this.handleDocumentKeydown = this.foundation.handleDocumentKeydown.bind(this.foundation), this.handleOpening = function() {
+      this.focusTrap = Dt(this.container, this.focusTrapFactory, this.getInitialFocusEl() || void 0), this.handleClick = this.foundation.handleClick.bind(this.foundation), this.handleKeydown = this.foundation.handleKeydown.bind(this.foundation), this.handleDocumentKeydown = this.foundation.handleDocumentKeydown.bind(this.foundation), this.handleOpening = function() {
         document.addEventListener("keydown", t.handleDocumentKeydown);
       }, this.handleClosing = function() {
         document.removeEventListener("keydown", t.handleDocumentKeydown);
-      }, this.listen("click", this.handleClick), this.listen("keydown", this.handleKeydown), this.listen(u.OPENING_EVENT, this.handleOpening), this.listen(u.CLOSING_EVENT, this.handleClosing);
+      }, this.listen("click", this.handleClick), this.listen("keydown", this.handleKeydown), this.listen(m.OPENING_EVENT, this.handleOpening), this.listen(m.CLOSING_EVENT, this.handleClosing);
     }, e.prototype.destroy = function() {
-      this.unlisten("click", this.handleClick), this.unlisten("keydown", this.handleKeydown), this.unlisten(u.OPENING_EVENT, this.handleOpening), this.unlisten(u.CLOSING_EVENT, this.handleClosing), this.handleClosing(), this.buttonRipples.forEach(function(t) {
+      this.unlisten("click", this.handleClick), this.unlisten("keydown", this.handleKeydown), this.unlisten(m.OPENING_EVENT, this.handleOpening), this.unlisten(m.CLOSING_EVENT, this.handleClosing), this.handleClosing(), this.buttonRipples.forEach(function(t) {
         t.destroy();
       }), i.prototype.destroy.call(this);
     }, e.prototype.layout = function() {
@@ -520,19 +522,19 @@ var u = nt.strings, Nt = (
           return t.root.classList.add(o);
         },
         areButtonsStacked: function() {
-          return Dt(t.buttons);
+          return Ft(t.buttons);
         },
         clickDefaultButton: function() {
           t.defaultButton && t.defaultButton.click();
         },
         eventTargetMatches: function(o, a) {
-          return o ? vt(o, a) : !1;
+          return o ? Tt(o, a) : !1;
         },
         getActionFromEvent: function(o) {
           if (!o.target)
             return "";
-          var a = St(o.target, "[" + u.ACTION_ATTRIBUTE + "]");
-          return a && a.getAttribute(u.ACTION_ATTRIBUTE);
+          var a = Ot(o.target, "[" + m.ACTION_ATTRIBUTE + "]");
+          return a && a.getAttribute(m.ACTION_ATTRIBUTE);
         },
         getInitialFocusEl: function() {
           return t.getInitialFocusEl();
@@ -541,19 +543,19 @@ var u = nt.strings, Nt = (
           return t.root.classList.contains(o);
         },
         isContentScrollable: function() {
-          return Tt(t.content);
+          return It(t.content);
         },
         notifyClosed: function(o) {
-          return t.emit(u.CLOSED_EVENT, o ? { action: o } : {});
+          return t.emit(m.CLOSED_EVENT, o ? { action: o } : {});
         },
         notifyClosing: function(o) {
-          return t.emit(u.CLOSING_EVENT, o ? { action: o } : {});
+          return t.emit(m.CLOSING_EVENT, o ? { action: o } : {});
         },
         notifyOpened: function() {
-          return t.emit(u.OPENED_EVENT, {});
+          return t.emit(m.OPENED_EVENT, {});
         },
         notifyOpening: function() {
-          return t.emit(u.OPENING_EVENT, {});
+          return t.emit(m.OPENING_EVENT, {});
         },
         releaseFocus: function() {
           t.focusTrap.releaseFocus();
@@ -579,10 +581,10 @@ var u = nt.strings, Nt = (
           t.content instanceof HTMLElement && t.content.removeEventListener(o, a);
         },
         isScrollableContentAtTop: function() {
-          return At(t.content);
+          return Nt(t.content);
         },
         isScrollableContentAtBottom: function() {
-          return bt(t.content);
+          return Lt(t.content);
         },
         registerWindowEventHandler: function(o, a) {
           window.addEventListener(o, a);
@@ -591,13 +593,13 @@ var u = nt.strings, Nt = (
           window.removeEventListener(o, a);
         }
       };
-      return new nt(n);
+      return new rt(n);
     }, e.prototype.getInitialFocusEl = function() {
-      return this.root.querySelector("[" + u.INITIAL_FOCUS_ATTRIBUTE + "]");
+      return this.root.querySelector("[" + m.INITIAL_FOCUS_ATTRIBUTE + "]");
     }, e;
-  }(_t)
+  }(vt)
 );
-const Lt = {
+const wt = {
   /**
    * An action button that will not automatically trigger a dismiss or accept. It is meant to be used only in certain circumstances where more control of the modal is required such as validating forms. If primaryButton is sent with actionButton, actionButton will be ignored.
    *
@@ -760,7 +762,7 @@ const Lt = {
    * Defaults to **null**.
    */
   title: s.string
-}, Ft = {
+}, Mt = {
   actionButton: null,
   backButton: null,
   badge: void 0,
@@ -784,149 +786,168 @@ const Lt = {
   returnFocusSelector: null,
   scrollable: !1,
   title: null
-}, w = /* @__PURE__ */ ut((i, e) => {
+}, M = /* @__PURE__ */ ht((i, e) => {
   const {
     actionButton: t,
     actionIcons: n,
     badge: o,
     backButton: a,
-    children: f,
-    className: E,
-    content: T,
-    defaultButton: g,
+    children: d,
+    className: p,
+    content: A,
+    defaultButton: E,
     dismissiveButton: _,
-    footerSupplemental: A,
-    headerActions: q,
-    hideCloseIcon: M,
-    indicator: ot,
+    footerSupplemental: b,
+    headerActions: Y,
+    hideCloseIcon: k,
+    indicator: st,
     initialFocus: S,
-    mobileStackedButtons: k,
-    modalSize: p,
+    mobileStackedButtons: H,
+    modalSize: h,
     nextButton: v,
     noActions: y,
-    onClose: H,
-    onClosed: P,
-    onOpen: b,
-    onOpened: D,
-    open: j,
-    preventClose: U,
-    preventPrimaryAccept: Y,
+    onClose: P,
+    onClosed: U,
+    onOpen: D,
+    onOpened: I,
+    open: J,
+    preventClose: x,
+    preventPrimaryAccept: Q,
     primaryButton: c,
-    returnFocusSelector: x,
-    scrollable: $,
-    title: J,
-    ...it
-  } = i, I = Q(), l = Q();
-  mt(e, () => I.current, []);
-  const [K, at] = X(), [G, rt] = X(() => v || a);
-  h(() => {
-    rt(v || a);
+    returnFocusSelector: G,
+    scrollable: X,
+    title: Z,
+    ...lt
+  } = i, N = tt(), l = tt();
+  gt(e, () => N.current, []);
+  const [K, ct] = et(), [V, dt] = et(() => v || a);
+  g(() => {
+    dt(v || a);
   }, [v, a]);
-  const N = V(() => {
-    at(window.innerWidth <= 600);
+  const L = z(() => {
+    ct(window.innerWidth <= 600);
   }, []);
-  h(() => (N(), window.addEventListener("resize", N), () => {
-    window.removeEventListener("resize", N);
-  }), [N]), h(() => (l.current = Nt.attachTo(I.current), () => {
+  g(() => (L(), window.addEventListener("resize", L), () => {
+    window.removeEventListener("resize", L);
+  }), [L]), g(() => (l.current = Bt.attachTo(N.current), () => {
     l.current.destroy();
-  }), [l, I]), h(() => {
-    l.current.foundation.setAutoStackButtons(k);
-  }, [k]), h(() => {
+  }), [l, N]), g(() => {
+    l.current.foundation.setAutoStackButtons(H);
+  }, [H]), g(() => {
     y && (l.current.foundation.adapter.trapFocus = () => {
     });
-  }, [y]), h(() => {
-    l.current.scrimClickAction = U ? "" : "close", l.current.escapeKeyAction = U ? "" : "close";
-  }, [U]);
-  const L = V((m) => {
-    H && H(m);
-  }, [H]), F = V((m) => {
-    x && pt(x), P && P(m);
-  }, [x, P]);
-  h(() => (l.current.unlisten("MDCDialog: opening", b), l.current.listen("MDCDialog: opening", b), () => {
-    l.current.unlisten("MDCDialog: opening", b);
-  }), [l, b]), h(() => (l.current.unlisten("MDCDialog:opened", D), l.current.listen("MDCDialog:opened", D), () => {
-    l.current.unlisten("MDCDialog:opened", D);
-  }), [l, D]), h(() => (l.current.unlisten("MDCDialog:closing", L), l.current.listen("MDCDialog:closing", L), () => {
-    l.current.unlisten("MDCDialog:closing", L);
-  }), [l, L]), h(() => (l.current.unlisten("MDCDialog:closed", F), l.current.listen("MDCDialog:closed", F), () => {
-    l.current.unlisten("MDCDialog:closed", F);
-  }), [l, F]), h(() => {
-    j ? l.current.open() : l.current.close();
-  }, [l, j]);
-  const st = Z(() => () => {
-    const m = {
+  }, [y]), g(() => {
+    l.current.scrimClickAction = x ? "" : "close", l.current.escapeKeyAction = x ? "" : "close";
+  }, [x]);
+  const F = z((f) => {
+    P && P(f);
+  }, [P]), R = z((f) => {
+    G && Et(G), U && U(f);
+  }, [G, U]);
+  g(() => (l.current.unlisten("MDCDialog: opening", D), l.current.listen("MDCDialog: opening", D), () => {
+    l.current.unlisten("MDCDialog: opening", D);
+  }), [l, D]), g(() => (l.current.unlisten("MDCDialog:opened", I), l.current.listen("MDCDialog:opened", I), () => {
+    l.current.unlisten("MDCDialog:opened", I);
+  }), [l, I]), g(() => (l.current.unlisten("MDCDialog:closing", F), l.current.listen("MDCDialog:closing", F), () => {
+    l.current.unlisten("MDCDialog:closing", F);
+  }), [l, F]), g(() => (l.current.unlisten("MDCDialog:closed", R), l.current.listen("MDCDialog:closed", R), () => {
+    l.current.unlisten("MDCDialog:closed", R);
+  }), [l, R]), g(() => {
+    J ? l.current.open() : l.current.close();
+  }, [l, J]);
+  const ut = $(() => () => {
+    const f = {
       className: "lmnt-modal__button mdc-dialog__button",
       elevation: t?.props.elevation !== "default" ? t?.props.elevation : "flat",
       variant: t?.props.variant || "filled"
     };
-    return g === "action" && (m["data-mdc-dialog-button-default"] = !0), S === "action" && (m["data-mdc-dialog-initial-focus"] = !0), m;
-  }, [t?.props.elevation, t?.props.variant, g, S]), lt = Z(() => () => {
-    const m = {
+    return E === "action" && (f["data-mdc-dialog-button-default"] = !0), S === "action" && (f["data-mdc-dialog-initial-focus"] = !0), f;
+  }, [t?.props.elevation, t?.props.variant, E, S]), mt = $(() => () => {
+    const f = {
       className: "lmnt-modal__button mdc-dialog__button",
-      "data-mdc-dialog-action": Y ? "" : "accept",
+      "data-mdc-dialog-action": Q ? "" : "accept",
       elevation: c?.props.elevation !== "default" ? c?.props.elevation : "flat",
       variant: c?.props.variant || "filled"
     };
-    return g === "primary" && (m["data-mdc-dialog-button-default"] = !0), S === "primary" && (m["data-mdc-dialog-initial-focus"] = !0), m;
-  }, [Y, g, S, c?.props.elevation, c?.props.variant]);
-  return /* @__PURE__ */ d.createElement("aside", dt({
-    ref: I,
-    className: R("lmnt", "lmnt-modal", "mdc-dialog", $ && "lmnt-modal--scrollable mdc-dialog--scrollable", E),
+    return E === "primary" && (f["data-mdc-dialog-button-default"] = !0), S === "primary" && (f["data-mdc-dialog-initial-focus"] = !0), f;
+  }, [Q, E, S, c?.props.elevation, c?.props.variant]);
+  return /* @__PURE__ */ u.createElement("aside", pt({
+    ref: N,
+    className: B("lmnt", "lmnt-modal", "mdc-dialog", X && "lmnt-modal--scrollable mdc-dialog--scrollable", p),
     role: "alertdialog"
-  }, it), /* @__PURE__ */ d.createElement("div", {
-    className: R("lmnt-modal__container", "mdc-dialog__container", p === "fullscreen" && "mdc-dialog--fullscreen", p === "max" && "lmnt-modal__max", p === "xlarge" && "lmnt-modal__xl", p === "large" && "lmnt-modal__lg", p === "medium" && "lmnt-modal__md", p === "small" && "lmnt-modal__sm", (p === "mobile" || K) && "lmnt-modal__mobile", p === "dialog" && "lmnt-modal__dialog", y && "lmnt-modal-no-actions")
-  }, /* @__PURE__ */ d.createElement("div", {
+  }, lt), /* @__PURE__ */ u.createElement("div", {
+    className: B("lmnt-modal__container", "mdc-dialog__container", h === "fullscreen" && "mdc-dialog--fullscreen", h === "max" && "lmnt-modal__max", h === "xlarge" && "lmnt-modal__xl", h === "large" && "lmnt-modal__lg", h === "medium" && "lmnt-modal__md", h === "small" && "lmnt-modal__sm", (h === "mobile" || K) && "lmnt-modal__mobile", h === "dialog" && "lmnt-modal__dialog", y && "lmnt-modal-no-actions")
+  }, /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-modal__surface mdc-dialog__surface"
-  }, /* @__PURE__ */ d.createElement("header", {
-    className: R("lmnt-modal__title", "mdc-dialog__title", (p === "dialog" || M) && "lmnt-modal_title-hide-close-icon", n && "lmnt-modal_title-actionsIcons", $ && "lmnt-modal__title-scrollable", (M || p === "dialog" || y) && "lmnt-modal--no-close-icon")
-  }, !M && p !== "dialog" && !y && /* @__PURE__ */ d.createElement(ft, {
+  }, /* @__PURE__ */ u.createElement("header", {
+    className: B("lmnt-modal__title", "mdc-dialog__title", (h === "dialog" || k) && "lmnt-modal_title-hide-close-icon", n && "lmnt-modal_title-actionsIcons", X && "lmnt-modal__title-scrollable", (k || h === "dialog" || y) && "lmnt-modal--no-close-icon")
+  }, !k && h !== "dialog" && !y && /* @__PURE__ */ u.createElement(it, {
     className: "mdc-icon-button material-icons mdc-dialog__close",
     "data-mdc-dialog-action": "close",
     icon: "clear"
-  }), J && /* @__PURE__ */ d.createElement("div", null, J), q && /* @__PURE__ */ d.createElement("div", {
+  }), Z && /* @__PURE__ */ u.createElement("div", null, Z), Y && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-dialog__title-actions"
-  }, q), o && /* @__PURE__ */ d.createElement("div", {
+  }, Y), o && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-badge--modal",
     style: {
       marginLeft: "0"
     }
-  }, o)), (T || f) && /* @__PURE__ */ d.createElement("section", {
+  }, o)), (A || d) && /* @__PURE__ */ u.createElement("section", {
     className: "lmnt-modal__content mdc-dialog__content"
-  }, T || f), ot, (t || a || _ || v || c || A) && /* @__PURE__ */ d.createElement("footer", {
-    className: R("lmnt-modal__actions", "mdc-dialog__actions", K && "lmnt-dialog__actions__mobile", A && "lmnt-modal__actions--supplemental-btn", K && k && "lmnt-modal_actions-mobile-stacked")
-  }, !G && A && /* @__PURE__ */ d.createElement("div", {
+  }, A || d), st, (t || a || _ || v || c || b) && /* @__PURE__ */ u.createElement("footer", {
+    className: B("lmnt-modal__actions", "mdc-dialog__actions", K && "lmnt-dialog__actions__mobile", b && "lmnt-modal__actions--supplemental-btn", K && H && "lmnt-modal_actions-mobile-stacked")
+  }, !V && b && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-dialog__actions__supplemental"
-  }, O(A, () => {
-    const m = {};
-    return g === "footerSupplemental" && (m["data-mdc-dialog-button-default"] = !0), S === "footerSupplemental" && (m["data-mdc-dialog-initial-focus"] = !0), m;
-  })), !G && (t || _ || c) && /* @__PURE__ */ d.createElement("div", {
+  }, T(b, () => {
+    const f = {};
+    return E === "footerSupplemental" && (f["data-mdc-dialog-button-default"] = !0), S === "footerSupplemental" && (f["data-mdc-dialog-initial-focus"] = !0), f;
+  })), !V && (t || _ || c) && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-dialog__actions__right-align lmnt-modal_actions_button"
-  }, _ && O(_, {
+  }, _ && T(_, {
     variant: "text",
     className: "lmnt-modal__button mdc-dialog__button",
     "data-mdc-dialog-action": "close"
-  }), t && !c && O(t, st), c && O(c, lt)), G && /* @__PURE__ */ d.createElement("div", {
+  }), t && !c && T(t, ut), c && T(c, mt)), V && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-modal_actions_button lmnt-dialog__actions__directional"
-  }, /* @__PURE__ */ d.createElement("div", null, ht(a, "lmnt-modal__button")), /* @__PURE__ */ d.createElement("div", null, O(v, {
+  }, /* @__PURE__ */ u.createElement("div", null, _t(a, "lmnt-modal__button")), /* @__PURE__ */ u.createElement("div", null, T(v, {
     className: "lmnt-modal__button",
     "data-mdc-dialog-initial-focus": !0
-  })))))), /* @__PURE__ */ d.createElement("div", {
+  })))))), /* @__PURE__ */ u.createElement("div", {
     className: "mdc-dialog__scrim"
   }));
 });
-w.displayName = "Modal";
-w.propTypes = Lt;
-w.defaultProps = Ft;
-const Rt = "_modal_a4n3a_1", Bt = {
-  modal: Rt
-}, Vt = (i) => /* @__PURE__ */ ct(
-  w,
-  {
-    ...i,
-    "data-testid": "modal",
-    className: `${Bt.modal} ${i.className ?? ""}`
-  }
-);
+M.displayName = "Modal";
+M.propTypes = wt;
+M.defaultProps = Mt;
+const kt = "_modal_br5s5_1", Ht = "_title_br5s5_6", ot = {
+  modal: kt,
+  title: Ht
+}, Yt = ({
+  onClose: i,
+  title: e,
+  headerActions: t,
+  hideCloseIcon: n,
+  ...o
+}) => {
+  const a = $(() => {
+    const d = /* @__PURE__ */ ft(W, { primaryAlign: "center", secondaryAlign: "center", children: [
+      /* @__PURE__ */ O(it, { icon: "close", onClick: () => i?.(), type: "button" }),
+      /* @__PURE__ */ O(bt, { level: 6, children: e })
+    ] }, "base-group");
+    return t ? Array.isArray(t) ? [d, /* @__PURE__ */ O(W, { children: t }, "action-group")] : [d, t] : d;
+  }, [t, i, e]);
+  return /* @__PURE__ */ O(
+    M,
+    {
+      ...o,
+      "data-testid": "modal",
+      className: `${ot.modal} ${ot.title} ${o.className ?? ""}`,
+      hideCloseIcon: n !== void 0 ? n : !0,
+      headerActions: /* @__PURE__ */ O(W, { primaryAlign: "space-between", secondaryAlign: "center", children: a }, "header-group"),
+      preventClose: !0
+    }
+  );
+};
 export {
-  Vt as Modal
+  Yt as Modal
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hortiview/shared-components",
   "description": "This is a shared component library. It should used in the HortiView platform and its modules.",
-  "version": "1.2.2",
+  "version": "1.3.1",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",
@@ -33,6 +33,7 @@
       [
         "@semantic-release/commit-analyzer",
         {
+          "preset": "conventionalCommits",
           "releaseRules": [
             {
               "type": "docs",
@@ -53,6 +54,7 @@
       [
         "@semantic-release/release-notes-generator",
         {
+          "preset": "conventionalCommits",
           "presetConfig": {
             "types": [
               {
@@ -62,13 +64,11 @@
               },
               {
                 "type": "feat",
-                "section": "Features",
-                "hidden": false
+                "section": "Features"
               },
               {
                 "type": "fix",
-                "section": "Bug Fixes",
-                "hidden": false
+                "section": "Bug Fixes"
               },
               {
                 "type": "refactor",