@deviceinsight/ng-ui-components 7.0.0 → 7.1.0

package/dist/index.js

@@ -1,22 +1,22 @@
-import { jsx as a, jsxs as m, Fragment as Le } from "react/jsx-runtime";
-import { toast as U, ToastContainer as ot, Slide as lt } from "react-toastify";
-import { customAlphabet as ct } from "nanoid";
-import * as W from "react";
-import { useState as N, useEffect as k, forwardRef as Ve, useMemo as dt, useCallback as X, useRef as O, createElement as Fe, Component as L, createRef as ht } from "react";
+import { jsx as a, jsxs as m, Fragment as Ve } from "react/jsx-runtime";
+import { toast as Q, ToastContainer as ct, Slide as dt } from "react-toastify";
+import { customAlphabet as ht } from "nanoid";
+import * as $ from "react";
+import { useState as N, useEffect as R, forwardRef as Fe, useMemo as ut, useCallback as q, useRef as D, createElement as Be, Component as V, createRef as je } from "react";
 import P from "classnames";
-import { Popup as ee, Button as V, Icon as ue, Modal as Be, Checkbox as be, SpinnerContainer as ut } from "@deviceinsight/ng-ui-basic-components";
-import { convert as je, parse as pt } from "pure-color";
-import { HexColorPicker as ft, RgbaStringColorPicker as gt, RgbStringColorPicker as mt } from "react-colorful";
-import He from "dayjs/plugin/timezone";
-import Ge from "dayjs/plugin/utc";
-import ne, { registerLocale as vt } from "react-datepicker";
-import { debounce as Ye, isEqual as Z, orderBy as yt, uniqWith as bt, difference as St } from "lodash";
-import S from "dayjs";
-import wt from "dayjs/plugin/localeData";
-import Ct from "dayjs/plugin/localizedFormat";
-import At from "dayjs/plugin/customParseFormat";
-import $ from "i18next";
-import * as ie from "date-fns/locale";
+import { Popup as te, Button as F, Icon as pe, Modal as He, Checkbox as Se, SpinnerContainer as pt } from "@deviceinsight/ng-ui-basic-components";
+import { convert as Ge, parse as ft } from "pure-color";
+import { HexColorPicker as gt, RgbaStringColorPicker as mt, RgbStringColorPicker as vt } from "react-colorful";
+import Ye from "dayjs/plugin/timezone";
+import Ze from "dayjs/plugin/utc";
+import ie, { registerLocale as yt } from "react-datepicker";
+import { debounce as Ue, isEqual as z, orderBy as bt, uniqWith as St, difference as wt } from "lodash";
+import b from "dayjs";
+import Ct from "dayjs/plugin/localeData";
+import At from "dayjs/plugin/localizedFormat";
+import Nt from "dayjs/plugin/customParseFormat";
+import J from "i18next";
+import * as se from "date-fns/locale";
 import "dayjs/locale/en";
 import "dayjs/locale/en-gb";
 import "dayjs/locale/en-ca";
@@ -25,78 +25,78 @@ import "dayjs/locale/de-at";
 import "dayjs/locale/de-ch";
 import "dayjs/locale/it";
 import "dayjs/locale/ja";
-import { useHistory as pe, useLocation as fe, Switch as Nt, Route as Se, Redirect as xt, Link as Ze } from "react-router-dom";
-import { DndContext as It, closestCenter as kt } from "@dnd-kit/core";
-import { SortableContext as Mt, horizontalListSortingStrategy as Ue, useSortable as Rt } from "@dnd-kit/sortable";
-import { restrictToHorizontalAxis as Tt } from "@dnd-kit/modifiers";
-import Ot from "react-select";
+import { useHistory as fe, useLocation as ge, Switch as xt, Route as we, Redirect as It, Link as We } from "react-router-dom";
+import { DndContext as Rt, closestCenter as kt } from "@dnd-kit/core";
+import { SortableContext as Mt, horizontalListSortingStrategy as ze, useSortable as Tt } from "@dnd-kit/sortable";
+import { restrictToHorizontalAxis as Ot } from "@dnd-kit/modifiers";
 import { readAccountObject as Et, writeAccountObject as Dt } from "@deviceinsight/ng-ui-api-client";
+import Lt from "react-select";
 import Pt from "react-dropzone";
