@hybridcore/ui 1.6.22 → 1.6.24

package/dist/components/charts/logaritmic-scale/logic.js

@@ -1,45 +1,211 @@
-import { R as T, A as Y } from "../../../AnimatedTheme-ktdO3Bel.js";
-import { useThemeProps as R, useTheme as E } from "@mui/material";
-import I from "lodash";
-import { useId as G, useRef as O, useEffect as P } from "react";
-import { humanizeLabel as V } from "../_common/format.js";
+import { R as O, A as L } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as X, useTheme as S } from "@mui/material";
+import j from "lodash";
+import { useId as E, useRef as Y, useEffect as z } from "react";
+import { humanizeLabel as I } from "../_common/format.js";
 import { attachCombinedAxisTooltip as q } from "../_common/tooltip.js";
-import { colorSetFromPalette as z, applyDateAxisLabelFormat as B, applyValueFormat as H } from "../_common/utils.js";
-import { c as i } from "../../../Entity-BJCuhdq_.js";
-import { X as N, V as U } from "../../../AxisRenderer-BCQoUJw6.js";
-import { X as W } from "../../../XYCursor-CVUSpqb9.js";
-import { A as F, a as Z } from "../../../AxisRendererY-AXWvGU6r.js";
-import { C as _ } from "../../../CategoryAxis-B6NqW8qd.js";
-import { L as $ } from "../../../LineSeries-D_IL2qGF.js";
-import { D as j, G as J } from "../../../GaplessDateAxis-B2g2jgSG.js";
-import { S as K } from "../../../Scrollbar-CTI7_8Qw.js";
-import { D as M } from "../../../DateAxis-DEXKps1S.js";
-const xe = (X) => {
-  const f = R({ props: X, name: "HCLogaritmicScale" }), {
-    dimensions: t,
-    values: s,
-    data: p,
-    initDelay: k = 0,
-    baseInterval: h,
-    colors: A,
-    skipEmptyDates: x = !1,
-    sx: L,
-    ...S
-  } = f, a = E(), g = `hc-logaritmic-scale-${G().replace(/:/g, "")}`, c = O(null);
-  let n = null;
-  t.length < 1 ? n = "LogaritmicScale requires at least 1 dimension" : s.length < 1 && (n = "LogaritmicScale requires at least 1 value"), P(() => {
-    if (n) return;
-    let d;
-    return d = setTimeout(() => {
-      var w, v, D, b;
-      const e = T.new(g);
-      c.current = e, e.setThemes([Y.new(e)]), e.interfaceColors.setAll({
-        text: i(a.palette.text.primary),
-        grid: i(a.palette.divider),
-        stroke: i(a.palette.divider)
+import { colorSetFromPalette as H, applyDateAxisLabelFormat as U, applyValueFormat as W } from "../_common/utils.js";
+import { m as R, q as Z, f as x, c as f } from "../../../Entity-BJCuhdq_.js";
+import { X as $, V as J } from "../../../AxisRenderer-BCQoUJw6.js";
+import { X as K } from "../../../XYCursor-CVUSpqb9.js";
+import { A as N, a as Q } from "../../../AxisRendererY-AXWvGU6r.js";
+import { C as tt } from "../../../CategoryAxis-B6NqW8qd.js";
+import { L as et } from "../../../LineSeries-D_IL2qGF.js";
+import { D as st, G as it } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { R as V } from "../../../RoundedRectangle-BKLX1LKM.js";
+import { C, G as rt } from "../../../Tooltip-vyZRZWih.js";
+import { B as at } from "../../../Button-BLY4PVJC.js";
+import { D as nt } from "../../../DateAxis-DEXKps1S.js";
+class D extends C {
+  constructor() {
+    super(...arguments), Object.defineProperty(this, "thumb", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this._makeThumb()
+    }), Object.defineProperty(this, "startGrip", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this._makeButton()
+    }), Object.defineProperty(this, "endGrip", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this._makeButton()
+    }), Object.defineProperty(this, "_thumbBusy", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: !1
+    }), Object.defineProperty(this, "_startDown", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: !1
+    }), Object.defineProperty(this, "_endDown", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: !1
+    }), Object.defineProperty(this, "_thumbDown", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: !1
+    }), Object.defineProperty(this, "_gripDown", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    });
+  }
+  _addOrientationClass() {
+    this._settings.themeTags = R(this._settings.themeTags, ["scrollbar", this._settings.orientation]), this._settings.background || (this._settings.background = V.new(this._root, {
+      themeTags: R(this._settings.themeTags, ["main", "background"])
+    }));
+  }
+  _makeButton() {
+    return this.children.push(at.new(this._root, {
+      themeTags: ["resize", "button", this.get("orientation")],
+      icon: rt.new(this._root, {
+        themeTags: ["icon"]
+      })
+    }));
+  }
+  _makeThumb() {
+    return this.children.push(V.new(this._root, {
+      themeTags: ["thumb", this.get("orientation")]
+    }));
+  }
+  _handleAnimation(t) {
+    t && this._disposers.push(t.events.on("stopped", () => {
+      this.setPrivateRaw("isBusy", !1), this._thumbBusy = !1;
+    }));
+  }
+  _afterNew() {
+    this._addOrientationClass(), super._afterNew();
+    const t = this.startGrip, e = this.endGrip, i = this.thumb, o = this.get("background");
+    o && this._disposers.push(o.events.on("click", (s) => {
+      this.setPrivateRaw("isBusy", !0);
+      const n = this._display.toLocal(s.point), h = this.width(), l = this.height(), d = this.get("orientation");
+      let u;
+      d == "vertical" ? u = (n.y - i.height() / 2) / l : u = (n.x - i.width() / 2) / h;
+      let a, p;
+      d == "vertical" ? (a = u * l, p = "y") : (a = u * h, p = "x");
+      const m = this.get("animationDuration", 0);
+      m > 0 ? (this._thumbBusy = !0, this._handleAnimation(this.thumb.animate({ key: p, to: a, duration: m, easing: this.get("animationEasing") }))) : (this.thumb.set(p, a), this._root.events.once("frameended", () => {
+        this.setPrivateRaw("isBusy", !1);
+      }));
+    })), this._disposers.push(i.events.on("dblclick", (s) => {
+      if (!Z(s.originalEvent, this))
+        return;
+      const n = this.get("animationDuration", 0), h = this.get("animationEasing");
+      this.animate({ key: "start", to: 0, duration: n, easing: h }), this.animate({ key: "end", to: 1, duration: n, easing: h });
+    })), this._disposers.push(t.events.on("pointerdown", () => {
+      this.setPrivateRaw("isBusy", !0), this._startDown = !0, this._gripDown = "start";
+    })), this._disposers.push(e.events.on("pointerdown", () => {
+      this.setPrivateRaw("isBusy", !0), this._endDown = !0, this._gripDown = "end";
+    })), this._disposers.push(i.events.on("pointerdown", () => {
+      this.setPrivateRaw("isBusy", !0), this._thumbDown = !0, this._gripDown = void 0;
+    })), this._disposers.push(t.events.on("globalpointerup", () => {
+      this._startDown && (this.setPrivateRaw("isBusy", !1), this._released()), this._startDown = !1;
+    })), this._disposers.push(e.events.on("globalpointerup", () => {
+      this._endDown && (this.setPrivateRaw("isBusy", !1), this._released()), this._endDown = !1;
+    })), this._disposers.push(i.events.on("globalpointerup", () => {
+      this._thumbDown && (this.setPrivateRaw("isBusy", !1), this._released()), this._thumbDown = !1;
+    })), this._disposers.push(t.on("x", () => {
+      this._updateThumb();
+    })), this._disposers.push(e.on("x", () => {
+      this._updateThumb();
+    })), this._disposers.push(t.on("y", () => {
+      this._updateThumb();
+    })), this._disposers.push(e.on("y", () => {
+      this._updateThumb();
+    })), this._disposers.push(i.events.on("positionchanged", () => {
+      this._updateGripsByThumb();
+    })), this.get("orientation") == "vertical" ? (t.set("x", 0), e.set("x", 0), this._disposers.push(i.adapters.add("y", (s) => Math.max(Math.min(Number(s), this.height() - i.height()), 0))), this._disposers.push(i.adapters.add("x", (s) => this.width() / 2)), this._disposers.push(t.adapters.add("x", (s) => this.width() / 2)), this._disposers.push(e.adapters.add("x", (s) => this.width() / 2)), this._disposers.push(t.adapters.add("y", (s) => Math.max(Math.min(Number(s), this.height()), 0))), this._disposers.push(e.adapters.add("y", (s) => Math.max(Math.min(Number(s), this.height()), 0)))) : (t.set("y", 0), e.set("y", 0), this._disposers.push(i.adapters.add("x", (s) => Math.max(Math.min(Number(s), this.width() - i.width()), 0))), this._disposers.push(i.adapters.add("y", (s) => this.height() / 2)), this._disposers.push(t.adapters.add("y", (s) => this.height() / 2)), this._disposers.push(e.adapters.add("y", (s) => this.height() / 2)), this._disposers.push(t.adapters.add("x", (s) => Math.max(Math.min(Number(s), this.width()), 0))), this._disposers.push(e.adapters.add("x", (s) => Math.max(Math.min(Number(s), this.width()), 0))));
+  }
+  _updateChildren() {
+    super._updateChildren(), (this.isDirty("end") || this.isDirty("start") || this._sizeDirty) && this.updateGrips();
+  }
+  _changed() {
+    if (super._changed(), this.isDirty("start") || this.isDirty("end")) {
+      const t = "rangechanged";
+      this.events.isEnabled(t) && this.events.dispatch(t, { type: t, target: this, start: this.get("start", 0), end: this.get("end", 1), grip: this._gripDown });
+    }
+  }
+  _released() {
+    const t = "released";
+    this.events.isEnabled(t) && this.events.dispatch(t, { type: t, target: this });
+  }
+  /**
+   * @ignore
+   */
+  updateGrips() {
+    const t = this.startGrip, e = this.endGrip, i = this.get("orientation"), o = this.height(), s = this.width();
+    i == "vertical" ? (t.set("y", o * this.get("start", 0)), e.set("y", o * this.get("end", 1))) : (t.set("x", s * this.get("start", 0)), e.set("x", s * this.get("end", 1)));
+    const n = this.getPrivate("positionTextFunction"), h = Math.round(this.get("start", 0) * 100), l = Math.round(this.get("end", 0) * 100);
+    let d, u;
+    n ? (d = n.call(this, this.get("start", 0)), u = n.call(this, this.get("end", 0))) : (d = h + "%", u = l + "%"), t.set("ariaLabel", this._t("From %1", void 0, d)), t.set("ariaValueNow", "" + h), t.set("ariaValueText", h + "%"), t.set("ariaValueMin", "0"), t.set("ariaValueMax", "100"), e.set("ariaLabel", this._t("To %1", void 0, u)), e.set("ariaValueNow", "" + l), e.set("ariaValueText", l + "%"), e.set("ariaValueMin", "0"), e.set("ariaValueMax", "100");
+  }
+  _updateThumb() {
+    const t = this.thumb, e = this.startGrip, i = this.endGrip, o = this.height(), s = this.width();
+    let n = e.x(), h = i.x(), l = e.y(), d = i.y(), u = 0, a = 1;
+    this.get("orientation") == "vertical" ? x(l) && x(d) && (!this._thumbBusy && !t.isDragging() && (t.set("height", d - l), t.set("y", l)), u = l / o, a = d / o) : x(n) && x(h) && (!this._thumbBusy && !t.isDragging() && (t.set("width", h - n), t.set("x", n)), u = n / s, a = h / s), this.getPrivate("isBusy") && (this.get("start") != u || this.get("end") != a) && (this.set("start", u), this.set("end", a));
+    const p = this.getPrivate("positionTextFunction"), m = Math.round(this.get("start", 0) * 100), _ = Math.round(this.get("end", 0) * 100);
+    let g, w;
+    p ? (g = p.call(this, this.get("start", 0)), w = p.call(this, this.get("end", 0))) : (g = m + "%", w = _ + "%"), t.set("ariaLabel", this._t("From %1 to %2", void 0, g, w)), t.set("ariaValueNow", "" + m), t.set("ariaValueText", m + "%");
+  }
+  _updateGripsByThumb() {
+    const t = this.thumb, e = this.startGrip, i = this.endGrip;
+    if (this.get("orientation") == "vertical") {
+      const o = t.height();
+      e.set("y", t.y()), i.set("y", t.y() + o);
+    } else {
+      const o = t.width();
+      e.set("x", t.x()), i.set("x", t.x() + o);
+    }
+  }
+}
+Object.defineProperty(D, "className", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: "Scrollbar"
+});
+Object.defineProperty(D, "classNames", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: C.classNames.concat([D.className])
+});
+const Gt = (G) => {
+  const t = X({ props: G, name: "HCLogaritmicScale" }), {
+    dimensions: e,
+    values: i,
+    data: o,
+    initDelay: s = 0,
+    baseInterval: n,
+    colors: h,
+    skipEmptyDates: l = !1,
+    sx: d,
+    ...u
+  } = t, a = S(), m = `hc-logaritmic-scale-${E().replace(/:/g, "")}`, _ = Y(null);
+  let g = null;
+  e.length < 1 ? g = "LogaritmicScale requires at least 1 dimension" : i.length < 1 && (g = "LogaritmicScale requires at least 1 value"), z(() => {
+    if (g) return;
+    let T;
+    return T = setTimeout(() => {
+      var P, B, M, F;
+      const r = O.new(m);
+      _.current = r, r.setThemes([L.new(r)]), r.interfaceColors.setAll({
+        text: f(a.palette.text.primary),
+        grid: f(a.palette.divider),
+        stroke: f(a.palette.divider)
       });
-      const r = e.container.children.push(
-        N.new(e, {
+      const c = r.container.children.push(
+        $.new(r, {
           panX: !0,
           panY: !0,
           wheelX: "none",
@@ -48,81 +214,81 @@ const xe = (X) => {
           pinchZoomX: !0
         })
       );
-      r.set("colors", z(e, A)), r.set(
+      c.set("colors", H(r, h)), c.set(
         "cursor",
-        W.new(e, { behavior: "none" })
+        K.new(r, { behavior: "none" })
       ).lineY.set("visible", !1);
-      let o, u = p;
-      if (t[0].type === "date") {
-        u = I.orderBy(p, [t[0].value]);
-        const l = x ? J : M;
-        o = r.xAxes.push(
-          l.new(e, {
+      let b, A = o;
+      if (e[0].type === "date") {
+        A = j.orderBy(o, [e[0].value]);
+        const y = l ? it : nt;
+        b = c.xAxes.push(
+          y.new(r, {
             maxDeviation: 0.1,
             groupData: !1,
-            baseInterval: h || { timeUnit: "day", count: 1 },
-            renderer: F.new(e, {})
+            baseInterval: n || { timeUnit: "day", count: 1 },
+            renderer: N.new(r, {})
           })
-        ), (w = o.get("renderer")) == null || w.grid.template.setAll({
-          stroke: i(a.palette.divider),
+        ), (P = b.get("renderer")) == null || P.grid.template.setAll({
+          stroke: f(a.palette.divider),
           strokeOpacity: 1
-        }), B(o, t[0]);
+        }), U(b, e[0]);
       } else
-        o = r.xAxes.push(
-          _.new(e, {
-            categoryField: t[0].value,
-            renderer: F.new(e, {})
+        b = c.xAxes.push(
+          tt.new(r, {
+            categoryField: e[0].value,
+            renderer: N.new(r, {})
           })
-        ), e.numberFormatter.setAll({
+        ), r.numberFormatter.setAll({
           numberFormat: "#",
           numericFields: ["valueX"]
-        }), o.data.setAll(u), (v = o.get("renderer")) == null || v.grid.template.setAll({
-          stroke: i(a.palette.divider),
+        }), b.data.setAll(A), (B = b.get("renderer")) == null || B.grid.template.setAll({
+          stroke: f(a.palette.divider),
           strokeOpacity: 1
         });
-      const y = r.yAxes.push(
-        U.new(e, {
+      const k = c.yAxes.push(
+        J.new(r, {
           logarithmic: !0,
-          renderer: Z.new(e, { minorGridEnabled: !0 })
+          renderer: Q.new(r, { minorGridEnabled: !0 })
         })
       );
-      (D = y.get("renderer")) == null || D.grid.template.setAll({
-        stroke: i(a.palette.divider),
+      (M = k.get("renderer")) == null || M.grid.template.setAll({
+        stroke: f(a.palette.divider),
         strokeOpacity: 1
-      }), s.forEach((l) => {
-        const m = r.series.push(
-          $.new(e, {
-            name: l.label ?? V(l.name),
-            xAxis: o,
-            yAxis: y,
-            valueYField: l.dataFieldName,
-            ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
+      }), i.forEach((y) => {
+        const v = c.series.push(
+          et.new(r, {
+            name: y.label ?? I(y.name),
+            xAxis: b,
+            yAxis: k,
+            valueYField: y.dataFieldName,
+            ...e[0].type === "date" ? { valueXField: e[0].value } : { categoryXField: e[0].value }
           })
         );
-        m.strokes.template.setAll({ strokeWidth: 3 }), t[0].type === "date" && (m.data.processor = j.new(e, {
+        v.strokes.template.setAll({ strokeWidth: 3 }), e[0].type === "date" && (v.data.processor = st.new(r, {
           dateFormat: "i",
-          dateFields: [t[0].value]
-        })), m.data.setAll(u), m.appear(1e3);
+          dateFields: [e[0].value]
+        })), v.data.setAll(A), v.appear(1e3);
       }), q({
-        root: e,
-        chart: r,
-        xAxis: o,
+        root: r,
+        chart: c,
+        xAxis: b,
         theme: a,
-        isDateAxis: t[0].type === "date",
-        baseInterval: h,
+        isDateAxis: e[0].type === "date",
+        baseInterval: n,
         follow: !0
-      }), r.set(
+      }), c.set(
         "scrollbarX",
-        K.new(e, { orientation: "horizontal" })
-      ), H(e, (b = s == null ? void 0 : s[0]) == null ? void 0 : b.format), r.appear(1e3, 100);
-    }, k), () => {
-      var e;
-      d && clearTimeout(d), (e = c.current) == null || e.dispose(), c.current = null;
+        D.new(r, { orientation: "horizontal" })
+      ), W(r, (F = i == null ? void 0 : i[0]) == null ? void 0 : F.format), c.appear(1e3, 100);
+    }, s), () => {
+      var r;
+      T && clearTimeout(T), (r = _.current) == null || r.dispose(), _.current = null;
     };
-  }, [p, t, s, a.palette.mode, A, x]);
-  const C = { ...f };
-  return { chartId: g, ownerState: C, sx: L, error: n, other: S };
+  }, [o, e, i, a.palette.mode, h, l]);
+  const w = { ...t };
+  return { chartId: m, ownerState: w, sx: d, error: g, other: u };
 };
 export {
-  xe as useLogaritmicScaleLogic
+  Gt as useLogaritmicScaleLogic
 };

package/dist/components/instance-form/components/composite-list/index.js

@@ -9,7 +9,7 @@ import "../../../conditional-wrapper/index.js";
 import "../../helpers.js";
 import "../../styled.js";
 import "../TopLabelWrapper.js";
-import { C as b } from "../../../../index-BtlzPygz.js";
+import { C as b } from "../../../../index-BQ4_OA4b.js";
 export {
   b as CompositeList
 };

package/dist/components/instance-form/components/variable/index.js

@@ -9,7 +9,7 @@ import "../../../geometry-picker/index.js";
 import "../../../phone-input/index.js";
 import "../../helpers.js";
 import "../../styled.js";
-import { V as d } from "../../../../index-BtlzPygz.js";
+import { V as d } from "../../../../index-BQ4_OA4b.js";
 import "../composite-matrix/index.js";
 import "../TopLabelWrapper.js";
 export {

package/dist/components/instance-form/components/variables/index.js

@@ -1,54 +1,56 @@
-import { jsx as s, jsxs as h } from "react/jsx-runtime";
+import { jsx as s, jsxs as v } from "react/jsx-runtime";
 import l from "lodash";
-import v from "react";
-import { VariablesContainer as x, FieldContainer as y } from "../../styled.js";
-import { V as C } from "../../../../index-BtlzPygz.js";
-const B = (d) => {
+import x from "react";
+import { VariablesContainer as y, FieldContainer as C } from "../../styled.js";
+import { V as I } from "../../../../index-BQ4_OA4b.js";
+const P = (d) => {
   const {
     template: n,
     value: i,
     mapboxAccessToken: u,
     variant: p = "outlined",
     labelPosition: c = "default",
-    fieldOptions: e,
+    fieldOptions: r,
+    mode: m = "create",
     onChange: f
-  } = d, m = v.useMemo(() => {
-    const r = (n == null ? void 0 : n.properties.filter((o) => o.visible)) ?? [], t = l.orderBy(r, "id");
+  } = d, b = x.useMemo(() => {
+    const e = (n == null ? void 0 : n.properties.filter((o) => o.visible)) ?? [], t = l.orderBy(e, "id");
     return l.orderBy(
       t,
       (o) => {
         var a;
-        return ((a = e == null ? void 0 : e[o.propertyId]) == null ? void 0 : a.order) ?? 0;
+        return ((a = r == null ? void 0 : r[o.propertyId]) == null ? void 0 : a.order) ?? 0;
       }
     );
-  }, [n, e]), b = (r) => {
+  }, [n, r]), h = (e) => {
     f({
-      target: { value: { ...i, ...r } }
+      target: { value: { ...i, ...e } }
     });
   };
-  return n === void 0 ? null : /* @__PURE__ */ s(x, { children: m.filter((r) => {
+  return n === void 0 ? null : /* @__PURE__ */ s(y, { children: b.filter((e) => {
     var t;
-    return e ? !((t = e[r.propertyId]) != null && t.hidden) : !0;
-  }).map((r) => {
+    return r ? !((t = r[e.propertyId]) != null && t.hidden) : !0;
+  }).map((e) => {
     var o;
-    const t = i ? i[r.propertyId] : "";
-    return /* @__PURE__ */ h(y, { children: [
+    const t = i ? i[e.propertyId] : "";
+    return /* @__PURE__ */ v(C, { children: [
       /* @__PURE__ */ s(
-        C,
+        I,
         {
-          property: r,
+          property: e,
           value: t,
           mapboxAccessToken: u,
           variant: p,
           labelPosition: c,
-          fieldOptions: e,
-          onChange: b
+          fieldOptions: r,
+          mode: m,
+          onChange: h
         }
       ),
-      e && ((o = e[r.propertyId]) == null ? void 0 : o.helperText)
-    ] }, r.propertyId);
+      r && ((o = r[e.propertyId]) == null ? void 0 : o.helperText)
+    ] }, e.propertyId);
   }) });
 };
 export {
-  B as Variables
+  P as Variables
 };