react-luminus-components 1.2.74 → 1.2.75

package/dist/main.es.js

@@ -1,12 +1,12 @@
-import { j as s, t as re, c as ae, g as sr, T as ar, a as ir, b as x, s as vt, E as cr, d as lr, e as ur, f as dr, h as hr, u as V, i as ue, k as Ut, F as bt, l as mr, m as fr, n as pr, o as gr, p as wr, q as xr, r as yr, v as vr, w as at, x as it, y as br, z as _r, P as be, A as de, B as jr, C as kr, D as ct, S as _t, G as De, H as Pe, I as lt, J as Cr, K as zt, L as $e, M as Re, O as jt, N as Nr, Q as ie, R as $r, U as Ir, V as Kt, W as ut, X as dt, Y as Q, Z as Sr, _ as Qt, $ as Tr, a0 as Xt, a1 as Er, a2 as Or, a3 as Mr, a4 as Dr, a5 as Jt, a6 as je, a7 as Pr, a8 as Ar, a9 as Fr, aa as Wr, ab as Rr, ac as Xe, ad as Be, ae as Zt, af as we, ag as Lr } from "./NoInputContainer-BlKRvyRb.js";
-import { ai as il, ah as cl } from "./NoInputContainer-BlKRvyRb.js";
+import { j as s, t as re, c as ae, g as sr, T as ar, a as ir, b as x, s as vt, E as cr, d as lr, e as ur, f as dr, h as hr, u as V, i as ue, k as Ut, F as bt, l as mr, m as fr, n as pr, o as gr, p as wr, q as xr, r as yr, v as vr, w as at, x as it, y as br, z as _r, P as be, A as de, B as jr, C as kr, D as ct, S as _t, G as De, H as Pe, I as lt, J as Cr, K as zt, L as $e, M as Re, O as jt, N as Nr, Q as ie, R as $r, U as Ir, V as Kt, W as ut, X as dt, Y as z, Z as Sr, _ as Qt, $ as Tr, a0 as Xt, a1 as Er, a2 as Or, a3 as Mr, a4 as Dr, a5 as Jt, a6 as je, a7 as Pr, a8 as Ar, a9 as Fr, aa as Wr, ab as Rr, ac as Xe, ad as Be, ae as Zt, af as we, ag as Lr } from "./NoInputContainer-CzSDOA31.js";
+import { ai as il, ah as cl } from "./NoInputContainer-CzSDOA31.js";
 import * as A from "react";
-import Z, { useCallback as O, useMemo as K, useEffect as D, useRef as Y, useState as P, useReducer as en, useContext as L, createElement as qr } from "react";
-import { d as Yr, C as Hr, a as tn, u as Br, q as kt, E as Ae, M as Fe, L as Gr } from "./EventType-BDQWFjx9.js";
+import Z, { useCallback as O, useMemo as Q, useEffect as D, useRef as Y, useState as P, useReducer as en, useContext as L, createElement as qr } from "react";
+import { d as Yr, C as Hr, a as tn, u as Br, q as kt, E as Ae, M as Fe, L as Gr } from "./EventType-CYj5c_TM.js";
 import { useFormContext as he, Controller as nn } from "react-hook-form";
 import { m as Vr, a as rn } from "./textUtils-BbxuIsKq.js";
 import { u as on, a as sn, b as an } from "./useFormControlType-BAFqxupC.js";
