@esrf/daiquiri-lib 0.2.0 → 1.0.1

package/dist/{index.esm.js → 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 Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+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)
@@ -138,7 +138,7 @@ function Re(e) {
     }
   );
 }
-function _t(e) {
+function Pt(e) {
   const { hardware: t, options: n = {} } = e;
   function i(a) {
     t.requestChange({
@@ -148,7 +148,7 @@ function _t(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 _t(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,11 +174,11 @@ function _t(e) {
           children: t.properties.frontend === "FE open" ? "Close" : "Open"
         }
       ),
-      /* @__PURE__ */ r(Re, { ...e })
+      /* @__PURE__ */ r(Te, { ...e })
     ] }) })
   ] });
 }
-function Pt(e) {
+function Vt(e) {
   const { hardware: t, options: n = {} } = e;
   function i() {
     const a = n.property;
@@ -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;
@@ -302,20 +302,20 @@ function de(e) {
   }
   return /* @__PURE__ */ r(J, { state: i, minWidth: 6, variant: a() });
 }
-const Vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   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 Vt = /* @__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 Vt = /* @__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 Vt = /* @__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 Vt = /* @__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 Vt = /* @__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,
@@ -581,7 +581,7 @@ function Pe(e) {
     }
   );
 }
-function Lt(e) {
+function jt(e) {
   const { hardware: t, options: n = {} } = e;
   function i() {
     t.requestChange({
@@ -597,16 +597,16 @@ function Lt(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 Lt(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,
@@ -641,8 +641,8 @@ function Lt(e) {
     }
   );
 }
-function jt(e) {
-  const { hardware: t, options: n = {} } = e, i = R(null);
+function Yt(e) {
+  const { hardware: t, options: n = {} } = e, i = T(null);
   j(() => {
     if (!i.current) {
       console.error("selectionRef ref is unset");
@@ -669,7 +669,7 @@ function jt(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 jt(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 jt(e) {
     ] }) })
   ] });
 }
-const Ve = Ae("daiquiri.components.hardware.NoObject");
-function Yt(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 Yt(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 Kt(e) {
-  const { hardware: t, options: n = {} } = e, i = /* @__PURE__ */ r(I, { name: "Optic", icon: "fa-cog", online: t.online }), a = /* @__PURE__ */ r(Le, { ...t });
+  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 Kt(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 Kt(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,
@@ -805,7 +805,7 @@ function je(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 zt(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,16 +842,16 @@ function zt(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
     }
   );
 }
@@ -864,8 +864,8 @@ class qt 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;
@@ -895,11 +895,6 @@ function Ye(e) {
     }
   );
 }
-const Ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), Gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
 function Ke(e) {
   return /* @__PURE__ */ r("div", { className: "panel-header", style: e.style, children: e.children });
 }
@@ -907,12 +902,16 @@ 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;
 p.Contents = ze;
-const _ = {};
+const Gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null
+}, Symbol.toStringTag, { value: "Module" })), Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null
+}, Symbol.toStringTag, { value: "Module" })), _ = {};
 function qe(e, t) {
   _[e] = t;
 }
@@ -922,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) {
@@ -938,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; )
@@ -990,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];
@@ -1027,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: [
@@ -1075,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,
@@ -1092,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
@@ -1103,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) {
@@ -1145,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");
 }
@@ -1189,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");
 }
@@ -1211,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));
@@ -1224,18 +1241,18 @@ function st(e, t, n) {
   if (n !== void 0 && n !== "h5web" && n !== "plotly")
     throw new g(e, t, '"h5web" or "plotly" string is expected');
 }
-const Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   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,
@@ -1243,14 +1260,14 @@ const Wt = /* @__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))
@@ -1258,7 +1275,7 @@ function ct({ yamlNode: e, panel: t }) {
   );
 }
 const W = {};
-function Bt(e, t) {
+function Zt(e, t) {
   W[e] = t;
 }
 function dt(e, t) {
@@ -1294,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(
@@ -1311,10 +1328,15 @@ function ht(e) {
 const B = {
   hardwaregroup: ht
 };
-function Zt(e, t) {
+function ft(e, t) {
   B[e] = t;
 }
-function ft(e) {
+function Jt(e) {
+  Object.entries(e).forEach(
+    ([t, n]) => ft(t, n)
+  );
+}
+function mt(e) {
   const { yamlNode: t, panel: n } = e, { type: i, style: a, scroll: o, title: d, ...s } = t;
   if (!(i in B))
     return /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(p.Contents, { children: /* @__PURE__ */ l(x, { variant: "warning", children: [
@@ -1328,11 +1350,11 @@ function ft(e) {
     /* @__PURE__ */ r(p.Contents, { children: /* @__PURE__ */ r(h, { ...s, yamlNode: t }) })
   ] }) }) : /* @__PURE__ */ r(ne, { fallback: /* @__PURE__ */ r("p", { children: "Loading..." }), children: /* @__PURE__ */ r(h, { ...s, yamlNode: t }) });
 }