-import { AsyncPaginate as Lt } from "react-select-async-paginate";
-import { SVG as We } from "@svgdotjs/svg.js";
-import Vt from "highcharts";
-import Ft from "highcharts-react-official";
-import ze from "@rc-component/slider";
-import Bt from "@rc-component/tooltip";
-let j = {}, Qe = {
+import { AsyncPaginate as Vt } from "react-select-async-paginate";
+import { SVG as Qe } from "@svgdotjs/svg.js";
+import Ft from "highcharts";
+import Bt from "highcharts-react-official";
+import $e from "@rc-component/slider";
+import jt from "@rc-component/tooltip";
+let G = {}, Je = {
   autoClose: !1
 };
-const Qi = (t) => {
-  Qe = t;
-}, te = (t, e) => {
-  t && (j[t] ? j[t] = [...j[t], e] : j[t] = [e]);
-}, $i = (t, e, n) => {
-  const i = U.success(t, e);
-  n && te(n, i);
+const $i = (t) => {
+  Je = t;
+}, ne = (t, e) => {
+  t && (G[t] ? G[t] = [...G[t], e] : G[t] = [e]);
 }, Ji = (t, e, n) => {
-  const i = U.info(t, e);
-  n && te(n, i);
+  const i = Q.success(t, e);
+  n && ne(n, i);
 }, Ki = (t, e, n) => {
-  const i = U.warn(t, e);
-  n && te(n, i);
+  const i = Q.info(t, e);
+  n && ne(n, i);
 }, Xi = (t, e, n) => {
-  const i = U.error(t, { ...Qe, ...e });
-  n && te(n, i);
-}, qi = (t) => {
-  U.dismiss(t);
+  const i = Q.warn(t, e);
+  n && ne(n, i);
+}, qi = (t, e, n) => {
+  const i = Q.error(t, { ...Je, ...e });
+  n && ne(n, i);
 }, _i = (t) => {
-  j[t] && (j[t].forEach((e) => U.dismiss(e)), delete j[t]);
-}, es = () => {
-  j = {}, U.dismiss();
-}, ts = () => /* @__PURE__ */ a(ot, { position: "top-center", theme: "colored", autoClose: 3e4, hideProgressBar: !0, transition: lt }), jt = (t = 32) => {
+  Q.dismiss(t);
+}, es = (t) => {
+  G[t] && (G[t].forEach((e) => Q.dismiss(e)), delete G[t]);
+}, ts = () => {
+  G = {}, Q.dismiss();
+}, ns = () => /* @__PURE__ */ a(ct, { position: "top-center", theme: "colored", autoClose: 3e4, hideProgressBar: !0, transition: dt }), Ht = (t = 32) => {
   let e = "";
   for (let n = 0; n < t; n++) {
     const i = Math.random() * 16 | 0;
     (n === 8 || n === 12 || n === 16 || n === 20) && (e += "-"), e += (n === 12 ? 4 : n === 16 ? i & 3 | 8 : i).toString(16);
   }
   return e;
-}, Ht = "0123456789abcdefghijklmnopqrstuvwxyz", ns = ct(Ht, 10);
-let A, F;
-function is(t, e) {
-  A = t, F = e;
+}, Gt = "0123456789abcdefghijklmnopqrstuvwxyz", is = ht(Gt, 10);
+let A, B;
+function ss(t, e) {
+  A = t, B = e;
 }
-function Gt(t) {
+function Yt(t) {
   return t.filter((e, n, i) => i.indexOf(e) === n);
 }
-function Yt(t, e) {
-  return t.filter((n) => !e.includes(n));
-}
 function Zt(t, e) {
-  return Gt([...t, ...e]);
+  return t.filter((n) => !e.includes(n));
 }
 function Ut(t, e) {
+  return Yt([...t, ...e]);
+}
+function Wt(t, e) {
   return t.filter((n) => e.includes(n));
 }
-function oe(t) {
-  return t.children ? t.children.length + t.children.reduce((n, i) => n + oe(i), 0) : 0;
+function le(t) {
+  return t.children ? t.children.length + t.children.reduce((n, i) => n + le(i), 0) : 0;
 }
-function q(t) {
-  return t.children ? t.children.reduce((e, n) => [...e, ...q(n)], []) : [t];
+function _(t) {
+  return t.children ? t.children.reduce((e, n) => [...e, ..._(n)], []) : [t];
 }
-function Wt(t) {
-  return q(t).map((e) => e.id);
+function zt(t) {
+  return _(t).map((e) => e.id);
 }
-function zt({
+function Qt({
   childNodeKey: t,
   idKey: e,
   displayNameKey: n,
@@ -108,43 +108,43 @@ function zt({
   const { typeValue: l, image: c, resolver: h } = o, { typeValue: d, expandedImage: u, closedImage: f, resolver: p } = r;
   return function g(v, w = "") {
     return v.map((y) => {
-      const C = y[e], x = y[n], M = y[t], I = y[s], R = p ? p(y) : y[i] === d, H = h ? h(y) : y[i] === l, b = `${w}/${x}`, E = y;
-      if (R)
+      const C = y[e], x = y[n], k = y[t], I = y[s], M = p ? p(y) : y[i] === d, E = h ? h(y) : y[i] === l, S = `${w}/${x}`, T = y;
+      if (M)
         return {
           id: C,
           name: x,
-          children: g(M || [], b),
+          children: g(k || [], S),
           lazyLoadable: I,
           expandedImage: u,
           closedImage: f,
-          path: b,
-          originalNode: E
+          path: S,
+          originalNode: T
         };
-      if (H)
+      if (E)
         return {
           id: C,
           name: x,
           image: c,
-          path: b,
-          originalNode: E
+          path: S,
+          originalNode: T
         };
       throw new Error("unknown node or leaf type provided");
     });
   };
 }
-function Qt(t, e) {
+function $t(t, e) {
   let n;
   return e.children !== void 0 && (t.children !== void 0 ? n = [...t.children, ...e.children] : n = [...e.children]), { ...t, ...e, children: n || void 0 };
 }
-function $e(t, e, n) {
-  return t.children === void 0 ? t : t.id === e ? Qt(t, n) : { ...t, children: t.children.map((i) => $e(i, e, n)) };
+function Ke(t, e, n) {
+  return t.children === void 0 ? t : t.id === e ? $t(t, n) : { ...t, children: t.children.map((i) => Ke(i, e, n)) };
 }
-function Je(t, e, n, i, s) {
+function Xe(t, e, n, i, s) {
   if (t[n] === e)
     return [t[s]];
   if (t[i])
     for (let r = 0; r < t[i].length; r++) {
-      const o = Je(
+      const o = Xe(
         t[i][r],
         e,
         n,
@@ -156,11 +156,11 @@ function Je(t, e, n, i, s) {
     }
   return null;
 }
-function ss(t, e, n, i, s) {
-  const r = Je(t, e, n, i, s);
+function rs(t, e, n, i, s) {
+  const r = Xe(t, e, n, i, s);
   return r ? r.join(".") : null;
 }
-function Ke({
+function qe({
   isOpen: t,
   onOpenChange: e,
   className: n,
@@ -170,7 +170,7 @@ function Ke({
   children: o
 }) {
   return /* @__PURE__ */ a(
-    ee,
+    te,
     {
       handler: /* @__PURE__ */ a("div", { className: `di color-picker-popper ${n || ""}`, style: i, children: /* @__PURE__ */ a("div", { className: "trigger", style: { ...i, backgroundColor: s } }) }),
       open: t,
@@ -180,7 +180,7 @@ function Ke({
     }
   );
 }
-function rs({
+function as({
   value: t,
   isOpen: e,
   onOpenStateChange: n,
@@ -207,7 +207,7 @@ function rs({
     g
   )) });
   return c ? p : /* @__PURE__ */ a(
-    Ke,
+    qe,
     {
       className: h,
       style: d,
@@ -219,10 +219,10 @@ function rs({
     }
   );
 }
-const we = (t, e, n) => t.length ? e.test(t) : !n, ye = class ye extends W.Component {
+const Ce = (t, e, n) => t.length ? e.test(t) : !n, be = class be extends $.Component {
   constructor() {
     super(...arguments), this.handleChange = (e) => {
-      const { value: n } = e.target, { pattern: i, required: s, onChange: r } = this.props, o = we(n, i, s);
+      const { value: n } = e.target, { pattern: i, required: s, onChange: r } = this.props, o = Ce(n, i, s);
       r(n, o);
     };
   }
@@ -234,25 +234,25 @@ const we = (t, e, n) => t.length ? e.test(t) : !n, ye = class ye extends W.Compo
         ...l,
         value: i,
         onChange: this.handleChange,
-        style: we(i, r, o) ? e : { ...e, ...n },
+        style: Ce(i, r, o) ? e : { ...e, ...n },
         type: "text"
       }
     );
   }
 };
-ye.defaultProps = {
+be.defaultProps = {
   required: !1
 };
-let _ = ye;
-function Ce({ value: t, pattern: e, onChange: n, placeholder: i, style: s }) {
+let ee = be;
+function Ae({ value: t, pattern: e, onChange: n, placeholder: i, style: s }) {
   const [r, o] = N(t);
   function l(c, h) {
     o(c), h && n(c);
   }
-  return k(() => {
+  return R(() => {
     o(t);
   }, [t]), /* @__PURE__ */ a(
-    _,
+    ee,
     {
       value: r,
       onChange: l,
@@ -266,8 +266,8 @@ function Ce({ value: t, pattern: e, onChange: n, placeholder: i, style: s }) {
     }
   );
 }
-const $t = /^#([A-Fa-f0-9]{6})$/, Jt = /^rgb\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/, Xe = (t) => pt(t).splice(0, 3), Kt = (t) => t && t.length > 6 ? je.rgb.hex(Xe(t)) : "", Xt = (t) => t ? je.rgb.string(Xe(t)) : "";
-function as({
+const Jt = /^#([A-Fa-f0-9]{6})$/, Kt = /^rgb\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/, _e = (t) => ft(t).splice(0, 3), Xt = (t) => t && t.length > 6 ? Ge.rgb.hex(_e(t)) : "", qt = (t) => t ? Ge.rgb.string(_e(t)) : "";
+function os({
   onOpenStateChange: t,
   onPick: e,
   allowTextInput: n,
@@ -281,7 +281,7 @@ function as({
   style: d,
   value: u
 }) {
-  const [f, p] = N(!1), g = Kt(u), v = Xt(u), w = u === g ? ft : l && !n ? gt : mt, y = /* @__PURE__ */ m(
+  const [f, p] = N(!1), g = Xt(u), v = qt(u), w = u === g ? gt : l && !n ? mt : vt, y = /* @__PURE__ */ m(
     "div",
     {
       className: P(
@@ -296,21 +296,21 @@ function as({
         /* @__PURE__ */ a(w, { color: u, onChange: e }),
         n && /* @__PURE__ */ m("div", { className: "inputs", children: [
           /* @__PURE__ */ a(
-            Ce,
+            Ae,
             {
               value: g,
               onChange: e,
-              pattern: $t,
+              pattern: Jt,
               placeholder: "#FF00FF",
               style: { width: 60 }
             }
           ),
           /* @__PURE__ */ a(
-            Ce,
+            Ae,
             {
               value: v,
               onChange: e,
-              pattern: Jt,
+              pattern: Kt,
               placeholder: "rgb(255,0,255)",
               style: { width: 115 }
             }
@@ -320,7 +320,7 @@ function as({
     }
   );
   return r ? y : /* @__PURE__ */ a(
-    Ke,
+    qe,
     {
       className: i,
       style: d,
@@ -332,93 +332,93 @@ function as({
     }
   );
 }
-const qt = ["en", "en-gb", "en-ca", "de", "de-at", "de-ch", "it", "ja"];
-function Ae(t) {
-  return qt.includes(t);
+const _t = ["en", "en-gb", "en-ca", "de", "de-at", "de-ch", "it", "ja"];
+function Ne(t) {
+  return _t.includes(t);
 }
-S.extend(Ge);
-S.extend(He);
-S.extend(wt);
-S.extend(Ct);
-S.extend(At);
-function _t(t) {
+b.extend(Ze);
+b.extend(Ye);
+b.extend(Ct);
+b.extend(At);
+b.extend(Nt);
+function en(t) {
   const [e, n] = t.split("-");
   let i;
-  e && n ? i = ie[`${e}${n}`] ?? ie[e] : e ? i = ie[e] : i = null, i && vt(t, i);
+  e && n ? i = se[`${e}${n}`] ?? se[e] : e ? i = se[e] : i = null, i && yt(t, i);
 }
-async function en(t) {
+async function tn(t) {
   let e = null;
   const [n] = t.split("-");
-  Ae(t.toLowerCase()) ? e = t.toLowerCase() : Ae(n.toLowerCase()) && (e = n.toLowerCase()), e && S.locale(e);
+  Ne(t.toLowerCase()) ? e = t.toLowerCase() : Ne(n.toLowerCase()) && (e = n.toLowerCase()), e && b.locale(e);
 }
-function Ne(t, e) {
-  return t == null || t === "" ? !0 : typeof t == "number" ? !isNaN(t) : typeof t == "string" ? S(t, e, !0).isValid() : !1;
+function xe(t, e) {
+  return t == null || t === "" ? !0 : typeof t == "number" ? !isNaN(t) : typeof t == "string" ? b(t, e, !0).isValid() : !1;
 }
-function se(t, e, n) {
-  return typeof t == "number" && !Number.isNaN(t) ? new Date(t) : typeof t == "string" && S(t, e, !0).isValid() ? S.tz(t, e, n).toDate() : null;
+function re(t, e, n) {
+  return typeof t == "number" && !Number.isNaN(t) ? new Date(t) : typeof t == "string" && b(t, e, !0).isValid() ? b.tz(t, e, n).toDate() : null;
 }
-function tn(t, e, n) {
-  return typeof t == "number" ? S.tz(t, n) : typeof t == "string" && S(t, e, !0).isValid() ? S.tz(t, e, n) : null;
+function nn(t, e, n) {
+  return typeof t == "number" ? b.tz(t, n) : typeof t == "string" && b(t, e, !0).isValid() ? b.tz(t, e, n) : null;
 }
-const qe = Ve(
+const et = Fe(
   ({ value: t, clearable: e, inline: n, readOnly: i, wrapperClassName: s, onChange: r, locale: o, timezone: l, ...c }, h) => {
-    const [d, u] = N(S.localeData().longDateFormat("L")), { t: f } = F(), [p, g] = N(!1), [v, w] = N(!1), [y, C] = N(""), x = dt(() => Ye(w, 30), []);
-    k(() => {
-      const b = o ?? $.language;
-      b && (_t(b), en(b).then(() => u(S.localeData().longDateFormat("L"))));
+    const [d, u] = N(b.localeData().longDateFormat("L")), { t: f } = B(), [p, g] = N(!1), [v, w] = N(!1), [y, C] = N(""), x = ut(() => Ue(w, 30), []);
+    R(() => {
+      const S = o ?? J.language;
+      S && (en(S), tn(S).then(() => u(b.localeData().longDateFormat("L"))));
     }, [o]);
-    const M = X(
-      (b) => b == null || b == "" ? "" : Ne(b, d) ? typeof b == "number" ? S.tz(b, l).format(d) : b : f("dateInput.invalidDate", {
+    const k = q(
+      (S) => S == null || S == "" ? "" : xe(S, d) ? typeof S == "number" ? b.tz(S, l).format(d) : S : f("dateInput.invalidDate", {
         defaultValue: "invalid date"
       }),
       [d, f, l]
     );
-    k(() => {
-      t == null ? C("") : C(M(t));
-    }, [M, t]), k(() => {
-      g(Ne(t, d));
-    }, [d, t]), k(() => {
-      S.locale(o ?? $.language), u(S.localeData().longDateFormat("L"));
+    R(() => {
+      t == null ? C("") : C(k(t));
+    }, [k, t]), R(() => {
+      g(xe(t, d));
+    }, [d, t]), R(() => {
+      b.locale(o ?? J.language), u(b.localeData().longDateFormat("L"));
     }, [o]);
-    const I = (b) => {
-      if (C(b), b) {
-        const E = S(b, d, !0).isValid();
-        if (E) {
-          const z = tn(t, d, l), Q = S.tz(b, d, l ?? S.tz.guess());
-          z && (Q.set("hour", z.hour()), Q.set("minute", z.minute()), Q.set("second", z.second()), Q.set("millisecond", z.millisecond())), r(Q.valueOf(), !0);
+    const I = (S) => {
+      if (C(S), S) {
+        const T = b(S, d, !0).isValid();
+        if (T) {
+          const Y = nn(t, d, l), Z = b.tz(S, d, l ?? b.tz.guess());
+          Y && (Z.set("hour", Y.hour()), Z.set("minute", Y.minute()), Z.set("second", Y.second()), Z.set("millisecond", Y.millisecond())), r(Z.valueOf(), !0);
         }
-        g(E);
+        g(T);
       } else
         r(null, !0), g(!0);
-    }, R = (b) => {
-      r(b ? b.valueOf() : null), C(M(b ? b.getTime() : null)), w(!1);
-    }, H = () => I("");
+    }, M = (S) => {
+      r(S ? S.valueOf() : null), C(k(S ? S.getTime() : null)), w(!1);
+    }, E = () => I("");
     return n ? /* @__PURE__ */ a(
-      ne,
+      ie,
       {
         ...c,
-        onChange: R,
-        selected: se(t, d, l),
-        locale: o ?? $.language,
+        onChange: M,
+        selected: re(t, d, l),
+        locale: o ?? J.language,
         isClearable: e,
         placeholderText: d,
         className: P("date", { invalid: !p }),
         inline: !0
       }
     ) : i ? /* @__PURE__ */ a(
-      ne,
+      ie,
       {
         ...c,
         onChange: () => {
         },
-        selected: se(t, d, l),
-        locale: o ?? $.language,
-        customInput: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a("input", { type: "text", value: M(t), readOnly: !0 }) }),
+        selected: re(t, d, l),
+        locale: o ?? J.language,
+        customInput: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a("input", { type: "text", value: k(t), readOnly: !0 }) }),
         placeholderText: d,
         readOnly: !0
       }
     ) : /* @__PURE__ */ a(
-      ee,
+      te,
       {
         handler: /* @__PURE__ */ m("span", { className: "di date-input-wrapper", children: [
           /* @__PURE__ */ a(
@@ -427,15 +427,15 @@ const qe = Ve(
               ref: h,
               "data-testid": "date-input",
               className: P("date", { invalid: !p }),
-              onChange: (b) => I(b.target.value),
+              onChange: (S) => I(S.target.value),
               value: y,
               placeholder: d,
               onBlur: () => {
-                I(M(t)), x(!1);
+                I(k(t)), x(!1);
               }
             }
           ),
-          e && /* @__PURE__ */ a(V, { naked: !0, small: !0, onClick: H, children: /* @__PURE__ */ a(ue, { del: !0 }) })
+          e && /* @__PURE__ */ a(F, { naked: !0, small: !0, onClick: E, children: /* @__PURE__ */ a(pe, { del: !0 }) })
         ] }),
         mode: ["click", "focus"],
         className: "date-input",
@@ -451,12 +451,12 @@ const qe = Ve(
               x(!0);
             },
             children: /* @__PURE__ */ a(
-              ne,
+              ie,
               {
                 ...c,
-                selected: se(t, d, l),
-                onChange: R,
-                locale: o ?? $.language,
+                selected: re(t, d, l),
+                onChange: M,
+                locale: o ?? J.language,
                 isClearable: e,
                 placeholderText: d,
                 className: P("date", { invalid: !p }),
@@ -469,7 +469,7 @@ const qe = Ve(
     );
   }
 );
-class os extends W.Component {
+class ls extends $.Component {
   constructor() {
     super(...arguments), this.state = {
       editMode: !1
@@ -498,11 +498,11 @@ class os extends W.Component {
           children: n
         }
       ),
-      /* @__PURE__ */ a(V, { small: !0, onClick: this.handleEdit, children: /* @__PURE__ */ a(ue, { edit: !0 }) })
+      /* @__PURE__ */ a(F, { small: !0, onClick: this.handleEdit, children: /* @__PURE__ */ a(pe, { edit: !0 }) })
     ] });
   }
 }
-function nn({
+function sn({
   title: t,
   message: e,
   onAccept: n,
@@ -511,11 +511,11 @@ function nn({
   cancelButtonLabel: r,
   acceptButtonLabel: o
 }) {
-  const { t: l } = F(), c = O(null), [h, d] = N("");
-  return k(() => {
+  const { t: l } = B(), c = D(null), [h, d] = N("");
+  return R(() => {
     c.current?.focus();
   }), /* @__PURE__ */ a(
-    Be,
+    He,
     {
       header: l(t.id, {
         defaultValue: t.defaultValue
@@ -539,7 +539,7 @@ function nn({
       ] }) }),
       footer: /* @__PURE__ */ m("div", { children: [
         /* @__PURE__ */ a(
-          V,
+          F,
           {
             primary: !0,
             onClick: () => {
@@ -549,14 +549,14 @@ function nn({
             children: o ? /* @__PURE__ */ a(A, { i18nKey: o.id, children: o.defaultValue }) : /* @__PURE__ */ a(A, { i18nKey: "form.accept", children: "Accept" })
           }
         ),
-        /* @__PURE__ */ a(V, { onClick: i, children: r ? /* @__PURE__ */ a(A, { i18nKey: r.id, children: r.defaultValue }) : /* @__PURE__ */ a(A, { i18nKey: "form.cancel", children: "Cancel" }) })
+        /* @__PURE__ */ a(F, { onClick: i, children: r ? /* @__PURE__ */ a(A, { i18nKey: r.id, children: r.defaultValue }) : /* @__PURE__ */ a(A, { i18nKey: "form.cancel", children: "Cancel" }) })
       ] }),
       width: 600
     }
   );
 }
-function cs(t) {
-  return class extends W.Component {
+function ds(t) {
+  return class extends $.Component {
     constructor() {
       super(...arguments), this.state = {
         show: !1
@@ -564,7 +564,7 @@ function cs(t) {
         this.setState({
           show: !0,
           promptElement: /* @__PURE__ */ a(
-            nn,
+            sn,
             {
               title: n,
               message: i,
@@ -589,33 +589,33 @@ function cs(t) {
     }
     render() {
       return [
-        /* @__PURE__ */ Fe(t, { ...this.props, prompt: this.prompt, key: "0" }),
+        /* @__PURE__ */ Be(t, { ...this.props, prompt: this.prompt, key: "0" }),
         this.state.show ? this.state.promptElement : null
       ];
     }
   };
 }
-const xe = (t) => !!(t.metaKey || t.altKey || t.ctrlKey || t.shiftKey);
-function ds({ to: t, confirm: e, className: n, title: i, children: s, keyboardShortcut: r, ...o }) {
-  const l = pe(), { t: c } = F(), h = X(() => {
+const Ie = (t) => !!(t.metaKey || t.altKey || t.ctrlKey || t.shiftKey);
+function hs({ to: t, confirm: e, className: n, title: i, children: s, keyboardShortcut: r, ...o }) {
+  const l = fe(), { t: c } = B(), h = q(() => {
     e ? e().then((p) => l.push(p || t)).catch(() => {
     }) : l.push(t);
-  }, [e, l, t]), d = X(
+  }, [e, l, t]), d = q(
     (p) => {
-      r && p.key === r && !xe(p) && // @ts-ignore EventTarget is a Node and has a tagName
+      r && p.key === r && !Ie(p) && // @ts-ignore EventTarget is a Node and has a tagName
       p.target.tagName && // @ts-ignore EventTarget is a Node and has a tagName
       !["INPUT", "SELECT", "TEXTAREA"].includes(p.target.tagName) && (p.preventDefault(), h());
     },
     [r, h]
   );
-  k(() => {
+  R(() => {
     if (r)
       return window.addEventListener("keydown", d), () => {
         window.removeEventListener("keydown", d);
       };
   }, [r, d]);
   const u = (p) => {
-    p.button === 0 && !xe(p) && (p.preventDefault(), h());
+    p.button === 0 && !Ie(p) && (p.preventDefault(), h());
   }, f = l.createHref(typeof t == "string" ? { pathname: t } : t);
   return /* @__PURE__ */ a(
     "a",
@@ -631,14 +631,14 @@ function ds({ to: t, confirm: e, className: n, title: i, children: s, keyboardSh
     }
   );
 }
-const sn = {
+const rn = {
   info: "#ffffff",
   success: "#cce0cc",
   warning: "#fed254",
   error: "#d66961"
 };
-function hs({ type: t = "info", hideable: e = !1, className: n, icon: i, message: s, children: r }) {
-  const [o, l] = N(!0), { t: c } = F();
+function us({ type: t = "info", hideable: e = !1, className: n, icon: i, message: s, children: r }) {
+  const [o, l] = N(!0), { t: c } = B();
   function h() {
     if (typeof s != "string") {
       const { id: u, defaultValue: f, ...p } = s;
@@ -653,21 +653,21 @@ function hs({ type: t = "info", hideable: e = !1, className: n, icon: i, message
       {
         className: "infobox-header",
         style: {
-          backgroundColor: sn[t]
+          backgroundColor: rn[t]
         },
         children: [
           /* @__PURE__ */ m("div", { className: "infobox-header-content", children: [
             i && /* @__PURE__ */ a("div", { className: "infobox-iconcontainer", children: /* @__PURE__ */ a("img", { src: i, alt: "info-icon", style: { width: 16, height: 16 } }) }),
             /* @__PURE__ */ a("div", { className: "infobox-message", children: d })
           ] }),
-          e && /* @__PURE__ */ a("button", { className: "infobox-closebutton", onClick: () => l(!1), children: /* @__PURE__ */ a(ue, { del: !0, large: !0 }) })
+          e && /* @__PURE__ */ a("button", { className: "infobox-closebutton", onClick: () => l(!1), children: /* @__PURE__ */ a(pe, { del: !0, large: !0 }) })
         ]
       }
     ),
     r
   ] }) : null;
 }
-const le = /* @__PURE__ */ Object.freeze({
+const ce = /* @__PURE__ */ Object.freeze({
   Translate: {
     toString(t) {
       if (!t)
@@ -693,7 +693,7 @@ const le = /* @__PURE__ */ Object.freeze({
   Transform: {
     toString(t) {
       if (t)
-        return [le.Translate.toString(t), le.Scale.toString(t)].join(" ");
+        return [ce.Translate.toString(t), ce.Scale.toString(t)].join(" ");
     }
   },
   Transition: {
@@ -707,11 +707,11 @@ const le = /* @__PURE__ */ Object.freeze({
     }
   }
 });
-function re(t, e) {
+function ae(t, e) {
   const n = t.endsWith("/") ? "" : "/";
   return `${t}${n}${e}`;
 }
-const rn = ({
+const an = ({
   id: t,
   to: e,
   className: n,
@@ -719,14 +719,14 @@ const rn = ({
   children: s,
   draggingDisabled: r
 }) => {
-  const { attributes: o, listeners: l, setNodeRef: c, transform: h, transition: d } = Rt({
+  const { attributes: o, listeners: l, setNodeRef: c, transform: h, transition: d } = Tt({
     id: t,
     disabled: r,
-    strategy: Ue
+    strategy: ze
   }), u = {
-    transform: h ? le.Transform.toString({ ...h, scaleX: 1 }) : void 0,
+    transform: h ? ce.Transform.toString({ ...h, scaleX: 1 }) : void 0,
     transition: d
-  }, { pathname: f } = fe();
+  }, { pathname: f } = ge();
   return f.endsWith(e.toString()) ? /* @__PURE__ */ a(
     "button",
     {
@@ -741,7 +741,7 @@ const rn = ({
       children: s
     }
   ) : /* @__PURE__ */ a(
-    Ze,
+    We,
     {
       "data-testid": "tab-button",
       to: e,
@@ -755,8 +755,8 @@ const rn = ({
     }
   );
 };
-function us({ pages: t, onOrderChange: e, basePath: n, ...i }) {
-  const [s, r] = N(!1), { pathname: o, state: l } = fe();
+function ps({ pages: t, onOrderChange: e, basePath: n, ...i }) {
+  const [s, r] = N(!1), { pathname: o, state: l } = ge();
   function c() {
     const d = o.split("/").reverse()[0];
     return t.some((u) => u.path === d) ? o.substring(0, o.lastIndexOf("/")) : o;
@@ -771,22 +771,22 @@ function us({ pages: t, onOrderChange: e, basePath: n, ...i }) {
   }
   return /* @__PURE__ */ m("div", { className: s ? "draggable-area" : "", children: [
     /* @__PURE__ */ a(
-      It,
+      Rt,
       {
         collisionDetection: kt,
         onDragEnd: h,
         onDragStart: () => r(!0),
-        modifiers: [Tt],
+        modifiers: [Ot],
         children: /* @__PURE__ */ a("div", { className: "di tabs", children: /* @__PURE__ */ a(
           Mt,
           {
             items: t.map((d) => ({ ...d, id: d.path })),
-            strategy: Ue,
+            strategy: ze,
             children: t.map(({ path: d, renderHeading: u, headingTitle: f, draggingDisabled: p, disabled: g }) => /* @__PURE__ */ a(
-              rn,
+              an,
               {
                 id: d,
-                to: re(n || c(), d),
+                to: ae(n || c(), d),
                 title: f,
                 draggingDisabled: g || p || !e || !s && !o.endsWith(d),
                 children: u(i)
@@ -797,20 +797,20 @@ function us({ pages: t, onOrderChange: e, basePath: n, ...i }) {
         ) })
       }
     ),
-    /* @__PURE__ */ m(Nt, { children: [
+    /* @__PURE__ */ m(xt, { children: [
       t.map(({ renderBody: d, path: u }) => /* @__PURE__ */ a(
-        Se,
+        we,
         {
-          path: re(n || c(), u),
+          path: ae(n || c(), u),
           render: () => d(i)
         },
         u
       )),
-      /* @__PURE__ */ a(Se, { children: /* @__PURE__ */ a(
-        xt,
+      /* @__PURE__ */ a(we, { children: /* @__PURE__ */ a(
+        It,
         {
           to: {
-            pathname: re(n || c(), t[0].path),
+            pathname: ae(n || c(), t[0].path),
             state: l
           }
         }
@@ -818,9 +818,9 @@ function us({ pages: t, onOrderChange: e, basePath: n, ...i }) {
     ] })
   ] });
 }
-const an = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMZJREFUeNpi/P//PwMtARMDjcHQt4ABGgchQPwKxMWBzwKxKFlmQy14g8dwGL5MqiXIFvynEgb5VJmWFoDwImQLWNB8pQ/EjyiM1j/IHHQLPgHxB3ok00dUCKpnuCzQAmJZKjh+Jy4L3KkUOjgtcKNG/gXi3cg5GRZuGkD8jQrhfwpmNroPbIGYkwo+2IErFXlQKfx3oRd2MK99oELwfIDlL+Qgegul+ang+u0ouRnqg0ACxTWx+CIQKyGbzThaJw+4BQABBgBH38BkTQm7ZwAAAABJRU5ErkJggg==", on = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNpi/P//PwMtARMDjcHQt4ABFAfQeAgH4jcgIRy4gyxzkSzAZzjJlmCz4D+VMMih4TBzGWHJlJGRkZrp9S3QXBGwuTSyAOR6xtF8MGrBqAUDYMFbahYV5BTXlBV2o5E8YBYABBgAxQJ9mxTaZMQAAAAASUVORK5CYII=", ln = "data:image/svg+xml,%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='24px'%20height='24px'%20viewBox='0%200%2024%2024'%20style='enable-background:new%200%200%2050%2050;'%20xml:space='preserve'%3e%3crect%20x='0'%20y='0'%20width='5'%20height='10'%20fill='%23000'%3e%3canimateTransform%20attributeType='xml'%20attributeName='transform'%20type='translate'%20values='0%200;%200%2014;%200%200'%20begin='0'%20dur='0.6s'%20repeatCount='indefinite'%20/%3e%3c/rect%3e%3crect%20x='9'%20y='0'%20width='5'%20height='10'%20fill='%23000'%3e%3canimateTransform%20attributeType='xml'%20attributeName='transform'%20type='translate'%20values='0%200;%200%2014;%200%200'%20begin='0.2s'%20dur='0.6s'%20repeatCount='indefinite'%20/%3e%3c/rect%3e%3crect%20x='19'%20y='0'%20width='5'%20height='10'%20fill='%23000'%3e%3canimateTransform%20attributeType='xml'%20attributeName='transform'%20type='translate'%20values='0%200;%200%2014;%200%200'%20begin='0.4s'%20dur='0.6s'%20repeatCount='indefinite'%20/%3e%3c/rect%3e%3c/svg%3e", cn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIwNDI3RTg2NEQxQjExRTc4OEM3RTkwQjYwNjA2OTk5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIwNDI3RTg3NEQxQjExRTc4OEM3RTkwQjYwNjA2OTk5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjA0MjdFODQ0RDFCMTFFNzg4QzdFOTBCNjA2MDY5OTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjA0MjdFODU0RDFCMTFFNzg4QzdFOTBCNjA2MDY5OTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5FrZPxAAAA5UlEQVR42qzTvQ7BUBTA8UpEYraJWAwSNVgMHsDIZvUEngWDisTiBTyA4A3EJEiMYrBJGBBf/yO3UlVNq07y63Cbc3rvuaea9hkZ1LHAUZmrtYzmEhG0cMX9C3nXQdQpeeiSaDdSOa8wfCSbWmayjssPBSRHD/EoqzMtscEeN8SQQwVVhB361pRHDX1VYGf5whZjlJDHymEXclPaycN2e4hjYFs/eS0gJkiibVmT4z634bVxaxRQxBQzKdDw2X0Zpi7SSEiBbIBrTAUZJOOvoxz4Z7KGriZMBuuMg+p2U/XrLR4CDACHu7RW+98pzwAAAABJRU5ErkJggg==";
-var D = /* @__PURE__ */ ((t) => (t.ALL = "all", t.SOME = "some", t.NONE = "none", t))(D || {});
-const dn = ({ lastChild: t }) => /* @__PURE__ */ m("div", { className: "skeleton", children: [
+const on = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMZJREFUeNpi/P//PwMtARMDjcHQt4ABGgchQPwKxMWBzwKxKFlmQy14g8dwGL5MqiXIFvynEgb5VJmWFoDwImQLWNB8pQ/EjyiM1j/IHHQLPgHxB3ok00dUCKpnuCzQAmJZKjh+Jy4L3KkUOjgtcKNG/gXi3cg5GRZuGkD8jQrhfwpmNroPbIGYkwo+2IErFXlQKfx3oRd2MK99oELwfIDlL+Qgegul+ang+u0ouRnqg0ACxTWx+CIQKyGbzThaJw+4BQABBgBH38BkTQm7ZwAAAABJRU5ErkJggg==", ln = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNpi/P//PwMtARMDjcHQt4ABFAfQeAgH4jcgIRy4gyxzkSzAZzjJlmCz4D+VMMih4TBzGWHJlJGRkZrp9S3QXBGwuTSyAOR6xtF8MGrBqAUDYMFbahYV5BTXlBV2o5E8YBYABBgAxQJ9mxTaZMQAAAAASUVORK5CYII=", cn = "data:image/svg+xml,%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='24px'%20height='24px'%20viewBox='0%200%2024%2024'%20style='enable-background:new%200%200%2050%2050;'%20xml:space='preserve'%3e%3crect%20x='0'%20y='0'%20width='5'%20height='10'%20fill='%23000'%3e%3canimateTransform%20attributeType='xml'%20attributeName='transform'%20type='translate'%20values='0%200;%200%2014;%200%200'%20begin='0'%20dur='0.6s'%20repeatCount='indefinite'%20/%3e%3c/rect%3e%3crect%20x='9'%20y='0'%20width='5'%20height='10'%20fill='%23000'%3e%3canimateTransform%20attributeType='xml'%20attributeName='transform'%20type='translate'%20values='0%200;%200%2014;%200%200'%20begin='0.2s'%20dur='0.6s'%20repeatCount='indefinite'%20/%3e%3c/rect%3e%3crect%20x='19'%20y='0'%20width='5'%20height='10'%20fill='%23000'%3e%3canimateTransform%20attributeType='xml'%20attributeName='transform'%20type='translate'%20values='0%200;%200%2014;%200%200'%20begin='0.4s'%20dur='0.6s'%20repeatCount='indefinite'%20/%3e%3c/rect%3e%3c/svg%3e", dn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIwNDI3RTg2NEQxQjExRTc4OEM3RTkwQjYwNjA2OTk5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIwNDI3RTg3NEQxQjExRTc4OEM3RTkwQjYwNjA2OTk5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjA0MjdFODQ0RDFCMTFFNzg4QzdFOTBCNjA2MDY5OTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjA0MjdFODU0RDFCMTFFNzg4QzdFOTBCNjA2MDY5OTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5FrZPxAAAA5UlEQVR42qzTvQ7BUBTA8UpEYraJWAwSNVgMHsDIZvUEngWDisTiBTyA4A3EJEiMYrBJGBBf/yO3UlVNq07y63Cbc3rvuaea9hkZ1LHAUZmrtYzmEhG0cMX9C3nXQdQpeeiSaDdSOa8wfCSbWmayjssPBSRHD/EoqzMtscEeN8SQQwVVhB361pRHDX1VYGf5whZjlJDHymEXclPaycN2e4hjYFs/eS0gJkiibVmT4z634bVxaxRQxBQzKdDw2X0Zpi7SSEiBbIBrTAUZJOOvoxz4Z7KGriZMBuuMg+p2U/XrLR4CDACHu7RW+98pzwAAAABJRU5ErkJggg==";
+var L = /* @__PURE__ */ ((t) => (t.ALL = "all", t.SOME = "some", t.NONE = "none", t))(L || {});
+const hn = ({ lastChild: t }) => /* @__PURE__ */ m("div", { className: "skeleton", children: [
   /* @__PURE__ */ a("div", { className: "skeleton-cell top" }),
   /* @__PURE__ */ a(
     "div",
@@ -831,18 +831,18 @@ const dn = ({ lastChild: t }) => /* @__PURE__ */ m("div", { className: "skeleton
       }
     }
   )
-] }), hn = ({ node: t, leafNode: e, expanded: n, isLoading: i, onExpand: s }) => {
+] }), un = ({ node: t, leafNode: e, expanded: n, isLoading: i, onExpand: s }) => {
   let r;
-  return e ? r = t.image || cn : i ? r = ln : n ? r = t.expandedImage || an : r = t.closedImage || on, /* @__PURE__ */ a("div", { className: "icon-container", children: /* @__PURE__ */ a("img", { src: r, alt: "node", onClick: s }) });
+  return e ? r = t.image || dn : i ? r = cn : n ? r = t.expandedImage || on : r = t.closedImage || ln, /* @__PURE__ */ a("div", { className: "icon-container", children: /* @__PURE__ */ a("img", { src: r, alt: "node", onClick: s }) });
 };
-class un extends W.PureComponent {
+class pn extends $.PureComponent {
   constructor() {
     super(...arguments), this.onSelect = (e) => {
       const { onSelect: n, selectionState: i } = this.props;
-      n(i === D.SOME ? !1 : e.currentTarget.checked);
+      n(i === L.SOME ? !1 : e.currentTarget.checked);
     }, this.onLabelClick = () => {
       const { onSelect: e, selectionState: n } = this.props;
-      e(n === D.SOME ? !1 : this.inputRef ? !this.inputRef.checked : !1);
+      e(n === L.SOME ? !1 : this.inputRef ? !this.inputRef.checked : !1);
     };
   }
   componentDidMount() {
@@ -853,7 +853,7 @@ class un extends W.PureComponent {
   }
   updateSelectionState() {
     const { selectionState: e } = this.props;
-    this.inputRef && (this.inputRef.indeterminate = e === D.SOME);
+    this.inputRef && (this.inputRef.indeterminate = e === L.SOME);
   }
   render() {
     const {
@@ -865,11 +865,11 @@ class un extends W.PureComponent {
       onExpand: o,
       selectionState: l,
       isLoading: c
-    } = this.props, h = l === D.ALL;
+    } = this.props, h = l === L.ALL;
     return /* @__PURE__ */ m("div", { className: `node-info ${h ? "selected" : ""}`, children: [
-      r !== void 0 && /* @__PURE__ */ a(dn, { lastChild: r }),
+      r !== void 0 && /* @__PURE__ */ a(hn, { lastChild: r }),
       /* @__PURE__ */ a(
-        hn,
+        un,
         {
           node: e,
           leafNode: i,
@@ -885,7 +885,7 @@ class un extends W.PureComponent {
             this.inputRef = d;
           },
           type: "checkbox",
-          checked: l === D.ALL,
+          checked: l === L.ALL,
           onChange: this.onSelect
         }
       ),
@@ -893,7 +893,7 @@ class un extends W.PureComponent {
     ] });
   }
 }
-class ge extends L {
+class me extends V {
   constructor() {
     super(...arguments), this.state = {
       expanded: !1,
@@ -919,10 +919,10 @@ class ge extends L {
     }, this.onSelect = (e) => {
       const { node: n, selectNodes: i, deselectNodes: s, selectedNodes: r } = this.props;
       if (e) {
-        const o = q(n).filter((l) => !r.includes(l.id));
+        const o = _(n).filter((l) => !r.includes(l.id));
         i(o);
       } else {
-        const o = q(n).filter((l) => r.includes(l.id));
+        const o = _(n).filter((l) => r.includes(l.id));
         s(o);
       }
     };
@@ -955,17 +955,17 @@ class ge extends L {
   getSelectionState() {
     const { node: e, selectedNodes: n } = this.props;
     if (this.isLeaf())
-      return n.includes(e.id) ? D.ALL : D.NONE;
+      return n.includes(e.id) ? L.ALL : L.NONE;
     {
-      const i = Wt(e), s = Ut(i, n);
-      return s.length === i.length && i.length !== 0 ? D.ALL : s.length === 0 ? D.NONE : D.SOME;
+      const i = zt(e), s = Wt(i, n);
+      return s.length === i.length && i.length !== 0 ? L.ALL : s.length === 0 ? L.NONE : L.SOME;
     }
   }
   render() {
     const { node: e, isLastChild: n, ...i } = this.props, { expanded: s, selectionState: r, isLoading: o } = this.state;
     return /* @__PURE__ */ m("div", { className: "node", children: [
       /* @__PURE__ */ a(
-        un,
+        pn,
         {
           node: e,
           displayName: e.name,
@@ -978,8 +978,8 @@ class ge extends L {
           selectionState: r
         }
       ),
-      s && e.children && e.children.map((l, c) => /* @__PURE__ */ Fe(
-        ge,
+      s && e.children && e.children.map((l, c) => /* @__PURE__ */ Be(
+        me,
         {
           ...i,
           key: c,
@@ -990,7 +990,7 @@ class ge extends L {
     ] });
   }
 }
-class ps extends L {
+class fs extends V {
   constructor() {
     super(...arguments), this.state = {
       treeData: this.props.treeData,
@@ -1003,10 +1003,10 @@ class ps extends L {
       },
       treeSize: 0,
       selectedNodes: this.props.selectedNodes || []
-    }, this.convert = zt(this.props.dataSetConfig), this.selectNodes = (e) => {
+    }, this.convert = Qt(this.props.dataSetConfig), this.selectNodes = (e) => {
       const { onSelect: n } = this.props, { selectedNodes: i } = this.state;
       this.setState({
-        selectedNodes: Zt(
+        selectedNodes: Ut(
           i,
           e.map(({ id: s }) => s)
         )
@@ -1014,7 +1014,7 @@ class ps extends L {
     }, this.deselectNodes = (e) => {
       const { onDeselect: n } = this.props, { selectedNodes: i } = this.state;
       this.setState({
-        selectedNodes: Yt(
+        selectedNodes: Zt(
           i,
           e.map(({ id: s }) => s)
         )
@@ -1024,14 +1024,14 @@ class ps extends L {
         id: "virtualRootNode",
         name: "",
         children: (i.children || []).map(
-          (l) => $e(l, n.id, {
+          (l) => Ke(l, n.id, {
             lazyLoadable: !1,
             children: s
           })
         ),
         path: "/",
         originalNode: {}
-      }, o = oe(r);
+      }, o = le(r);
       this.setState({
         tree: r,
         treeSize: o
@@ -1044,7 +1044,7 @@ class ps extends L {
     };
   }
   componentDidMount() {
-    const { treeData: e } = this.props, n = this.initTree(e), i = oe(n);
+    const { treeData: e } = this.props, n = this.initTree(e), i = le(n);
     this.setState({
       tree: n,
       treeSize: i
@@ -1068,7 +1068,7 @@ class ps extends L {
   render() {
     const { tree: e, selectedNodes: n, treeSize: i } = this.state;
     return /* @__PURE__ */ a("div", { className: "treeview", children: e.children && e.children.map((s, r) => /* @__PURE__ */ a(
-      ge,
+      me,
       {
         node: s,
         selectedNodes: n,
@@ -1081,32 +1081,32 @@ class ps extends L {
     )) });
   }
 }
-const pn = "data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3ccircle%20cx='7.5'%20cy='3.5'%20r='1.5'/%3e%3ccircle%20cx='7.5'%20cy='7.5'%20r='1.5'/%3e%3ccircle%20cx='7.5'%20cy='11.5'%20r='1.5'/%3e%3c/svg%3e", _e = W.createContext({
+const fn = "data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3ccircle%20cx='7.5'%20cy='3.5'%20r='1.5'/%3e%3ccircle%20cx='7.5'%20cy='7.5'%20r='1.5'/%3e%3ccircle%20cx='7.5'%20cy='11.5'%20r='1.5'/%3e%3c/svg%3e", tt = $.createContext({
   toggleMenu: () => {
   }
 });
-function fn({ menuButton: t, children: e, direction: n, className: i, open: s, onOpenChange: r }) {
+function gn({ menuButton: t, children: e, direction: n, className: i, open: s, onOpenChange: r }) {
   const [o, l] = N(!1), c = () => {
     l(!o);
   };
   return /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
-    ee,
+    te,
     {
       open: s ?? o,
       onOpenChange: r ?? l,
       handler: t,
       placement: n,
       className: i,
-      children: /* @__PURE__ */ a("div", { className: "di multimenu", children: /* @__PURE__ */ a("div", { className: `drop ${n || "bottom"} ${o ? "show" : ""}`, children: /* @__PURE__ */ a(_e.Provider, { value: { toggleMenu: c }, children: e }) }) })
+      children: /* @__PURE__ */ a("div", { className: "di multimenu", children: /* @__PURE__ */ a("div", { className: `drop ${n || "bottom"} ${o ? "show" : ""}`, children: /* @__PURE__ */ a(tt.Provider, { value: { toggleMenu: c }, children: e }) }) })
     }
   ) });
 }
-const gn = [5, 10, 15, 20, 50];
-function mn({ onChangePage: t, page: e, totalPages: n, onChangeSize: i, size: s }) {
-  const r = O(null), { current: o } = r, [l, c] = N(`${e + 1}`), [h, d] = N(!1);
-  k(() => {
-    r.current = Ye(t, 500);
-  }, [t]), k(() => {
+const mn = [5, 10, 15, 20, 50];
+function vn({ onChangePage: t, page: e, totalPages: n, onChangeSize: i, size: s }) {
+  const r = D(null), { current: o } = r, [l, c] = N(`${e + 1}`), [h, d] = N(!1);
+  R(() => {
+    r.current = Ue(t, 500);
+  }, [t]), R(() => {
     c(`${e + 1}`);
   }, [e]);
   function u() {
@@ -1123,18 +1123,18 @@ function mn({ onChangePage: t, page: e, totalPages: n, onChangeSize: i, size: s
   }
   function v(x) {
     if (i) {
-      const M = parseInt(x.target.value, 10);
-      i(M), d(!1);
+      const k = parseInt(x.target.value, 10);
+      i(k), d(!1);
     }
   }
   function w(x) {
-    const M = x.target.value;
-    if (M.trim() === "") {
-      c(M);
+    const k = x.target.value;
+    if (k.trim() === "") {
+      c(k);
       return;
     }
     const I = Number(x.target.value);
-    !Number.isNaN(I) && I >= 1 && I <= n && (o?.(I - 1), c(M));
+    !Number.isNaN(I) && I >= 1 && I <= n && (o?.(I - 1), c(k));
   }
   function y() {
     c(`${e + 1}`);
@@ -1146,7 +1146,7 @@ function mn({ onChangePage: t, page: e, totalPages: n, onChangeSize: i, size: s
     /* @__PURE__ */ m("span", { className: "info", children: [
       /* @__PURE__ */ a(A, { i18nKey: "reactable.pagination.page", children: "Page" }),
       /* @__PURE__ */ a("input", { value: l, onChange: w, onBlur: y }),
-      typeof process < "u" && process?.env?.STORYBOOK_MODE ? /* @__PURE__ */ m(Le, { children: [
+      typeof process < "u" && process?.env?.STORYBOOK_MODE ? /* @__PURE__ */ m(Ve, { children: [
         "of   ",
         n
       ] }) : /* @__PURE__ */ m(A, { i18nKey: "reactable.pagination.ofTotal", children: [
@@ -1157,20 +1157,20 @@ function mn({ onChangePage: t, page: e, totalPages: n, onChangeSize: i, size: s
     /* @__PURE__ */ a("span", { className: `next ${C ? "disabled" : ""}`, onClick: p, children: "›" }),
     /* @__PURE__ */ a("span", { className: `next ${C ? "disabled" : ""}`, onClick: g, children: "»" }),
     i && /* @__PURE__ */ a("div", { className: "options", children: /* @__PURE__ */ a(
-      fn,
+      gn,
       {
         direction: "left",
         open: h,
         onOpenChange: d,
         menuButton: /* @__PURE__ */ a(
-          V,
+          F,
           {
             naked: !0,
             title: {
               id: "trend.settings.buttonTitle",
               defaultValue: "Settings"
             },
-            children: /* @__PURE__ */ a("img", { src: pn, alt: "settings icon", style: { width: 16, height: 16 } })
+            children: /* @__PURE__ */ a("img", { src: fn, alt: "settings icon", style: { width: 16, height: 16 } })
           }
         ),
         children: /* @__PURE__ */ m(
@@ -1184,7 +1184,7 @@ function mn({ onChangePage: t, page: e, totalPages: n, onChangeSize: i, size: s
             children: [
               /* @__PURE__ */ m("div", { className: "field", children: [
                 /* @__PURE__ */ a("label", { children: /* @__PURE__ */ a(A, { i18nKey: "reactable.pagination.entriesPerPage", children: "Entries per page" }) }),
-                /* @__PURE__ */ a("select", { onChange: v, value: s, children: gn.map((x) => /* @__PURE__ */ a("option", { value: x, children: x }, x)) })
+                /* @__PURE__ */ a("select", { onChange: v, value: s, children: mn.map((x) => /* @__PURE__ */ a("option", { value: x, children: x }, x)) })
               ] }),
               /* @__PURE__ */ a("p", { children: /* @__PURE__ */ a(A, { i18nKey: "reactable.pagination.changePageWillBeStored", children: "Your changes will be stored for view." }) })
             ]
@@ -1194,7 +1194,24 @@ function mn({ onChangePage: t, page: e, totalPages: n, onChangeSize: i, size: s
     ) })
   ] }) });
 }
-function vn(t, e, n) {
+const yn = (t) => t.filterable?.initialValue ?? "", bn = ({ columnDef: t, changeFilter: e }) => {
+  const { t: n } = B(), [i, s] = N(yn(t)), r = (o) => {
+    const l = o.target.value;
+    s(l), e(t.name, l);
+  };
+  return /* @__PURE__ */ a(
+    "input",
+    {
+      type: "text",
+      placeholder: n(`${t.filterable?.placeholder ?? "reactable.filter.placeholder"}`, {
+        defaultValue: "Filter..."
+      }),
+      onChange: r,
+      value: i
+    }
+  );
+};
+function Sn(t, e, n) {
   if (!t)
     return null;
   const { page: i, size: s, sort: r } = e;
@@ -1207,18 +1224,18 @@ function vn(t, e, n) {
     sort: [r]
   };
 }
-const yn = (t, e) => t === "text" ? (n, i) => n[e] && n[e].toString().toLowerCase().includes(i.toLowerCase()) : (n, i) => n[e] === i;
-function Ie(t, e, n) {
+const wn = (t, e) => t === "text" ? (n, i) => n[e] && n[e].toString().toLowerCase().includes(i.toLowerCase()) : (n, i) => n[e] === i;
+function Re(t, e, n) {
   return t ? t.filter((i) => Object.keys(n).every((s) => {
     const r = n[s];
     if (r && r.length > 0) {
-      const o = bn(s, e);
-      return o.filterable ? (o.filterable.filterFn || yn(o.filterable.filterType, o.name))(i, r) : !1;
+      const o = Cn(s, e);
+      return o.filterable ? (o.filterable.filterFn || wn(o.filterable.filterType, o.name))(i, r) : !1;
     }
     return !0;
   })) : null;
 }
-function bn(t, e) {
+function Cn(t, e) {
   const n = e.find((i) => i.name === t);
   if (!n)
     throw Error(`column definition not found for ${t}`);
@@ -1230,12 +1247,12 @@ function ke(t, e) {
     return s === r ? 0 : typeof s == "string" && typeof r == "string" ? s.localeCompare(r) * o : typeof s == "number" && typeof r == "number" ? (s - r) * o : s.toString().localeCompare(r.toString()) * o;
   });
 }
-function Sn(t, e, n, i, s, r) {
+function An(t, e, n, i, s, r) {
   return [
     {
       name: "checkbox",
       label: /* @__PURE__ */ a(
-        be,
+        Se,
         {
           value: i,
           onChange: n,
@@ -1247,7 +1264,7 @@ function Sn(t, e, n, i, s, r) {
       ),
       sortable: !1,
       render: (o) => /* @__PURE__ */ a(
-        be,
+        Se,
         {
           value: s.includes(r(o)),
           onChange: (l) => e(l, o)
@@ -1258,122 +1275,25 @@ function Sn(t, e, n, i, s, r) {
     ...t
   ];
 }
-function me(t, e) {
+function ve(t, e) {
   return `${t || "unnamedTable"}-${e}`;
 }
-class wn extends L {
-  constructor() {
-    super(...arguments), this.getRowClass = () => {
-      const { rowDef: e, item: n } = this.props;
-      return e && typeof e.getRowClass == "function" ? e.getRowClass(n) : "";
-    }, this.handleClick = () => {
-      const { rowDef: e, item: n } = this.props;
-      e && typeof e.onClick == "function" && e.onClick(n);
-    }, this.getTooltip = () => {
-      const { rowDef: e, item: n } = this.props;
-      return e && typeof e.getTooltip == "function" ? e.getTooltip(n) : "";
-    }, this.getRowStyle = () => {
-      const { rowDef: e, item: n } = this.props;
-      if (e && e.getRowStyle)
-        return e.getRowStyle(n);
-    };
-  }
-  render() {
-    const { columnDefs: e, item: n, tableName: i } = this.props;
-    return /* @__PURE__ */ a(
-      "tr",
-      {
-        className: this.getRowClass(),
-        onClick: this.handleClick,
-        title: this.getTooltip(),
-        style: this.getRowStyle(),
-        children: e.map((s) => {
-          const r = s.align || "left", o = s.onClick ? "pointer" : "inherit", l = s.whiteSpace || void 0, c = s.onClick ? () => s.onClick ? s.onClick(n) : void 0 : void 0;
-          return /* @__PURE__ */ a(
-            "td",
-            {
-              style: {
-                textAlign: r,
-                cursor: o,
-                // @ts-ignore
-                whiteSpace: l
-              },
-              onClick: c,
-              className: me(i, s.name),
-              children: s.render(n)
-            },
-            `${n.id}_${s.name}`
-          );
-        })
-      }
-    );
-  }
-}
-const Cn = (t) => t === "ASC" ? "DESC" : "ASC";
-class An extends L {
-  constructor() {
-    super(...arguments), this.handleSort = (e) => {
-      const { paginationSettings: n, onSort: i } = this.props, s = e.name === n.sort.property ? Cn(n.sort.direction) : e.defaultSortDirection || "ASC";
-      i(e.name, s);
-    }, this.getClassName = (e) => {
-      const { paginationSettings: n, tableName: i } = this.props, s = me(i, e.name);
-      return e.sortable ? e.name === n.sort.property ? n.sort.direction === "ASC" ? `${s} sortable sortAsc` : `${s} sortable sortDes` : `${s} sortable` : `${s}`;
-    }, this.printLabel = (e) => Nn(e) ? /* @__PURE__ */ a(A, { i18nKey: e.id, children: e.defaultValue }) : e;
-  }
-  render() {
-    return /* @__PURE__ */ a("tr", { children: this.props.columnDefs.map((e) => /* @__PURE__ */ a(
-      "th",
-      {
-        style: {
-          width: e.width || "auto",
-          textAlign: e.align || "left"
-        },
-        className: this.getClassName(e),
-        onClick: () => {
-          e.sortable && this.handleSort(e);
-        },
-        children: this.printLabel(e.label)
-      },
-      e.name
-    )) });
-  }
-}
-function Nn(t) {
-  return typeof t == "object" && t != null && "id" in t && t.id !== void 0;
-}
-const xn = (t) => t.filterable?.initialValue ?? "", In = ({ columnDef: t, changeFilter: e }) => {
-  const { t: n } = F(), [i, s] = N(xn(t)), r = (o) => {
-    const l = o.target.value;
-    s(l), e(t.name, l);
-  };
-  return /* @__PURE__ */ a(
-    "input",
-    {
-      type: "text",
-      placeholder: n(`${t.filterable?.placeholder ?? "reactable.filter.placeholder"}`, {
-        defaultValue: "Filter..."
-      }),
-      onChange: r,
-      value: i
-    }
-  );
-};
-function kn(t, e) {
+function Nn(t, e) {
   if (!e)
-    return yt(t, "label", "asc");
+    return bt(t, "label", "asc");
   if (t.every((n) => !n.options))
     return [...t].sort(e);
   if (t.every((n) => n.options))
     return t.map((i) => ({ ...i, options: [...i.options].sort(e) }));
   throw new Error("Mixing groups with single options not allowed");
 }
-class Mn extends L {
+class xn extends V {
   constructor() {
     super(...arguments), this.state = {
       options: [],
       inputValue: null
-    }, this.selectRef = ht(), this.portalRoot = null, this.updateOptions = () => {
-      const { options: e, specialOptions: n, compareOptions: i } = this.props, s = kn(e, i);
+    }, this.selectRef = je(), this.portalRoot = null, this.updateOptions = () => {
+      const { options: e, specialOptions: n, compareOptions: i } = this.props, s = Nn(e, i);
       n ? this.setState({
         // @ts-ignore
         options: [...s, ...n]
@@ -1393,7 +1313,7 @@ class Mn extends L {
     }
   }
   componentDidUpdate(e) {
-    (!Z(e.options, this.props.options) || e.freeForm !== this.props.freeForm) && this.updateOptions();
+    (!z(e.options, this.props.options) || e.freeForm !== this.props.freeForm) && this.updateOptions();
   }
   componentWillUnmount() {
     this.props.menuPortalTarget && this.portalRoot && this.props.menuPortalTarget.removeChild(this.portalRoot);
@@ -1401,7 +1321,7 @@ class Mn extends L {
   render() {
     const { noResultsMessage: e, placeholder: n, value: i, onChange: s, clearable: r, loading: o, disabled: l } = this.props, { options: c } = this.state;
     return /* @__PURE__ */ a(
-      Ot,
+      Lt,
       {
         ref: this.selectRef,
         joinValues: !0,
@@ -1439,11 +1359,11 @@ class Mn extends L {
     );
   }
 }
-const Rn = ({ columnDefs: t, onFilter: e, tableName: n }) => {
-  const { t: i } = F(), [s, r] = N({}), o = O(e);
-  k(() => {
+const In = ({ columnDefs: t, onFilter: e, tableName: n }) => {
+  const { t: i } = B(), [s, r] = N({}), o = D(e);
+  R(() => {
     o.current = e;
-  }, [e]), k(() => {
+  }, [e]), R(() => {
     r((u) => {
       const f = {};
       for (const y of t)
@@ -1466,7 +1386,7 @@ const Rn = ({ columnDefs: t, onFilter: e, tableName: n }) => {
           throw new Error(`Filter type ${u.filterable.filterType} not supported`);
       }
     return null;
-  }, h = (u) => /* @__PURE__ */ a(In, { columnDef: u, changeFilter: l }), d = (u) => {
+  }, h = (u) => /* @__PURE__ */ a(bn, { columnDef: u, changeFilter: l }), d = (u) => {
     if (!u.filterable?.filterOptions)
       throw new Error(`No filterOptions found for column type: options on columnDef: ${u.name}`);
     const f = u.filterable.filterOptions;
@@ -1477,7 +1397,7 @@ const Rn = ({ columnDefs: t, onFilter: e, tableName: n }) => {
         value: v.value
       })), g = s[u.name];
       return /* @__PURE__ */ a(
-        Mn,
+        xn,
         {
           options: p,
           onChange: (v) => {
@@ -1502,7 +1422,7 @@ const Rn = ({ columnDefs: t, onFilter: e, tableName: n }) => {
             f.map((p) => /* @__PURE__ */ a(
               "option",
               {
-                className: me(n, u.name),
+                className: ve(n, u.name),
                 value: p.value,
                 children: typeof p.label == "string" ? p.label : i(p.label.id, { defaultValue: p.label.defaultValue })
               },
@@ -1513,8 +1433,87 @@ const Rn = ({ columnDefs: t, onFilter: e, tableName: n }) => {
       );
   };
   return /* @__PURE__ */ a("tr", { className: "di filterrow form", children: t.map((u) => /* @__PURE__ */ a("td", { style: { textAlign: u.align || "left" }, children: c(u) }, u.name)) });
-};
-function Tn({
+}, Rn = (t) => t === "ASC" ? "DESC" : "ASC";
+class kn extends V {
+  constructor() {
+    super(...arguments), this.handleSort = (e) => {
+      const { paginationSettings: n, onSort: i } = this.props, s = e.name === n.sort.property ? Rn(n.sort.direction) : e.defaultSortDirection || "ASC";
+      i(e.name, s);
+    }, this.getClassName = (e) => {
+      const { paginationSettings: n, tableName: i } = this.props, s = ve(i, e.name);
+      return e.sortable ? e.name === n.sort.property ? n.sort.direction === "ASC" ? `${s} sortable sortAsc` : `${s} sortable sortDes` : `${s} sortable` : `${s}`;
+    }, this.printLabel = (e) => Mn(e) ? /* @__PURE__ */ a(A, { i18nKey: e.id, children: e.defaultValue }) : e;
+  }
+  render() {
+    return /* @__PURE__ */ a("tr", { children: this.props.columnDefs.map((e) => /* @__PURE__ */ a(
+      "th",
+      {
+        style: {
+          width: e.width || "auto",
+          textAlign: e.align || "left"
+        },
+        className: this.getClassName(e),
+        onClick: () => {
+          e.sortable && this.handleSort(e);
+        },
+        children: this.printLabel(e.label)
+      },
+      e.name
+    )) });
+  }
+}
+function Mn(t) {
+  return typeof t == "object" && t != null && "id" in t && t.id !== void 0;
+}
+class Tn extends V {
+  constructor() {
+    super(...arguments), this.getRowClass = () => {
+      const { rowDef: e, item: n } = this.props;
+      return e && typeof e.getRowClass == "function" ? e.getRowClass(n) : "";
+    }, this.handleClick = () => {
+      const { rowDef: e, item: n } = this.props;
+      e && typeof e.onClick == "function" && e.onClick(n);
+    }, this.getTooltip = () => {
+      const { rowDef: e, item: n } = this.props;
+      return e && typeof e.getTooltip == "function" ? e.getTooltip(n) : "";
+    }, this.getRowStyle = () => {
+      const { rowDef: e, item: n } = this.props;
+      if (e && e.getRowStyle)
+        return e.getRowStyle(n);
+    };
+  }
+  render() {
+    const { columnDefs: e, item: n, tableName: i } = this.props;
+    return /* @__PURE__ */ a(
+      "tr",
+      {
+        className: this.getRowClass(),
+        onClick: this.handleClick,
+        title: this.getTooltip(),
+        style: this.getRowStyle(),
+        children: e.map((s) => {
+          const r = s.align || "left", o = s.onClick ? "pointer" : "inherit", l = s.whiteSpace || void 0, c = s.onClick ? () => s.onClick ? s.onClick(n) : void 0 : void 0;
+          return /* @__PURE__ */ a(
+            "td",
+            {
+              style: {
+                textAlign: r,
+                cursor: o,
+                // @ts-ignore
+                whiteSpace: l
+              },
+              onClick: c,
+              className: ve(i, s.name),
+              children: s.render(n)
+            },
+            `${n.id}_${s.name}`
+          );
+        })
+      }
+    );
+  }
+}
+function On({
   columnDefs: t,
   uniqueItemKey: e,
   paginationSettings: n,
@@ -1528,48 +1527,53 @@ function Tn({
   messageWhenEmpty: d,
   "data-testid": u
 }) {
-  const f = O(null), p = O(null), [g, v] = N(!1), [w, y] = N(!0), [C, x] = N(!1), M = "uiConfigurations/nevershowscrollingadvice", I = O(w);
-  k(() => {
-    I.current = w;
+  const f = D(null), p = D(null), [g, v] = N(!1), [w, y] = N(!0), [C, x] = N(!1), k = "uiConfigurations/nevershowscrollingadvice", I = "reactable.neverShowScrollingAdvice", M = D(w);
+  R(() => {
+    M.current = w;
   }, [w]);
-  const R = () => {
+  const E = () => {
     f.current && p.current && v(
-      !I.current && p.current.scrollWidth > f.current.offsetWidth
+      !M.current && p.current.scrollWidth > f.current.offsetWidth
     );
   };
-  k(() => {
+  R(() => {
     setTimeout(() => {
       (async () => {
+        const T = localStorage.getItem(I), Y = T !== null;
         try {
-          const E = await Et(M) === !0;
-          y(E), I.current = E, E || R();
+          const j = await Et(k) === !0;
+          y(j), M.current = j, localStorage.setItem(I, String(j)), j || E();
         } catch {
-          y(!1), I.current = !1, R();
+          if (Y) {
+            const j = T === "true";
+            y(j), M.current = j, j || E();
+          } else
+            y(!1), M.current = !1, E();
         }
         x(!0);
       })();
     }, 0);
-  }, []), k(() => (R(), window.addEventListener("resize", R), () => window.removeEventListener("resize", R)), [o, t]);
-  const H = t.some((b) => b.filterable);
-  return /* @__PURE__ */ a(ut, { show: l, children: /* @__PURE__ */ m("div", { ref: f, className: "di reactable scroll-x", children: [
+  }, []), R(() => (E(), window.addEventListener("resize", E), () => window.removeEventListener("resize", E)), [o, t]);
+  const S = t.some((T) => T.filterable);
+  return /* @__PURE__ */ a(pt, { show: l, children: /* @__PURE__ */ m("div", { ref: f, className: "di reactable scroll-x", children: [
     C && g && !l && /* @__PURE__ */ a(
-      Be,
+      He,
       {
         className: "scroll-horizontally-advice",
         content: /* @__PURE__ */ m("div", { children: [
           /* @__PURE__ */ a(A, { i18nKey: "reactable.scrollHorizontally.advice", children: "SHIFT + mouse wheel to scroll horizontally" }),
           /* @__PURE__ */ m("div", { className: "scroll-horizontally-advice-buttons", children: [
             /* @__PURE__ */ a(
-              V,
+              F,
               {
                 primary: !0,
                 onClick: async () => {
-                  await Dt(M, !0), y(!0), I.current = !0, v(!1);
+                  await Dt(k, !0), localStorage.setItem(I, "true"), y(!0), M.current = !0, v(!1);
                 },
                 children: /* @__PURE__ */ a(A, { i18nKey: "reactable.scrollHorizontally.neverShowAgain", children: "Never show again" })
               }
             ),
-            /* @__PURE__ */ a(V, { onClick: () => v(!1), children: /* @__PURE__ */ a(A, { i18nKey: "reactable.scrollHorizontally.ok", children: "OK" }) })
+            /* @__PURE__ */ a(F, { onClick: () => v(!1), children: /* @__PURE__ */ a(A, { i18nKey: "reactable.scrollHorizontally.ok", children: "OK" }) })
           ] })
         ] }),
         width: "40%"
@@ -1583,7 +1587,7 @@ function Tn({
         "data-testid": u,
         children: [
           /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a(
-            An,
+            kn,
             {
               columnDefs: t,
               paginationSettings: n,
@@ -1592,23 +1596,23 @@ function Tn({
             }
           ) }),
           /* @__PURE__ */ m("tbody", { children: [
-            s && H && /* @__PURE__ */ a(
-              Rn,
+            s && S && /* @__PURE__ */ a(
+              In,
               {
                 columnDefs: t,
                 onFilter: s,
                 tableName: r
               }
             ),
-            o?.content.length ? o.content.slice(0, n.size).map((b) => /* @__PURE__ */ a(
-              wn,
+            o?.content.length ? o.content.slice(0, n.size).map((T) => /* @__PURE__ */ a(
+              Tn,
               {
                 columnDefs: t,
-                item: b,
+                item: T,
                 rowDef: c,
                 tableName: r
               },
-              e(b)
+              e(T)
             )) : !l && /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: t.length, children: /* @__PURE__ */ a(A, { i18nKey: d ?? "reactable.noEntriesFound", children: "No entries found" }) }) })
           ] })
         ]
@@ -1616,7 +1620,7 @@ function Tn({
     )
   ] }) });
 }
-class On extends L {
+class En extends V {
   componentDidUpdate() {
     const { pageable: e, paginationSettings: n, onChangePage: i } = this.props;
     if (!e)
@@ -1627,9 +1631,9 @@ class On extends L {
   render() {
     const { paginationSettings: e, pageable: n, onChangePage: i, onChangeSize: s } = this.props, r = s ? n && n.totalElements > 0 : n && n.totalPages > 1;
     return /* @__PURE__ */ m("div", { children: [
-      /* @__PURE__ */ a(Tn, { ...this.props }),
+      /* @__PURE__ */ a(On, { ...this.props }),
       n && r && /* @__PURE__ */ a(
-        mn,
+        vn,
         {
           page: e.page,
           totalPages: n.totalPages,
@@ -1649,7 +1653,7 @@ const Me = {
     direction: "DESC"
   }
 };
-class fs extends L {
+class gs extends V {
   constructor(e) {
     super(e), this.content = [], this.calculatePageNumber = (i, s) => {
       const { forceResetPaginationOnItemsChange: r } = this.props;
@@ -1682,15 +1686,15 @@ class fs extends L {
         },
         () => {
           r && r(i);
-          const c = Ie(s, o, i);
+          const c = Re(s, o, i);
           this.setState({
             filteredItems: c
           }), c && l?.(c);
         }
       );
     }, this.getPageable = () => {
-      const { customSortFunction: i, items: s, columnDefs: r, onContentChange: o } = this.props, { filterSettings: l, paginationSettings: c } = this.state, h = Ie(s, r, l), d = vn(h, c, i);
-      return d && d.content && !Z(d.content, this.content) && (this.content = d.content, o && o(this.content)), d;
+      const { customSortFunction: i, items: s, columnDefs: r, onContentChange: o } = this.props, { filterSettings: l, paginationSettings: c } = this.state, h = Re(s, r, l), d = Sn(h, c, i);
+      return d && d.content && !z(d.content, this.content) && (this.content = d.content, o && o(this.content)), d;
     }, this.handleSelectChange = (i, s) => {
       const { onSelectedItemsChange: r, selectedItems: o = [], uniqueItemKey: l } = this.props;
       if (r)
@@ -1703,7 +1707,7 @@ class fs extends L {
         console.warn("ReactableWithClientSidePagination: onSelectedItemsChange property is missing");
     }, this.handleSelectAllChange = (i) => {
       const { onSelectedItemsChange: s, items: r, selectedItems: o = [], uniqueItemKey: l } = this.props, { filteredItems: c } = this.state, h = (c || r || []).map(l);
-      s ? s(i ? bt([...o, ...h], Z).sort() : St(o, h)) : console.warn("ReactableWithClientSidePagination: onSelectedItemsChange property is missing");
+      s ? s(i ? St([...o, ...h], z).sort() : wt(o, h)) : console.warn("ReactableWithClientSidePagination: onSelectedItemsChange property is missing");
     }, this.areSelectedAll = () => {
       const { items: i, selectedItems: s, uniqueItemKey: r } = this.props, { filteredItems: o } = this.state;
       return !!s && (o || i || []).every((c) => s.some((h) => h === r(c)));
@@ -1717,7 +1721,7 @@ class fs extends L {
   }
   componentDidUpdate(e) {
     const { items: n } = this.props, { items: i } = e, s = this.props.paginationSettings || this.props.initialPaginationSettings, r = e.paginationSettings || e.initialPaginationSettings;
-    n && i && n.length !== i.length && this.calculatePageNumber(n, this.state.paginationSettings), s && !Z(s, r) && this.setState(
+    n && i && n.length !== i.length && this.calculatePageNumber(n, this.state.paginationSettings), s && !z(s, r) && this.setState(
       {
         paginationSettings: s
       },
@@ -1735,7 +1739,7 @@ class fs extends L {
       selectable: l,
       selectedItems: c,
       onChangeSize: h
-    } = this.props, d = l ? Sn(
+    } = this.props, d = l ? An(
       i,
       this.handleSelectChange,
       this.handleSelectAllChange,
@@ -1744,7 +1748,7 @@ class fs extends L {
       e
     ) : i;
     return /* @__PURE__ */ a(
-      On,
+      En,
       {
         columnDefs: d,
         rowDef: s,
@@ -1763,7 +1767,7 @@ class fs extends L {
     );
   }
 }
-const Y = class Y extends W.Component {
+const W = class W extends $.Component {
   constructor() {
     super(...arguments), this.state = {
       files: []
@@ -1807,7 +1811,7 @@ const Y = class Y extends W.Component {
       maxSize: g,
       multiple: v,
       ...w
-    } = this.props, y = s || Y.defaultProps.dropHint, C = r || Y.defaultProps.hoverHint, x = o || Y.defaultProps.acceptHint, M = l || Y.defaultProps.rejectHint;
+    } = this.props, y = s || W.defaultProps.dropHint, C = r || W.defaultProps.hoverHint, x = o || W.defaultProps.acceptHint, k = l || W.defaultProps.rejectHint;
     return /* @__PURE__ */ m(
       "div",
       {
@@ -1817,14 +1821,14 @@ const Y = class Y extends W.Component {
           hasContent: !!e.length
         }),
         children: [
-          !!i && e.map((I, R) => /* @__PURE__ */ a(
+          !!i && e.map((I, M) => /* @__PURE__ */ a(
             i,
             {
               file: I,
               onRemoveFile: () => this.handleRemoveFile(I),
               onDownloadFile: d ? () => d(I) : void 0
             },
-            R
+            M
           )),
           (v || !e.length) && /* @__PURE__ */ a(
             Pt,
@@ -1835,21 +1839,21 @@ const Y = class Y extends W.Component {
               onDropRejected: f,
               onDropAccepted: p,
               maxSize: g || 1 / 0,
-              children: ({ getRootProps: I, getInputProps: R, isDragAccept: H, isDragReject: b, isDragActive: E }) => /* @__PURE__ */ m(
+              children: ({ getRootProps: I, getInputProps: M, isDragAccept: E, isDragReject: S, isDragActive: T }) => /* @__PURE__ */ m(
                 "div",
                 {
                   className: P("drag-drop-text-container", {
-                    active: E,
-                    accept: H,
-                    reject: b
+                    active: T,
+                    accept: E,
+                    reject: S
                   }),
                   ...I(),
                   children: [
-                    /* @__PURE__ */ a("input", { ...R() }),
+                    /* @__PURE__ */ a("input", { ...M() }),
                     /* @__PURE__ */ a("p", { className: "drag-drop-hint", children: /* @__PURE__ */ a(A, { i18nKey: y.id, children: y.defaultValue }) }),
                     /* @__PURE__ */ a("p", { className: "drag-drop-hover-hint", children: /* @__PURE__ */ a(A, { i18nKey: C.id, children: C.defaultValue }) }),
                     /* @__PURE__ */ a("p", { className: "drag-drop-accept", children: /* @__PURE__ */ a(A, { i18nKey: x.id, children: x.defaultValue }) }),
-                    /* @__PURE__ */ a("p", { className: "drag-drop-reject", children: /* @__PURE__ */ a(A, { i18nKey: M.id, children: M.defaultValue }) })
+                    /* @__PURE__ */ a("p", { className: "drag-drop-reject", children: /* @__PURE__ */ a(A, { i18nKey: k.id, children: k.defaultValue }) })
                   ]
                 }
               )
@@ -1860,7 +1864,7 @@ const Y = class Y extends W.Component {
     );
   }
 };
-Y.defaultProps = {
+W.defaultProps = {
   dropHint: {
     id: "fileUpload.dropHint",
     defaultValue: "Drop file here, or click to browse ..."
@@ -1878,8 +1882,8 @@ Y.defaultProps = {
     defaultValue: "This file type cannot be uploaded"
   }
 };
-let ce = Y;
-const En = ({ url: t, imageSize: e, onRemoveFile: n, onDragOver: i, onDownloadFile: s }) => /* @__PURE__ */ a("div", { className: "di upload preview-container", onDragOver: i, children: /* @__PURE__ */ m(
+let de = W;
+const Dn = ({ url: t, imageSize: e, onRemoveFile: n, onDragOver: i, onDownloadFile: s }) => /* @__PURE__ */ a("div", { className: "di upload preview-container", onDragOver: i, children: /* @__PURE__ */ m(
   "div",
   {
     className: "preview",
@@ -1893,7 +1897,7 @@ const En = ({ url: t, imageSize: e, onRemoveFile: n, onDragOver: i, onDownloadFi
     ]
   }
 ) });
-class gs extends L {
+class ms extends V {
   constructor() {
     super(...arguments), this.state = {
       dragOverPreview: !1,
@@ -1912,7 +1916,7 @@ class gs extends L {
   render() {
     const { accept: e, imageUrl: n, imageSize: i, onSelectFile: s, onRemoveFile: r, onDownloadFile: o, ...l } = this.props, { dragOverPreview: c, file: h } = this.state;
     return n && !c && h ? /* @__PURE__ */ a(
-      En,
+      Dn,
       {
         url: n,
         imageSize: i,
@@ -1921,7 +1925,7 @@ class gs extends L {
         onDragOver: this.handleDragOver
       }
     ) : /* @__PURE__ */ a(
-      ce,
+      de,
       {
         ...l,
         onRemoveFile: (d) => {
@@ -1937,7 +1941,7 @@ class gs extends L {
     );
   }
 }
-const Dn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMjI2NGVmOC0xY2Q1LTgyNDQtOWQ5NS0yZDBjNGMxMmZkM2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDhENjczMThERTNEMTFFQUIwNjJCODBDQ0RGM0I4QkEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDhENjczMTdERTNEMTFFQUIwNjJCODBDQ0RGM0I4QkEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTcyODQ4NjktNjA0NC0xZjQ2LTg2OWMtMjBlYzMwMTA0MWE2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmUyMjY0ZWY4LTFjZDUtODI0NC05ZDk1LTJkMGM0YzEyZmQzZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnOjy94AAABySURBVHjapFMJDsAgCFvJ/v/lbkvYEQ4naGIiShtaASS3lSWjRwA8d4/gAutxSLJrsr3/6kKUc0uPKnDgioQS2BKUwY8HBhzFoc+/31ipAF0JkoDY7cQyiWTmzJLADZN2HIwn2dD5Ct5EzBiK1XE+BBgAvZQfJzDjL2UAAAAASUVORK5CYII=", ms = ({
+const Ln = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMjI2NGVmOC0xY2Q1LTgyNDQtOWQ5NS0yZDBjNGMxMmZkM2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDhENjczMThERTNEMTFFQUIwNjJCODBDQ0RGM0I4QkEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDhENjczMTdERTNEMTFFQUIwNjJCODBDQ0RGM0I4QkEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTcyODQ4NjktNjA0NC0xZjQ2LTg2OWMtMjBlYzMwMTA0MWE2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmUyMjY0ZWY4LTFjZDUtODI0NC05ZDk1LTJkMGM0YzEyZmQzZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnOjy94AAABySURBVHjapFMJDsAgCFvJ/v/lbkvYEQ4naGIiShtaASS3lSWjRwA8d4/gAutxSLJrsr3/6kKUc0uPKnDgioQS2BKUwY8HBhzFoc+/31ipAF0JkoDY7cQyiWTmzJLADZN2HIwn2dD5Ct5EzBiK1XE+BBgAvZQfJzDjL2UAAAAASUVORK5CYII=", vs = ({
   parentPageLink: t,
   title: e,
   subPagePathPrefixArray: n,
@@ -1945,7 +1949,7 @@ const Dn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAA
   subtitle: s,
   children: r
 }) => {
-  const { push: o } = pe(), { pathname: l } = fe(), { t: c } = F(), h = () => {
+  const { push: o } = fe(), { pathname: l } = ge(), { t: c } = B(), h = () => {
     i ? o(l.substring(0, l.lastIndexOf(i))) : n ? n.forEach((u) => {
       l.includes(u) && o(l.substring(0, l.lastIndexOf(u)));
     }) : o(l.substring(0, l.lastIndexOf("/")));
@@ -1961,7 +1965,7 @@ const Dn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAA
   };
   return /* @__PURE__ */ m("h1", { className: "di header", children: [
     t && /* @__PURE__ */ a(
-      V,
+      F,
       {
         onClick: h,
         style: {
@@ -1970,7 +1974,7 @@ const Dn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAA
         children: /* @__PURE__ */ a(
           "img",
           {
-            src: Dn,
+            src: Ln,
             alt: c("general.navigation.goBack", {
               defaultValue: "Go Back"
             })
@@ -1982,25 +1986,25 @@ const Dn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAA
     s && /* @__PURE__ */ a("span", { className: "search-result-count", children: d(s) }),
     r
   ] });
-}, ae = (t, e) => {
+}, oe = (t, e) => {
   try {
-    return S.tz(e, t).format("HH:mm");
+    return b.tz(e, t).format("HH:mm");
   } catch (n) {
     return console.error("DateTimeInput: Error while extracting time from date", n), "00:00";
   }
-}, Re = Ve(
+}, Te = Fe(
   ({ timestamp: t, timezone: e, warning: n, readOnly: i = !1, onChange: s, ...r }, o) => {
-    const [l, c] = N(ae(e, t)), h = l ?? ae(e, t);
-    k(() => {
-      c(ae(e, t));
+    const [l, c] = N(oe(e, t)), h = l ?? oe(e, t);
+    R(() => {
+      c(oe(e, t));
     }, [e, t]);
     function d(p, g) {
-      const v = S.tz(t, e), w = S.tz(p, e).set("hour", v.hour()).set("minute", v.minute()).set("second", v.second()).set("millisecond", v.millisecond());
+      const v = b.tz(t, e), w = b.tz(p, e).set("hour", v.hour()).set("minute", v.minute()).set("second", v.second()).set("millisecond", v.millisecond());
       s(w.valueOf(), g);
     }
     function u(p, g) {
       if (g) {
-        const [v, w] = p.split(":").map(Number), y = S.tz(t, e).set("hours", v).set("minutes", w);
+        const [v, w] = p.split(":").map(Number), y = b.tz(t, e).set("hours", v).set("minutes", w);
         s(y.valueOf(), !0);
       }
       c(p);
@@ -2010,7 +2014,7 @@ const Dn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAA
     }
     return /* @__PURE__ */ m("span", { className: `di date-time-input ${n ? "with-warning" : ""}`, children: [
       /* @__PURE__ */ a(
-        qe,
+        et,
         {
           ...r,
           ref: o,
@@ -2021,7 +2025,7 @@ const Dn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAA
         }
       ),
       /* @__PURE__ */ a(
-        _,
+        ee,
         {
           "data-testid": "time-input",
           value: h,
@@ -2040,12 +2044,12 @@ const Dn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAA
     ] });
   }
 );
-class vs extends L {
+class ys extends V {
   constructor() {
     super(...arguments), this.state = {
       cache: {},
       currentItem: null
-    }, this.transformBackendItemToSelectItem = (e) => {
+    }, this.selectRef = je(), this.transformBackendItemToSelectItem = (e) => {
       const { labelKey: n, valueKey: i } = this.props;
       return {
         value: e[i],
@@ -2092,7 +2096,9 @@ class vs extends L {
   }
   componentDidMount() {
     const { value: e, searchById: n } = this.props;
-    e && n(e).then(this.addBackendItemToCache);
+    e && n(e).then(this.addBackendItemToCache), this.props["data-testid"] && setTimeout(() => {
+      this.selectRef?.current?.controlRef && this.selectRef.current.controlRef.setAttribute("data-testid", this.props["data-testid"]);
+    }, 0);
   }
   componentDidUpdate() {
     const { value: e, searchById: n } = this.props, { currentItem: i } = this.state;
@@ -2103,8 +2109,9 @@ class vs extends L {
   render() {
     const { clearable: e, noResultsMessage: n, disabled: i, menuPortalTarget: s } = this.props, { currentItem: r } = this.state;
     return /* @__PURE__ */ a(
-      Lt,
+      Vt,
       {
+        selectRef: this.selectRef,
         className: "select-search-container",
         classNamePrefix: "select-search",
         isClearable: e,
@@ -2119,7 +2126,7 @@ class vs extends L {
     );
   }
 }
-class ys extends W.PureComponent {
+class bs extends $.PureComponent {
   constructor() {
     super(...arguments), this.createClickHandler = (e) => () => {
       const { onClick: n } = this.props;
@@ -2128,8 +2135,8 @@ class ys extends W.PureComponent {
   }
   render() {
     const { disabled: e, icon: n, children: i, linkTo: s } = this.props, r = this.props["data-testid"];
-    return /* @__PURE__ */ a(_e.Consumer, { children: ({ toggleMenu: o }) => s ? /* @__PURE__ */ m(
-      Ze,
+    return /* @__PURE__ */ a(tt.Consumer, { children: ({ toggleMenu: o }) => s ? /* @__PURE__ */ m(
+      We,
       {
         "data-testid": r,
         to: s,
@@ -2154,33 +2161,33 @@ class ys extends W.PureComponent {
     ) });
   }
 }
-const Te = 3600 * 1e3;
+const Oe = 3600 * 1e3;
 function Pn({ period: t, onChange: e, readOnly: n, locale: i, timezone: s }) {
-  const [r, o] = N(""), l = O(void 0), c = O(null), h = new Date(t.tsStart), d = new Date(t.tsEnd);
+  const [r, o] = N(""), l = D(void 0), c = D(null), h = new Date(t.tsStart), d = new Date(t.tsEnd);
   function u(g) {
     l.current && clearTimeout(l.current), o(g), l.current = setTimeout(() => o(""), 1e3);
   }
   function f(g, v) {
     if (g) {
-      const w = t.tsEnd && g > t.tsEnd, y = w ? g + Te : t.tsEnd, C = {
+      const w = t.tsEnd && g > t.tsEnd, y = w ? g + Oe : t.tsEnd, C = {
         tsStart: g,
         tsEnd: y
       };
-      Z(C, t) || e(C), !v && c.current && c.current.focus(), w && u("date-to");
+      z(C, t) || e(C), !v && c.current && c.current.focus(), w && u("date-to");
     }
   }
   function p(g) {
     if (g) {
       const v = t.tsStart && g < t.tsStart, y = {
-        tsStart: v ? g - Te : t.tsStart,
+        tsStart: v ? g - Oe : t.tsStart,
         tsEnd: g
       };
-      Z(y, t) || e(y), v && u("date-from");
+      z(y, t) || e(y), v && u("date-from");
     }
   }
   return /* @__PURE__ */ m("span", { className: "inputs", children: [
     /* @__PURE__ */ a("span", { "data-testid": "from-wrapper", children: /* @__PURE__ */ a(
-      Re,
+      Te,
       {
         timestamp: t.tsStart,
         onChange: f,
@@ -2195,7 +2202,7 @@ function Pn({ period: t, onChange: e, readOnly: n, locale: i, timezone: s }) {
     ) }),
     "  -  ",
     /* @__PURE__ */ a("span", { "data-testid": "to-wrapper", children: /* @__PURE__ */ a(
-      Re,
+      Te,
       {
         ref: c,
         timestamp: t.tsEnd,
@@ -2211,7 +2218,7 @@ function Pn({ period: t, onChange: e, readOnly: n, locale: i, timezone: s }) {
     ) })
   ] });
 }
-class Ln extends L {
+class Vn extends V {
   constructor(e) {
     super(e), this.tdMonth = (s) => {
       const { selectedMonth: r, selectedYear: o, displayedYear: l } = this.state;
@@ -2226,11 +2233,11 @@ class Ln extends L {
             });
           },
           className: P({ selected: s === r && l === o }),
-          children: S(`${o}/${s.toString().padStart(2, "0")}/01`, "YYYY/MM/DD").format("MMM")
+          children: b(`${o}/${s.toString().padStart(2, "0")}/01`, "YYYY/MM/DD").format("MMM")
         }
       );
     };
-    const n = e.month !== null && e.month !== void 0 ? e.month : S().month() + 1, i = e.year !== null && e.year !== void 0 ? e.year : S().year();
+    const n = e.month !== null && e.month !== void 0 ? e.month : b().month() + 1, i = e.year !== null && e.year !== void 0 ? e.year : b().year();
     this.state = {
       selectedMonth: n,
       selectedYear: i,
@@ -2298,68 +2305,68 @@ class Ln extends L {
     ] });
   }
 }
-const Vn = "data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%3e%3cg%3e%3crect%20class='cls-1'%20x='3.5'%20y='7.5'%20width='2'%20height='2'/%3e%3cpath%20d='M5,8V9H4V8H5M6,7H3v3H6V7Z'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='8'%20y='7'%20width='1'%20height='1'/%3e%3cpolygon%20points='9%207%208%207%208%208%209%208%209%207%209%207'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='10'%20y='7'%20width='1'%20height='1'/%3e%3cpolygon%20points='11%207%2010%207%2010%208%2011%208%2011%207%2011%207'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='12'%20y='7'%20width='1'%20height='1'/%3e%3cpolygon%20points='13%207%2012%207%2012%208%2013%208%2013%207%2013%207'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='8'%20y='9'%20width='1'%20height='1'/%3e%3cpolygon%20points='9%209%208%209%208%2010%209%2010%209%209%209%209'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='8'%20y='11'%20width='1'%20height='1'/%3e%3cpolygon%20points='9%2011%208%2011%208%2012%209%2012%209%2011%209%2011'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='6'%20y='11'%20width='1'%20height='1'/%3e%3cpolygon%20points='7%2011%206%2011%206%2012%207%2012%207%2011%207%2011'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='4'%20y='11'%20width='1'%20height='1'/%3e%3cpolygon%20points='5%2011%204%2011%204%2012%205%2012%205%2011%205%2011'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='10.5'%20y='9.5'%20width='2'%20height='2'/%3e%3cpath%20d='M12,10v1H11V10h1m1-1H10v3h3V9Z'/%3e%3c/g%3e%3cpath%20d='M15.31,2H.69A.69.69,0,0,0,0,2.69V14.31A.69.69,0,0,0,.69,15H15.31a.69.69,0,0,0,.69-.69V2.69A.69.69,0,0,0,15.31,2ZM14,13H2V6H14Z'/%3e%3c/g%3e%3crect%20x='3'%20width='3'%20height='2'/%3e%3crect%20x='10'%20width='3'%20height='2'/%3e%3c/svg%3e", Fn = "data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.5%2010%204%206%2011%206%207.5%2010'/%3e%3c/svg%3e";
-S.extend(He);
-S.extend(Ge);
-function T(t, e) {
-  return t ? S.tz(e, t) : S(e);
+const Fn = "data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%3e%3cg%3e%3crect%20class='cls-1'%20x='3.5'%20y='7.5'%20width='2'%20height='2'/%3e%3cpath%20d='M5,8V9H4V8H5M6,7H3v3H6V7Z'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='8'%20y='7'%20width='1'%20height='1'/%3e%3cpolygon%20points='9%207%208%207%208%208%209%208%209%207%209%207'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='10'%20y='7'%20width='1'%20height='1'/%3e%3cpolygon%20points='11%207%2010%207%2010%208%2011%208%2011%207%2011%207'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='12'%20y='7'%20width='1'%20height='1'/%3e%3cpolygon%20points='13%207%2012%207%2012%208%2013%208%2013%207%2013%207'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='8'%20y='9'%20width='1'%20height='1'/%3e%3cpolygon%20points='9%209%208%209%208%2010%209%2010%209%209%209%209'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='8'%20y='11'%20width='1'%20height='1'/%3e%3cpolygon%20points='9%2011%208%2011%208%2012%209%2012%209%2011%209%2011'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='6'%20y='11'%20width='1'%20height='1'/%3e%3cpolygon%20points='7%2011%206%2011%206%2012%207%2012%207%2011%207%2011'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='4'%20y='11'%20width='1'%20height='1'/%3e%3cpolygon%20points='5%2011%204%2011%204%2012%205%2012%205%2011%205%2011'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='10.5'%20y='9.5'%20width='2'%20height='2'/%3e%3cpath%20d='M12,10v1H11V10h1m1-1H10v3h3V9Z'/%3e%3c/g%3e%3cpath%20d='M15.31,2H.69A.69.69,0,0,0,0,2.69V14.31A.69.69,0,0,0,.69,15H15.31a.69.69,0,0,0,.69-.69V2.69A.69.69,0,0,0,15.31,2ZM14,13H2V6H14Z'/%3e%3c/g%3e%3crect%20x='3'%20width='3'%20height='2'/%3e%3crect%20x='10'%20width='3'%20height='2'/%3e%3c/svg%3e", Bn = "data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.5%2010%204%206%2011%206%207.5%2010'/%3e%3c/svg%3e";
+b.extend(Ye);
+b.extend(Ze);
+function O(t, e) {
+  return t ? b.tz(e, t) : b(e);
 }
-function et(t) {
+function nt(t) {
   return {
-    tsStart: T(t).startOf("day").valueOf(),
-    tsEnd: T(t).endOf("day").valueOf()
+    tsStart: O(t).startOf("day").valueOf(),
+    tsEnd: O(t).endOf("day").valueOf()
   };
 }
-function tt(t) {
+function it(t) {
   return {
-    tsStart: T(t).subtract(1, "day").startOf("day").valueOf(),
-    tsEnd: T(t).subtract(1, "day").endOf("day").valueOf()
+    tsStart: O(t).subtract(1, "day").startOf("day").valueOf(),
+    tsEnd: O(t).subtract(1, "day").endOf("day").valueOf()
   };
 }
-function nt(t) {
+function st(t) {
   return {
-    tsStart: T(t).startOf("week").valueOf(),
-    tsEnd: T(t).endOf("week").valueOf()
+    tsStart: O(t).startOf("week").valueOf(),
+    tsEnd: O(t).endOf("week").valueOf()
   };
 }
-function it(t) {
+function rt(t) {
   return {
-    tsStart: T(t).startOf("month").valueOf(),
-    tsEnd: T(t).endOf("month").valueOf()
+    tsStart: O(t).startOf("month").valueOf(),
+    tsEnd: O(t).endOf("month").valueOf()
   };
 }
-function st(t, e) {
+function at(t, e) {
   return {
-    tsStart: T(e, t).startOf("day").valueOf(),
-    tsEnd: T(e, t).endOf("day").valueOf()
+    tsStart: O(e, t).startOf("day").valueOf(),
+    tsEnd: O(e, t).endOf("day").valueOf()
   };
 }
-function rt(t, e) {
+function ot(t, e) {
   return {
-    tsStart: T(e, t).startOf("month").valueOf(),
-    tsEnd: T(e, t).endOf("month").valueOf()
+    tsStart: O(e, t).startOf("month").valueOf(),
+    tsEnd: O(e, t).endOf("month").valueOf()
   };
 }
-function de(t, e) {
-  const n = T(e).subtract(t - 1, "days").startOf("day").valueOf(), i = S().endOf("day").valueOf();
+function he(t, e) {
+  const n = O(e).subtract(t - 1, "days").startOf("day").valueOf(), i = b().endOf("day").valueOf();
   return { tsStart: n, tsEnd: i };
 }
-const Bn = 1e3 * 60 * 60 * 24;
-function jn({ tsStart: t, tsEnd: e }) {
-  return Math.round((e - t + 1) / Bn);
+const jn = 1e3 * 60 * 60 * 24;
+function Hn({ tsStart: t, tsEnd: e }) {
+  return Math.round((e - t + 1) / jn);
 }
-function Hn({ onChange: t, onShowCustomPeriod: e, periodName: n, timezone: i }) {
+function Gn({ onChange: t, onShowCustomPeriod: e, periodName: n, timezone: i }) {
   const [s, r] = N(!1), [o, l] = N(!1), [c, h] = N(!1), [d, u] = N(Date.now());
   function f(C) {
     t(C), r(!1), e && e(!1);
   }
   function p(C) {
-    f(st(C ?? Date.now(), i)), l(!1), u(C ?? void 0);
+    f(at(C ?? Date.now(), i)), l(!1), u(C ?? void 0);
   }
   function g(C, x) {
     f(
-      rt(
-        S().year(x).month(C - 1).valueOf(),
+      ot(
+        b().year(x).month(C - 1).valueOf(),
         i
       )
     ), h(!1);
@@ -2374,40 +2381,40 @@ function Hn({ onChange: t, onShowCustomPeriod: e, periodName: n, timezone: i })
     r(!1), e && e(!0);
   }
   return /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
-    ee,
+    te,
     {
       open: s,
       onOpenChange: r,
       handler: /* @__PURE__ */ a(
-        V,
+        F,
         {
           "data-testid": "time-period-menu-button",
           title: {
             id: "trend.calendarMenu.calendar.timePeriod",
             defaultValue: "Time Period"
           },
-          children: /* @__PURE__ */ m(Le, { children: [
-            /* @__PURE__ */ a("img", { src: Vn, alt: "calendar icon", style: { width: 16, height: 16 } }),
+          children: /* @__PURE__ */ m(Ve, { children: [
+            /* @__PURE__ */ a("img", { src: Fn, alt: "calendar icon", style: { width: 16, height: 16 } }),
             " ",
             !!n && /* @__PURE__ */ m("span", { children: [
               " ",
               n,
               " "
             ] }),
-            /* @__PURE__ */ a("img", { src: Fn, alt: "triangle down", style: { width: 16, height: 16 } })
+            /* @__PURE__ */ a("img", { src: Bn, alt: "triangle down", style: { width: 16, height: 16 } })
           ] })
         }
       ),
       children: /* @__PURE__ */ a("div", { className: "di multimenu period-picker-multimenu", children: /* @__PURE__ */ m("div", { className: `drop bottom ${s ? "show" : ""}`, children: [
-        /* @__PURE__ */ a("div", { className: `left-box ${o ? "show" : ""}`, children: /* @__PURE__ */ a(qe, { inline: !0, value: d, onChange: p }) }),
-        /* @__PURE__ */ a("div", { className: `left-box ${c ? "show" : ""}`, children: /* @__PURE__ */ a(Ln, { onChange: g }) }),
+        /* @__PURE__ */ a("div", { className: `left-box ${o ? "show" : ""}`, children: /* @__PURE__ */ a(et, { inline: !0, value: d, onChange: p }) }),
+        /* @__PURE__ */ a("div", { className: `left-box ${c ? "show" : ""}`, children: /* @__PURE__ */ a(Vn, { onChange: g }) }),
         /* @__PURE__ */ m("div", { className: "right-box", children: [
           /* @__PURE__ */ a(
             "div",
             {
               className: "item",
               "data-testid": "today-button",
-              onClick: () => f(et(i)),
+              onClick: () => f(nt(i)),
               children: /* @__PURE__ */ a("div", { className: "item-text", children: /* @__PURE__ */ a(A, { i18nKey: "trend.calendarMenu.timePeriod.today", children: "Today" }) })
             }
           ),
@@ -2416,7 +2423,7 @@ function Hn({ onChange: t, onShowCustomPeriod: e, periodName: n, timezone: i })
             {
               className: "item",
               "data-testid": "yesterday-button",
-              onClick: () => f(tt(i)),
+              onClick: () => f(it(i)),
               children: /* @__PURE__ */ a("div", { className: "item-text", children: /* @__PURE__ */ a(A, { i18nKey: "trend.calendarMenu.timePeriod.yesterday", children: "Yesterday" }) })
             }
           ),
@@ -2426,7 +2433,7 @@ function Hn({ onChange: t, onShowCustomPeriod: e, periodName: n, timezone: i })
               {
                 "data-testid": "last-7-days-button",
                 className: "item-text",
-                onClick: () => f(de(7, i)),
+                onClick: () => f(he(7, i)),
                 children: /* @__PURE__ */ a(A, { i18nKey: "trend.calendarMenu.timePeriod.lastSevenDays", children: "Last 7 days" })
               }
             ),
@@ -2434,7 +2441,7 @@ function Hn({ onChange: t, onShowCustomPeriod: e, periodName: n, timezone: i })
               "div",
               {
                 className: "subitem",
-                onClick: () => f(de(C, i)),
+                onClick: () => f(he(C, i)),
                 children: C
               },
               C
@@ -2445,7 +2452,7 @@ function Hn({ onChange: t, onShowCustomPeriod: e, periodName: n, timezone: i })
             {
               className: "item",
               "data-testid": "current-week-button",
-              onClick: () => f(nt(i)),
+              onClick: () => f(st(i)),
               children: /* @__PURE__ */ a("div", { className: "item-text", children: /* @__PURE__ */ a(A, { i18nKey: "trend.calendarMenu.timePeriod.currentWeek", children: "Curr. Week" }) })
             }
           ),
@@ -2454,7 +2461,7 @@ function Hn({ onChange: t, onShowCustomPeriod: e, periodName: n, timezone: i })
             {
               className: "item",
               "data-testid": "current-month-button",
-              onClick: () => f(it(i)),
+              onClick: () => f(rt(i)),
               children: /* @__PURE__ */ a("div", { className: "item-text", children: /* @__PURE__ */ a(A, { i18nKey: "trend.calendarMenu.timePeriod.currentMonth", children: "Curr. Month" }) })
             }
           ),
@@ -2472,31 +2479,31 @@ function Hn({ onChange: t, onShowCustomPeriod: e, periodName: n, timezone: i })
     }
   ) });
 }
-function G(t, e) {
+function U(t, e) {
   return t.tsStart === e.tsStart && t.tsEnd === e.tsEnd;
 }
-function Gn(t, e) {
-  const { t: n } = F();
-  if (G(t, et(e)))
+function Yn(t, e) {
+  const { t: n } = B();
+  if (U(t, nt(e)))
     return n("trend.calendarMenu.timePeriod.today", { defaultValue: "Today" });
-  if (G(t, tt(e)))
+  if (U(t, it(e)))
     return n("trend.calendarMenu.timePeriod.yesterday", { defaultValue: "Yesterday" });
-  if (G(t, nt(e)))
+  if (U(t, st(e)))
     return n("trend.calendarMenu.timePeriod.currentWeek", { defaultValue: "Curr. Week" });
-  if (G(t, it(e)))
+  if (U(t, rt(e)))
     return n("trend.calendarMenu.timePeriod.currentMonth", { defaultValue: "Curr. Month" });
-  if (G(t, st((t.tsStart + t.tsEnd) / 2, e)))
+  if (U(t, at((t.tsStart + t.tsEnd) / 2, e)))
     return n("trend.calendarMenu.timePeriod.day", { defaultValue: "Day" });
-  if (G(t, rt((t.tsStart + t.tsEnd) / 2, e)))
+  if (U(t, ot((t.tsStart + t.tsEnd) / 2, e)))
     return n("trend.calendarMenu.timePeriod.month", { defaultValue: "Month" });
-  const i = jn(t);
-  if (G(t, de(i, e)))
+  const i = Hn(t);
+  if (U(t, he(i, e)))
     return n("trend.calendarMenu.timePeriod.lastDays", {
       defaultValue: `Last ${i} days`,
       days: i
     });
 }
-function bs({
+function Ss({
   period: t,
   onChange: e,
   inputsHiddenByDefault: n,
@@ -2507,11 +2514,11 @@ function bs({
   timezone: l,
   ...c
 }) {
-  const [h, d] = N(!n), u = Gn(t, l) ?? o;
+  const [h, d] = N(!n), u = Yn(t, l) ?? o;
   return /* @__PURE__ */ m("div", { className: "di period-picker", "data-testid": c["data-testid"], children: [
     (!n || h) && /* @__PURE__ */ a(Pn, { period: t, onChange: e, locale: r, readOnly: s, timezone: l }),
     i || s || /* @__PURE__ */ a(
-      Hn,
+      Gn,
       {
         periodName: u,
         onShowCustomPeriod: n ? d : void 0,
@@ -2521,48 +2528,48 @@ function bs({
     )
   ] });
 }
-const Yn = 500, Oe = (t) => Array.from(t.querySelectorAll("[id]")).map((e) => e.getAttribute("id")).reduce((e, n) => (n && (e[n] = e[n] + 1 || 1), e), {}), Zn = (t) => {
-  const e = Oe(document), n = Oe(t);
+const Zn = 500, Ee = (t) => Array.from(t.querySelectorAll("[id]")).map((e) => e.getAttribute("id")).reduce((e, n) => (n && (e[n] = e[n] + 1 || 1), e), {}), Un = (t) => {
+  const e = Ee(document), n = Ee(t);
   return Object.keys(n).filter((i) => n[i] < e[i]);
 };
-function Un(t, e) {
+function Wn(t, e) {
   const n = setTimeout(() => {
-    e && e(Zn(t));
-  }, Yn);
+    e && e(Un(t));
+  }, Zn);
   return () => clearTimeout(n);
 }
-const at = "http://www.w3.org/2000/svg";
-function Wn(t, { hoverColor: e, internalLink: n, link: i }, s, r) {
-  const o = zn(t);
+const lt = "http://www.w3.org/2000/svg";
+function zn(t, { hoverColor: e, internalLink: n, link: i }, s, r) {
+  const o = Qn(t);
   if (!o) return;
-  const l = `a${jt(8)}`;
+  const l = `a${Ht(8)}`;
   t.classList.add("anchor", l), e && s?.sheet && s.sheet.insertRule(
     `.di.svg-image .anchor.${l}:hover, .di.svg-image .anchor.${l}:hover * { stroke: ${e} !important; }`
-  ), o.setAttributeNS(at, "xlink:href", "#"), o.addEventListener(
+  ), o.setAttributeNS(lt, "xlink:href", "#"), o.addEventListener(
     "click",
     () => n && r ? r(i) : window.open(i, "_newtab")
   );
 }
-function zn(t) {
+function Qn(t) {
   const e = t.parentNode;
   if (!e)
     return null;
   const n = e.childNodes;
   if (!n)
     return null;
-  const i = Array.from(n).findIndex((o) => o === t), s = document.createElementNS(at, "a");
+  const i = Array.from(n).findIndex((o) => o === t), s = document.createElementNS(lt, "a");
   s.appendChild(t);
   const r = n[i] || null;
   return r ? e.insertBefore(s, r) : e.appendChild(s), s;
 }
-const Qn = (t) => t.replace(/<svg:svg/g, "<svg").replace(/<\/svg:svg/g, "</svg"), ve = (t) => {
-  const e = new DOMParser(), n = Qn(atob(t.replace("data:image/svg+xml;base64,", "")));
+const $n = (t) => t.replace(/<svg:svg/g, "<svg").replace(/<\/svg:svg/g, "</svg"), ye = (t) => {
+  const e = new DOMParser(), n = $n(atob(t.replace("data:image/svg+xml;base64,", "")));
   return e.parseFromString(n, "image/svg+xml");
 };
-function Ss(t, e) {
-  return ve(t).querySelectorAll(`[id^="${e}"]`);
+function ws(t, e) {
+  return ye(t).querySelectorAll(`[id^="${e}"]`);
 }
-const $n = (t) => {
+const Jn = (t) => {
   const e = t.filter(({ type: s }) => s === "positionX" || s === "positionY"), n = t.filter(({ type: s }) => s !== "positionX" && s !== "positionY"), i = e.reduce(
     (s, r) => r.type === "positionX" ? { ...s, x: r } : r.type === "positionY" ? { ...s, y: r } : s,
     {
@@ -2578,7 +2585,7 @@ const $n = (t) => {
       positionY: i.y.position
     }
   ]) : i.x ? n.concat([i.x]) : i.y ? n.concat([i.y]) : n;
-}, Jn = (t) => {
+}, Kn = (t) => {
   const e = t.reduce(
     (n, i) => ({
       ...n,
@@ -2587,26 +2594,26 @@ const $n = (t) => {
     {}
   );
   return Object.keys(e).reduce(
-    (n, i) => n.concat($n(e[i])),
+    (n, i) => n.concat(Jn(e[i])),
     []
   );
-}, K = (t) => Math.max(0, Math.min(100, t));
-function Kn(t, e, n) {
-  const i = We(n), s = t.getAttribute("id") || "", r = i.findOne(`#${s}`), o = i.findOne(`#${s}-boundaries`), l = o ? o.bbox() : i.viewbox();
-  e.type === "positionX" ? r.x(l.x + K(e.position) * l.width / 100) : e.type === "positionY" ? r.y(l.y + K(e.position) * l.height / 100) : (r.x(l.x + K(e.positionX) * l.width / 100), r.y(l.y + K(e.positionY) * l.height / 100));
+}, X = (t) => Math.max(0, Math.min(100, t));
+function Xn(t, e, n) {
+  const i = Qe(n), s = t.getAttribute("id") || "", r = i.findOne(`#${s}`), o = i.findOne(`#${s}-boundaries`), l = o ? o.bbox() : i.viewbox();
+  e.type === "positionX" ? r.x(l.x + X(e.position) * l.width / 100) : e.type === "positionY" ? r.y(l.y + X(e.position) * l.height / 100) : (r.x(l.x + X(e.positionX) * l.width / 100), r.y(l.y + X(e.positionY) * l.height / 100));
 }
-function Xn(t, e, n, i, s) {
-  const o = ve(e).querySelector("svg");
-  return o ? (t.style.height = "100%", t.innerHTML = "", o.style.height = "100%", o.style.width = "100%", o.classList.add("di", "svg-image"), o.getAttribute("viewBox") || o.setAttribute("viewBox", ""), o.getAttribute("preserveAspectRatio") || o.setAttribute("preserveAspectRatio", "xMidYMid"), t.appendChild(o), qn(o, n, i, s), o) : null;
+function qn(t, e, n, i, s) {
+  const o = ye(e).querySelector("svg");
+  return o ? (t.style.height = "100%", t.innerHTML = "", o.style.height = "100%", o.style.width = "100%", o.classList.add("di", "svg-image"), o.getAttribute("viewBox") || o.setAttribute("viewBox", ""), o.getAttribute("preserveAspectRatio") || o.setAttribute("preserveAspectRatio", "xMidYMid"), t.appendChild(o), _n(o, n, i, s), o) : null;
 }
-function qn(t, e, n, i) {
+function _n(t, e, n, i) {
   if (!(!e || !e.length))
-    for (const s of ei(Jn(e))) {
+    for (const s of ti(Kn(e))) {
       const r = t.querySelector(`[id=${s.target}]`);
-      r && _n(r, s, t, n, i);
+      r && ei(r, s, t, n, i);
     }
 }
-function _n(t, e, n, i, s) {
+function ei(t, e, n, i, s) {
   switch (e.type) {
     case "visibility":
       t.setAttribute("visibility", e.visible ? "visible" : "hidden");
@@ -2624,7 +2631,7 @@ function _n(t, e, n, i, s) {
       break;
     }
     case "hyperlink":
-      Wn(t, e, i, s);
+      zn(t, e, i, s);
       break;
     case "eventListener":
       t.addEventListener(e.eventType, e.listener, e.options);
@@ -2635,53 +2642,53 @@ function _n(t, e, n, i, s) {
     case "positionX":
     case "positionY":
     case "positionXY":
-      Kn(t, e, n);
+      Xn(t, e, n);
       break;
     case "rotation": {
-      We(t).rotate(e.degrees);
+      Qe(t).rotate(e.degrees);
       break;
     }
     default:
       throw new Error("Unknown modification");
   }
 }
-function ei(t) {
+function ti(t) {
   return t.sort(({ type: e }, { type: n }) => e !== n && n === "rotation" ? -1 : 1);
 }
-function ti() {
-  const t = O(null);
-  return k(() => {
+function ni() {
+  const t = D(null);
+  return R(() => {
     const e = document.createElement("style");
     return e.appendChild(document.createTextNode("")), document && document.head && document.head.appendChild(e), t.current = e, () => {
       document && document.head && e && document.head.removeChild(e);
     };
   }, []), t.current;
 }
-function ws({ imageData: t, modifications: e, onConflict: n }) {
-  const i = O(null), s = ti(), { push: r } = pe();
-  return k(() => {
+function Cs({ imageData: t, modifications: e, onConflict: n }) {
+  const i = D(null), s = ni(), { push: r } = fe();
+  return R(() => {
     const { current: o } = i;
     if (o && t) {
-      const l = Xn(o, t, e, s, r);
+      const l = qn(o, t, e, s, r);
       if (l && n)
-        return Un(l, n);
+        return Wn(l, n);
     }
   }, [t, e, n, r, s]), /* @__PURE__ */ a("div", { ref: i });
 }
-const ni = (t) => {
+const ii = (t) => {
   try {
-    return ve(t).querySelector("svg");
+    return ye(t).querySelector("svg");
   } catch {
     return null;
   }
-}, Cs = (t) => {
-  const e = ni(t);
+}, As = (t) => {
+  const e = ii(t);
   return !!e && !!e.style;
 };
-function he(t, e, n) {
+function ue(t, e, n) {
   return `<div>${t}</div><div>${e}: <strong>${n}</strong></div>`;
 }
-const B = {
+const H = {
   global: {
     useUTC: !1
   },
@@ -2717,7 +2724,7 @@ const B = {
   tooltip: {
     useHTML: !0,
     formatter() {
-      return he("", this.point.name, this.point.y);
+      return ue("", this.point.name, this.point.y);
     }
   },
   xAxis: {
@@ -2732,7 +2739,7 @@ const B = {
   options: {
     lgo: 123
   }
-}, Ee = (t) => t ? {
+}, De = (t) => t ? {
   series: {
     cursor: "pointer",
     point: {
@@ -2744,7 +2751,7 @@ const B = {
     }
   }
 } : {};
-class As extends L {
+class Ns extends V {
   constructor() {
     super(...arguments), this.state = {}, this.chart = null, this.ro = null, this.handleChart = (e) => {
       this.chart = e, this.ro = new ResizeObserver(() => {
@@ -2755,18 +2762,18 @@ class As extends L {
   componentDidMount() {
     const { type: e, title: n, items: i, tooltipTitle: s, valueFormatter: r, onClick: o } = this.props;
     this.setState({
-      ...B,
-      plotOptions: { ...B.plotOptions, ...Ee(o) },
+      ...H,
+      plotOptions: { ...H.plotOptions, ...De(o) },
       tooltip: {
-        ...B.tooltip,
+        ...H.tooltip,
         formatter() {
           const l = r || ((c) => c);
-          return he(s || "", this.point.name, l(this.point.y));
+          return ue(s || "", this.point.name, l(this.point.y));
         }
       },
-      legend: { ...B.legend, enabled: e === "pie" },
+      legend: { ...H.legend, enabled: e === "pie" },
       yAxis: {
-        ...B.yAxis,
+        ...H.yAxis,
         enabled: e === "column",
         title: {
           text: n || ""
@@ -2781,7 +2788,7 @@ class As extends L {
       ]
     }), setTimeout(() => {
       this.setState({
-        title: { ...B.title, text: e === "column" ? "" : n || "" }
+        title: { ...H.title, text: e === "column" ? "" : n || "" }
       });
     }, 0);
   }
@@ -2814,7 +2821,7 @@ class As extends L {
           data: s.map(({ label: c, value: h }) => [c, h])
         }
       ]
-    }), Z(s, e.items) || this.setState({
+    }), z(s, e.items) || this.setState({
       series: [
         {
           type: n,
@@ -2824,13 +2831,13 @@ class As extends L {
       ]
     }), (r !== e.tooltipTitle || o !== e.valueFormatter || l !== e.onClick) && this.setState({
       tooltip: {
-        ...B.tooltip,
+        ...H.tooltip,
         formatter() {
           const c = o || ((h) => h);
-          return he(r || "", this.point.name, c(this.point.y));
+          return ue(r || "", this.point.name, c(this.point.y));
         }
       },
-      plotOptions: { ...B.plotOptions, ...Ee(l) }
+      plotOptions: { ...H.plotOptions, ...De(l) }
     });
   }
   componentWillUnmount() {
@@ -2839,9 +2846,9 @@ class As extends L {
   render() {
     const e = this.props.updateOptions ? this.props.updateOptions(this.state) : this.state;
     return /* @__PURE__ */ a(
-      Ft,
+      Bt,
       {
-        highcharts: Vt,
+        highcharts: Ft,
         options: e,
         containerProps: {
           className: this.props.className
@@ -2851,15 +2858,15 @@ class As extends L {
     );
   }
 }
-function ii(t) {
+function si(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var J = {}, De;
-function si() {
-  if (De) return J;
-  De = 1, Object.defineProperty(J, "__esModule", {
+var K = {}, Le;
+function ri() {
+  if (Le) return K;
+  Le = 1, Object.defineProperty(K, "__esModule", {
     value: !0
-  }), J.default = void 0;
+  }), K.default = void 0;
   let t = (o) => +setTimeout(o, 16), e = (o) => clearTimeout(o);
   typeof window < "u" && "requestAnimationFrame" in window && (t = (o) => window.requestAnimationFrame(o), e = (o) => window.cancelAnimationFrame(o));
   let n = 0;
@@ -2885,11 +2892,11 @@ function si() {
   return r.cancel = (o) => {
     const l = i.get(o);
     return s(o), e(l);
-  }, process.env.NODE_ENV !== "production" && (r.ids = () => i), J.default = r, J;
+  }, process.env.NODE_ENV !== "production" && (r.ids = () => i), K.default = r, K;
 }
-var ri = si();
-const Pe = /* @__PURE__ */ ii(ri), ai = (t) => {
-  const { value: e, children: n, visible: i, tipFormatter: s = (d) => `${d}`, ...r } = t, o = O(null), l = O(null);
+var ai = ri();
+const Pe = /* @__PURE__ */ si(ai), oi = (t) => {
+  const { value: e, children: n, visible: i, tipFormatter: s = (d) => `${d}`, ...r } = t, o = D(null), l = D(null);
   function c() {
     l.current && Pe.cancel(l.current);
   }
@@ -2898,8 +2905,8 @@ const Pe = /* @__PURE__ */ ii(ri), ai = (t) => {
       o.current?.forceAlign();
     });
   }
-  return k(() => (i ? h() : c(), c), [e, i]), /* @__PURE__ */ a(
-    Bt,
+  return R(() => (i ? h() : c(), c), [e, i]), /* @__PURE__ */ a(
+    jt,
     {
       placement: "top",
       overlay: s(e),
@@ -2910,8 +2917,8 @@ const Pe = /* @__PURE__ */ ii(ri), ai = (t) => {
       children: n
     }
   );
-}, oi = ({ tipFormatter: t, tipProps: e, ...n }) => /* @__PURE__ */ a(ze, { ...n, handleRender: (s, r) => /* @__PURE__ */ a(
-  ai,
+}, li = ({ tipFormatter: t, tipProps: e, ...n }) => /* @__PURE__ */ a($e, { ...n, handleRender: (s, r) => /* @__PURE__ */ a(
+  oi,
   {
     value: r.value,
     visible: r.dragging,
@@ -2920,9 +2927,9 @@ const Pe = /* @__PURE__ */ ii(ri), ai = (t) => {
     children: s
   }
 ) });
-function li(t, e, n) {
+function ci(t, e, n) {
   const [i, s] = N(null);
-  k(() => {
+  R(() => {
     if (i) {
       const o = i.querySelector(".rc-slider-rail");
       if (!o) throw new Error(".rc-slider-rail element missing");
@@ -2940,7 +2947,7 @@ function li(t, e, n) {
       }
     }
   }, [t, i, e, n]);
-  const r = X(() => {
+  const r = q(() => {
     if (i && t != null) {
       const o = i.querySelector(".rc-slider-rail");
       if (!o) throw new Error(".rc-slider-rail element missing");
@@ -2951,12 +2958,12 @@ function li(t, e, n) {
       }
     }
   }, [t, n, e, i]);
-  return k(() => {
+  return R(() => {
     i && new ResizeObserver(() => r()).observe(i);
   }, [i, r]), s;
 }
-const Ns = ({ min: t, max: e, step: n, value: i, tooltip: s = !0, labels: r, format: o, onChange: l, onChangeComplete: c, limit: h }) => {
-  const d = li(h, t, e), p = {
+const xs = ({ min: t, max: e, step: n, value: i, tooltip: s = !0, labels: r, format: o, onChange: l, onChangeComplete: c, limit: h }) => {
+  const d = ci(h, t, e), p = {
     min: t,
     max: e,
     step: n,
@@ -2971,50 +2978,50 @@ const Ns = ({ min: t, max: e, step: n, value: i, tooltip: s = !0, labels: r, for
     },
     marks: r
   };
-  return /* @__PURE__ */ a("div", { className: "di slider", ref: d, children: s ? /* @__PURE__ */ a(oi, { ...p, className: "di slider with-tooltip", tipFormatter: o }) : /* @__PURE__ */ a(ze, { ...p, className: "di slider" }) });
+  return /* @__PURE__ */ a("div", { className: "di slider", ref: d, children: s ? /* @__PURE__ */ a(li, { ...p, className: "di slider with-tooltip", tipFormatter: o }) : /* @__PURE__ */ a($e, { ...p, className: "di slider" }) });
 };
 export {
-  As as Chart,
-  rs as ColorPicker,
-  ms as ContentHeader,
-  qe as DateInput,
-  Re as DateTimeInput,
-  ce as FileUpload,
-  as as GradientColorPicker,
-  rs as GridColorPicker,
-  gs as ImageUpload,
-  hs as InfoBox,
-  ts as MessageBoxContainer,
-  fn as MultiMenu,
-  ys as MultiMenuItem,
-  mn as Pagination,
-  bs as PeriodPicker,
-  On as Reactable,
-  fs as ReactableWithClientSidePagination,
-  ds as RouteLink,
-  us as RouteTabs,
-  Mn as SelectWithSearch,
-  vs as SelectWithSearchAsync,
-  Ns as Slider,
-  ws as SvgImage,
-  ps as TreeView,
-  os as UrnInput,
-  _ as ValidatedTextInput,
-  Ss as getMutableNodeList,
-  ni as getSvgElement,
-  ss as getTreeNodePathById,
-  is as initializeTranslation,
-  es as messageBoxDismissAll,
-  _i as messageBoxDismissGroup,
-  qi as messageBoxDismissSingle,
-  Xi as messageBoxError,
-  Ji as messageBoxInfo,
-  $i as messageBoxSuccess,
-  Ki as messageBoxWarn,
-  ns as nanoid10,
-  Qi as setGlobalErrorMessageBoxOptions,
-  jt as uuidV4,
-  Cs as validateSvg,
-  cs as withPrompt
+  Ns as Chart,
+  as as ColorPicker,
+  vs as ContentHeader,
+  et as DateInput,
+  Te as DateTimeInput,
+  de as FileUpload,
+  os as GradientColorPicker,
+  as as GridColorPicker,
+  ms as ImageUpload,
+  us as InfoBox,
+  ns as MessageBoxContainer,
+  gn as MultiMenu,
+  bs as MultiMenuItem,
+  vn as Pagination,
+  Ss as PeriodPicker,
+  En as Reactable,
+  gs as ReactableWithClientSidePagination,
+  hs as RouteLink,
+  ps as RouteTabs,
+  xn as SelectWithSearch,
+  ys as SelectWithSearchAsync,
+  xs as Slider,
+  Cs as SvgImage,
+  fs as TreeView,
+  ls as UrnInput,
+  ee as ValidatedTextInput,
+  ws as getMutableNodeList,
+  ii as getSvgElement,
+  rs as getTreeNodePathById,
+  ss as initializeTranslation,
+  ts as messageBoxDismissAll,
+  es as messageBoxDismissGroup,
+  _i as messageBoxDismissSingle,
+  qi as messageBoxError,
+  Ki as messageBoxInfo,
+  Ji as messageBoxSuccess,
+  Xi as messageBoxWarn,
+  is as nanoid10,
+  $i as setGlobalErrorMessageBoxOptions,
+  Ht as uuidV4,
+  As as validateSvg,
+  ds as withPrompt
 };
 //# sourceMappingURL=index.js.map