-import { S as ul } from "./SimpleTooltip-Box6rmkj.js";
+import { S as ul } from "./SimpleTooltip-CUAvaEIL.js";
 const Ic = ({ fileLoader: t, fileName: e, children: n }) => {
   const r = O(async () => {
     var l;
@@ -1292,16 +1292,16 @@ const rs = {
   getDimensionValue: p = ns,
   ...b
 }, w) => {
-  const f = typeof l == "function" ? l() : l, j = K(() => Ne((y) => {
+  const f = typeof l == "function" ? l() : l, j = Q(() => Ne((y) => {
     y.style[f] = "0";
-  }, t), [f, t]), v = K(() => Ne((y) => {
+  }, t), [f, t]), v = Q(() => Ne((y) => {
     const $ = `scroll${f[0].toUpperCase()}${f.slice(1)}`;
     y.style[f] = `${y[$]}px`;
-  }, e), [f, e]), g = K(() => Ne((y) => {
+  }, e), [f, e]), g = Q(() => Ne((y) => {
     y.style[f] = null;
-  }, n), [f, n]), C = K(() => Ne((y) => {
+  }, n), [f, n]), C = Q(() => Ne((y) => {
     y.style[f] = `${p(f, y)}px`, hr(y);
-  }, r), [r, p, f]), k = K(() => Ne((y) => {
+  }, r), [r, p, f]), k = Q(() => Ne((y) => {
     y.style[f] = null;
   }, o), [f, o]);
   return /* @__PURE__ */ s.jsx(ar, {
@@ -1814,7 +1814,7 @@ function Ee({
     });
   }, [d]), y = ue((_, T) => {
     n == null || n(_, T), k(!1, T, "select"), T.isPropagationStopped() || C == null || C(_, T);
-  }), $ = K(() => ({
+  }), $ = Q(() => ({
     toggle: k,
     placement: i,
     show: u,
@@ -2081,7 +2081,7 @@ const Rn = /* @__PURE__ */ A.forwardRef((t, e) => {
   }), b = L(Ue), w = V(n, "dropdown"), f = _r(), j = ($) => m === !1 ? $ === "click" : m === "inside" ? $ !== "rootClose" : m === "outside" ? $ !== "select" : !0, v = ue(($, M) => {
     var S, N;
     !((S = M.originalEvent) == null || (N = S.target) == null) && N.classList.contains("dropdown-toggle") && M.source === "mousedown" || (M.originalEvent.currentTarget === document && (M.source !== "keydown" || M.originalEvent.key === "Escape") && (M.source = "rootClose"), j(M.source) && (c == null || c($, M)));
-  }), C = An(i === "end", r, f), k = K(() => ({
+  }), C = An(i === "end", r, f), k = Q(() => ({
     align: i,
     drop: r,
     isRTL: f
@@ -2209,7 +2209,7 @@ const Ln = /* @__PURE__ */ A.forwardRef(({
   e = V(e, "form-check"), n = V(n, "form-switch");
   const {
     controlId: C
-  } = L(de), k = K(() => ({
+  } = L(de), k = Q(() => ({
     controlId: t || C
   }), [C, t]), y = !f && w != null && w !== !1 || hs(f, Ye), $ = /* @__PURE__ */ s.jsx(Oe, {
     ...v,
@@ -2453,7 +2453,7 @@ const Ds = (t) => /* @__PURE__ */ s.jsx(Ke, {
   ...a
 }, i) => {
   t = V(t, "input-group");
-  const l = K(() => ({}), []);
+  const l = Q(() => ({}), []);
   return /* @__PURE__ */ s.jsx(Ue.Provider, {
     value: l,
     children: /* @__PURE__ */ s.jsx(o, {
@@ -2853,7 +2853,7 @@ function Ia(t, e, n) {
 }
 /*! @azure/msal-react v2.0.16 2024-05-07 */
 function Sa({ interactionType: t, username: e, homeAccountId: n, localAccountId: r, authenticationRequest: o, loadingComponent: a, errorComponent: i, children: l }) {
-  const c = K(() => ({
+  const c = Q(() => ({
     username: e,
     homeAccountId: n,
     localAccountId: r
@@ -2958,7 +2958,7 @@ const Ta = "_button_1wjon_1", Ea = "_filled_1wjon_7", Oa = "_sm_1wjon_13", Ma =
   widget: Ba
 }, Va = ({ show: t, widgets: e, handleClose: n, onWidgetPicked: r, texts: o }) => /* @__PURE__ */ s.jsxs(Fe, { show: t, onHide: () => n(), children: [
   /* @__PURE__ */ s.jsx(Fe.Header, { closeButton: !0, children: /* @__PURE__ */ s.jsx(Fe.Title, { children: o.pickWidgetToAdd }) }),
-  /* @__PURE__ */ s.jsx(Fe.Body, { children: /* @__PURE__ */ s.jsx("div", { className: "list-group", children: e.filter((a) => a.id >= 0).map((a) => /* @__PURE__ */ s.jsx("div", { role: "button", className: "list-group-item bg-white", onClick: () => r(a.id), children: /* @__PURE__ */ s.jsx(Q, { variant: "body", children: a.name }) })) }) })
+  /* @__PURE__ */ s.jsx(Fe.Body, { children: /* @__PURE__ */ s.jsx("div", { className: "list-group", children: e.filter((a) => a.id >= 0).map((a) => /* @__PURE__ */ s.jsx("div", { role: "button", className: "list-group-item bg-white", onClick: () => r(a.id), children: /* @__PURE__ */ s.jsx(z, { variant: "body", children: a.name }) })) }) })
 ] }), qt = ({ availableWidgets: t, onAdd: e, texts: n }) => {
   const [r, o] = P(!1);
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
@@ -3055,7 +3055,7 @@ const Ta = "_button_1wjon_1", Ea = "_filled_1wjon_7", Oa = "_sm_1wjon_13", Ma =
     i(o);
   }, [o]), /* @__PURE__ */ s.jsxs("div", { className: n ?? "", children: [
     /* @__PURE__ */ s.jsxs("div", { role: "button", className: "d-flex align-items-center justify-content-between pb-3 pt-2", onClick: () => r.controlled ? r.onToggle(!r.isOpen) : i(!a), children: [
-      /* @__PURE__ */ s.jsx(Q, { variant: "h6", children: t }),
+      /* @__PURE__ */ s.jsx(z, { variant: "h6", children: t }),
       /* @__PURE__ */ s.jsx(Xt, { className: x(Ht.collapseIcon, {
         [Ht.collapsed]: l
       }) })
@@ -3084,7 +3084,7 @@ function ui(t, e, n) {
       h.current = !1;
     };
   }, []);
-  var g = K(function() {
+  var g = Q(function() {
     var C = function(N) {
       var _ = l.current, T = c.current;
       return l.current = c.current = null, a.current = N, u.current = d.current.apply(T, _);
@@ -3162,7 +3162,7 @@ const mi = "_wrapper_uccrb_1", fi = "_open_uccrb_9", pi = "_dropdown_uccrb_13",
   clearButton: Ci
 }, yt = ({ show: t, onCancel: e, items: n, currentSelection: r, onSelectionChange: o, onSearchQueryChange: a, texts: i, itemsNameWidth: l, additionalColumns: c, displayIdAsName: u = !1, autoHideSearch: d = !1, allItemsLength: h, disabled: m, isLoading: p = !1, inputRef: b }) => {
   var I;
-  const w = Y(null), f = Y(null), j = Y(null), [v, g] = P(""), [C] = er(v, 500), [, k] = P(!1), y = (I = b.current) == null ? void 0 : I.getBoundingClientRect(), $ = (y == null ? void 0 : y.x) ?? 0, M = ((y == null ? void 0 : y.x) ?? 0) + ((y == null ? void 0 : y.width) ?? 0), S = (y == null ? void 0 : y.y) ?? 0, N = ((y == null ? void 0 : y.y) ?? 0) + ((y == null ? void 0 : y.height) ?? 0), _ = (y == null ? void 0 : y.width) ?? 0, T = (y == null ? void 0 : y.height) ?? 0, F = 5, W = K(() => $ ? $ > window.innerWidth / 2 : !1, [$]), H = K(() => S ? S > window.innerHeight / 2 : !1, [S]);
+  const w = Y(null), f = Y(null), j = Y(null), [v, g] = P(""), [C] = er(v, 500), [, k] = P(!1), y = (I = b.current) == null ? void 0 : I.getBoundingClientRect(), $ = (y == null ? void 0 : y.x) ?? 0, M = ((y == null ? void 0 : y.x) ?? 0) + ((y == null ? void 0 : y.width) ?? 0), S = (y == null ? void 0 : y.y) ?? 0, N = ((y == null ? void 0 : y.y) ?? 0) + ((y == null ? void 0 : y.height) ?? 0), _ = (y == null ? void 0 : y.width) ?? 0, T = (y == null ? void 0 : y.height) ?? 0, F = 5, W = Q(() => $ ? $ > window.innerWidth / 2 : !1, [$]), H = Q(() => S ? S > window.innerHeight / 2 : !1, [S]);
   D(() => {
     var E;
     t && ((E = j.current) == null || E.focus());
@@ -3185,13 +3185,13 @@ const mi = "_wrapper_uccrb_1", fi = "_open_uccrb_9", pi = "_dropdown_uccrb_13",
   }), [G]), D(() => (window.addEventListener("resize", G), () => {
     window.removeEventListener("resize", G);
   }), [G]), on(R), sn([w, f], e);
-  const oe = l ?? (c && c.length > 0 ? 250 : 0), te = (c == null ? void 0 : c.reduce((E, z) => E + (z.width ?? 100), 0)) ?? 0, U = `calc(max(${_}px, ${oe}px + ${te}px))`;
+  const oe = l ?? (c && c.length > 0 ? 250 : 0), te = (c == null ? void 0 : c.reduce((E, K) => E + (K.width ?? 100), 0)) ?? 0, U = `calc(max(${_}px, ${oe}px + ${te}px))`;
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(nr, { show: t, onClick: e }),
     r && t && !m && /* @__PURE__ */ s.jsx("button", { ref: f, type: "button", className: x("luminus-dropdown-picker-clear-button", X.clearButton), onClick: () => !m && o(null), style: {
       top: `calc(${S}px + ${T / 2}px - 12px)`,
       left: `calc(${$}px - 24px - 8px)`
-    }, children: /* @__PURE__ */ s.jsx(Q, { variant: "caption", className: "text-danger", children: /* @__PURE__ */ s.jsx(Qt, { size: 16 }) }) }),
+    }, children: /* @__PURE__ */ s.jsx(z, { variant: "caption", className: "text-danger", children: /* @__PURE__ */ s.jsx(Qt, { size: 16 }) }) }),
     /* @__PURE__ */ s.jsx("div", { className: x("luminus-dropdown-picker", X.wrapper, {
       [X.open]: t
     }), style: {
@@ -3202,8 +3202,8 @@ const mi = "_wrapper_uccrb_1", fi = "_open_uccrb_9", pi = "_dropdown_uccrb_13",
       justifyContent: H ? "flex-end" : "flex-start"
     }, children: /* @__PURE__ */ s.jsx("div", { ref: w, className: x("shadow rounded", X.dropdown), children: !m && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       d && (h ?? n.length) <= F ? null : /* @__PURE__ */ s.jsx("div", { className: x("search-input-container border-bottom", X.searchInputContainer), children: /* @__PURE__ */ s.jsx(ee.Control, { ref: j, type: "search", size: "sm", className: X.searchInput, placeholder: i.searchPlaceholder, value: v, onChange: (E) => {
-        var z;
-        return g(((z = E.target) == null ? void 0 : z.value) ?? "");
+        var K;
+        return g(((K = E.target) == null ? void 0 : K.value) ?? "");
       } }) }),
       p ? /* @__PURE__ */ s.jsx("div", { className: X.loadingContainer, children: /* @__PURE__ */ s.jsx(gt, { animation: "border", variant: "primary" }) }) : n.length > 0 && /* @__PURE__ */ s.jsxs("div", { className: x("items", X.itemsContainer), children: [
         c && c.length > 0 && /* @__PURE__ */ s.jsxs("div", { className: x("header-row border-bottom", X.headerRow), children: [
@@ -3212,15 +3212,15 @@ const mi = "_wrapper_uccrb_1", fi = "_open_uccrb_9", pi = "_dropdown_uccrb_13",
             width: `${E.width ?? 100}px`,
             minWidth: `${E.width ?? 100}px`,
             maxWidth: `${E.width ?? 100}px`
-          }, children: /* @__PURE__ */ s.jsx(Q, { variant: "caption", children: E.name }) }, E.key))
+          }, children: /* @__PURE__ */ s.jsx(z, { variant: "caption", children: E.name }) }, E.key))
         ] }),
         n == null ? void 0 : n.map((E) => /* @__PURE__ */ s.jsxs("button", { type: "button", className: x("item cursor-pointer", X.item), onClick: () => !m && o(E), children: [
-          /* @__PURE__ */ s.jsx("div", { className: X.name, children: /* @__PURE__ */ s.jsx(Q, { variant: "body2", children: u ? E.id : E.name }) }),
-          c == null ? void 0 : c.map((z) => /* @__PURE__ */ s.jsx("div", { className: X.columnItem, style: {
-            width: `${z.width ?? 100}px`,
-            minWidth: `${z.width ?? 100}px`,
-            maxWidth: `${z.width ?? 100}px`
-          }, children: /* @__PURE__ */ s.jsx(Q, { variant: "caption", className: x("text-muted"), children: E.additionalColumns && E.additionalColumns[z.key] }) }, z.key))
+          /* @__PURE__ */ s.jsx("div", { className: X.name, children: /* @__PURE__ */ s.jsx(z, { variant: "body2", children: u ? E.id : E.name }) }),
+          c == null ? void 0 : c.map((K) => /* @__PURE__ */ s.jsx("div", { className: X.columnItem, style: {
+            width: `${K.width ?? 100}px`,
+            minWidth: `${K.width ?? 100}px`,
+            maxWidth: `${K.width ?? 100}px`
+          }, children: /* @__PURE__ */ s.jsx(z, { variant: "caption", className: x("text-muted"), children: E.additionalColumns && E.additionalColumns[K.key] }) }, K.key))
         ] }, E.id))
       ] })
     ] }) }) })
@@ -3281,8 +3281,8 @@ const $i = "_item_1dy8x_1", tr = {
     var h;
     return /* @__PURE__ */ s.jsxs("div", { className: x(me.group), children: [
       /* @__PURE__ */ s.jsxs(i, { to: `/search?query=${e}&type=${d.key.category}`, className: x("group-header", me.header), onClick: n, children: [
-        /* @__PURE__ */ s.jsx(Q, { variant: "body", className: "text-primary", children: d.key.categoryName }),
-        /* @__PURE__ */ s.jsxs(Q, { variant: "caption", children: [
+        /* @__PURE__ */ s.jsx(z, { variant: "body", className: "text-primary", children: d.key.categoryName }),
+        /* @__PURE__ */ s.jsxs(z, { variant: "caption", children: [
           d.items.length,
           " ",
           l.amountFrom,
@@ -3297,8 +3297,8 @@ const $i = "_item_1dy8x_1", tr = {
           className: x("search-item d-flex gap-3 align-items-center justify-content-between", me.item),
           onClick: n,
           children: [
-            /* @__PURE__ */ s.jsx(Q, { variant: "body2", className: "text-nowrap text-truncate", children: m.name }),
-            /* @__PURE__ */ s.jsx(Q, { variant: "caption", className: "text-primary", children: /* @__PURE__ */ s.jsx(Mr, {}) })
+            /* @__PURE__ */ s.jsx(z, { variant: "body2", className: "text-nowrap text-truncate", children: m.name }),
+            /* @__PURE__ */ s.jsx(z, { variant: "caption", className: "text-primary", children: /* @__PURE__ */ s.jsx(Mr, {}) })
           ]
         },
         p
@@ -3368,7 +3368,7 @@ const $i = "_item_1dy8x_1", tr = {
       i.collapsible && (i.controlled ? i.onToggle(!i.isOpen) : u(!c));
     }, children: [
       /* @__PURE__ */ s.jsxs("div", { className: x("header-content", pe.headerContent), children: [
-        /* @__PURE__ */ s.jsx(Q, { variant: "h6", className: x("text-primary", pe.title), children: t }),
+        /* @__PURE__ */ s.jsx(z, { variant: "h6", className: x("text-primary", pe.title), children: t }),
         e ?? null
       ] }),
       i.collapsible && /* @__PURE__ */ s.jsx(Xt, { className: x(pe.collapseIcon, {
@@ -3442,7 +3442,7 @@ const $i = "_item_1dy8x_1", tr = {
         ] }),
         /* @__PURE__ */ s.jsx("div", { role: "button", onClick: e, children: /* @__PURE__ */ s.jsx(je, { style: { fontSize: "32px" } }) })
       ] }),
-      n.length === 0 && /* @__PURE__ */ s.jsx("div", { className: "w-100 h-100 d-flex align-items-center justify-content-center", children: /* @__PURE__ */ s.jsx(Q, { variant: "body", children: a ?? "No photos available" }) }),
+      n.length === 0 && /* @__PURE__ */ s.jsx("div", { className: "w-100 h-100 d-flex align-items-center justify-content-center", children: /* @__PURE__ */ s.jsx(z, { variant: "body", children: a ?? "No photos available" }) }),
       h && /* @__PURE__ */ s.jsxs("div", { className: ne.photoContainer, children: [
         /* @__PURE__ */ s.jsx("div", { role: m ? "button" : void 0, className: x("align-items-start", ne.navButton), onClick: () => m && d((w) => w - 1), children: m && /* @__PURE__ */ s.jsx(ut, { style: { fontSize: "40px" } }) }),
         /* @__PURE__ */ s.jsx("img", { src: h.lgSrc, alt: h.alt, className: x("rounded", ne.photo) }),
@@ -3488,7 +3488,7 @@ const $i = "_item_1dy8x_1", tr = {
   return r ? /* @__PURE__ */ s.jsx(Sa, { interactionType: Re.Redirect, authenticationRequest: { scopes: o }, children: l || !a() ? /* @__PURE__ */ s.jsx(Gr, {}) : i ? c ? /* @__PURE__ */ s.jsx(s.Fragment, { children: e }) : /* @__PURE__ */ s.jsx(n, { to: "/user-not-permitted", replace: !0 }) : /* @__PURE__ */ s.jsx(n, { to: "/no-user-login", replace: !0 }) }) : !a() || !i ? /* @__PURE__ */ s.jsx(n, { to: "/login", replace: !0 }) : c ? e : /* @__PURE__ */ s.jsx(n, { to: "/user-not-permitted", replace: !0 });
 }, Lc = (t) => {
   const { variant: e, children: n, className: r, size: o = "md", typographyVariant: a = o === "sm" ? "body2" : "body", ...i } = { ...t };
-  return /* @__PURE__ */ s.jsx(ds, { variant: e, className: `text-center ${o === "sm" ? "p-1" : o === "md" ? "p-3" : "p-4"} bg-${e} bg-opacity-10 border-none ${r ?? ""}`, ...i, children: /* @__PURE__ */ s.jsx(Q, { variant: a, children: n }) });
+  return /* @__PURE__ */ s.jsx(ds, { variant: e, className: `text-center ${o === "sm" ? "p-1" : o === "md" ? "p-3" : "p-4"} bg-${e} bg-opacity-10 border-none ${r ?? ""}`, ...i, children: /* @__PURE__ */ s.jsx(z, { variant: a, children: n }) });
 }, qc = ({ version: t }) => /* @__PURE__ */ s.jsx("div", { className: "rounded", style: {
   position: "fixed",
   right: "0px",
@@ -3497,11 +3497,11 @@ const $i = "_item_1dy8x_1", tr = {
   backgroundColor: "rgba(255, 255, 255, 0.5)",
   padding: "4px",
   pointerEvents: "all"
-}, children: /* @__PURE__ */ s.jsxs(Q, { variant: "caption", className: "w-100 text-end", children: [
+}, children: /* @__PURE__ */ s.jsxs(z, { variant: "caption", className: "w-100 text-end", children: [
   "verze ",
   t
 ] }) }), Yc = ({ heading: t, content: e, placement: n, children: r, trigger: o }) => /* @__PURE__ */ s.jsx(Rr, { placement: n, overlay: /* @__PURE__ */ s.jsxs(Xe, { className: "luminus-tooltip", children: [
-  /* @__PURE__ */ s.jsx(Xe.Header, { as: "h3", children: t }),
+  /* @__PURE__ */ s.jsx(Xe.Header, { children: typeof t == "string" ? /* @__PURE__ */ s.jsx(z, { variant: "h6", className: "text-primary", children: t }) : t }),
   /* @__PURE__ */ s.jsx(Xe.Body, { children: e })
 ] }), trigger: o ?? "hover", rootClose: !0, children: r }), rr = ({ currentSelection: t, selectedItemNavigateTo: e, children: n }) => {
   const { LinkComponent: r } = L(ie);
@@ -3594,7 +3594,7 @@ const $i = "_item_1dy8x_1", tr = {
   const S = Y(null), N = r !== void 0, _ = N && g !== null;
   return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(t, { withoutLabel: d, label: u ?? "", hidden: b, inputContainerClassName: x({ "luminus-dropdown-select-open": k }), className: v, children: [
     /* @__PURE__ */ s.jsxs(rr, { currentSelection: g, selectedItemNavigateTo: r, children: [
-      f && (g == null ? void 0 : g.name) && /* @__PURE__ */ s.jsx(Q, { variant: "caption", className: "d-flex justify-content-end mt-2 luminus-dropdown-selection-name", children: g.name }),
+      f && (g == null ? void 0 : g.name) && /* @__PURE__ */ s.jsx(z, { variant: "caption", className: "d-flex justify-content-end mt-2 luminus-dropdown-selection-name", children: g.name }),
       /* @__PURE__ */ s.jsxs(ee.Select, { ref: S, size: h, value: (g == null ? void 0 : g.id) ?? "", onChange: (W) => C({
         id: l ? Number(W.target.value) ?? null : W.target.value,
         name: ""
@@ -3640,7 +3640,7 @@ const $i = "_item_1dy8x_1", tr = {
     p && /* @__PURE__ */ s.jsx(xe, { message: p.message })
   ] });
 }, zc = ({ InputContainer: t = we, label: e, formField: n, options: r, resetsFields: o, required: a, disabled: i, hidden: l, className: c }) => {
-  const { register: u, formState: d, setValue: h, watch: m } = he(), [p, b] = P(void 0), [w, f] = P(!1), j = K(() => r, [r]);
+  const { register: u, formState: d, setValue: h, watch: m } = he(), [p, b] = P(void 0), [w, f] = P(!1), j = Q(() => r, [r]);
   D(() => {
     const g = n.split(".");
     let C = d.errors;
@@ -3722,7 +3722,7 @@ const $i = "_item_1dy8x_1", tr = {
     k && /* @__PURE__ */ s.jsx(xe, { message: k.message })
   ] });
 }, Xc = ({ InputContainer: t = we, formField: e, label: n, size: r, defaultSelection: o, resetsFields: a, isNumber: i, required: l, hidden: c, disabled: u, items: d, onSearchQueryChange: h, selectedItemNavigateTo: m, texts: p, dropdownItemsNameWidth: b, isLoading: w, withoutLabel: f, additionalColumns: j, CustomOnChangeComponent: v, displayIdAsName: g, className: C }) => {
-  const { formState: k, setValue: y, watch: $, control: M } = he(), [S, N] = P(void 0), [_, T] = P(!1), [F, W] = P(!1), H = $(e) ?? null, R = H === (o == null ? void 0 : o.id) ? o == null ? void 0 : o.name : $(`${e}-DropdownName`), G = K(() => H == null ? null : { id: H ?? null, name: R ?? "" }, [H, R]), oe = O(() => {
+  const { formState: k, setValue: y, watch: $, control: M } = he(), [S, N] = P(void 0), [_, T] = P(!1), [F, W] = P(!1), H = $(e) ?? null, R = H === (o == null ? void 0 : o.id) ? o == null ? void 0 : o.name : $(`${e}-DropdownName`), G = Q(() => H == null ? null : { id: H ?? null, name: R ?? "" }, [H, R]), oe = O(() => {
     const B = e.split(".");
     let ce = k.errors;
     B.forEach((Qe) => {
@@ -3753,16 +3753,16 @@ const $i = "_item_1dy8x_1", tr = {
   }, [oe]), D(() => {
     k.isSubmitted && W(!0);
   }, [k]);
-  const E = Y(null), z = S !== void 0, Me = m !== void 0, or = Me && G !== null;
-  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(t, { label: `${n}${l ? " *" : ""}`, hidden: c, withoutLabel: f, isInvalid: z, inputContainerClassName: x({ "luminus-dropdown-select-open": _ }), className: C, children: [
+  const E = Y(null), K = S !== void 0, Me = m !== void 0, or = Me && G !== null;
+  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(t, { label: `${n}${l ? " *" : ""}`, hidden: c, withoutLabel: f, isInvalid: K, inputContainerClassName: x({ "luminus-dropdown-select-open": _ }), className: C, children: [
     /* @__PURE__ */ s.jsxs(rr, { currentSelection: G, selectedItemNavigateTo: m, children: [
-      g && (G == null ? void 0 : G.name) && /* @__PURE__ */ s.jsx(Q, { variant: "caption", className: "d-flex justify-content-end mt-2 luminus-dropdown-selection-name", children: G.name }),
+      g && (G == null ? void 0 : G.name) && /* @__PURE__ */ s.jsx(z, { variant: "caption", className: "d-flex justify-content-end mt-2 luminus-dropdown-selection-name", children: G.name }),
       /* @__PURE__ */ s.jsx(nn, { control: M, name: e, render: () => /* @__PURE__ */ s.jsx(ee.Select, { size: r, onMouseDown: (B) => {
         B.currentTarget.focus(), B.preventDefault();
       }, onClick: () => {
         !Me && !u && T(!0);
       }, ref: E, value: H ?? "", onChange: () => {
-      }, isInvalid: z, hidden: c, className: x("w-100", {
+      }, isInvalid: K, hidden: c, className: x("w-100", {
         "luminus-dropdown-picker-disabled": u,
         "luminus-dropdown-picker-link": or
       }), children: /* @__PURE__ */ s.jsx("option", { value: H, children: g ? H : (R == null ? void 0 : R.length) > 0 ? R : H }) }) }),
@@ -3805,16 +3805,16 @@ const $i = "_item_1dy8x_1", tr = {
     o(Object.keys(n.dirtyFields).length > 0);
   }, [n]), r ? /* @__PURE__ */ s.jsx(Fa, { onStorno: e, children: t }) : null;
 }, el = ({ InputContainer: t = we, options: e, formField: n, label: r, size: o, resetsFields: a, isNumber: i, required: l, hidden: c, disabled: u, withoutLabel: d, noSortOptions: h, suffixIdToName: m, className: p }) => {
-  const { customSelectTexts: b } = L(ie), { formState: w, setValue: f, watch: j, control: v } = he(), [g, C] = P(void 0), [k, y] = P(!1), [$, M] = P(!1), [S, N] = P(""), _ = j(n), T = K(() => e.find((I) => I.id === _) ?? null, [e, _]), F = O(() => {
+  const { customSelectTexts: b } = L(ie), { formState: w, setValue: f, watch: j, control: v } = he(), [g, C] = P(void 0), [k, y] = P(!1), [$, M] = P(!1), [S, N] = P(""), _ = j(n), T = Q(() => e.find((I) => I.id === _) ?? null, [e, _]), F = O(() => {
     const I = n.split(".");
     let E = w.errors;
-    I.forEach((z) => {
-      E !== void 0 && (E = E[z]);
+    I.forEach((K) => {
+      E !== void 0 && (E = E[K]);
     }), C(E);
   }, [w, n]), W = O((I) => {
     if ((I == null ? void 0 : I.id) === _)
       return;
-    if (a && a.forEach((z) => f(z, null, { shouldDirty: !0, shouldValidate: $ })), I === null) {
+    if (a && a.forEach((K) => f(K, null, { shouldDirty: !0, shouldValidate: $ })), I === null) {
       f(n, null, {
         shouldDirty: !0,
         shouldValidate: $
@@ -3839,7 +3839,7 @@ const $i = "_item_1dy8x_1", tr = {
   const G = O((I) => {
     var E;
     return I === null ? "" : !I.name || I.name.length === 0 ? ((E = I.id) == null ? void 0 : E.toString()) ?? "" : m ? `${I.name} (${I.id})` : I.name;
-  }, [m]), oe = K(() => e.map((I) => ({
+  }, [m]), oe = Q(() => e.map((I) => ({
     id: I.id,
     name: G(I)
   })).filter((I) => {
@@ -3875,7 +3875,7 @@ const $i = "_item_1dy8x_1", tr = {
   disabled: bc
 }, ol = ({ eventKey: t, className: e, onClick: n, disabled: r, children: o }) => /* @__PURE__ */ s.jsx("div", { role: "button", className: x("luminus-tab text-primary rounded", Vt.tab, e, {
   disabled: r
-}, { [Vt.disabled]: r }), onClick: () => n && !r && n(t), children: typeof o == "string" ? /* @__PURE__ */ s.jsx(Q, { variant: "h6", className: "text-primary", children: o }) : o });
+}, { [Vt.disabled]: r }), onClick: () => n && !r && n(t), children: typeof o == "string" ? /* @__PURE__ */ s.jsx(z, { variant: "h6", className: "text-primary", children: o }) : o });
 export {
   Lc as Alert,
   Ic as ApiFileDownloadButton,
@@ -3924,7 +3924,7 @@ export {
   nl as TabPanel,
   rl as Tabs,
   Bc as TextInput,
-  Q as Typography,
+  z as Typography,
   cl as UserAvatarToggle,
   tl as UserAvatarValueFormat,
   qc as VersionInfo,

package/dist/{useConfirm-C5x0ji94.js → useConfirm-C1e4wjoh.js}

@@ -1,5 +1,5 @@
 import { useContext as u, useCallback as l } from "react";
-import { ak as p, al as h } from "./NoInputContainer-BlKRvyRb.js";
+import { ak as p, al as h } from "./NoInputContainer-CzSDOA31.js";
 const P = () => {
   const { isShown: e, text: s, showPrompt: t, hidePrompt: r, resolveRef: o, setOptions: c } = u(p), C = l((n) => {
     r(), o.current(n);

package/dist/{useConfirm-D_VbuDDH.cjs → useConfirm-CgzfU9AB.cjs}

@@ -1 +1 @@
-"use strict";const r=require("react"),f=require("./NoInputContainer-l6WM75EF.cjs"),p=()=>{const{isShown:s,text:c,showPrompt:e,hidePrompt:t,resolveRef:n,setOptions:i}=r.useContext(f.PromptContext),a=r.useCallback(o=>{t(),n.current(o)},[t,n]),l=r.useCallback(async(o,u)=>(i(m=>({...m,...u})),e(o),new Promise(m=>{n.current=m})),[n,i,e]);return{isShown:s,text:c,prompt:l,onFinish:a}};let C;const h=()=>{const{show:s,text:c,showConfirm:e,hideConfirm:t}=r.useContext(f.ConfirmContext),n=()=>{t()};return{confirm:async o=>(e(o),new Promise(u=>{C=u})),onConfirm:()=>{n(),C(!0)},onCancel:()=>{n(),C(!1)},show:s,text:c}};exports.useConfirm=h;exports.usePrompt=p;
+"use strict";const r=require("react"),f=require("./NoInputContainer-Ceb-y7u0.cjs"),p=()=>{const{isShown:s,text:c,showPrompt:e,hidePrompt:t,resolveRef:n,setOptions:i}=r.useContext(f.PromptContext),a=r.useCallback(o=>{t(),n.current(o)},[t,n]),l=r.useCallback(async(o,u)=>(i(m=>({...m,...u})),e(o),new Promise(m=>{n.current=m})),[n,i,e]);return{isShown:s,text:c,prompt:l,onFinish:a}};let C;const h=()=>{const{show:s,text:c,showConfirm:e,hideConfirm:t}=r.useContext(f.ConfirmContext),n=()=>{t()};return{confirm:async o=>(e(o),new Promise(u=>{C=u})),onConfirm:()=>{n(),C(!0)},onCancel:()=>{n(),C(!1)},show:s,text:c}};exports.useConfirm=h;exports.usePrompt=p;

package/dist/{usePermissions-CiuZ4xbQ.cjs → usePermissions--HXCgQlu.cjs}

@@ -1 +1 @@
-"use strict";const r=require("react"),t=require("./NoInputContainer-l6WM75EF.cjs");require("react-hook-form");const o=()=>{const{user:s}=r.useContext(t.UserContext);return{checkUserHasPermissions:r.useCallback(n=>n.every(i=>{var e;return(e=s==null?void 0:s.permissions)==null?void 0:e.includes(i)}),[s])}};exports.usePermissions=o;
+"use strict";const r=require("react"),t=require("./NoInputContainer-Ceb-y7u0.cjs");require("react-hook-form");const o=()=>{const{user:s}=r.useContext(t.UserContext);return{checkUserHasPermissions:r.useCallback(n=>n.every(i=>{var e;return(e=s==null?void 0:s.permissions)==null?void 0:e.includes(i)}),[s])}};exports.usePermissions=o;

package/dist/{usePermissions-Cw2C4-cd.js → usePermissions-Crr2ZkmJ.js}

@@ -1,5 +1,5 @@
 import { useContext as t, useCallback as i } from "react";
-import { aa as n } from "./NoInputContainer-BlKRvyRb.js";
+import { aa as n } from "./NoInputContainer-CzSDOA31.js";
 import "react-hook-form";
 const p = () => {
   const { user: s } = t(n);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-luminus-components",
-  "version": "1.2.74",
+  "version": "1.2.75",
   "description": "Library of React Components reusable in Luminus projects (Fleetman, CAFM)",
   "type": "module",
   "repository": {