@hortiview/shared-components 2.25.0 → 2.26.1

package/CHANGELOG.md

@@ -1,3 +1,44 @@
+## [2.26.1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.26.0...v2.26.1) (2026-05-22)
+
+### Bug Fixes
+
+* add permission provider to broken stories ([6677f7f](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/6677f7fb9cfc4b5e256ea16fce429b95348f55d0))
+* add workaround for element bug on textKey = 'value' and multiSelect = true ([4926a72](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/4926a726b75b422f6f7bd8cacf71b86565d32b14))
+* fix search functionality on multi select component ([5a01163](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/5a011636eeef5c5296d2959a1307425256fed706))
+
+### Code Refactoring
+
+* improve title and label of FormSelect story ([29d6f78](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/29d6f780eefce628d459af1d7773b79a0af553dd))
+
+### Styles
+
+* improve positioning of search cursor in multi select ([d71bff9](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/d71bff9f3abda3a3a3466bb16850b67f3aa11bfc))
+* improve stories by adding width ([de089f8](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/de089f84d720f6bd47b1b22900259f007d6b1a1e))
+
+## [2.26.1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.26.0...v2.26.1) (2026-05-22)
+
+### Bug Fixes
+
+* add permission provider to broken stories ([6677f7f](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/6677f7fb9cfc4b5e256ea16fce429b95348f55d0))
+* add workaround for element bug on textKey = 'value' and multiSelect = true ([4926a72](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/4926a726b75b422f6f7bd8cacf71b86565d32b14))
+* fix search functionality on multi select component ([5a01163](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/5a011636eeef5c5296d2959a1307425256fed706))
+
+### Code Refactoring
+
+* improve title and label of FormSelect story ([29d6f78](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/29d6f780eefce628d459af1d7773b79a0af553dd))
+
+### Styles
+
+* improve positioning of search cursor in multi select ([d71bff9](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/d71bff9f3abda3a3a3466bb16850b67f3aa11bfc))
+* improve stories by adding width ([de089f8](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/de089f84d720f6bd47b1b22900259f007d6b1a1e))
+
+## [2.26.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.25.0...v2.26.0) (2026-05-11)
+
+### Features
+
+* add truncation handling for primary text in ContextMenu and update styles and tests ([9ed40a5](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/9ed40a5e66e49bd42cfd94fd1213a60ebcf8c4a9))
+* enhance ContextMenu with responsive styles and add story for long text handling ([c712489](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/c7124897ced3931f32e65b65c16654053417ae9d))
+
 ## [2.25.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.24.3...v2.25.0) (2026-05-07)
 
 ### Features

package/dist/{AlertBanner-BFzaGOer.js → AlertBanner-C9TvBTkH.js}

@@ -1,7 +1,7 @@
 import { jsx as n, Fragment as t, jsxs as l } from "react/jsx-runtime";
