@esrf/daiquiri-lib 1.0.0 → 1.0.1

package/dist/index.mjs

@@ -1,10 +1,10 @@
 import { jsxs as l, jsx as r, Fragment as v } from "react/jsx-runtime";
-import { map as C, each as ve } from "lodash";
-import { Badge as D, ButtonGroup as oe, Button as y, OverlayTrigger as F, Popover as b, Container as $, Row as P, Col as E, Form as N, InputGroup as M, Alert as x, Tab as be, Tabs as te, Tooltip as Ne } from "react-bootstrap";
-import { forwardRef as Ce, useRef as R, useState as k, useEffect as j, Component as se, Fragment as U, Children as Oe, isValidElement as Se, cloneElement as Ee, Suspense as ne, useMemo as xe, createElement as Me } from "react";
-import T from "classnames";
-import Ae from "debug";
-function ke(e) {
+import { map as C, each as be } from "lodash";
+import { Badge as F, ButtonGroup as oe, Button as y, OverlayTrigger as R, Popover as b, Container as $, Row as P, Col as E, Form as N, InputGroup as A, Alert as x, Tab as Ne, Tabs as te, Tooltip as Ce } from "react-bootstrap";
+import { forwardRef as Oe, useRef as T, useState as I, useEffect as j, Component as se, Fragment as q, Children as Se, isValidElement as Ee, cloneElement as xe, Suspense as ne, useMemo as Me, createElement as Ae } from "react";
+import H from "classnames";
+import ke from "debug";
+function Ie(e) {
   const {
     activeMessage: t = "Online",
     inactiveMessage: n = "Offline",
@@ -18,14 +18,14 @@ function ke(e) {
     }
   );
 }
-function I(e) {
+function D(e) {
   const { name: t, icon: n } = e;
   return /* @__PURE__ */ l("div", { className: "icon", title: t, children: [
     /* @__PURE__ */ r("i", { className: `fa ${n}` }),
-    /* @__PURE__ */ r(ke, { ...e })
+    /* @__PURE__ */ r(Ie, { ...e })
   ] });
 }
-function Ie(e) {
+function De(e) {
   const t = {
     24: "Y",
     21: "Z",
@@ -59,21 +59,21 @@ function le(e) {
   const t = Math.round(e / 60), n = t % 60, i = Math.floor(t / 60);
   return i ? `${i} hr ${n} min` : `${n} min`;
 }
-function De(e) {
+function Fe(e) {
   return e > 0 ? (662607004e-42 * 299792458 / (e * 1e-10) / 160218e-24 * 1e-3).toFixed(4) : 0;
 }
-function Fe(e, t) {
+function Re(e, t) {
   return Number.parseFloat(e.toFixed(t));
 }
 const _t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  formatEng: Ie,
-  round: Fe,
-  toEnergy: De,
+  formatEng: De,
+  round: Re,
+  toEnergy: Fe,
   toHoursMins: le,
   ucfirst: $e
 }, Symbol.toStringTag, { value: "Module" }));
-function Re(e) {
+function Te(e) {
   const { hardware: t } = e;
   function n(d) {
     t.requestChange({
@@ -97,7 +97,7 @@ function Re(e) {
     return !s || typeof s != "string" ? "UNKNOWN" : s;
   }
   return /* @__PURE__ */ r(
-    F,
+    R,
     {
       trigger: "click",
       rootClose: !0,
@@ -116,7 +116,7 @@ function Re(e) {
               ":"
             ] }),
             /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(
-              D,
+              F,
               {
                 bg: o(d) === "ON" ? "success" : "danger",
                 children: o(d)
@@ -148,7 +148,7 @@ function Pt(e) {
   return /* @__PURE__ */ l("div", { className: "hw-component", children: [
     /* @__PURE__ */ l("div", { className: "hw-head", children: [
       /* @__PURE__ */ r(
-        I,
+        D,
         {
           name: "Frontend",
           icon: "fam-hardware-frontend",
@@ -157,7 +157,7 @@ function Pt(e) {
       ),
       /* @__PURE__ */ r("div", { className: "name", children: t.name }),
       /* @__PURE__ */ r(
-        D,
+        F,
         {
           bg: t.properties.state === "OPEN" || t.properties.state === "RUNNING" ? "success" : "danger",
           children: t.properties.state
@@ -174,7 +174,7 @@ function Pt(e) {
           children: t.properties.frontend === "FE open" ? "Close" : "Open"
         }
       ),
-      /* @__PURE__ */ r(Re, { ...e })
+      /* @__PURE__ */ r(Te, { ...e })
     ] }) })
   ] });
 }
@@ -218,7 +218,7 @@ function Y(e) {
           /* @__PURE__ */ r("div", { className: "name", children: /* @__PURE__ */ r(N.Label, { htmlFor: n.id, children: a }) }),
           e.widgetState,
           e.hardware.errors && e.hardware.errors.length > 0 && /* @__PURE__ */ r(
-            F,
+            R,
             {
               trigger: "click",
               placement: "bottom",
@@ -251,7 +251,7 @@ function J(e) {
     display: "inline-block",
     minWidth: ""
   };
-  return e.minWidth && (t.minWidth = `${e.minWidth}em`), /* @__PURE__ */ r("div", { style: t, children: /* @__PURE__ */ r(D, { bg: e.variant, children: e.state }) });
+  return e.minWidth && (t.minWidth = `${e.minWidth}em`), /* @__PURE__ */ r("div", { style: t, children: /* @__PURE__ */ r(F, { bg: e.variant, children: e.state }) });
 }
 function ce(e) {
   const { hardware: t } = e;
@@ -307,15 +307,15 @@ const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   HardwareState: J,
   MotorState: ce,
   ShutterState: de
-}, Symbol.toStringTag, { value: "Module" })), Te = Ce((e, t) => {
-  const n = R(null), [i, a] = k(e.step), o = (w) => {
-    const q = t;
+}, Symbol.toStringTag, { value: "Module" })), He = Oe((e, t) => {
+  const n = T(null), [i, a] = I(e.step), o = (w) => {
+    const z = t;
     if (n.current === null)
       return;
-    let X = Number.parseFloat(q.current.value);
+    let X = Number.parseFloat(z.current.value);
     const ee = Number.parseFloat(n.current.value);
-    X += w ? ee : -ee, q.current.value = `${X}`, e.onStep && e.onStep({
-      target: q.current
+    X += w ? ee : -ee, z.current.value = `${X}`, e.onStep && e.onStep({
+      target: z.current
     });
   }, {
     onStep: d,
@@ -325,8 +325,8 @@ const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     decIcon: c,
     swapIncDec: f,
     onKeyDown: m,
-    horizontalArrows: A,
-    largeArrows: z,
+    horizontalArrows: k,
+    largeArrows: K,
     ...S
   } = e, Q = (w) => {
     w.key === "ArrowUp" ? (w.preventDefault(), o(!0)) : w.key === "ArrowDown" ? (w.preventDefault(), o(!1)) : m && m(w);
@@ -342,15 +342,15 @@ const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         ...S
       }
     );
-  const ye = C(e.steps || [e.step], (w) => /* @__PURE__ */ r("option", { value: w, children: w }, w));
+  const ve = C(e.steps || [e.step], (w) => /* @__PURE__ */ r("option", { value: w, children: w }, w));
   return /* @__PURE__ */ r(
     "div",
     {
-      className: T("numeric-step", {
-        "numeric-step-large": z,
-        "numeric-step-horizontal": A
+      className: H("numeric-step", {
+        "numeric-step-large": K,
+        "numeric-step-horizontal": k
       }),
-      children: /* @__PURE__ */ l(M, { children: [
+      children: /* @__PURE__ */ l(A, { children: [
         /* @__PURE__ */ r(
           N.Control,
           {
@@ -363,7 +363,7 @@ const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         ),
         /* @__PURE__ */ l(v, { children: [
           h,
-          !h && /* @__PURE__ */ l(M.Text, { className: "d-flex flex-column", children: [
+          !h && /* @__PURE__ */ l(A.Text, { className: "d-flex flex-column", children: [
             /* @__PURE__ */ r(
               N.Control,
               {
@@ -372,7 +372,7 @@ const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
                 className: "step-size",
                 defaultValue: i,
                 onChange: (w) => a(Number.parseFloat(w.target.value)),
-                children: ye
+                children: ve
               }
             ),
             e.unit && /* @__PURE__ */ r("div", { children: e.unit }),
@@ -402,9 +402,9 @@ const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       ] })
     }
   );
-}), He = Te;
-function _e(e) {
-  const t = R(null), [n, i] = k(!1), [a, o] = k(!1);
+}), _e = He;
+function Pe(e) {
+  const t = T(null), [n, i] = I(!1), [a, o] = I(!1);
   j(() => {
     t.current && (e.hardwareValue === null ? t.current.value = "" : t.current.value = e.hardwareValue.toString(), i(!1));
   }, [e.hardwareValue]);
@@ -428,8 +428,8 @@ function _e(e) {
       case "Enter":
         {
           i(!1);
-          const m = Number.parseFloat(f.target.value), A = e.onMoveRequested(m);
-          A && A.catch(() => {
+          const m = Number.parseFloat(f.target.value), k = e.onMoveRequested(m);
+          k && k.catch(() => {
             o(!0), setTimeout(() => {
               d(e.hardwareValue), o(!1);
             }, 2e3);
@@ -444,10 +444,10 @@ function _e(e) {
     }
   }
   return /* @__PURE__ */ r(
-    He,
+    _e,
     {
       id: e.id,
-      className: T({
+      className: H({
         "form-control-edited": n,
         "form-control-error": a,
         "hw-moving": e.hardwareIsMoving
@@ -472,7 +472,7 @@ function _e(e) {
   );
 }
 function re(e) {
-  const t = R(null), [n, i] = k(!1), [a, o] = k(!1);
+  const t = T(null), [n, i] = I(!1), [a, o] = I(!1);
   function d(c) {
     return e.precision !== void 0 ? Number.parseFloat(c).toFixed(e.precision) : c;
   }
@@ -508,7 +508,7 @@ function re(e) {
   return /* @__PURE__ */ r(
     N.Control,
     {
-      className: T({
+      className: H({
         "form-control-edited": n,
         "form-control-error": a,
         "hw-moving": e.hardwareIsMoving
@@ -522,7 +522,7 @@ function re(e) {
     }
   );
 }
-function Pe(e) {
+function Ve(e) {
   function t(a) {
     return e.hardware.requestChange({
       property: "velocity",
@@ -537,7 +537,7 @@ function Pe(e) {
   }
   let i = "UNKNOWN";
   return e.hardware.properties.state && ([i] = e.hardware.properties.state), /* @__PURE__ */ r(
-    F,
+    R,
     {
       trigger: "click",
       rootClose: !0,
@@ -597,16 +597,16 @@ function jt(e) {
   }
   let o = "UNKNOWN";
   e.hardware.properties.state && ([o] = e.hardware.properties.state);
-  const d = /* @__PURE__ */ r(I, { name: "Motor", icon: "fam-hardware-motor", online: t.online }), s = /* @__PURE__ */ r(ce, { hardware: t }), h = e.options ? e.options.header : "top";
+  const d = /* @__PURE__ */ r(D, { name: "Motor", icon: "fam-hardware-motor", online: t.online }), s = /* @__PURE__ */ r(ce, { hardware: t }), h = e.options ? e.options.header : "top";
   return /* @__PURE__ */ r(
     Y,
     {
       hardware: t,
       widgetIcon: d,
       widgetState: s,
-      widgetContent: /* @__PURE__ */ l(M, { children: [
+      widgetContent: /* @__PURE__ */ l(A, { children: [
         /* @__PURE__ */ r(
-          _e,
+          Pe,
           {
             id: t.id,
             hardwareValue: t.properties.position,
@@ -626,9 +626,9 @@ function jt(e) {
             largeArrows: n.largearrows
           }
         ),
-        t.properties.unit && /* @__PURE__ */ r(M.Text, { children: t.properties.unit }),
+        t.properties.unit && /* @__PURE__ */ r(A.Text, { children: t.properties.unit }),
         o !== "MOVING" && n.extended && /* @__PURE__ */ r(
-          Pe,
+          Ve,
           {
             hardware: t,
             disabled: e.disabled,
@@ -642,7 +642,7 @@ function jt(e) {
   );
 }
 function Yt(e) {
-  const { hardware: t, options: n = {} } = e, i = R(null);
+  const { hardware: t, options: n = {} } = e, i = T(null);
   j(() => {
     if (!i.current) {
       console.error("selectionRef ref is unset");
@@ -669,7 +669,7 @@ function Yt(e) {
   return /* @__PURE__ */ l("div", { className: "hw-component", children: [
     /* @__PURE__ */ l("div", { className: "hw-head", children: [
       /* @__PURE__ */ r(
-        I,
+        D,
         {
           name: "Multiposition",
           icon: "fam-hardware-multiposition",
@@ -678,14 +678,14 @@ function Yt(e) {
       ),
       /* @__PURE__ */ r("div", { className: "name", children: t.name }),
       /* @__PURE__ */ r(
-        D,
+        F,
         {
           bg: t.properties.state === "READY" ? "success" : "warning",
           children: t.properties.state
         }
       )
     ] }),
-    /* @__PURE__ */ r("div", { className: "hw-content", children: /* @__PURE__ */ l(M, { children: [
+    /* @__PURE__ */ r("div", { className: "hw-content", children: /* @__PURE__ */ l(A, { children: [
       /* @__PURE__ */ l(
         N.Control,
         {
@@ -705,15 +705,15 @@ function Yt(e) {
     ] }) })
   ] });
 }
-const Ve = Ae("daiquiri.components.hardware.NoObject");
-function Kt(e) {
+const Le = ke("daiquiri.components.hardware.NoObject");
+function Ut(e) {
   if (e.options.emptyifnone)
-    return Ve(
+    return Le(
       'Component id:"%s" name:"%s" not displayed cause setup with emptyifnone.',
       e.id,
       e.name
     ), /* @__PURE__ */ r(v, {});
-  const t = /* @__PURE__ */ r(I, { name: "NoObject", icon: "fam-hardware-any", online: !1 }), n = /* @__PURE__ */ r(v, {}), i = /* @__PURE__ */ r(v, { children: "Missing" }), a = e.options ? e.options.header : "top", o = {
+  const t = /* @__PURE__ */ r(D, { name: "NoObject", icon: "fam-hardware-any", online: !1 }), n = /* @__PURE__ */ r(v, {}), i = /* @__PURE__ */ r(v, { children: "Missing" }), a = e.options ? e.options.header : "top", o = {
     id: e.id,
     name: e.name ?? "",
     alias: null,
@@ -732,12 +732,12 @@ function Kt(e) {
     }
   );
 }
-function Le(e) {
+function je(e) {
   const t = e.online ? "READY" : "OFFLINE";
-  return /* @__PURE__ */ r(D, { bg: t === "READY" ? "success" : "warning", children: t });
+  return /* @__PURE__ */ r(F, { bg: t === "READY" ? "success" : "warning", children: t });
 }
-function zt(e) {
-  const { hardware: t, options: n = {} } = e, i = /* @__PURE__ */ r(I, { name: "Optic", icon: "fa-cog", online: t.online }), a = /* @__PURE__ */ r(Le, { ...t });
+function Kt(e) {
+  const { hardware: t, options: n = {} } = e, i = /* @__PURE__ */ r(D, { name: "Optic", icon: "fa-cog", online: t.online }), a = /* @__PURE__ */ r(je, { ...t });
   function o() {
     const c = n.property;
     if (c === void 0)
@@ -762,9 +762,9 @@ function zt(e) {
         return null;
     return `${f}`;
   }
-  const s = d(), h = /* @__PURE__ */ l(M, { children: [
+  const s = d(), h = /* @__PURE__ */ l(A, { children: [
     /* @__PURE__ */ r(N.Control, { value: o(), readOnly: !0 }),
-    s && /* @__PURE__ */ r(M.Text, { children: s })
+    s && /* @__PURE__ */ r(A.Text, { children: s })
   ] }), u = e.options.header || "top";
   return /* @__PURE__ */ r(
     Y,
@@ -777,14 +777,14 @@ function zt(e) {
     }
   );
 }
-function je(e) {
+function Ye(e) {
   const { hardware: t } = e, n = () => {
     t.requestChange({
       function: "reset"
     });
   };
   return /* @__PURE__ */ r(
-    F,
+    R,
     {
       trigger: "click",
       rootClose: !0,
@@ -803,9 +803,9 @@ function je(e) {
     }
   );
 }
-function qt(e) {
+function zt(e) {
   const { hardware: t, options: n = {} } = e, i = /* @__PURE__ */ r(
-    I,
+    D,
     {
       name: "Shutter",
       icon: "fam-hardware-shutter",
@@ -832,7 +832,7 @@ function qt(e) {
       function: u
     });
   }
-  const A = /* @__PURE__ */ l(oe, { className: "d-flex flex-nowrap", children: [
+  const k = /* @__PURE__ */ l(oe, { className: "d-flex flex-nowrap", children: [
     /* @__PURE__ */ r(
       y,
       {
@@ -842,20 +842,20 @@ function qt(e) {
         children: h
       }
     ),
-    n.extended && /* @__PURE__ */ r(je, { ...e })
-  ] }), z = e.options.header || "top";
+    n.extended && /* @__PURE__ */ r(Ye, { ...e })
+  ] }), K = e.options.header || "top";
   return /* @__PURE__ */ r(
     Y,
     {
       hardware: t,
       widgetIcon: i,
       widgetState: a,
-      widgetContent: A,
-      headerMode: z
+      widgetContent: k,
+      headerMode: K
     }
   );
 }
-class Ut extends se {
+class qt extends se {
   constructor() {
     super(...arguments), this.variants = {};
   }
@@ -864,8 +864,8 @@ class Ut extends se {
     return this.props.options.variant in this.variants && (t = this.variants[this.props.options.variant]), /* @__PURE__ */ r(t, { ...this.props });
   }
 }
-function Ye(e) {
-  const [t, n] = k({}), i = R(null);
+function Ue(e) {
+  const [t, n] = I({}), i = T(null);
   return j(() => {
     if (i.current) {
       const a = i.current;
@@ -902,7 +902,7 @@ function ze(e) {
   return /* @__PURE__ */ r("div", { className: "panel-contents", style: e.style, children: e.children });
 }
 function p(e) {
-  const t = e.scroll ? Ye : U;
+  const t = e.scroll ? Ue : q;
   return /* @__PURE__ */ r("div", { className: `panel ${e.className ?? ""}`, style: e.style, children: /* @__PURE__ */ r(t, { children: e.children }) });
 }
 p.Header = Ke;
@@ -921,15 +921,15 @@ function O(e, t, n = !0) {
   const { type: i } = e, a = i && i in _ ? _[i] : _.component;
   return /* @__PURE__ */ r(a, { yamlNode: e, panel: n }, t);
 }
-function Ue({
+function Ge({
   children: e,
   key: t,
   panel: n,
   options: i
 }) {
-  return n ? /* @__PURE__ */ r(p, { style: i.style, scroll: i.scroll, children: /* @__PURE__ */ r(p.Contents, { children: e }) }, t) : /* @__PURE__ */ r(v, { children: Oe.map(
+  return n ? /* @__PURE__ */ r(p, { style: i.style, scroll: i.scroll, children: /* @__PURE__ */ r(p.Contents, { children: e }) }, t) : /* @__PURE__ */ r(v, { children: Se.map(
     e,
-    (a) => Se(a) ? Ee(a, { key: t, ...a.props }) : void 0
+    (a) => Ee(a) ? xe(a, { key: t, ...a.props }) : void 0
   ) });
 }
 function ue(e, t) {
@@ -937,33 +937,33 @@ function ue(e, t) {
   if (e && Object.keys(a).length > 0)
     throw new V(e, Object.keys(a));
 }
-class H extends Error {
+class M extends Error {
   constructor(t, n) {
     super(t), this.yamlNode = n;
   }
 }
-class V extends H {
+class V extends M {
   constructor(t, n) {
     super(`Unexpected keys: ${n.join(", ")}`, t), this.keys = n;
   }
 }
-class L extends H {
+class L extends M {
   constructor(t, n) {
     super(`Keys ${n.join(", ")} are missing`, t), this.keys = n;
   }
 }
-class g extends H {
+class g extends M {
   constructor(t, n, i) {
     super(`Key ${n} error: ${i}`, t), this.key = n, this.keyMessage = i;
   }
 }
-function Ge(e) {
+function We(e) {
   let t = e;
   for (; t._parentNode; )
     t = t._parentNode;
   return t;
 }
-function We(e) {
+function Be(e) {
   const t = [];
   let n = e;
   for (; n; )
@@ -989,15 +989,15 @@ function he(e, t = null, n = null) {
   }
   return Object.freeze(i), i;
 }
-function Be(e) {
+function fe(e) {
   return /* @__PURE__ */ r(x, { variant: "danger", children: e.message });
 }
 function Ze(e) {
   const { error: t } = e;
-  if (!(t instanceof H))
+  if (!(t instanceof M))
     return /* @__PURE__ */ r(v, {});
   function n(o, d = 3) {
-    const s = We(o.yamlNode), h = [];
+    const s = Be(o.yamlNode), h = [];
     let u = "";
     for (let c = 1; c < s.length; c++) {
       const { node: f, indexFromParent: m } = s[c];
@@ -1026,7 +1026,7 @@ function Ze(e) {
     ), h.join(`
 `);
   }
-  const a = Ge(t.yamlNode).name;
+  const a = We(t.yamlNode).name;
   if (t instanceof V) {
     const o = t.keys.length === 1 ? "key" : "keys";
     return /* @__PURE__ */ l(x, { variant: "danger", children: [
@@ -1074,7 +1074,7 @@ function Ze(e) {
     /* @__PURE__ */ r("br", {}),
     /* @__PURE__ */ r("pre", { className: "mt-3", children: n(t) }),
     /* @__PURE__ */ r("br", {})
-  ] }) : /* @__PURE__ */ r(Be, { ...e });
+  ] }) : /* @__PURE__ */ r(fe, { ...e });
 }
 const ie = {
   hasError: !1,
@@ -1091,10 +1091,17 @@ class Je extends se {
     return { hasError: !0 };
   }
   componentDidCatch(t) {
-    t instanceof H && this.setState({
+    t instanceof M ? this.setState({
       hasError: !0,
       message: t.message,
       error: t
+    }) : this.props.unhandledComponentDidCatch && this.props.unhandledComponentDidCatch(t, (n) => {
+      this.setState({
+        hasError: !0,
+        message: t.message,
+        error: t,
+        ...n
+      });
     });
   }
   // https://github.com/bvaughn/react-error-boundary/blob/23a4d779744f3079dfe0960acaa4bdfd5dede87b/src/ErrorBoundary.ts#L53
@@ -1102,26 +1109,37 @@ class Je extends se {
     this.state.hasError && n.error !== void 0 && t.resetKey !== this.props.resetKey && this.setState(ie);
   }
   render() {
-    return this.state.hasError ? /* @__PURE__ */ l($, { className: "mt-2", children: [
-      /* @__PURE__ */ r("h4", { children: "Something went wrong" }),
-      /* @__PURE__ */ r(
-        Ze,
-        {
-          message: this.state.message,
-          error: this.state.error
-        }
-      ),
-      /* @__PURE__ */ l("p", { children: [
-        "This error has been logged. Please",
-        " ",
-        /* @__PURE__ */ l(y, { size: "sm", onClick: this.reload, children: [
-          /* @__PURE__ */ r("i", { className: "fa fa-refresh" }),
-          " Reload"
-        ] }),
-        " ",
-        "the application"
-      ] })
-    ] }) : this.props.children;
+    if (this.state.hasError) {
+      const { UnhandledErrorComponent: t } = this.props, { hasError: n, ...i } = this.state;
+      return /* @__PURE__ */ l($, { className: "mt-2", children: [
+        /* @__PURE__ */ r("h4", { children: "Something went wrong" }),
+        this.state.error instanceof M && /* @__PURE__ */ r(
+          Ze,
+          {
+            message: this.state.message,
+            error: this.state.error
+          }
+        ),
+        !(this.state.error instanceof M) && /* @__PURE__ */ r(v, { children: t ? /* @__PURE__ */ r(t, { ...i }) : /* @__PURE__ */ r(
+          fe,
+          {
+            message: this.state.message,
+            error: this.state.error
+          }
+        ) }),
+        /* @__PURE__ */ l("p", { children: [
+          "This error has been logged. Please",
+          " ",
+          /* @__PURE__ */ l(y, { size: "sm", onClick: this.reload, children: [
+            /* @__PURE__ */ r("i", { className: "fa fa-refresh" }),
+            " Reload"
+          ] }),
+          " ",
+          "the application"
+        ] })
+      ] });
+    }
+    return this.props.children;
   }
 }
 function Qe(e, t, n) {
@@ -1144,7 +1162,7 @@ function G(e, t, n) {
   if (n !== void 0 && typeof n != "boolean")
     throw new g(e, t, "An optional boolean is expected");
 }
-function fe(e, t, n) {
+function me(e, t, n) {
   if (n !== void 0 && typeof n != "string")
     throw new g(e, t, "An optional string is expected");
 }
@@ -1188,7 +1206,7 @@ function it(e, t, n) {
     });
   }
 }
-function me(e, t, n) {
+function pe(e, t, n) {
   if (n !== void 0 && typeof n != "number")
     throw new g(e, t, "An optional number is expected");
 }
@@ -1210,7 +1228,7 @@ function at(e, t, n) {
     });
   }
 }
-function K(e, t) {
+function U(e, t) {
   const { _parentNode: n, _indexFromParent: i, ...a } = t;
   if (e && Object.keys(a).length > 0)
     throw new V(e, Object.keys(a));
@@ -1228,13 +1246,13 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   assertBoolean: et,
   assertDataCollectionId: ot,
   assertKeyExpected: Qe,
-  assertNoUnknownKeys: K,
+  assertNoUnknownKeys: U,
   assertNumber: tt,
   assertOptionalBackend: st,
   assertOptionalBoolean: G,
-  assertOptionalNumber: me,
+  assertOptionalNumber: pe,
   assertOptionalNumberList: at,
-  assertOptionalString: fe,
+  assertOptionalString: me,
   assertOptionalStringList: it,
   assertOptionalStringOrStringList: rt,
   assertString: Xe,
@@ -1242,14 +1260,14 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" }));
 function lt({ yamlNode: e, panel: t }) {
   const { type: n, style: i, children: a, ...o } = e;
-  return K(e, o), /* @__PURE__ */ r(P, { className: "ymllayout-row gx-0", style: i, children: C(a, (d, s) => O(d, s, t)) });
+  return U(e, o), /* @__PURE__ */ r(P, { className: "ymllayout-row gx-0", style: i, children: C(a, (d, s) => O(d, s, t)) });
 }
 function ct({ yamlNode: e, panel: t }) {
   const { type: n, style: i, xs: a, children: o, ...d } = e;
-  return K(e, d), me(e, "xs", a), /* @__PURE__ */ r(
+  return U(e, d), pe(e, "xs", a), /* @__PURE__ */ r(
     E,
     {
-      className: T("yamymllayout-col", { col: !!a }),
+      className: H("yamymllayout-col", { col: !!a }),
       style: i,
       xs: a,
       children: C(e.children, (s, h) => O(s, h, t))
@@ -1293,7 +1311,7 @@ function ht(e) {
     nowrap: d,
     ...s
   } = e;
-  if (ut(n, "ids", i), fe(n, "groupid", a), G(n, "even", o), G(n, "nowrap", d), K(n, s), !W.HardwareGroup)
+  if (ut(n, "ids", i), me(n, "groupid", a), G(n, "even", o), G(n, "nowrap", d), U(n, s), !W.HardwareGroup)
     return /* @__PURE__ */ r(x, { variant: "warning", children: "No `HardwareGroup` component registered" });
   const h = W.HardwareGroup;
   return /* @__PURE__ */ r(
@@ -1349,9 +1367,9 @@ function gt(e) {
 const wt = () => Math.random().toString(36).slice(2, 15) + Math.random().toString(36).slice(2, 15);
 function yt({ yamlNode: e, panel: t }) {
   const n = [];
-  return ve(e.children, (i, a) => {
+  return be(e.children, (i, a) => {
     n.push(
-      /* @__PURE__ */ r(be, { eventKey: wt(), title: i.title, children: O(i, 0, !1) }, a)
+      /* @__PURE__ */ r(Ne, { eventKey: wt(), title: i.title, children: O(i, 0, !1) }, a)
     );
   }), t ? /* @__PURE__ */ l(p, { className: "ymllayout-tabs", children: [
     e.title && /* @__PURE__ */ r(p.Header, { children: e.title }),
@@ -1504,7 +1522,7 @@ function Ot(e) {
 }
 function St({ yamlNode: e, panel: t }) {
   const n = e.options || {};
-  return /* @__PURE__ */ r(Ue, { panel: t, options: n, children: /* @__PURE__ */ r("div", { children: e.label }) });
+  return /* @__PURE__ */ r(Ge, { panel: t, options: n, children: /* @__PURE__ */ r("div", { children: e.label }) });
 }
 const Et = {
   row: lt,
@@ -1522,7 +1540,7 @@ Object.entries(Et).forEach(([e, t]) => {
 });
 function Qt(e) {
   var n;
-  const t = xe(() => he(e.layout), [e.layout]);
+  const t = Me(() => he(e.layout), [e.layout]);
   return t.error ? /* @__PURE__ */ r("div", { className: `${e.className ?? ""} ymllayout-main`, id: e.id, children: /* @__PURE__ */ l(p, { children: [
     /* @__PURE__ */ r(p.Header, { children: "Layout Error" }),
     /* @__PURE__ */ l(p.Contents, { children: [
@@ -1532,15 +1550,23 @@ function Qt(e) {
       ] }),
       /* @__PURE__ */ r(x, { variant: "warning", children: /* @__PURE__ */ r("pre", { className: "mb-0", children: t.error }) })
     ] })
-  ] }) }) : /* @__PURE__ */ r("div", { className: `${e.className ?? ""} ymllayout-main`, id: e.id, children: /* @__PURE__ */ r(Je, { resetKey: t, children: (n = t.children) == null ? void 0 : n.map((i, a) => O(i, a)) }) });
+  ] }) }) : /* @__PURE__ */ r("div", { className: `${e.className ?? ""} ymllayout-main`, id: e.id, children: /* @__PURE__ */ r(
+    Je,
+    {
+      resetKey: t,
+      unhandledComponentDidCatch: e.unhandledComponentDidCatch,
+      UnhandledErrorComponent: e.UnhandledErrorComponent,
+      children: (n = t.children) == null ? void 0 : n.map((i, a) => O(i, a))
+    }
+  ) });
 }
 const Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), pe = {
+}, Symbol.toStringTag, { value: "Module" })), ge = {
   hardware: It
 };
 function en(e, t) {
-  pe[e] = t;
+  ge[e] = t;
 }
 function xt(e) {
   return /* @__PURE__ */ l(
@@ -1557,7 +1583,7 @@ function xt(e) {
 }
 function tn(e) {
   const t = C(e.monitors, (n, i) => {
-    const a = n.type ?? "hardware", o = pe[a];
+    const a = n.type ?? "hardware", o = ge[a];
     return o === void 0 ? /* @__PURE__ */ r(
       xt,
       {
@@ -1570,7 +1596,7 @@ function tn(e) {
   return /* @__PURE__ */ r(
     "div",
     {
-      className: T(
+      className: H(
         { "ms-auto": e.margin === "start" },
         "me-auto",
         "monitor-panel",
@@ -1587,7 +1613,7 @@ const Z = {};
 function nn(e, t) {
   Z[e] = t;
 }
-function ge(e) {
+function we(e) {
   if (!Z.useHardware)
     throw new Error("No `useHardware` hook registered");
   return Z.useHardware(e);
@@ -1605,17 +1631,17 @@ const At = (e, t, n) => {
   if (e in i)
     return i[e](t, n);
 };
-function we(e, t, n) {
+function ye(e, t, n) {
   const i = e.split(t);
   return n ? [i.slice(0, -n).join(t)].concat(i.slice(-n)) : i;
 }
 function ae(e) {
-  const t = e !== void 0 ? we(e, ".", 1) : [null, ""], n = ge(t[0]);
+  const t = e !== void 0 ? ye(e, ".", 1) : [null, ""], n = we(t[0]);
   if (n && n.properties && t[1] !== null)
     return Array.isArray(n.properties[t[1]]) ? n.properties[t[1]][0] : n.properties[t[1]];
 }
 function kt(e) {
-  const t = e !== void 0 && !e.includes("."), n = e !== void 0 ? we(e, ".", 1) : [null, ""], i = ge(n[0]);
+  const t = e !== void 0 && !e.includes("."), n = e !== void 0 ? ye(e, ".", 1) : [null, ""], i = we(n[0]);
   if (t)
     return e;
   if (i && i.properties && n[1] !== null)
@@ -1628,13 +1654,13 @@ function It(e) {
   Number.isNaN(o) || String(o).length > 5 && (n = o.toPrecision(5));
   let d;
   t.comparator && t.comparison && (d = At(t.comparator, n, t.comparison) ? "valid" : "invalid"), Number.isNaN(o) || i !== void 0 && (n = `${n} ${i}`);
-  let s = U;
+  let s = q;
   const h = {};
   if (a) {
     const u = `${a}`;
-    let c = U;
+    let c = q;
     u.includes(`
-`) && (c = "pre"), s = F, h.placement = "bottom", h.overlay = /* @__PURE__ */ r(Ne, {
+`) && (c = "pre"), s = R, h.placement = "bottom", h.overlay = /* @__PURE__ */ r(Ce, {
       id: "tooltipid",
       className: "monitor-panel-tooltip",
       // @ts-expect-error
@@ -1643,7 +1669,7 @@ function It(e) {
   }
   return (
     // @ts-expect-error
-    /* @__PURE__ */ Me(s, { ...h, key: t.name }, /* @__PURE__ */ l(Mt, { children: [
+    /* @__PURE__ */ Ae(s, { ...h, key: t.name }, /* @__PURE__ */ l(Mt, { children: [
       /* @__PURE__ */ r("h1", { children: t.name }),
       /* @__PURE__ */ r("div", { className: d, children: `${n}` })
     ] }))
@@ -1652,15 +1678,15 @@ function It(e) {
 export {
   _t as Formatting,
   Pt as Frontend,
-  Ye as FullSizer,
+  Ue as FullSizer,
   Xt as HWObject,
   re as HardwareInputNumber,
-  _e as HardwareNumericStep,
+  Pe as HardwareNumericStep,
   Wt as HardwareSchema,
   Lt as HardwareState,
   Y as HardwareTemplate,
   Gt as HardwareTypes,
-  Ut as HardwareVariant,
+  qt as HardwareVariant,
   Vt as Info,
   g as KeyError,
   L as MissingKeysError,
@@ -1669,12 +1695,12 @@ export {
   Mt as MonitorPanelItem,
   jt as MotorDefault,
   Yt as Multiposition,
-  Kt as NoObject,
-  He as NumericStep,
+  Ut as NoObject,
+  _e as NumericStep,
   p as Panel,
-  zt as Property,
-  qt as ShutterDefault,
-  I as TypeIcon,
+  Kt as Property,
+  zt as ShutterDefault,
+  D as TypeIcon,
   Je as YAMLErrorBoundary,
   Qt as YAMLLayout,
   Bt as YamlAsserts,