-function mt({ yamlNode: e, panel: t }) {
+function pt({ yamlNode: e, panel: t }) {
   const n = e.options || {};
   return /* @__PURE__ */ r($, { className: "ymllayout-container", ...n, children: C(e.children, (i, a) => O(i, a, t)) });
 }
-function pt(e) {
+function gt(e) {
   const { yamlNode: t } = e, n = t.options || {}, i = {};
   return n.centerContent && (i.margin = "auto"), /* @__PURE__ */ l(p, { className: "ymllayout-panel", ...n, children: [
     t.title && /* @__PURE__ */ r(p.Header, { children: t.title }),
@@ -1342,23 +1364,23 @@ function pt(e) {
     ) })
   ] });
 }
-const gt = () => Math.random().toString(36).slice(2, 15) + Math.random().toString(36).slice(2, 15);
-function wt({ yamlNode: e, panel: t }) {
+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: gt(), 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 }),
     /* @__PURE__ */ r(p.Contents, { children: /* @__PURE__ */ r(te, { mountOnEnter: !0, children: n }) })
   ] }) : /* @__PURE__ */ r(te, { children: n });
 }
-function yt(e) {
+function vt(e) {
   const { node: t } = e, { type: n, title: i, ...a } = t;
   return ue(t, a), /* @__PURE__ */ r("div", { style: { gridColumn: "1 / 3" }, children: /* @__PURE__ */ r("h3", { children: i }) });
 }
-function vt(e) {
+function bt(e) {
   const { node: t, state: n, row: i } = e, { title: a } = t;
   function o() {
     if (t.id)
@@ -1403,7 +1425,7 @@ function vt(e) {
     }
   );
 }
-function bt(e) {
+function Nt(e) {
   const { node: t, row: n } = e, {
     titlealign: i,
     title: a,
@@ -1438,13 +1460,13 @@ function bt(e) {
           gridColumn: 1,
           alignSelf: i ?? "center"
         },
-        children: /* @__PURE__ */ r(vt, { node: t, state: c, row: n })
+        children: /* @__PURE__ */ r(bt, { node: t, state: c, row: n })
       }
     ),
     /* @__PURE__ */ r("div", { style: { gridColumn: 2 }, children: O(u, "k", !1) })
   ] });
 }
-function Nt(e) {
+function Ct(e) {
   const { yamlNode: t, panel: n } = e, { type: i, children: a, options: o = {}, title: d, ...s } = t;
   return ue(t, s), /* @__PURE__ */ l(p, { className: "ymllayout-form", ...o, children: [
     t.title && /* @__PURE__ */ r(p.Header, { children: t.title }),
@@ -1456,18 +1478,18 @@ function Nt(e) {
           gridTemplateColumns: "min-content auto"
         },
         children: C(a, (h, u) => h.type === "formheader" ? /* @__PURE__ */ r(
-          yt,
+          vt,
           {
             node: h,
             row: u
           },
           u
-        ) : /* @__PURE__ */ r(bt, { node: h, row: u }, u))
+        ) : /* @__PURE__ */ r(Nt, { node: h, row: u }, u))
       }
     ) })
   ] });
 }
