mimir-ui-kit 1.43.10 → 1.43.11

package/dist/components/InputRangeSlider/InputRangeSlider.js

@@ -1,171 +1,191 @@
-import { jsxs as o, jsx as i, Fragment as k } from "react/jsx-runtime";
-import { c as p } from "../../index-DIxK0V-G.js";
-import { memo as K, useState as T, useEffect as Q } from "react";
-import { EInputRangeSliderPositions as y, EInputRangeSliderBorderState as L, DEFAULT_STEP as X, DEFAULT_WIDTH as w } from "./constants.js";
-import '../../assets/InputRangeSlider.css';const Y = "_wrapper_1kfjr_8", Z = "_input_1kfjr_18", V = "_rail_1kfjr_115", C = "_off_1kfjr_124", S = "_right_1kfjr_124", rr = "_left_1kfjr_145", tr = "_control_1kfjr_36", nr = "_disabled_1kfjr_170", r = {
-  "main-wrapper": "_main-wrapper_1kfjr_2",
-  wrapper: Y,
-  "input-wrapper": "_input-wrapper_1kfjr_18",
-  "info-wrapper": "_info-wrapper_1kfjr_26",
-  "control-wrapper": "_control-wrapper_1kfjr_36",
-  input: Z,
-  "equal-value": "_equal-value_1kfjr_108",
-  "is-double-range": "_is-double-range_1kfjr_111",
-  rail: V,
-  off: C,
-  right: S,
-  "double-range": "_double-range_1kfjr_124",
-  "inner-rail": "_inner-rail_1kfjr_134",
-  left: rr,
-  control: tr,
-  disabled: nr
-}, er = K(
+import { jsxs as _, jsx as c, Fragment as b } from "react/jsx-runtime";
+import { c as v } from "../../index-DIxK0V-G.js";
+import { memo as st, useState as N, useEffect as ct, useCallback as h } from "react";
+import { EInputRangeSliderPositions as j, EInputRangeSliderBorderState as z, DEFAULT_STEP as at, CONTROL_Z_INDEX as f } from "./constants.js";
+import '../../assets/InputRangeSlider.css';const it = "_wrapper_16xeq_8", lt = "_input_16xeq_18", pt = "_control_16xeq_40", mt = "_disabled_16xeq_156", ut = "_active_16xeq_133", dt = "_hover_16xeq_162", r = {
+  "main-wrapper": "_main-wrapper_16xeq_2",
+  wrapper: it,
+  "input-wrapper": "_input-wrapper_16xeq_18",
+  "info-wrapper": "_info-wrapper_16xeq_28",
+  "control-wrapper": "_control-wrapper_16xeq_40",
+  input: lt,
+  "equal-value": "_equal-value_16xeq_115",
+  "is-double-range": "_is-double-range_16xeq_118",
+  "background-track": "_background-track_16xeq_122",
+  "active-track": "_active-track_16xeq_133",
+  control: pt,
+  disabled: mt,
+  active: ut,
+  hover: dt
+}, ht = st(
   ({
-    min: l,
-    max: j,
-    value: t,
-    disabled: N,
-    isMinEqualMax: $ = !1,
-    isSingleSlider: a = !0,
-    onChange: f,
-    step: x = X,
-    borderState: h = L.ON,
-    positions: b = y.LEFT,
-    minMaxDescriptions: q,
-    onChangeValue: _,
-    wrapperClassName: O,
-    ...W
+    min: s,
+    max: p,
+    value: n,
+    disabled: m,
+    isMinEqualMax: E = !1,
+    isSingleSlider: i = !0,
+    onChange: u,
+    step: q = at,
+    borderState: R = z.ON,
+    positions: D = j.LEFT,
+    minMaxDescriptions: G,
+    onChangeValue: d,
+    wrapperClassName: H,
+    ...K
   }) => {
-    const [m, D] = T(() => (t == null ? void 0 : t.min) ?? l), [d, F] = T(() => (t == null ? void 0 : t.max) ?? j), {
-      max: I,
-      min: R,
-      maxClassName: A,
-      minClassName: U
-    } = q ?? {};
-    Q(() => {
-      t && (t.min && D(t.min), t.max && F(t.max));
-    }, [t]);
-    const g = (n) => {
-      n.preventDefault();
-      const s = Math.min(
-        +n.target.value,
-        a || $ ? d : d - x
-      );
-      t || D(s), _ == null || _({ min: s, max: d }), f == null || f(n);
-    }, B = (n) => {
-      n.preventDefault();
-      const s = Math.max(
-        +n.target.value,
-        $ ? m : m + x
-      );
-      t || F(s), _ == null || _({ min: m, max: s }), f == null || f(n);
-    }, E = (m - l) / (j - l) * w, c = (d - l) / (j - l) * w, e = b === y.LEFT, H = m === d && c !== 0, M = h === L.OFF, v = () => {
-      const n = {
-        ...W,
+    const [a, T] = N(() => (n == null ? void 0 : n.min) ?? s), [o, P] = N(() => (n == null ? void 0 : n.max) ?? p), [x, O] = N(
+      null
+    ), [A, M] = N(
+      null
+    ), {
+      max: C,
+      min: L,
+      maxClassName: Y,
+      minClassName: X
+    } = G ?? {};
+    ct(() => {
+      n && (n.min !== void 0 && T(n.min), n.max !== void 0 && P(n.max));
+    }, [n]);
+    const Z = (t) => {
+      t.preventDefault();
+      let e = +t.target.value;
+      i || (E ? e = Math.min(e, o) : e = Math.min(e, o - q)), n || T(e), d == null || d({ min: e, max: o }), u == null || u(t);
+    }, J = (t) => {
+      t.preventDefault();
+      let e = +t.target.value;
+      i || (E ? e = Math.max(e, a) : e = Math.max(e, a + q)), n || P(e), d == null || d({ min: a, max: e }), u == null || u(t);
+    }, $ = h(
+      (t) => {
+        m || M(t);
+      },
+      [m]
+    ), Q = h(() => {
+      M(null);
+    }, []), F = h((t) => {
+      O(t), M(null);
+    }, []), V = h(() => {
+      O(null);
+    }, []), l = p - s, W = (a - s) / l, U = (o - s) / l, S = `calc(var(--thumb-width) / 2 + ${W} * (100% - var(--thumb-width)))`, tt = `calc(var(--thumb-width) / 2 + ${U} * (100% - var(--thumb-width)))`, k = D === j.LEFT, I = a === o && U !== 0, et = R === z.OFF, rt = () => {
+      const t = {
+        ...K,
         type: "range",
-        min: l,
-        max: j,
-        step: x
-      }, s = /* @__PURE__ */ i(
+        min: s,
+        max: p,
+        step: q,
+        onMouseUp: V,
+        onMouseLeave: Q
+      }, e = /* @__PURE__ */ c(
         "input",
         {
-          ...n,
-          className: p(r.input, {
-            [r["equal-value"]]: H,
-            [r["is-double-range"]]: !a
+          ...t,
+          className: v(r.input, {
+            [r["equal-value"]]: I,
+            [r["is-double-range"]]: !i
           }),
-          disabled: N,
-          value: m,
-          onChange: g
+          disabled: m,
+          value: a,
+          onChange: Z,
+          onMouseDown: () => F("min"),
+          onMouseEnter: () => $("min")
         }
-      ), u = /* @__PURE__ */ i(
+      ), w = /* @__PURE__ */ c(
         "input",
         {
-          ...n,
-          className: p(r.input, {
-            [r["is-double-range"]]: !a
+          ...t,
+          className: v(r.input, {
+            [r["is-double-range"]]: !i
           }),
-          disabled: N,
-          value: d,
-          onChange: B
+          disabled: m,
+          value: o,
+          onChange: J,
+          onMouseDown: () => F("max"),
+          onMouseEnter: () => $("max")
         }
       );
-      return a ? e ? s : u : /* @__PURE__ */ o(k, { children: [
-        s,
-        u
+      return i ? k ? e : w : /* @__PURE__ */ _(b, { children: [
+        e,
+        w
       ] });
-    }, z = () => {
-      const n = /* @__PURE__ */ i(
+    }, y = h(
+      (t) => v(r.control, {
+        [r.disabled]: m,
+        [r.active]: x === t,
+        [r.hover]: A === t && x !== t
+      }),
+      [m, x, A]
+    ), nt = () => {
+      const t = /* @__PURE__ */ c(
         "div",
         {
-          className: p(r.control, {
-            [r.disabled]: N
-          }),
+          className: y("min"),
           style: {
-            left: `${E}%`
+            left: S,
+            zIndex: x === "min" ? f.ACTIVE : I ? f.PRIORITY : f.BACKGROUND
           }
         }
-      ), s = /* @__PURE__ */ i(
+      ), e = /* @__PURE__ */ c(
         "div",
         {
-          className: p(r.control, {
-            [r.disabled]: N
-          }),
+          className: y("max"),
           style: {
-            left: `${c}%`
+            left: tt,
+            zIndex: x === "max" ? f.ACTIVE : I ? f.BACKGROUND : f.PRIORITY
           }
         }
-      ), u = () => M ? e ? `${E}%` : `${w - c}%` : e ? void 0 : `${w - c}%`, G = a && !e ? "0%" : `${w - c}%`, J = a && !e ? u() : `${c - E}%`, P = /* @__PURE__ */ o(k, { children: [
-        /* @__PURE__ */ i(
-          "div",
-          {
-            style: {
-              width: !M && !e ? `${c}%` : u()
-            },
-            className: p(r.rail, r[h], r[b], {
-              [r["double-range"]]: !a
-            })
-          }
-        ),
-        /* @__PURE__ */ i(
-          "div",
-          {
-            style: {
-              right: G,
-              width: J
-            },
-            className: p(
-              r["inner-rail"],
-              r[h],
-              r[b],
-              {
-                [r["double-range"]]: !a
-              }
-            )
-          }
-        )
-      ] });
-      return a ? /* @__PURE__ */ o(k, { children: [
-        e ? n : s,
-        P
-      ] }) : /* @__PURE__ */ o(k, { children: [
-        n,
-        P,
-        s
+      ), w = et ? null : /* @__PURE__ */ c("div", { className: r["background-track"] }), B = /* @__PURE__ */ c(
+        "div",
+        {
+          style: (() => {
+            if (i)
+              return k ? {
+                left: "0%",
+                width: a === s ? "0%" : `${(a - s) / l * 100}%`
+              } : {
+                left: o === p ? "100%" : `${(o - s) / l * 100}%`,
+                width: o === p ? "0%" : `${(p - o) / l * 100}%`
+              };
+            {
+              const g = (a - s) / l * 100, ot = (o - s) / l * 100;
+              return {
+                left: `${g}%`,
+                width: `${ot - g}%`
+              };
+            }
+          })(),
+          className: v(
+            r["active-track"],
+            r[R],
+            r[D],
+            {
+              [r["double-range"]]: !i
+            }
+          )
+        }
+      );
+      return i ? /* @__PURE__ */ _(b, { children: [
+        w,
+        B,
+        k ? t : e
+      ] }) : /* @__PURE__ */ _(b, { children: [
+        w,
+        B,
+        t,
+        e
       ] });
     };
-    return /* @__PURE__ */ o("div", { className: p(r["main-wrapper"], O), children: [
-      /* @__PURE__ */ o("div", { className: r["info-wrapper"], children: [
-        !!R && /* @__PURE__ */ i("div", { className: U, children: R }),
-        !!I && /* @__PURE__ */ i("div", { className: A, children: I })
+    return /* @__PURE__ */ _("div", { className: v(r["main-wrapper"], H), children: [
+      /* @__PURE__ */ _("div", { className: r["info-wrapper"], children: [
+        !!L && /* @__PURE__ */ c("div", { className: X, children: L }),
+        !!C && /* @__PURE__ */ c("div", { className: Y, children: C })
       ] }),
-      /* @__PURE__ */ o("div", { className: r.wrapper, children: [
-        /* @__PURE__ */ i("div", { className: r["control-wrapper"], children: z() }),
-        /* @__PURE__ */ i("div", { className: r["input-wrapper"], children: v() })
+      /* @__PURE__ */ _("div", { className: r.wrapper, children: [
+        /* @__PURE__ */ c("div", { className: r["control-wrapper"], children: nt() }),
+        /* @__PURE__ */ c("div", { className: r["input-wrapper"], children: rt() })
       ] })
     ] });
   }
 );
 export {
-  er as InputRangeSlider
+  ht as InputRangeSlider
 };

package/dist/components/InputRangeSlider/constants.d.ts

@@ -8,3 +8,8 @@ export declare enum EInputRangeSliderBorderState {
 }
 export declare const DEFAULT_STEP = 1;
 export declare const DEFAULT_WIDTH = 100;
+export declare const CONTROL_Z_INDEX: {
+    readonly ACTIVE: 10;
+    readonly PRIORITY: 5;
+    readonly BACKGROUND: 4;
+};

package/dist/components/InputRangeSlider/constants.js

@@ -1,8 +1,13 @@
-var F = /* @__PURE__ */ ((T) => (T.LEFT = "left", T.RIGHT = "right", T))(F || {}), r = /* @__PURE__ */ ((T) => (T.ON = "on", T.OFF = "off", T))(r || {});
-const f = 1, D = 100;
+var O = /* @__PURE__ */ ((T) => (T.LEFT = "left", T.RIGHT = "right", T))(O || {}), D = /* @__PURE__ */ ((T) => (T.ON = "on", T.OFF = "off", T))(D || {});
+const F = 1, r = 100, A = {
+  ACTIVE: 10,
+  PRIORITY: 5,
+  BACKGROUND: 4
+};
 export {
-  f as DEFAULT_STEP,
-  D as DEFAULT_WIDTH,
-  r as EInputRangeSliderBorderState,
-  F as EInputRangeSliderPositions
+  A as CONTROL_Z_INDEX,
+  F as DEFAULT_STEP,
+  r as DEFAULT_WIDTH,
+  D as EInputRangeSliderBorderState,
+  O as EInputRangeSliderPositions
 };

package/dist/components/ListFiles/ListFiles.js

@@ -1,57 +1,59 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
 import { c as d } from "../../index-DIxK0V-G.js";
-import { useState as h, useEffect as u } from "react";
-import { EFileItemVariant as q } from "./constants.js";
-import { formating as w } from "../../utils/index.js";
-import { ClearButton as z } from "../InputClearButton/ClearButton.js";
-import '../../assets/ListFiles.css';const N = "_white_hpqrc_61", y = "_gray_hpqrc_66", e = {
-  "file-info": "_file-info_hpqrc_2",
-  "file-info-size": "_file-info-size_hpqrc_8",
-  "file-info-name-wrapper": "_file-info-name-wrapper_hpqrc_19",
-  "file-info-name": "_file-info-name_hpqrc_19",
-  "file-upload-container": "_file-upload-container_hpqrc_37",
-  "file-upload-container-item": "_file-upload-container-item_hpqrc_45",
-  "delete-button": "_delete-button_hpqrc_54",
-  white: N,
-  gray: y
+import { useState as g, useEffect as u } from "react";
+import { EFileItemVariant as w } from "./constants.js";
+import { formating as N } from "../../utils/index.js";
+import { MiniButton as h } from "../MiniButton/MiniButton.js";
+import '../../assets/ListFiles.css';const z = "_white_1g4gc_62", x = "_gray_1g4gc_67", e = {
+  "file-info": "_file-info_1g4gc_2",
+  "file-info-size": "_file-info-size_1g4gc_8",
+  "file-info-name-wrapper": "_file-info-name-wrapper_1g4gc_19",
+  "file-info-name": "_file-info-name_1g4gc_19",
+  "file-upload-container": "_file-upload-container_1g4gc_38",
+  "file-upload-container-item": "_file-upload-container-item_1g4gc_46",
+  "delete-button": "_delete-button_1g4gc_55",
+  white: z,
+  gray: x
 };
-function E({
-  value: n,
-  onChange: o,
-  classNameWrapper: l,
-  variant: c = q.white,
+function F({
+  value: o,
+  onChange: s,
+  classNameWrapper: f,
+  variant: r = w.white,
   disabled: m
 }) {
-  const [a, f] = h(n);
+  const [a, c] = g(o);
   u(() => {
-    f(n);
-  }, [n]);
-  const p = async (i) => {
-    const t = [...a.filter((_) => _.id !== i)];
-    f(t), o == null || o({ deleteId: i, list: t });
+    c(o);
+  }, [o]);
+  const _ = async (i) => {
+    const t = [...a.filter((p) => p.id !== i)];
+    c(t), s == null || s({ deleteId: i, list: t });
   };
-  return a.length ? /* @__PURE__ */ r(
+  return a.length ? /* @__PURE__ */ n(
     "ul",
     {
       className: d(
         e["file-upload-container"],
-        l,
-        e[c]
+        f,
+        e[r]
       ),
-      children: a.map((i, t) => /* @__PURE__ */ s("li", { className: e["file-upload-container-item"], children: [
-        /* @__PURE__ */ s("div", { className: e["file-info"], children: [
-          (i == null ? void 0 : i.size) && /* @__PURE__ */ s("span", { className: e["file-info-size"], children: [
+      children: a.map((i, t) => /* @__PURE__ */ l("li", { className: e["file-upload-container-item"], children: [
+        /* @__PURE__ */ l("div", { className: e["file-info"], children: [
+          (i == null ? void 0 : i.size) && /* @__PURE__ */ l("span", { className: e["file-info-size"], children: [
             " ",
-            w.Size(i == null ? void 0 : i.size)
+            N.Size(i == null ? void 0 : i.size)
           ] }),
-          /* @__PURE__ */ r("div", { className: e["file-info-name-wrapper"], children: /* @__PURE__ */ r("div", { className: e["file-info-name"], children: i.name }) })
+          /* @__PURE__ */ n("div", { className: e["file-info-name-wrapper"], children: /* @__PURE__ */ n("div", { className: e["file-info-name"], children: i.name }) })
         ] }),
-        !m && /* @__PURE__ */ r(
-          z,
+        !m && /* @__PURE__ */ n(
+          h,
           {
+            iconName: "Close12px",
             size: "m-s",
-            variant: "gray",
-            onClick: () => p(i.id)
+            variant: "white",
+            className: e["delete-button"],
+            onClick: () => _(i.id)
           }
         )
       ] }, t))
@@ -59,5 +61,5 @@ function E({
   ) : null;
 }
 export {
-  E as ListFiles
+  F as ListFiles
 };

package/dist/components/ListPhotos/ListPhotos.js

@@ -1,23 +1,23 @@
 import { jsx as l, jsxs as n } from "react/jsx-runtime";
-import { c as u } from "../../index-DIxK0V-G.js";
-import { useState as _, useEffect as f } from "react";
-import { Button as d } from "../Button/Button.js";
+import { c as _ } from "../../index-DIxK0V-G.js";
+import { useState as f, useEffect as u } from "react";
+import { MiniButton as d } from "../MiniButton/MiniButton.js";
 import '../../assets/ListPhotos.css';const i = {
-  "list-photos": "_list-photos_1tpc1_2",
-  "list-photos-item": "_list-photos-item_1tpc1_11",
-  "list-photos-image": "_list-photos-image_1tpc1_20",
-  "delete-button": "_delete-button_1tpc1_25"
+  "list-photos": "_list-photos_14sli_2",
+  "list-photos-item": "_list-photos-item_14sli_12",
+  "list-photos-image": "_list-photos-image_14sli_21",
+  "delete-button": "_delete-button_14sli_26"
 };
 function x({ value: o, onChange: s, classNameWrapper: r }) {
-  const [e, c] = _(o);
-  f(() => {
-    c(o);
+  const [e, m] = f(o);
+  u(() => {
+    m(o);
   }, [o]);
-  const p = async (t) => {
-    const m = [...e.filter((a) => a.id !== t)];
-    c(m), s == null || s({ deleteId: t, list: m });
+  const a = async (t) => {
+    const c = [...e.filter((p) => p.id !== t)];
+    m(c), s == null || s({ deleteId: t, list: c });
   };
-  return e.length ? /* @__PURE__ */ l("ul", { className: u(i["list-photos"], r), children: e.map((t) => /* @__PURE__ */ n("li", { className: i["list-photos-item"], children: [
+  return e.length ? /* @__PURE__ */ l("ul", { className: _(i["list-photos"], r), children: e.map((t) => /* @__PURE__ */ n("li", { className: i["list-photos-item"], children: [
     /* @__PURE__ */ l(
       "img",
       {
@@ -29,12 +29,11 @@ function x({ value: o, onChange: s, classNameWrapper: r }) {
     s && /* @__PURE__ */ l(
       d,
       {
-        isIconButton: !0,
-        iconName: "Close12px",
         size: "m-s",
-        variant: "secondary-gray",
+        variant: "gray",
+        iconName: "Close12px",
         className: i["delete-button"],
-        onClick: () => p(t.id)
+        onClick: () => a(t.id)
       }
     )
   ] }, t.id)) }) : null;

package/dist/components/MessageShortReply/MessageShortReply.js

@@ -1,51 +1,51 @@
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { c as y } from "../../index-DIxK0V-G.js";
-import { forwardRef as f } from "react";
-import { EMessageShortReplyVariant as g } from "./constants.js";
+import { c as u } from "../../index-DIxK0V-G.js";
+import { forwardRef as y } from "react";
+import { EMessageShortReplyVariant as f } from "./constants.js";
 import { Icon as o } from "../../icons/Icon.js";
-import '../../assets/MessageShortReply.css';const N = "_sapphire_1tpxx_50", b = "_citrine_1tpxx_67", u = "_asphalt_1tpxx_76", w = "_gray_1tpxx_85", R = "_white_1tpxx_94", S = "_green_1tpxx_103", I = "_disabled_1tpxx_112", e = {
-  "short-reply": "_short-reply_1tpxx_2",
-  sapphire: N,
-  "sapphire-filled": "_sapphire-filled_1tpxx_59",
-  citrine: b,
-  asphalt: u,
+import '../../assets/MessageShortReply.css';const v = "_sapphire_uvg5h_50", N = "_citrine_uvg5h_67", b = "_asphalt_uvg5h_76", w = "_gray_uvg5h_85", R = "_white_uvg5h_94", S = "_green_uvg5h_103", x = "_disabled_uvg5h_112", s = {
+  "short-reply": "_short-reply_uvg5h_2",
+  sapphire: v,
+  "sapphire-filled": "_sapphire-filled_uvg5h_59",
+  citrine: N,
+  asphalt: b,
   gray: w,
   white: R,
   green: S,
-  disabled: I
-}, M = f(
-  (p, i) => {
+  disabled: x
+}, I = y(
+  (i, h) => {
     const {
-      variant: n = g.Sapphire,
-      children: c,
-      className: l,
-      leftIconName: s,
-      rightIconName: r,
-      type: _ = "button",
-      disabled: t,
-      ...h
-    } = p, x = {
-      [e.disabled]: t,
-      [e[n]]: !t
-    }, m = y(l, e["short-reply"], x);
+      variant: n = f.Sapphire,
+      children: p,
+      className: c,
+      leftIconName: r,
+      rightIconName: t,
+      type: l = "button",
+      disabled: e,
+      ..._
+    } = i, m = {
+      [s.disabled]: e,
+      [s[n]]: !e
+    }, g = u(c, s["short-reply"], m);
     return /* @__PURE__ */ d(
       "button",
       {
-        type: _,
-        disabled: t,
-        ref: i,
-        className: m,
-        ...h,
+        type: l,
+        disabled: e,
+        ref: h,
+        className: g,
+        ..._,
         children: [
-          s && /* @__PURE__ */ a(o, { iconName: s }),
-          c,
-          r && /* @__PURE__ */ a(o, { iconName: r })
+          r && /* @__PURE__ */ a(o, { iconName: r }),
+          p,
+          t && /* @__PURE__ */ a(o, { iconName: t })
         ]
       }
     );
   }
 );
-M.displayName = "MessageShortReply";
+I.displayName = "MessageShortReply";
 export {
-  M as MessageShortReply
+  I as MessageShortReply
 };