@memobit/libs 3.9.0 → 3.10.0

package/dist/components/InputSearch/InputSearch2.js

@@ -1,22 +1,22 @@
 import './InputSearch.css';
-import { Icon as a } from "../Icon/Icon2.js";
-import { Tooltip as N } from "../Tooltip/Tooltip2.js";
-import { InputText as j } from "../InputText/InputText2.js";
+import { Icon as c } from "../Icon/Icon2.js";
+import { Tooltip as C } from "../Tooltip/Tooltip2.js";
+import { InputText as S } from "../InputText/InputText2.js";
 /* empty css            */
-import { forwardRef as w } from "react";
-import { jsx as r, jsxs as S } from "react/jsx-runtime";
-var R = w(({ autoComplete: s = "off", autoFocus: i, disabled: t, id: n, label: m, onBlur: l, onChange: o, onClick: p, onKeyDown: h, onKeyUp: f, placeholder: u = "Search...", readOnly: c = !1, required: d = !1, value: e, className: x = "" }, _) => {
-  const C = () => {
+import { forwardRef as j } from "react";
+import { jsx as r, jsxs as w } from "react/jsx-runtime";
+var T = j(({ autoComplete: s = "off", autoFocus: i, disabled: t, id: n, label: m, onBlur: l, onChange: o, onClick: p, onKeyDown: h, onKeyUp: f, placeholder: u = "Search...", readOnly: a = !1, required: d = !1, value: e, className: x = "" }, I) => {
+  const N = () => {
     o?.("");
-  }, I = e && e.length > 0 && !t && !c;
-  return /* @__PURE__ */ S("div", {
+  }, _ = e && e.length > 0 && !t && !a;
+  return /* @__PURE__ */ w("div", {
     className: `input-search ${x}`,
     children: [
       /* @__PURE__ */ r("div", {
         className: "input-search__icon",
-        children: /* @__PURE__ */ r(a, { name: "search" })
+        children: /* @__PURE__ */ r(c, { name: "search" })
       }),
-      /* @__PURE__ */ r(j, {
+      /* @__PURE__ */ r(S, {
         autoComplete: s,
         autoFocus: i,
         disabled: t,
@@ -28,18 +28,18 @@ var R = w(({ autoComplete: s = "off", autoFocus: i, disabled: t, id: n, label: m
         onKeyDown: h,
         onKeyUp: f,
         placeholder: u,
-        readOnly: c,
+        readOnly: a,
         required: d,
         value: e,
-        ref: _
+        ref: I
       }),
-      I && /* @__PURE__ */ r(N, {
+      _ && /* @__PURE__ */ r(C, {
         title: "Clear search",
         children: /* @__PURE__ */ r("button", {
           type: "button",
           className: "input-search__clear",
-          onClick: C,
-          children: /* @__PURE__ */ r(a, {
+          onClick: N,
+          children: /* @__PURE__ */ r(c, {
             name: "clear",
             size: "sm"
           })
@@ -48,6 +48,7 @@ var R = w(({ autoComplete: s = "off", autoFocus: i, disabled: t, id: n, label: m
     ]
   });
 });
+T.displayName = "InputSearch";
 export {
-  R as InputSearch
+  T as InputSearch
 };

package/dist/components/InputText/InputText2.js

@@ -2,7 +2,7 @@ import './InputText.css';
 /* empty css          */
 import { forwardRef as w } from "react";
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
-var F = w(({ autoComplete: r = "on", autoFocus: l, disabled: m, error: e, highlighted: x, id: s, label: n, maxLength: u, onBlur: c, onChange: h, onClick: o, onKeyDown: d, onKeyUp: f, placeholder: g, readOnly: N = !1, required: p = !1, success: a, value: v }, $) => /* @__PURE__ */ i("div", {
+var y = w(({ autoComplete: r = "on", autoFocus: l, disabled: m, error: e, highlighted: x, id: s, label: n, maxLength: u, onBlur: c, onChange: h, onClick: o, onKeyDown: d, onKeyUp: N, placeholder: f, readOnly: g = !1, required: p = !1, success: a, value: v }, $) => /* @__PURE__ */ i("div", {
   className: `input-text-wrapper${x ? " input-text-highlighted" : ""}`,
   children: [
     n && /* @__PURE__ */ i("label", {
@@ -21,15 +21,15 @@ var F = w(({ autoComplete: r = "on", autoFocus: l, disabled: m, error: e, highli
       className: `input-text ${e ? "input-text-error" : ""} ${a ? "input-text-success" : ""}`,
       id: s,
       maxLength: u,
-      placeholder: g,
+      placeholder: f,
       ref: $,
       value: v,
       onBlur: c,
       onChange: (j) => h?.(j.target.value),
       onClick: o,
       onKeyDown: d,
-      onKeyUp: f,
-      readOnly: N,
+      onKeyUp: N,
+      readOnly: g,
       required: p
     }),
     e && /* @__PURE__ */ t("span", {
@@ -42,6 +42,7 @@ var F = w(({ autoComplete: r = "on", autoFocus: l, disabled: m, error: e, highli
     })
   ]
 }));
+y.displayName = "InputText";
 export {
-  F as InputText
+  y as InputText
 };

package/dist/components/InputTextarea/InputTextarea2.js

@@ -1,22 +1,22 @@
 import './InputTextarea.css';
 /* empty css              */
-import { forwardRef as $ } from "react";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-var F = $(({ autoComplete: p = "on", autoFocus: i, cols: l, disabled: m, error: a, id: r, label: s, maxLength: x, onBlur: u, onChange: c, onClick: o, onKeyDown: d, onKeyUp: h, placeholder: N, required: f, rows: g, success: t, value: v }, j) => /* @__PURE__ */ n("div", {
+import { forwardRef as I } from "react";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+var T = I(({ autoComplete: p = "on", autoFocus: i, cols: l, disabled: m, error: e, id: r, label: s, maxLength: x, onBlur: u, onChange: c, onClick: o, onKeyDown: d, onKeyUp: h, placeholder: N, required: f, rows: g, success: t, value: v }, j) => /* @__PURE__ */ n("div", {
   className: "input-textarea-wrapper",
   children: [
     s && /* @__PURE__ */ n("label", {
       htmlFor: r,
       className: "input-textarea-label",
-      children: [s, f && /* @__PURE__ */ e("span", {
+      children: [s, f && /* @__PURE__ */ a("span", {
         className: "input-textarea-required",
         children: "*"
       })]
     }),
-    /* @__PURE__ */ e("textarea", {
+    /* @__PURE__ */ a("textarea", {
       autoComplete: p,
       autoFocus: i,
-      className: `input-textarea${a ? " input-textarea-error" : ""}${t ? " input-textarea-success" : ""}`,
+      className: `input-textarea${e ? " input-textarea-error" : ""}${t ? " input-textarea-success" : ""}`,
       cols: l,
       disabled: m,
       id: r,
@@ -31,16 +31,17 @@ var F = $(({ autoComplete: p = "on", autoFocus: i, cols: l, disabled: m, error:
       rows: g,
       value: v
     }),
-    a && /* @__PURE__ */ e("span", {
+    e && /* @__PURE__ */ a("span", {
       className: "input-textarea-error-message",
-      children: a
+      children: e
     }),
-    t && /* @__PURE__ */ e("span", {
+    t && /* @__PURE__ */ a("span", {
       className: "input-textarea-success-message",
       children: t
     })
   ]
 }));
+T.displayName = "InputTextarea";
 export {
-  F as InputTextarea
+  T as InputTextarea
 };

package/dist/components/InputTime/InputTime2.js

@@ -1,85 +1,86 @@
 import './InputTime.css';
-import { Icon as S } from "../Icon/Icon2.js";
-import { Popover as T } from "../Popover/Popover2.js";
+import { Icon as R } from "../Icon/Icon2.js";
+import { Popover as S } from "../Popover/Popover2.js";
 import { TimePicker as j } from "../TimePicker/TimePicker2.js";
 /* empty css          */
 import { forwardRef as w, useRef as y, useState as E } from "react";
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-var v = (i) => i.toString().padStart(2, "0"), O = (i) => {
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+var b = (i) => i.toString().padStart(2, "0"), O = (i) => {
   const [n, t] = (i ?? "").split(":").map(Number);
   return {
     hours: Number.isFinite(n) ? n : 0,
     minutes: Number.isFinite(t) ? t : 0,
     seconds: 0
   };
-}, H = w(({ autoFocus: i, disabled: n, error: t, highlighted: N, id: o, label: c, max: k, min: g, minuteStep: C = 1, onBlur: $, onChange: p, onClick: x, onKeyDown: F, onKeyUp: I, readOnly: u = !1, required: f = !1, success: l, value: h, withClock: a = !1 }, P) => {
-  const [r, d] = E(!1), b = y(null), R = (s) => {
-    p?.(`${v(s.hours)}:${v(s.minutes)}`);
+}, q = w(({ autoFocus: i, disabled: n, error: t, highlighted: v, id: o, label: c, max: k, min: g, minuteStep: C = 1, onBlur: $, onChange: p, onClick: I, onKeyDown: T, onKeyUp: x, readOnly: u = !1, required: d = !1, success: a, value: f, withClock: l = !1 }, F) => {
+  const [m, h] = E(!1), N = y(null), P = (s) => {
+    p?.(`${b(s.hours)}:${b(s.minutes)}`);
   };
-  return /* @__PURE__ */ m("div", {
-    className: `input-time-wrapper${N ? " input-time-highlighted" : ""}`,
+  return /* @__PURE__ */ r("div", {
+    className: `input-time-wrapper${v ? " input-time-highlighted" : ""}`,
     children: [
-      c && /* @__PURE__ */ m("label", {
+      c && /* @__PURE__ */ r("label", {
         htmlFor: o,
         className: "input-time-label",
-        children: [c, f && /* @__PURE__ */ e("span", {
+        children: [c, d && /* @__PURE__ */ e("span", {
           className: "input-time-required",
           children: "*"
         })]
       }),
-      /* @__PURE__ */ m("div", {
-        ref: b,
-        className: `input-time-field${a ? " input-time-field--with-clock" : ""}`,
+      /* @__PURE__ */ r("div", {
+        ref: N,
+        className: `input-time-field${l ? " input-time-field--with-clock" : ""}`,
         children: [/* @__PURE__ */ e("input", {
           autoFocus: i,
           disabled: n,
           type: "time",
-          className: `input-time${t ? " input-time-error" : ""}${l ? " input-time-success" : ""}`,
+          className: `input-time${t ? " input-time-error" : ""}${a ? " input-time-success" : ""}`,
           id: o,
           max: k,
           min: g,
-          ref: P,
-          value: h ?? "",
+          ref: F,
+          value: f ?? "",
           onBlur: $,
           onChange: (s) => p?.(s.target.value || void 0),
-          onClick: x,
-          onKeyDown: F,
-          onKeyUp: I,
+          onClick: I,
+          onKeyDown: T,
+          onKeyUp: x,
           readOnly: u,
-          required: f
-        }), a && /* @__PURE__ */ e("button", {
-          className: `input-time-clock-button${r ? " input-time-clock-button--active" : ""}`,
+          required: d
+        }), l && /* @__PURE__ */ e("button", {
+          className: `input-time-clock-button${m ? " input-time-clock-button--active" : ""}`,
           disabled: n || u,
-          onClick: () => d(!r),
+          onClick: () => h(!m),
           title: "Pick on a clock",
           type: "button",
-          children: /* @__PURE__ */ e(S, { name: "time" })
+          children: /* @__PURE__ */ e(R, { name: "time" })
         })]
       }),
       t && /* @__PURE__ */ e("span", {
         className: "input-time-error-message",
         children: t
       }),
-      l && /* @__PURE__ */ e("span", {
+      a && /* @__PURE__ */ e("span", {
         className: "input-time-success-message",
-        children: l
+        children: a
       }),
-      a && /* @__PURE__ */ e(T, {
-        visible: r,
-        onClose: () => d(!1),
-        anchorEl: b.current,
+      l && /* @__PURE__ */ e(S, {
+        visible: m,
+        onClose: () => h(!1),
+        anchorEl: N.current,
         children: /* @__PURE__ */ e(j, {
           collapsibleClock: !1,
           label: "",
           minuteStep: C,
-          onChange: R,
-          value: O(h),
+          onChange: P,
+          value: O(f),
           withClock: !0
         })
       })
     ]
   });
 });
+q.displayName = "InputTime";
 export {
-  H as InputTime
+  q as InputTime
 };

package/dist/components/InputUrl/InputUrl2.js

@@ -1,23 +1,23 @@
 import './InputUrl.css';
 /* empty css         */
-import { forwardRef as A, useState as B } from "react";
+import { forwardRef as j, useState as A } from "react";
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
-var F = "Please enter a valid URL (e.g. https://example.com)", I = (l) => {
+var B = "Please enter a valid URL (e.g. https://example.com)", F = (l) => {
   try {
     const e = new URL(l);
     return e.protocol === "http:" || e.protocol === "https:";
   } catch {
     return !1;
   }
-}, G = A(({ autoFocus: l, disabled: e, error: f, highlighted: v, id: u, label: i, maxLength: g, onBlur: E, onChange: R, onClick: N, onKeyDown: U, onKeyUp: x, onValidationChange: o, placeholder: L = "https://...", readOnly: w = !1, required: p = !1, success: a, validationErrorMessage: y, value: S }, _) => {
-  const [c, d] = B(void 0), h = (r) => {
+}, b = j(({ autoFocus: l, disabled: e, error: f, highlighted: v, id: u, label: i, maxLength: g, onBlur: E, onChange: N, onClick: R, onKeyDown: U, onKeyUp: x, onValidationChange: p, placeholder: y = "https://...", readOnly: L = !1, required: o = !1, success: a, validationErrorMessage: w, value: I }, S) => {
+  const [c, d] = A(void 0), h = (r) => {
     if (!r)
-      return d(void 0), o?.(!0), !0;
-    const n = I(r);
-    return d(n ? void 0 : y ?? F), o?.(n), n;
+      return d(void 0), p?.(!0), !0;
+    const n = F(r);
+    return d(n ? void 0 : w ?? B), p?.(n), n;
+  }, _ = (r) => {
+    N?.(r), c && h(r);
   }, $ = (r) => {
-    R?.(r), c && h(r);
-  }, j = (r) => {
     h(r.target.value), E?.(r);
   }, s = f ?? c;
   return /* @__PURE__ */ m("div", {
@@ -26,7 +26,7 @@ var F = "Please enter a valid URL (e.g. https://example.com)", I = (l) => {
       i && /* @__PURE__ */ m("label", {
         htmlFor: u,
         className: "input-url-label",
-        children: [i, p && /* @__PURE__ */ t("span", {
+        children: [i, o && /* @__PURE__ */ t("span", {
           className: "input-url-required",
           children: "*"
         })]
@@ -38,16 +38,16 @@ var F = "Please enter a valid URL (e.g. https://example.com)", I = (l) => {
         className: `input-url${s ? " input-url-error" : ""}${a ? " input-url-success" : ""}`,
         id: u,
         maxLength: g,
-        placeholder: L,
-        ref: _,
-        value: S,
-        onBlur: j,
-        onChange: (r) => $(r.target.value),
-        onClick: N,
+        placeholder: y,
+        ref: S,
+        value: I,
+        onBlur: $,
+        onChange: (r) => _(r.target.value),
+        onClick: R,
         onKeyDown: U,
         onKeyUp: x,
-        readOnly: w,
-        required: p
+        readOnly: L,
+        required: o
       }),
       s && /* @__PURE__ */ t("span", {
         className: "input-url-error-message",
@@ -60,6 +60,7 @@ var F = "Please enter a valid URL (e.g. https://example.com)", I = (l) => {
     ]
   });
 });
+b.displayName = "InputUrl";
 export {
-  G as InputUrl
+  b as InputUrl
 };

package/dist/components/QuantitySelector/QuantitySelector2.js

@@ -1,20 +1,20 @@
 import './QuantitySelector.css';
-import { Button as h } from "../Button/Button2.js";
+import { Button as q } from "../Button/Button2.js";
 import { InputNumber as I } from "../InputNumber/InputNumber2.js";
 /* empty css                 */
 import { forwardRef as S } from "react";
 import { jsx as s, jsxs as u } from "react/jsx-runtime";
-var D = S(({ disabled: n = !1, error: l, id: d, inputWidth: f, label: y, max: t, min: r = 0, onChange: i, readOnlyInput: q = !1, required: p = !1, step: o = 1, success: a, value: c }, v) => {
+var $ = S(({ disabled: n = !1, error: c, id: d, inputWidth: f, label: y, max: t, min: r = 0, onChange: i, readOnlyInput: p = !1, required: h = !1, step: a = 1, success: o, value: l }, v) => {
   const N = f || (t !== void 0 ? Math.max(String(t).length, String(r).length, 3) : 3), m = () => {
     if (n) return;
-    const e = (c ?? 0) - o;
+    const e = (l ?? 0) - a;
     r !== void 0 && e < r || i?.(e);
   }, b = () => {
     if (n) return;
-    const e = (c ?? 0) + o;
+    const e = (l ?? 0) + a;
     t !== void 0 && e > t || i?.(e);
   }, g = (e) => {
-    if (!q) {
+    if (!p) {
       if (e === void 0) {
         i?.(void 0);
         return;
@@ -36,18 +36,18 @@ var D = S(({ disabled: n = !1, error: l, id: d, inputWidth: f, label: y, max: t,
       y && /* @__PURE__ */ u("label", {
         htmlFor: d,
         className: "quantity-selector-label",
-        children: [y, p && /* @__PURE__ */ s("span", {
+        children: [y, h && /* @__PURE__ */ s("span", {
           className: "quantity-selector-required",
           children: "*"
         })]
       }),
       /* @__PURE__ */ u("div", {
-        className: `quantity-selector${q ? " quantity-selector-readonly" : ""}${l ? " quantity-selector-error" : ""}${a ? " quantity-selector-success" : ""}`,
+        className: `quantity-selector${p ? " quantity-selector-readonly" : ""}${c ? " quantity-selector-error" : ""}${o ? " quantity-selector-success" : ""}`,
         style: { "--digits": N },
         children: [
-          /* @__PURE__ */ s(h, {
+          /* @__PURE__ */ s(q, {
             className: "quantity-selector-button quantity-selector-button-decrease",
-            disabled: n || r !== void 0 && (c ?? 0) <= r,
+            disabled: n || r !== void 0 && (l ?? 0) <= r,
             onClick: m,
             size: "small",
             variant: "default",
@@ -63,13 +63,13 @@ var D = S(({ disabled: n = !1, error: l, id: d, inputWidth: f, label: y, max: t,
               min: r,
               onChange: g,
               ref: v,
-              step: o,
-              value: c
+              step: a,
+              value: l
             })
           }),
-          /* @__PURE__ */ s(h, {
+          /* @__PURE__ */ s(q, {
             className: "quantity-selector-button quantity-selector-button-increase",
-            disabled: n || t !== void 0 && (c ?? 0) >= t,
+            disabled: n || t !== void 0 && (l ?? 0) >= t,
             onClick: b,
             size: "small",
             variant: "default",
@@ -78,17 +78,18 @@ var D = S(({ disabled: n = !1, error: l, id: d, inputWidth: f, label: y, max: t,
           })
         ]
       }),
-      l && /* @__PURE__ */ s("span", {
+      c && /* @__PURE__ */ s("span", {
         className: "quantity-selector-error-message",
-        children: l
+        children: c
       }),
-      a && /* @__PURE__ */ s("span", {
+      o && /* @__PURE__ */ s("span", {
         className: "quantity-selector-success-message",
-        children: a
+        children: o
       })
     ]
   });
 });
+$.displayName = "QuantitySelector";
 export {
-  D as QuantitySelector
+  $ as QuantitySelector
 };

package/dist/errors.d.ts

@@ -0,0 +1,78 @@
+export declare type ErrorReportContext = Record<string, unknown>;
+
+export declare interface ErrorReportingConfig {
+    /** The app id registered in the hub, e.g. `garage`. */
+    appId: string;
+    /** The hub ingest URL, e.g. `https://hub.memobit.ro/api/errors/ingest`. */
+    endpoint: string;
+    /** Turns reporting off for this run, e.g. `import.meta.env.PROD` to report only from production builds. Defaults to true. */
+    enabled?: boolean;
+    /** Shown in the hub next to each error. Defaults to `production`. */
+    environment?: string;
+    /** Build or commit the errors came from. */
+    release?: string;
+    /** Also report `console.error` and `console.warn` calls. Defaults to true. */
+    captureConsole?: boolean;
+    /** Messages to drop, on top of the built-in browser noise filters. */
+    ignore?: (string | RegExp)[];
+    /** Most events sent per page load or process run. Defaults to 200. */
+    maxEventsPerSession?: number;
+}
+
+/**
+ * Error reporting shared by every memobit app, in the browser and in Node. Errors and
+ * warnings are batched and POSTed to the hub's errors/ingest endpoint, which groups them,
+ * lists them on the hub's Errors page and emails on new errors and on spikes.
+ *
+ * React-free on purpose (it ships through the `@memobit/libs/errors` entry), so Node
+ * servers can use it too. The hub can switch reporting off — globally, per app, or
+ * automatically on a spike — and the reporter then stays quiet for as long as it is told.
+ */
+export declare type ErrorReportLevel = 'error' | 'warning';
+
+/** Sends whatever is queued now instead of waiting for the next batch. */
+export declare const flushErrorReports: () => Promise<void>;
+
+/** Browser apps: call once, before rendering. */
+export declare const installErrorReporting: (config: ErrorReportingConfig) => void;
+
+/**
+ * Node servers: call once at startup, passing `process`. Unhandled rejections reach
+ * Node's uncaught-exception path, so both are covered. Listening there would stop the
+ * crash Node normally does, so — unless the server has its own handler — the process
+ * still exits with code 1, once the report is sent (or after 3s).
+ */
+export declare const installNodeErrorReporting: (nodeProcess: NodeProcessLike, config: ErrorReportingConfig) => void;
+
+/**
+ * Use in place of `console.*` in app code. `debug` and `info` only write to the console;
+ * `warn` and `error` also report to the hub once error reporting is installed — and only
+ * once, even though the console capture is on.
+ */
+export declare const logger: {
+    debug: (message: string, context?: ErrorReportContext) => void;
+    info: (message: string, context?: ErrorReportContext) => void;
+    warn: (message: string, context?: ErrorReportContext) => void;
+    /** `error` is the caught value, if there is one; its stack is kept. */
+    error: (message: string, error?: unknown, context?: ErrorReportContext) => void;
+};
+
+/** The part of Node's `process` the reporter needs; pass `process` itself. */
+export declare interface NodeProcessLike {
+    on(event: 'uncaughtException', listener: (error: Error) => void): unknown;
+    listenerCount(event: 'uncaughtException'): number;
+    exit(code?: number): void;
+}
+
+/** Reports a caught error you handled but still want to know about. */
+declare const reportError_2: (error: unknown, context?: ErrorReportContext) => void;
+export { reportError_2 as reportError }
+
+export { }
+
+
+declare global {
+    interface Window {
+        __VERSIONS__: FullVersionInfo;
+    }
+}

package/dist/errors.js

@@ -0,0 +1,9 @@
+import { flushErrorReports as o, installErrorReporting as t, installNodeErrorReporting as e, reportError as p } from "./helpers/ErrorReporting.js";
+import { logger as l } from "./helpers/Logger.js";
+export {
+  o as flushErrorReports,
+  t as installErrorReporting,
+  e as installNodeErrorReporting,
+  l as logger,
+  p as reportError
+};