@hortiview/shared-components 2.26.0 → 2.26.2

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+## [2.26.2](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.26.1...v2.26.2) (2026-05-26)
+
+### Code Refactoring
+
+* adjust BlockView size props, minor styling achanges ([c2dca99](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/c2dca9979c41025c00a14330094aea081cc44c23)), closes [#20844](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/issues/20844)
+
+## [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

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/BlockView.css

@@ -1 +1 @@
-._grid_gfk3g_1{display:flex;padding-bottom:0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;align-self:stretch}._blockLayout_gfk3g_11{padding:.5rem;gap:.5rem;display:flex;flex-direction:column;border-radius:.5rem;background:var(--lmnt-theme-secondary-100);width:15rem;height:15rem}._blockRow_gfk3g_22{display:flex;flex-direction:row;gap:.5rem;height:100%;align-self:stretch}._block_gfk3g_11{flex:auto;border-radius:.25rem;background:var(--lmnt-theme-secondary);align-items:center;display:flex;justify-content:center;position:relative}._block_gfk3g_11._active_gfk3g_41{background:var(--lmnt-theme-primary);margin:-2px}._block_gfk3g_11._error_gfk3g_46{border:2px solid var(--lmnt-theme-danger);background:var(--lmnt-theme-danger-50);margin:-2px}._block_gfk3g_11._empty_gfk3g_52{background:var(--lmnt-theme-secondary-200);cursor:default}._activeBlock_gfk3g_57{background:var(--lmnt-theme-primary)}._block_gfk3g_11._clickable_gfk3g_61{cursor:pointer}._blockText_gfk3g_65{display:flex;justify-content:center;position:absolute;width:1vw;height:1vh;align-items:center;color:var(--lmnt-theme-on-primary)}._emptyLayout_gfk3g_75{display:flex;justify-content:center;align-items:center;background:var(--lmnt-theme-surface-variant);border-radius:.5rem}
+._grid_otqrz_1{display:flex;padding-bottom:0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;align-self:stretch;height:100%}._blockLayout_otqrz_13{padding:.5rem;gap:.5rem;display:flex;flex-direction:column;border-radius:.5rem;background:var(--lmnt-theme-secondary-100)}._absoluteSize_otqrz_22{height:15rem;width:15rem}._relativeSize_otqrz_27{height:70%;width:50%;max-height:50vh;max-width:50vw;min-height:10rem;min-width:10rem}._relativeSize_otqrz_27._mobile_otqrz_38{height:70%;width:60%;max-height:50vh;max-width:75vw}._blockRow_otqrz_46{display:flex;flex-direction:row;gap:.5rem;height:100%;align-self:stretch}._block_otqrz_13{flex:auto;justify-content:center;border-radius:.25rem;background:var(--lmnt-theme-secondary);align-items:center;display:flex;position:relative;-webkit-tap-highlight-color:transparent;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,transform .2s ease-in-out}._block_otqrz_13._clickable_otqrz_70{cursor:pointer}._block_otqrz_13._empty_otqrz_74{background:var(--lmnt-theme-secondary-200);cursor:default}._block_otqrz_13._active_otqrz_79{background:var(--lmnt-theme-primary)}._block_otqrz_13._error_otqrz_83{box-shadow:inset 0 0 0 3px var(--lmnt-theme-danger)}._block_otqrz_13._hoverEffects_otqrz_87._active_otqrz_79:hover{background:var(--lmnt-theme-primary-600)}._block_otqrz_13._hoverEffects_otqrz_87._clickable_otqrz_70:hover:not(._active_otqrz_79){background:var(--lmnt-theme-secondary-500)}._block_otqrz_13._hoverEffects_otqrz_87._clickable_otqrz_70:hover{transform:scale(1.02)}._blockText_otqrz_99{display:flex;justify-content:center;position:absolute;width:1vw;height:1vh;align-items:center;color:var(--lmnt-theme-on-primary)}._emptyLayout_otqrz_109{display:flex;justify-content:center;align-items:center;background:var(--lmnt-theme-surface-variant);border-radius:.5rem}

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.d.ts

@@ -47,9 +47,15 @@ type BlockViewProps<T extends Block & {
      */
     clickable?: boolean;
     /**
-     * the size of the block in rem (default is 15x15)
+     * Set the size for the block view
+     * @remarks
+     * - 'absolute' - For containers without fixed dimensions (size depending on content) </br>Uses: { height: '15rem', width: '15rem' }
+     * - 'relative' - For containers with fixed size constraints (like modals with fixed dimensions) </br>Uses: { height: '70%', width: '50%' }
+     * - IMPORTANT: For 'relative' the parent container of the BlockView needs to have a fixed height and width. Otherwise you'll run into css issues
+     *
+     * @default 'absolute'
      */
-    size?: number;
+    size?: 'absolute' | 'relative';
     /**
      * the title of the block view, shown when `hideText` is false
      */

package/dist/components/BlockView/BlockView.js

@@ -1,95 +1,98 @@
-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 { useState as V, useEffect as q, useMemo as G } from "react";
+import { jsxs as z, jsx as o, Fragment as q } from "react/jsx-runtime";
+import { c as A, b as F, a as M } from "../../index.es-EXzC8zuP.js";
+import { c as h } from "../../index-_-9ybP20.js";
+import { useState as V, useEffect as $, 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 = {
-  grid: I,
-  blockLayout: J,
-  blockRow: K,
-  block: O,
-  active: P,
-  error: Q,
-  empty: U,
-  activeBlock: W,
+import { useBreakpoints as I } from "../../hooks/useBreakpoints.js";
+import '../../assets/BlockView.css';const J = "_grid_otqrz_1", K = "_blockLayout_otqrz_13", O = "_absoluteSize_otqrz_22", P = "_relativeSize_otqrz_27", Q = "_mobile_otqrz_38", U = "_blockRow_otqrz_46", W = "_block_otqrz_13", X = "_clickable_otqrz_70", Y = "_empty_otqrz_74", Z = "_active_otqrz_79", j = "_error_otqrz_83", tt = "_hoverEffects_otqrz_87", ot = "_blockText_otqrz_99", et = "_emptyLayout_otqrz_109", t = {
+  grid: J,
+  blockLayout: K,
+  absoluteSize: O,
+  relativeSize: P,
+  mobile: Q,
+  blockRow: U,
+  block: W,
   clickable: X,
-  blockText: Y,
-  emptyLayout: Z
-}, rt = ({
+  empty: Y,
+  active: Z,
+  error: j,
+  hoverEffects: tt,
+  blockText: ot,
+  emptyLayout: et
+}, bt = ({
   rows: e,
-  columns: c,
-  hideText: h = !1,
-  hideBlockCountText: w = !1,
-  errorBlocks: N = [],
+  columns: r,
+  hideText: w = !1,
+  hideBlockCountText: N = !1,
+  errorBlocks: g = [],
   showNumbers: x = !0,
-  clickable: b = !0,
-  size: _ = 15,
-  onClick: u = null,
-  currentBlock: a,
-  activeBlocks: g,
+  clickable: d = !1,
+  size: k = "absolute",
+  onClick: p = null,
+  currentBlock: s,
+  activeBlocks: v,
   blocks: m,
-  blockViewTitle: L,
-  blockLabel: T,
-  emptyViewTitle: B
+  blockViewTitle: S,
+  blockLabel: E,
+  emptyViewTitle: L
 }) => {
-  const [C, y] = V(0);
-  q(() => {
-    if (!a) return;
-    const l = H(a, c);
-    y(l);
-  }, [a, c]);
-  const E = G(() => e * c, [e, c]), R = (l) => {
-    u && u(l, a ?? void 0);
-  }, $ = ({ row: l, column: r }) => m.length === 0 ? !0 : m.some((d) => d.position?.row === l && d.position?.column === r), p = !e && !c;
-  return /* @__PURE__ */ f("div", { "data-testid": "block-view-container", className: t.grid, children: [
-    !h && /* @__PURE__ */ o(D, { level: 1, bold: !0, className: t.black, children: L }),
+  const [T, y] = V(0), { isDesktop: f } = I();
+  $(() => {
+    if (!s) return;
+    const c = H(s, r);
+    y(c);
+  }, [s, r]);
+  const C = G(() => e * r, [e, r]), R = (c) => {
+    p && p(c, s ?? void 0);
+  }, B = ({ row: c, column: i }) => m.length === 0 ? !0 : m.some((u) => u.position?.row === c && u.position?.column === i), _ = !e && !r;
+  return /* @__PURE__ */ z("div", { "data-testid": "block-view-container", className: t.grid, children: [
+    !w && /* @__PURE__ */ o(A, { level: 1, bold: !0, className: t.black, children: S }),
     /* @__PURE__ */ o(
       "div",
       {
         "data-testid": "block-view-layout",
-        className: p ? t.emptyLayout : t.blockLayout,
-        style: { width: `${_}rem`, height: `${_}rem` },
-        children: p ? /* @__PURE__ */ o(j, { emptyViewTitle: B }) : /* @__PURE__ */ o(v, { children: Array.from({ length: e }).map((l, r) => /* @__PURE__ */ o("div", { "data-testid": "block-view-row", className: t.blockRow, children: Array.from({ length: c }).map((d, s) => {
-          const i = c * r + s + 1, n = $({ row: r + 1, column: s + 1 }), A = M(
+        className: h(
+          _ && t.emptyLayout,
+          !_ && t.blockLayout,
+          k === "absolute" && t.absoluteSize,
+          k === "relative" && t.relativeSize,
+          !f && t.mobile
+        ),
+        children: _ ? /* @__PURE__ */ o(rt, { emptyViewTitle: L }) : /* @__PURE__ */ o(q, { children: Array.from({ length: e }).map((c, i) => /* @__PURE__ */ o("div", { "data-testid": "block-view-row", className: t.blockRow, children: Array.from({ length: r }).map((u, a) => {
+          const l = r * i + a + 1, n = B({ row: i + 1, column: a + 1 }), D = h(
             t.block,
-            b && n && t.clickable,
-            C === i && t.active,
+            f && t.hoverEffects,
+            d && n && t.clickable,
+            T === l && t.active,
             !n && t.empty,
-            N.includes(i) && t.error,
-            g && m.some(
-              (k) => k.id && g.includes(k.id) && k.position?.row === r + 1 && k.position?.column === s + 1
-            ) && t.activeBlock
+            g.includes(l) && t.error,
+            v && m.some(
+              (b) => b.id && v.includes(b.id) && b.position?.row === i + 1 && b.position?.column === a + 1
+            ) && t.active
           );
           return /* @__PURE__ */ o(
             "div",
             {
               "data-testid": "block-view-block",
-              className: A,
-              id: `block${i}`,
-              onClick: b && n ? () => {
-                y(i), R({ row: r + 1, column: s + 1 });
+              className: D,
+              id: `block${l}`,
+              onClick: d && n ? () => {
+                y(l), R({ row: i + 1, column: a + 1 });
               } : void 0,
-              children: x && n && /* @__PURE__ */ o(
-                "div",
-                {
-                  "data-testid": "block-view-block-number",
-                  className: t.blockText,
-                  children: i
-                }
-              )
+              children: x && n && /* @__PURE__ */ o("div", { "data-testid": "block-view-block-number", className: t.blockText, children: l })
             },
-            i
+            l
           );
-        }) }, r)) })
+        }) }, i)) })
       }
     ),
-    !w && /* @__PURE__ */ f(S, { themeColor: "primary", level: 6, children: [
-      E,
+    !N && /* @__PURE__ */ z(F, { themeColor: "primary", level: 6, children: [
+      C,
       " ",
-      T
+      E
     ] })
   ] });
-}, j = ({ emptyViewTitle: e }) => e ? /* @__PURE__ */ o(F, { bold: !0, children: e }) : /* @__PURE__ */ o(v, {});
+}, rt = ({ emptyViewTitle: e }) => e ? /* @__PURE__ */ o(M, { bold: !0, children: e }) : /* @__PURE__ */ o(q, {});
 export {
-  rt as BlockView
+  bt as BlockView
 };

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,8 +1,8 @@
 import { jsx as i, jsxs as M } from "react/jsx-runtime";
-import { I as k } from "../../index.es-CkB4776y.js";
-import { M as v, L as w, a as x, b as C } from "../../index.es-Cg57snrN.js";
+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-Df2FYN-K.js";
+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";

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) => {