-import { G as _ } from "./index.es-Z0aF-7Cn.js";
-import { I as m } from "./index.es-DEBGoIKX.js";
-import { T as d } from "./index.es-DUrjyxNI.js";
+import { G as _ } from "./index.es-BE1XL1dD.js";
+import { I as m } from "./index.es-LckFzDz-.js";
+import { T as d } from "./index.es-EXzC8zuP.js";
 import './assets/AlertBanner.css';const g = "_messageContainer_2hnjr_1", h = "_info_2hnjr_9", f = "_danger_2hnjr_14", p = "_success_2hnjr_19", u = "_warning_2hnjr_24", j = "_closeIcon_2hnjr_29", y = "_linkBanner_2hnjr_34", s = {
   messageContainer: g,
   info: h,

package/dist/{GenericCard-grpa3KJR.js → GenericCard-2v0lBsVu.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as s, Fragment as h } from "react/jsx-runtime";
-import { C, a as y, b as T, c as g, d as v } from "./index.es-BOG3_7IM.js";
-import { G as m, a as u, b as l } from "./index.es-Cr1PSTyq.js";
-import { c as f } from "./index.es-DUrjyxNI.js";
+import { C, a as y, b as T, c as g, d as v } from "./index.es-DHL1mFb3.js";
+import { G as m, a as u, b as l } from "./index.es-C2ejWpji.js";
+import { c as f } from "./index.es-EXzC8zuP.js";
 import { useMemo as b } from "react";
 import { OverflowTooltip as c } from "./components/OverflowTooltip/OverflowTooltip.js";
 import './assets/GenericCard.css';const x = "_cardTitle_1w5we_1", B = "_cardBody_1w5we_5", N = "_cardContent_1w5we_10", $ = "_row_1w5we_14", G = "_font_1w5we_18", k = "_fontHeader_1w5we_23", H = "_title_1w5we_27", S = "_emptyContainer_1w5we_33", W = "_empty_1w5we_33", A = "_fullWidth_1w5we_45", i = {

package/dist/{ListAreaService-B0x97Jin.js → ListAreaService-PaN1DrXf.js}

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as G } from "react/jsx-runtime";
-import { G as S } from "./index.es-Z0aF-7Cn.js";
-import { I as b } from "./index.es-DEBGoIKX.js";
-import { P as O } from "./index.es-DgncYOqO.js";
-import { e as k, c as L, T as $ } from "./index.es-DUrjyxNI.js";
-import { c as A } from "./index-Df2FYN-K.js";
+import { G as S } from "./index.es-BE1XL1dD.js";
+import { I as b } from "./index.es-LckFzDz-.js";
+import { P as O } from "./index.es-C8AExypY.js";
+import { e as k, c as L, T as $ } from "./index.es-EXzC8zuP.js";
+import { c as A } from "./index-_-9ybP20.js";
 import { Iconify as j } from "./components/Iconify/Iconify.js";
 import { AvailableCustomIcons as H } from "./enums/AvailableCustomIcons.js";
 import './assets/ListAreaService.css';const M = "_fullWidth_1w7l3_1", P = "_mainElevation_1w7l3_6", R = "_searchBarLine_1w7l3_13", W = "_searchbar_1w7l3_17", q = "_roundedBottom_1w7l3_21", z = "_primaryText_1w7l3_26", D = "_list_1w7l3_30", F = "_listItem_1w7l3_41", J = "_isSelected_1w7l3_65", K = "_noGroupHeaderMargin_1w7l3_74", Q = "_indentGroupedElement_1w7l3_78", U = "_isNotSelected_1w7l3_82", V = "_iconColor_1w7l3_92", X = "_overlineTitle_1w7l3_96", Y = "_noOverlineTitle_1w7l3_101", Z = "_truncate_1w7l3_105", ee = "_truncateOverlineText_1w7l3_116", te = "_hasNoRoundedEdges_1w7l3_121", oe = "_hideArrowIcon_1w7l3_125", t = {

package/dist/assets/ContextMenu.css

@@ -1 +1 @@
-._menu_x6qd9_1{width:15.875rem;border-radius:.5rem!important}._icon_x6qd9_6{color:var(--lmnt-theme-on-secondary-inactive)}._listItem_x6qd9_10 [class*=mdc-list-item__start]{color:var(--lmnt-theme-on-secondary-inactive);align-self:center!important;margin:0 1rem!important}._listItem_x6qd9_10 [class*=mdc-list-item__end]{color:var(--lmnt-theme-on-secondary-inactive)}._offlineViewMargin_x6qd9_20{margin:.5rem}
+._menu_52omh_1{min-width:10rem;width:max-content;border-radius:.5rem!important}._mobile_52omh_7{max-width:12.5rem}._desktop_52omh_11{max-width:21.25rem}._icon_52omh_15{color:var(--lmnt-theme-on-secondary-inactive)}._listItem_52omh_19 [class*=mdc-list-item__primary-text],._listItem_52omh_19 [class*=mdc-list-item__secondary-text]{display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important}._listItem_52omh_19 [class*=mdc-list-item__start]{color:var(--lmnt-theme-on-secondary-inactive);align-self:center!important;margin:0 1rem!important}._listItem_52omh_19 [class*=mdc-list-item__end]{color:var(--lmnt-theme-on-secondary-inactive)}._offlineViewMargin_52omh_51{margin:.5rem}._primaryTextTruncated_52omh_55 [class*=mdc-list-item__secondary-text]{padding-top:1rem!important}

package/dist/assets/FormSelect.css

@@ -1 +1 @@
-._invalidHelperText_zh2wu_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._invalidBorder_zh2wu_5 *[class*=mdc-notched-outline]{border-color:var(--lmnt-theme-danger)!important}._invalidPlaceholder_zh2wu_9 *[class*=lmnt-select-label]{color:var(--lmnt-theme-danger)!important}._invalidDropdownIcon_zh2wu_13 *[class*=mdc-select__dropdown-icon]{fill:var(--lmnt-theme-danger)!important}._formSelectContainer_zh2wu_18{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_zh2wu_18>*[class*=lmnt-select-container]{flex-direction:column}._formSelectContainer_zh2wu_18 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color);align-self:flex-start}._formSelectContainer_zh2wu_18 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_zh2wu_18 *[class*=lmnt-select-menu]{z-index:2001}._formSelect_zh2wu_18 div[class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._formSelect_zh2wu_18 div[class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}._multiText_zh2wu_53 *[class*=lmnt-select-value-container]{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:block!important;padding:1.125rem 0!important}._tooltip_zh2wu_62{z-index:42}._disabled_zh2wu_67+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-on-surface-disabled)}[id*=select-container][class*=top] [class*=mdc-menu-surface--open]{bottom:0}[id*=select-container][class*=bottom] [class*=mdc-menu-surface--open]{top:0}
+._invalidHelperText_qt5tp_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._invalidBorder_qt5tp_5 *[class*=mdc-notched-outline]{border-color:var(--lmnt-theme-danger)!important}._invalidPlaceholder_qt5tp_9 *[class*=lmnt-select-label]{color:var(--lmnt-theme-danger)!important}._invalidDropdownIcon_qt5tp_13 *[class*=mdc-select__dropdown-icon]{fill:var(--lmnt-theme-danger)!important}._formSelectContainer_qt5tp_18{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_qt5tp_18>*[class*=lmnt-select-container]{flex-direction:column}._formSelectContainer_qt5tp_18 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color);align-self:flex-start}._formSelectContainer_qt5tp_18 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_qt5tp_18 *[class*=lmnt-select-menu]{z-index:2001}._formSelect_qt5tp_18._isSearchable_qt5tp_44 div[class*=lmnt__input-container] input[class*=lmnt__input]{padding-top:0!important}._formSelect_qt5tp_18._isSearchable_qt5tp_44._isMultiSelect_qt5tp_49._hasSelection_qt5tp_49 div[class*=lmnt__input-container] input[class*=lmnt__input]{padding-left:.5rem!important}._formSelect_qt5tp_18 div[class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._formSelect_qt5tp_18 div[class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}._tooltip_qt5tp_64{z-index:42}._disabled_qt5tp_69+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-on-surface-disabled)}[id*=select-container][class*=top] [class*=mdc-menu-surface--open]{bottom:0}[id*=select-container][class*=bottom] [class*=mdc-menu-surface--open]{top:0}