-function Ct(e) {
+function Ot(e) {
   const { yamlNode: t, panel: n } = e;
   return /* @__PURE__ */ l(
     "div",
@@ -1498,27 +1520,27 @@ function Ct(e) {
     }
   );
 }
-function Ot({ yamlNode: e, panel: t }) {
+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 St = {
+const Et = {
   row: lt,
   col: ct,
-  container: mt,
-  component: ft,
-  panel: pt,
-  tabs: wt,
-  form: Nt,
-  grid: Ct,
-  label: Ot
+  container: pt,
+  component: mt,
+  panel: gt,
+  tabs: yt,
+  form: Ct,
+  grid: Ot,
+  label: St
 };
-Object.entries(St).forEach(([e, t]) => {
+Object.entries(Et).forEach(([e, t]) => {
   qe(e, t);
 });
-function Jt(e) {
+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: [
@@ -1528,17 +1550,25 @@ function Jt(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 Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), pe = {
-  hardware: kt
+}, Symbol.toStringTag, { value: "Module" })), ge = {
+  hardware: It
 };
-function Xt(e, t) {
-  pe[e] = t;
+function en(e, t) {
+  ge[e] = t;
 }
-function Et(e) {
+function xt(e) {
   return /* @__PURE__ */ l(
     E,
     {
@@ -1551,11 +1581,11 @@ function Et(e) {
     }
   );
 }
-function en(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(
-      Et,
+      xt,
       {
         monitor: n,
         message: `Type ${a} unsupported`
@@ -1566,7 +1596,7 @@ function en(e) {
   return /* @__PURE__ */ r(
     "div",
     {
-      className: T(
+      className: H(
         { "ms-auto": e.margin === "start" },
         "me-auto",
         "monitor-panel",
@@ -1576,19 +1606,19 @@ function en(e) {
     }
   );
 }
-function xt(e) {
+function Mt(e) {
   return /* @__PURE__ */ r(E, { className: "monitor-panel-item", children: e.children });
 }
 const Z = {};
-function tn(e, t) {
+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);
 }
-const Mt = (e, t, n) => {
+const At = (e, t, n) => {
   const i = {
     ">": (a, o) => a > o,
     "<": (a, o) => a < o,
@@ -1601,36 +1631,36 @@ const Mt = (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 At(e) {
-  const t = e !== void 0 && !e.includes("."), n = e !== void 0 ? we(e, ".", 1) : [null, ""], i = ge(n[0]);
+function kt(e) {
+  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)
     return `${i.properties[n[1]]}`;
 }
-function kt(e) {
+function It(e) {
   const { monitor: t } = e;
   let n = ae(t.value) ?? "-";
-  const i = At(t.unit), a = ae(t.overlay), o = Number.parseFloat(`${n}`);
+  const i = kt(t.unit), a = ae(t.overlay), o = Number.parseFloat(`${n}`);
   Number.isNaN(o) || String(o).length > 5 && (n = o.toPrecision(5));
   let d;
-  t.comparator && t.comparison && (d = Mt(t.comparator, n, t.comparison) ? "valid" : "invalid"), Number.isNaN(o) || i !== void 0 && (n = `${n} ${i}`);
-  let s = U;
+  t.comparator && t.comparison && (d = At(t.comparator, n, t.comparison) ? "valid" : "invalid"), Number.isNaN(o) || i !== void 0 && (n = `${n} ${i}`);
+  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
@@ -1639,47 +1669,49 @@ function kt(e) {
   }
   return (
     // @ts-expect-error
-    /* @__PURE__ */ Me(s, { ...h, key: t.name }, /* @__PURE__ */ l(xt, { 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}` })
     ] }))
   );
 }
 export {
-  Ht as Formatting,
-  _t as Frontend,
-  Ye as FullSizer,
-  Qt as HWObject,
+  _t as Formatting,
+  Pt as Frontend,
+  Ue as FullSizer,
+  Xt as HWObject,
   re as HardwareInputNumber,
-  _e as HardwareNumericStep,
-  Gt as HardwareSchema,
-  Vt as HardwareState,
+  Pe as HardwareNumericStep,
+  Wt as HardwareSchema,
+  Lt as HardwareState,
   Y as HardwareTemplate,
-  Ut as HardwareTypes,
+  Gt as HardwareTypes,
   qt as HardwareVariant,
-  Pt as Info,
+  Vt as Info,
   g as KeyError,
   L as MissingKeysError,
-  kt as MonitorHardware,
-  en as MonitorPanel,
-  xt as MonitorPanelItem,
-  Lt as MotorDefault,
-  jt as Multiposition,
-  Yt as NoObject,
-  He as NumericStep,
+  It as MonitorHardware,
+  tn as MonitorPanel,
+  Mt as MonitorPanelItem,
+  jt as MotorDefault,
+  Yt as Multiposition,
+  Ut as NoObject,
+  _e as NumericStep,
+  p as Panel,
   Kt as Property,
   zt as ShutterDefault,
-  I as TypeIcon,
+  D as TypeIcon,
   Je as YAMLErrorBoundary,
-  Jt as YAMLLayout,
-  Wt as YamlAsserts,
-  Mt as dynamicOp,
-  Bt as registerHardwareComponent,
-  Xt as registerMonitorComponent,
-  tn as registerRuntimeHook,
-  Zt as registerYamlComponent,
+  Qt as YAMLLayout,
+  Bt as YamlAsserts,
+  At as dynamicOp,
+  Zt as registerHardwareComponent,
+  en as registerMonitorComponent,
+  nn as registerRuntimeHook,
+  ft as registerYamlComponent,
+  Jt as registerYamlComponents,
   qe as registerYamlType,
   O as renderYamlNode,
-  St as yamlMap
+  Et as yamlMap
 };
-//# sourceMappingURL=index.esm.js.map
+//# sourceMappingURL=index.mjs.map