package/dist/components/AlertBanner/AlertBanner.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../index.es-Z0aF-7Cn.js";
-import "../../index.es-DEBGoIKX.js";
-import "../../index.es-DUrjyxNI.js";
-import { A as e } from "../../AlertBanner-BFzaGOer.js";
+import "../../index.es-BE1XL1dD.js";
+import "../../index.es-LckFzDz-.js";
+import "../../index.es-EXzC8zuP.js";
+import { A as e } from "../../AlertBanner-C9TvBTkH.js";
 export {
   e as AlertBanner
 };

package/dist/components/AlertBanner/LinkBanner.js

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { G as l } from "../../index.es-Z0aF-7Cn.js";
-import { T as s } from "../../index.es-DUrjyxNI.js";
+import { G as l } from "../../index.es-BE1XL1dD.js";
+import { T as s } from "../../index.es-EXzC8zuP.js";
 import { Iconify as p } from "../Iconify/Iconify.js";
-import { A as m, s as c } from "../../AlertBanner-BFzaGOer.js";
+import { A as m, s as c } from "../../AlertBanner-C9TvBTkH.js";
 const g = ({
   text: n,
   color: o = "info",

package/dist/components/AllowedButton/AllowedButton.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { B as l } from "../../index.es-B19PQgzU.js";
+import { B as l } from "../../index.es-B1cewJEy.js";
 import { Allowed as s } from "../Allowed/Allowed.js";
 import { LoadingSpinner as a } from "../LoadingSpinner/Default/LoadingSpinner.js";
 const c = ({

package/dist/components/AllowedIconButton/AllowedIconButton.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { I as m } from "../../index.es-CkB4776y.js";
+import { I as m } from "../../index.es-BZkGOjEo.js";
 import { Allowed as l } from "../Allowed/Allowed.js";
 const f = ({
   "data-testid": o,

package/dist/components/BaseView/BaseView.js

@@ -1,8 +1,8 @@
 import { jsx as e, Fragment as l, jsxs as n } from "react/jsx-runtime";
-import { D as $ } from "../../index.es-C27R5Xae.js";
-import { G as a } from "../../index.es-Z0aF-7Cn.js";
-import { P as M } from "../../index.es-DgncYOqO.js";
-import { c as v } from "../../index-Df2FYN-K.js";
+import { D as $ } from "../../index.es-0SkNh4dU.js";
+import { G as a } from "../../index.es-BE1XL1dD.js";
+import { P as M } from "../../index.es-C8AExypY.js";
+import { c as v } from "../../index-_-9ybP20.js";
 import { useMemo as d } from "react";
 import { BasicHeading as D } from "../BasicHeading/BasicHeading.js";
 import { EmptyView as P } from "../EmptyView/EmptyView.js";

package/dist/components/BasicHeading/BasicHeading.js

@@ -1,8 +1,8 @@
 import { jsxs as o, jsx as n } from "react/jsx-runtime";
-import { G as t } from "../../index.es-Z0aF-7Cn.js";
-import { I as A } from "../../index.es-DEBGoIKX.js";
-import { b as I, T as z } from "../../index.es-DUrjyxNI.js";
-import { c as m } from "../../index-Df2FYN-K.js";
+import { G as t } from "../../index.es-BE1XL1dD.js";
+import { I as A } from "../../index.es-LckFzDz-.js";
+import { b as I, T as z } from "../../index.es-EXzC8zuP.js";
+import { c as m } from "../../index-_-9ybP20.js";
 import { Iconify as H } from "../Iconify/Iconify.js";
 import { AvailableCustomIcons as q } from "../../enums/AvailableCustomIcons.js";
 import { useBreakpoints as w } from "../../hooks/useBreakpoints.js";

package/dist/components/BlockView/BlockView.js

@@ -1,6 +1,6 @@
 import { jsxs as f, jsx as o, Fragment as v } from "react/jsx-runtime";
-import { c as D, b as S, a as F } from "../../index.es-DUrjyxNI.js";
-import { c as M } from "../../index-Df2FYN-K.js";
+import { c as D, b as S, a as F } from "../../index.es-EXzC8zuP.js";
+import { c as M } from "../../index-_-9ybP20.js";
 import { useState as V, useEffect as q, useMemo as G } from "react";
 import { getBlockNumberByDto as H } from "../../services/BlockService.js";
 import '../../assets/BlockView.css';const I = "_grid_gfk3g_1", J = "_blockLayout_gfk3g_11", K = "_blockRow_gfk3g_22", O = "_block_gfk3g_11", P = "_active_gfk3g_41", Q = "_error_gfk3g_46", U = "_empty_gfk3g_52", W = "_activeBlock_gfk3g_57", X = "_clickable_gfk3g_61", Y = "_blockText_gfk3g_65", Z = "_emptyLayout_gfk3g_75", t = {

package/dist/components/ButtonCard/ButtonCard.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { B as m } from "../../index.es-B19PQgzU.js";
-import { G as a } from "../../index.es-Z0aF-7Cn.js";
-import { d } from "../../index.es-DUrjyxNI.js";
+import { B as m } from "../../index.es-B1cewJEy.js";
+import { G as a } from "../../index.es-BE1XL1dD.js";
+import { d } from "../../index.es-EXzC8zuP.js";
 import { Iconify as u } from "../Iconify/Iconify.js";
 import { Allowed as p } from "../Allowed/Allowed.js";
 import '../../assets/ButtonCard.css';const b = "_buttonCard_1fv6b_1", f = "_noInteraction_1fv6b_12", h = "_iconContainer_1fv6b_16", y = "_centerText_1fv6b_43", n = {

package/dist/components/ChipCard/ChipCard.js

@@ -1,19 +1,19 @@
 import { jsx as Xt } from "react/jsx-runtime";
-import { o as Qe, e as Ze, i as ti, C as ei } from "../../index.es-BOG3_7IM.js";
-import { _ as ie, a as Le, c as Zt, b as kt, d as Pe, P as c } from "../../index-Df2FYN-K.js";
-import { f as Yt, _ as Ke, a as wt, b as Me, c as ke, d as Ut, g as Ye, e as xt } from "../../defineProperty-B7N9EBBI.js";
-import { _ as Ie, a as ii } from "../../find-eU9ab_u7.js";
-import { _ as Mt, a as ni, b as oi } from "../../map-ZSVweMI1.js";
+import { o as Qe, e as Ze, i as ti, C as ei } from "../../index.es-DHL1mFb3.js";
+import { _ as ie, a as Le, c as Zt, b as kt, d as Pe, P as c } from "../../index-_-9ybP20.js";
+import { f as Yt, _ as Ke, a as wt, b as Me, c as ke, d as Ut, g as Ye, e as xt } from "../../defineProperty-SoB5opr-.js";
+import { _ as Ie, a as ii } from "../../find-OaLSg5iu.js";
+import { _ as Mt, a as ni, b as oi } from "../../map-BErBeya5.js";
 import { g as we } from "../../_commonjsHelpers-ByX85dGu.js";
-import { a as ri } from "../../es.string.iterator-DBx2A42F.js";
-import { k as ai, _ as Et } from "../../slicedToArray-DC6VAZtW.js";
-import { k as vt, u as ci, l as si, e as li, i as di } from "../../index.es-C6I3L4U4.js";
-import { n as ui, i as pi, K as P, _ as hi } from "../../keyboard-DbG3oyPU.js";
+import { a as ri } from "../../es.string.iterator-BrOvr7F6.js";
+import { k as ai, _ as Et } from "../../slicedToArray-C2Ed3239.js";
+import { k as vt, u as ci, l as si, e as li, i as di } from "../../index.es-DRC-9PLs.js";
+import { n as ui, i as pi, K as P, _ as hi } from "../../keyboard-DQ9O_Ke1.js";
 import E, { useEffect as ne, useState as yt, useMemo as te, useCallback as g, useRef as xe, forwardRef as fi, useImperativeHandle as _i } from "react";
 import { e as Ci, c as N, b as et } from "../../tslib.es6-BDCynO9F.js";
 import { M as oe, a as re } from "../../component-By6nyiBU.js";
 import { M as $t, b as $e } from "../../component-DYpB_4EP.js";
-import { I as ve } from "../../index.es-DEBGoIKX.js";
+import { I as ve } from "../../index.es-LckFzDz-.js";
 import { OverflowTooltip as Ii } from "../OverflowTooltip/OverflowTooltip.js";
 import '../../assets/ChipCard.css';var vi = ti ? window : null, Ee = function(o) {
   return !!o.addEventListener;

package/dist/components/ConfirmationModal/ConfirmationModal.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { B as s } from "../../index.es-B19PQgzU.js";
-import { G as o } from "../../index.es-Z0aF-7Cn.js";
-import { T as c } from "../../index.es-DUrjyxNI.js";
+import { B as s } from "../../index.es-B1cewJEy.js";
+import { G as o } from "../../index.es-BE1XL1dD.js";
+import { T as c } from "../../index.es-EXzC8zuP.js";
 import { useBreakpoints as C } from "../../hooks/useBreakpoints.js";
 import { Iconify as B } from "../Iconify/Iconify.js";
 import { Modal as H } from "../Modal/Modal.js";

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,90 +1,120 @@
-import { jsx as t, jsxs as I } from "react/jsx-runtime";
-import { I as A } from "../../index.es-CkB4776y.js";
-import { M as h, L as k, a as c, b as y } from "../../index.es-Cg57snrN.js";
-import { useState as q, useCallback as m, useEffect as L, useMemo as V, Fragment as B } from "react";
-import { u as N } from "../../uniqueId-CJo-XRQb.js";
-import { OfflineView as b } from "../OfflineView/OfflineView.js";
-import { useIsAllowed as $ } from "../PermissionChecks/PermissionService.js";
-import '../../assets/ContextMenu.css';const j = "_menu_x6qd9_1", z = "_icon_x6qd9_6", H = "_listItem_x6qd9_10", O = "_offlineViewMargin_x6qd9_20", n = {
-  menu: j,
-  icon: z,
-  listItem: H,
-  offlineViewMargin: O
-}, U = ({
-  triggerOpen: s = null,
-  actions: r,
-  iconOrientation: _ = "vertical",
-  "data-testid": a,
-  isOnline: p = !0,
-  offlineViewProps: M
+import { jsx as i, jsxs as M } from "react/jsx-runtime";
+import { I as k } from "../../index.es-BZkGOjEo.js";
+import { M as v, L as w, a as x, b as C } from "../../index.es-_PSuLbjQ.js";
+import { useState as g, useCallback as T, useEffect as I, useMemo as b, Fragment as A, useRef as L, useLayoutEffect as B } from "react";
+import { c as V } from "../../index-_-9ybP20.js";
+import { u as z } from "../../uniqueId-CJo-XRQb.js";
+import { OfflineView as H } from "../OfflineView/OfflineView.js";
+import { useIsAllowed as N } from "../PermissionChecks/PermissionService.js";
+import { useBreakpoints as O } from "../../hooks/useBreakpoints.js";
+import '../../assets/ContextMenu.css';const E = "_menu_52omh_1", R = "_mobile_52omh_7", S = "_desktop_52omh_11", $ = "_icon_52omh_15", j = "_listItem_52omh_19", q = "_offlineViewMargin_52omh_51", D = "_primaryTextTruncated_52omh_55", n = {
+  menu: E,
+  mobile: R,
+  desktop: S,
+  icon: $,
+  listItem: j,
+  offlineViewMargin: q,
+  primaryTextTruncated: D
+}, P = ({
+  triggerOpen: t = null,
+  actions: l,
+  iconOrientation: a = "vertical",
+  "data-testid": c,
+  isOnline: m = !0,
+  offlineViewProps: f
 }) => {
-  const [f, i] = q(!1), u = $(), d = m(() => {
-    i(!1);
-  }, []), g = m(() => {
-    i((e) => !e);
+  const { isMobile: d } = O(), [u, o] = g(!1), _ = N(), p = T(() => {
+    o(!1);
+  }, []), h = T(() => {
+    o((e) => !e);
   }, []);
-  L(() => {
-    i(s !== null ? s : !1);
-  }, [s]);
-  const o = V(() => r.filter((e) => e.isHidden || e.isAllowed === !1 ? !1 : !(e.permissionConfiguration && !u(e.permissionConfiguration))), [r, u]);
-  return o.length === 0 ? null : /* @__PURE__ */ t(
-    h,
+  I(() => {
+    o(t !== null ? t : !1);
+  }, [t]);
+  const r = b(() => l.filter((e) => e.isHidden || e.isAllowed === !1 ? !1 : !(e.permissionConfiguration && !_(e.permissionConfiguration))), [l, _]);
+  return r.length === 0 ? null : /* @__PURE__ */ i(
+    v,
     {
       className: n.menu,
-      "data-testid": a ?? "contextMenu-undefined",
-      open: f,
+      "data-testid": c ?? "contextMenu-undefined",
+      open: u,
       surfaceOnly: !0,
       hoistToBody: !0,
-      onClose: d,
-      trigger: /* @__PURE__ */ t(
-        A,
+      onClose: p,
+      trigger: /* @__PURE__ */ i(
+        k,
         {
           className: n.icon,
-          variant: f ? "filled-primary" : void 0,
+          variant: u ? "filled-primary" : void 0,
           "data-testid": "open-button",
-          icon: _ === "vertical" ? "more_vert" : "more_horiz",
-          onClick: g
+          icon: a === "vertical" ? "more_vert" : "more_horiz",
+          onClick: h
         }
       ),
-      children: p ? /* @__PURE__ */ t(k, { "data-testid": "selection-list", children: o.map((e, l) => {
-        const {
-          closeOnClick: w,
-          dividerBefore: x,
-          dividerAfter: C,
-          permissionConfiguration: S,
-          isAllowed: T,
-          isHidden: D,
-          ...v
-        } = e;
-        return /* @__PURE__ */ I(B, { children: [
-          x && l !== 0 && /* @__PURE__ */ t(c, {}),
-          /* @__PURE__ */ t(
-            y,
-            {
-              className: n.listItem,
-              ...v,
-              leadingBlockType: "icon",
-              "data-testid": e["data-testid"] ?? `contextMenu-action-${l}`,
-              onClick: () => {
-                e?.onClick?.(), w !== !1 && d();
-              }
-            }
-          ),
-          C && l !== o.length - 1 && /* @__PURE__ */ t(c, {})
-        ] }, N(`LI_${e.primaryText?.toString()}_`));
-      }) }) : /* @__PURE__ */ t(
-        b,
+      children: m ? /* @__PURE__ */ i(w, { "data-testid": "selection-list", children: r.map((e, s) => /* @__PURE__ */ M(A, { children: [
+        e.dividerBefore && s !== 0 && /* @__PURE__ */ i(x, {}),
+        /* @__PURE__ */ i(
+          F,
+          {
+            actionProps: e,
+            index: s,
+            isMobile: d,
+            closeMenu: p
+          }
+        ),
+        e.dividerAfter && s !== r.length - 1 && /* @__PURE__ */ i(x, {})
+      ] }, z(`LI_${e.primaryText?.toString()}_`))) }) : /* @__PURE__ */ i(
+        H,
         {
           size: "small",
           variant: "filled",
           className: n.offlineViewMargin,
-          ...M
+          ...f
         }
       )
     },
-    `contextMenu-${a ?? "undefined"}`
+    `contextMenu-${c ?? "undefined"}`
+  );
+}, F = ({
+  actionProps: t,
+  index: l,
+  isMobile: a,
+  closeMenu: c
+}) => {
+  const m = L(null), [f, d] = g(!1), { closeOnClick: u, permissionConfiguration: o, isAllowed: _, isHidden: p, ...h } = t;
+  return B(() => {
+    const r = m.current;
+    if (!r) return;
+    const e = r.querySelector(
+      "[class*='mdc-list-item__primary-text']"
+    );
+    if (!e) return;
+    const s = () => {
+      d(e.scrollHeight > e.clientHeight);
+    };
+    s();
+    const y = new ResizeObserver(s);
+    return y.observe(e), () => {
+      y.disconnect();
+    };
+  }, [t.primaryText, a]), /* @__PURE__ */ i(
+    C,
+    {
+      ref: m,
+      "data-testid": t["data-testid"] ?? `contextMenu-action-${l}`,
+      className: V(
+        n.listItem,
+        f && n.primaryTextTruncated,
+        a ? n.mobile : n.desktop
+      ),
+      ...h,
+      leadingBlockType: "icon",
+      onClick: () => {
+        t?.onClick?.(), u !== !1 && c();
+      }
+    }
   );
 };
 export {
-  U as ContextMenu
+  P as ContextMenu
 };

package/dist/components/DeleteModal/DeleteModal.js

@@ -1,8 +1,8 @@
 import { jsx as o, jsxs as b, Fragment as c } from "react/jsx-runtime";
-import { B as f } from "../../index.es-B19PQgzU.js";
-import { G as m } from "../../index.es-Z0aF-7Cn.js";
-import { I as S } from "../../index.es-DEBGoIKX.js";
-import { T as i } from "../../index.es-DUrjyxNI.js";
+import { B as f } from "../../index.es-B1cewJEy.js";
+import { G as m } from "../../index.es-BE1XL1dD.js";
+import { I as S } from "../../index.es-LckFzDz-.js";
+import { T as i } from "../../index.es-EXzC8zuP.js";
 import { u as N } from "../../uniqueId-CJo-XRQb.js";
 import { AvailableCustomIcons as O } from "../../enums/AvailableCustomIcons.js";
 import { useBreakpoints as x } from "../../hooks/useBreakpoints.js";

package/dist/components/DetailContentWrapper/DetailContentWrapper.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as r, Fragment as a } from "react/jsx-runtime";
-import { G as m } from "../../index.es-Z0aF-7Cn.js";
+import { G as m } from "../../index.es-BE1XL1dD.js";
 import { BasicHeading as s } from "../BasicHeading/BasicHeading.js";
 import '../../assets/DetailContentWrapper.css';const f = "_formContainer_gf66t_1", c = {
   formContainer: f

package/dist/components/Disclaimer/Disclaimer.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { G as n } from "../../index.es-Z0aF-7Cn.js";
-import { I as t } from "../../index.es-DEBGoIKX.js";
-import { c as m, T as d } from "../../index.es-DUrjyxNI.js";
+import { G as n } from "../../index.es-BE1XL1dD.js";
+import { I as t } from "../../index.es-LckFzDz-.js";
+import { c as m, T as d } from "../../index.es-EXzC8zuP.js";
 import '../../assets/Disclaimer.css';const p = "_disclaimer_1k38t_1", y = "_iconArea_1k38t_7", a = {
   disclaimer: p,
   iconArea: y

package/dist/components/EmptyView/EmptyView.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as d, Fragment as u } from "react/jsx-runtime";
-import { G as y } from "../../index.es-Z0aF-7Cn.js";
-import { a as l } from "../../index.es-DUrjyxNI.js";
-import { c as _ } from "../../index-Df2FYN-K.js";
+import { G as y } from "../../index.es-BE1XL1dD.js";
+import { a as l } from "../../index.es-EXzC8zuP.js";
+import { c as _ } from "../../index-_-9ybP20.js";
 import { Iconify as f } from "../Iconify/Iconify.js";
 import "react";
 import "../../react-tooltip.min-Dkz5ltCC.js";

package/dist/components/ErrorBanner/ErrorBanner.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { B as c } from "../../index.es-B19PQgzU.js";
-import { G as t } from "../../index.es-Z0aF-7Cn.js";
-import { P as f } from "../../index.es-DgncYOqO.js";
-import { T as u, a as b } from "../../index.es-DUrjyxNI.js";
-import { c as h } from "../../index-Df2FYN-K.js";
+import { B as c } from "../../index.es-B1cewJEy.js";
+import { G as t } from "../../index.es-BE1XL1dD.js";
+import { P as f } from "../../index.es-C8AExypY.js";
+import { T as u, a as b } from "../../index.es-EXzC8zuP.js";
+import { c as h } from "../../index-_-9ybP20.js";
 import { useContainerWidth as B } from "../../hooks/useContainerWidth.js";
 import { Iconify as g } from "../Iconify/Iconify.js";
 import '../../assets/ErrorBanner.css';const y = "_bannerPadding_1ka2b_1", _ = "_bottomBorder_1ka2b_7", P = "_standaloneBorder_1ka2b_12", s = {

package/dist/components/Filter/Filter.js

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as B, Fragment as D } from "react/jsx-runtime";
-import { N as z } from "../../index.es-Cg57snrN.js";
-import { B as _ } from "../../index.es-B19PQgzU.js";
-import { G as v } from "../../index.es-Z0aF-7Cn.js";
-import { I as W } from "../../index.es-CkB4776y.js";
-import { S as j } from "../../index.es-Ci3O23C_.js";
-import { c as G } from "../../index-Df2FYN-K.js";
+import { N as z } from "../../index.es-_PSuLbjQ.js";
+import { B as _ } from "../../index.es-B1cewJEy.js";
+import { G as v } from "../../index.es-BE1XL1dD.js";
+import { I as W } from "../../index.es-BZkGOjEo.js";
+import { S as j } from "../../index.es-BVW2k-5y.js";
+import { c as G } from "../../index-_-9ybP20.js";
 import { useState as b } from "react";
 import { Iconify as H } from "../Iconify/Iconify.js";
 import { useBreakpoints as F } from "../../hooks/useBreakpoints.js";

package/dist/components/FloatingActionButton/FloatingActionButton.js

@@ -1,7 +1,7 @@
 import { jsx as n, jsxs as M, Fragment as z } from "react/jsx-runtime";
-import { I as F } from "../../index.es-CkB4776y.js";
-import { M as j, L as D, a as k, b as H } from "../../index.es-Cg57snrN.js";
-import { c as r } from "../../index-Df2FYN-K.js";
+import { I as F } from "../../index.es-BZkGOjEo.js";
+import { M as j, L as D, a as k, b as H } from "../../index.es-_PSuLbjQ.js";
+import { c as r } from "../../index-_-9ybP20.js";
 import { useState as E, useCallback as w, useEffect as G, useMemo as f, Fragment as J } from "react";
 import { createPortal as d } from "react-dom";
 import { useBreakpoints as K } from "../../hooks/useBreakpoints.js";

package/dist/components/FormComponents/FormCheckBox/FormCheckBox.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { C as m } from "../../../index.es-BcnmoCEg.js";
+import { C as m } from "../../../index.es-BSaDtduL.js";
 import { useFormContext as k, Controller as C } from "react-hook-form";
 import '../../../assets/FormCheckBox.css';const b = "_invalid_1l2r2_1", d = "_checkbox_1l2r2_5", c = {
   invalid: b,

package/dist/components/FormComponents/FormDatePicker/FormDatePicker.js

@@ -1,8 +1,8 @@
 import { jsx as x, jsxs as ye } from "react/jsx-runtime";
-import { B as wa } from "../../../index.es-B19PQgzU.js";
-import { b as u, a as o, c as d, d as s, r as ya, s as Pe, t as M, m as W, l as j, f as D, e as C, g as Pa, D as ka } from "../../../index.es-BwafUoK3.js";
-import { D as Ma } from "../../../index.es-C27R5Xae.js";
-import { P as $a } from "../../../index.es-DgncYOqO.js";
+import { B as wa } from "../../../index.es-B1cewJEy.js";
+import { b as u, a as o, c as d, d as s, r as ya, s as Pe, t as M, m as W, l as j, f as D, e as C, g as Pa, D as ka } from "../../../index.es-CVPUG1pf.js";
+import { D as Ma } from "../../../index.es-0SkNh4dU.js";
+import { P as $a } from "../../../index.es-C8AExypY.js";
 import { useMemo as T, useState as Wa } from "react";
 import { useFormContext as ja, Controller as Da } from "react-hook-form";
 import { useHelperText as za } from "../../../hooks/useHelperText.js";

package/dist/components/FormComponents/FormNumber/CustomTextField.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { T as u } from "../../../index.es-B9BUXRQn.js";
+import { T as u } from "../../../index.es-DsOSfaF5.js";
 import { g } from "../../../get-CBFiuc3f.js";
 import { o as f } from "../../../omit-BWQrFyQ-.js";
 import { useMemo as v } from "react";

package/dist/components/FormComponents/FormRadio/FormRadio.js

@@ -1,5 +1,5 @@
 import { jsx as r, Fragment as m } from "react/jsx-runtime";
-import { R as d } from "../../../index.es-DHnCVuQ8.js";
+import { R as d } from "../../../index.es-DPGGEmi5.js";
 import { useFormContext as s, Controller as c } from "react-hook-form";
 const g = ({ propertyName: l, options: t }) => {
   const { control: n, setValue: o } = s(), u = (a) => {