mimir-ui-kit 1.34.4-t → 1.34.4

package/dist/components/InputRangeSlider/InputRangeSlider.js

@@ -1,171 +1,219 @@
-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 = {
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { memo, useState, useEffect } from "react";
+import { EInputRangeSliderPositions, EInputRangeSliderBorderState, DEFAULT_STEP, DEFAULT_WIDTH } from "./constants.js";
+import '../../assets/InputRangeSlider.css';const wrapper = "_wrapper_1kfjr_8";
+const input = "_input_1kfjr_18";
+const rail = "_rail_1kfjr_115";
+const off = "_off_1kfjr_124";
+const right = "_right_1kfjr_124";
+const left = "_left_1kfjr_145";
+const control = "_control_1kfjr_36";
+const disabled = "_disabled_1kfjr_170";
+const cls = {
   "main-wrapper": "_main-wrapper_1kfjr_2",
-  wrapper: Y,
+  wrapper,
   "input-wrapper": "_input-wrapper_1kfjr_18",
   "info-wrapper": "_info-wrapper_1kfjr_26",
   "control-wrapper": "_control-wrapper_1kfjr_36",
-  input: Z,
+  input,
   "equal-value": "_equal-value_1kfjr_108",
   "is-double-range": "_is-double-range_1kfjr_111",
-  rail: V,
-  off: C,
-  right: S,
+  rail,
+  off,
+  right,
   "double-range": "_double-range_1kfjr_124",
   "inner-rail": "_inner-rail_1kfjr_134",
-  left: rr,
-  control: tr,
-  disabled: nr
-}, er = K(
+  left,
+  control,
+  disabled
+};
+const InputRangeSlider = memo(
   ({
-    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,
+    max,
+    value,
+    disabled: disabled2,
+    isMinEqualMax = false,
+    isSingleSlider = true,
+    onChange,
+    step = DEFAULT_STEP,
+    borderState = EInputRangeSliderBorderState.ON,
+    positions = EInputRangeSliderPositions.LEFT,
+    minMaxDescriptions,
+    onChangeValue,
+    wrapperClassName,
+    ...props
   }) => {
-    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
+    const [minValue, setMinValue] = useState(() => (value == null ? void 0 : value.min) ?? min);
+    const [maxValue, setMaxValue] = useState(() => (value == null ? void 0 : value.max) ?? max);
+    const {
+      max: maxDescription,
+      min: minDescription,
+      maxClassName,
+      minClassName
+    } = minMaxDescriptions ?? {};
+    useEffect(() => {
+      if (value) {
+        value.min && setMinValue(value.min);
+        value.max && setMaxValue(value.max);
+      }
+    }, [value]);
+    const handleMinChange = (event) => {
+      event.preventDefault();
+      const newMinVal = Math.min(
+        +event.target.value,
+        isSingleSlider || isMinEqualMax ? maxValue : maxValue - step
       );
-      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
+      if (!value) {
+        setMinValue(newMinVal);
+      }
+      onChangeValue == null ? void 0 : onChangeValue({ min: newMinVal, max: maxValue });
+      onChange == null ? void 0 : onChange(event);
+    };
+    const handleMaxChange = (event) => {
+      event.preventDefault();
+      const newMaxVal = Math.max(
+        +event.target.value,
+        isMinEqualMax ? minValue : minValue + step
       );
-      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,
+      if (!value) {
+        setMaxValue(newMaxVal);
+      }
+      onChangeValue == null ? void 0 : onChangeValue({ min: minValue, max: newMaxVal });
+      onChange == null ? void 0 : onChange(event);
+    };
+    const minPos = (minValue - min) / (max - min) * DEFAULT_WIDTH;
+    const maxPos = (maxValue - min) / (max - min) * DEFAULT_WIDTH;
+    const isLeftPosition = positions === EInputRangeSliderPositions.LEFT;
+    const isEqualValue = minValue === maxValue && maxPos !== 0;
+    const isOff = borderState === EInputRangeSliderBorderState.OFF;
+    const renderInputs = () => {
+      const inputProps = {
+        ...props,
         type: "range",
-        min: l,
-        max: j,
-        step: x
-      }, s = /* @__PURE__ */ i(
+        min,
+        max,
+        step
+      };
+      const leftInput = /* @__PURE__ */ jsx(
         "input",
         {
-          ...n,
-          className: p(r.input, {
-            [r["equal-value"]]: H,
-            [r["is-double-range"]]: !a
+          ...inputProps,
+          className: classNames(cls.input, {
+            [cls["equal-value"]]: isEqualValue,
+            [cls["is-double-range"]]: !isSingleSlider
           }),
-          disabled: N,
-          value: m,
-          onChange: g
+          disabled: disabled2,
+          value: minValue,
+          onChange: handleMinChange
         }
-      ), u = /* @__PURE__ */ i(
+      );
+      const rightInput = /* @__PURE__ */ jsx(
         "input",
         {
-          ...n,
-          className: p(r.input, {
-            [r["is-double-range"]]: !a
+          ...inputProps,
+          className: classNames(cls.input, {
+            [cls["is-double-range"]]: !isSingleSlider
           }),
-          disabled: N,
-          value: d,
-          onChange: B
+          disabled: disabled2,
+          value: maxValue,
+          onChange: handleMaxChange
         }
       );
-      return a ? e ? s : u : /* @__PURE__ */ o(k, { children: [
-        s,
-        u
+      if (isSingleSlider) {
+        return isLeftPosition ? leftInput : rightInput;
+      }
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        leftInput,
+        rightInput
       ] });
-    }, z = () => {
-      const n = /* @__PURE__ */ i(
+    };
+    const renderControls = () => {
+      const leftControl = /* @__PURE__ */ jsx(
         "div",
         {
-          className: p(r.control, {
-            [r.disabled]: N
+          className: classNames(cls.control, {
+            [cls.disabled]: disabled2
           }),
           style: {
-            left: `${E}%`
+            left: `${minPos}%`
           }
         }
-      ), s = /* @__PURE__ */ i(
+      );
+      const rightControl = /* @__PURE__ */ jsx(
         "div",
         {
-          className: p(r.control, {
-            [r.disabled]: N
+          className: classNames(cls.control, {
+            [cls.disabled]: disabled2
           }),
           style: {
-            left: `${c}%`
+            left: `${maxPos}%`
           }
         }
-      ), 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(
+      );
+      const getRailWidth = () => {
+        if (isOff) {
+          return isLeftPosition ? `${minPos}%` : `${DEFAULT_WIDTH - maxPos}%`;
+        }
+        return !isLeftPosition ? `${DEFAULT_WIDTH - maxPos}%` : void 0;
+      };
+      const innerRailRight = isSingleSlider && !isLeftPosition ? "0%" : `${DEFAULT_WIDTH - maxPos}%`;
+      const innerRailWidth = isSingleSlider && !isLeftPosition ? getRailWidth() : `${maxPos - minPos}%`;
+      const rail2 = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
           "div",
           {
             style: {
-              width: !M && !e ? `${c}%` : u()
+              width: !isOff && !isLeftPosition ? `${maxPos}%` : getRailWidth()
             },
-            className: p(r.rail, r[h], r[b], {
-              [r["double-range"]]: !a
+            className: classNames(cls.rail, cls[borderState], cls[positions], {
+              [cls["double-range"]]: !isSingleSlider
             })
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ jsx(
           "div",
           {
             style: {
-              right: G,
-              width: J
+              right: innerRailRight,
+              width: innerRailWidth
             },
-            className: p(
-              r["inner-rail"],
-              r[h],
-              r[b],
+            className: classNames(
+              cls["inner-rail"],
+              cls[borderState],
+              cls[positions],
               {
-                [r["double-range"]]: !a
+                [cls["double-range"]]: !isSingleSlider
               }
             )
           }
         )
       ] });
-      return a ? /* @__PURE__ */ o(k, { children: [
-        e ? n : s,
-        P
-      ] }) : /* @__PURE__ */ o(k, { children: [
-        n,
-        P,
-        s
+      if (isSingleSlider) {
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          isLeftPosition ? leftControl : rightControl,
+          rail2
+        ] });
+      }
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        leftControl,
+        rail2,
+        rightControl
       ] });
     };
-    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__ */ jsxs("div", { className: classNames(cls["main-wrapper"], wrapperClassName), children: [
+      /* @__PURE__ */ jsxs("div", { className: cls["info-wrapper"], children: [
+        !!minDescription && /* @__PURE__ */ jsx("div", { className: minClassName, children: minDescription }),
+        !!maxDescription && /* @__PURE__ */ jsx("div", { className: maxClassName, children: maxDescription })
       ] }),
-      /* @__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__ */ jsxs("div", { className: cls.wrapper, children: [
+        /* @__PURE__ */ jsx("div", { className: cls["control-wrapper"], children: renderControls() }),
+        /* @__PURE__ */ jsx("div", { className: cls["input-wrapper"], children: renderInputs() })
       ] })
     ] });
   }
 );
 export {
-  er as InputRangeSlider
+  InputRangeSlider
 };

package/dist/components/InputRangeSlider/constants.js

@@ -1,8 +1,18 @@
-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 EInputRangeSliderPositions = /* @__PURE__ */ ((EInputRangeSliderPositions2) => {
+  EInputRangeSliderPositions2["LEFT"] = "left";
+  EInputRangeSliderPositions2["RIGHT"] = "right";
+  return EInputRangeSliderPositions2;
+})(EInputRangeSliderPositions || {});
+var EInputRangeSliderBorderState = /* @__PURE__ */ ((EInputRangeSliderBorderState2) => {
+  EInputRangeSliderBorderState2["ON"] = "on";
+  EInputRangeSliderBorderState2["OFF"] = "off";
+  return EInputRangeSliderBorderState2;
+})(EInputRangeSliderBorderState || {});
+const DEFAULT_STEP = 1;
+const DEFAULT_WIDTH = 100;
 export {
-  f as DEFAULT_STEP,
-  D as DEFAULT_WIDTH,
-  r as EInputRangeSliderBorderState,
-  F as EInputRangeSliderPositions
+  DEFAULT_STEP,
+  DEFAULT_WIDTH,
+  EInputRangeSliderBorderState,
+  EInputRangeSliderPositions
 };

package/dist/components/InputRangeSlider/index.js

@@ -1,7 +1,7 @@
-import { InputRangeSlider as t } from "./InputRangeSlider.js";
-import { EInputRangeSliderBorderState as o, EInputRangeSliderPositions as i } from "./constants.js";
+import { InputRangeSlider } from "./InputRangeSlider.js";
+import { EInputRangeSliderBorderState, EInputRangeSliderPositions } from "./constants.js";
 export {
-  o as EInputRangeSliderBorderState,
-  i as EInputRangeSliderPositions,
-  t as InputRangeSlider
+  EInputRangeSliderBorderState,
+  EInputRangeSliderPositions,
+  InputRangeSlider
 };

package/dist/components/ListFiles/ListFiles.js

@@ -1,8 +1,8 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { useState as m, useEffect as d } from "react";
-import { formating as _ } from "../../utils/index.js";
-import { Button as p } from "../Button/Button.js";
-import '../../assets/ListFiles.css';const e = {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { formating } from "../../utils/index.js";
+import { Button } from "../Button/Button.js";
+import '../../assets/ListFiles.css';const cls = {
   "file-info": "_file-info_12h1y_2",
   "file-info-size": "_file-info-size_12h1y_8",
   "file-info-name-wrapper": "_file-info-name-wrapper_12h1y_16",
@@ -11,36 +11,37 @@ import '../../assets/ListFiles.css';const e = {
   "file-upload-container-item": "_file-upload-container-item_12h1y_42",
   "delete-button": "_delete-button_12h1y_51"
 };
-function z({ value: o, onChange: s }) {
-  const [f, l] = m(o);
-  d(() => {
-    l(o);
-  }, [o]);
-  const r = async (i) => {
-    const n = [...f.filter((c) => c.id !== i)];
-    l(n), s == null || s({ deleteId: i, list: n });
+function ListFiles({ value, onChange }) {
+  const [list, setList] = useState(value);
+  useEffect(() => {
+    setList(value);
+  }, [value]);
+  const onDelete = async (id) => {
+    const newList = [...list.filter((el) => el.id !== id)];
+    setList(newList);
+    onChange == null ? void 0 : onChange({ deleteId: id, list: newList });
   };
-  return /* @__PURE__ */ t("ul", { className: e["file-upload-container"], children: f.map((i, n) => /* @__PURE__ */ a("li", { className: e["file-upload-container-item"], children: [
-    /* @__PURE__ */ a("div", { className: e["file-info"], children: [
-      (i == null ? void 0 : i.size) && /* @__PURE__ */ a("span", { className: e["file-info-size"], children: [
+  return /* @__PURE__ */ jsx("ul", { className: cls["file-upload-container"], children: list.map((el, key) => /* @__PURE__ */ jsxs("li", { className: cls["file-upload-container-item"], children: [
+    /* @__PURE__ */ jsxs("div", { className: cls["file-info"], children: [
+      (el == null ? void 0 : el.size) && /* @__PURE__ */ jsxs("span", { className: cls["file-info-size"], children: [
         " ",
-        _.Size(i == null ? void 0 : i.size)
+        formating.Size(el == null ? void 0 : el.size)
       ] }),
-      /* @__PURE__ */ t("div", { className: e["file-info-name-wrapper"], children: /* @__PURE__ */ t("div", { className: e["file-info-name"], children: i.name }) })
+      /* @__PURE__ */ jsx("div", { className: cls["file-info-name-wrapper"], children: /* @__PURE__ */ jsx("div", { className: cls["file-info-name"], children: el.name }) })
     ] }),
-    /* @__PURE__ */ t(
-      p,
+    /* @__PURE__ */ jsx(
+      Button,
       {
-        isIconButton: !0,
+        isIconButton: true,
         iconName: "Close12px",
         size: "m-s",
         variant: "secondary-gray",
-        className: e["delete-button"],
-        onClick: () => r(i.id)
+        className: cls["delete-button"],
+        onClick: () => onDelete(el.id)
       }
     )
-  ] }, n)) });
+  ] }, key)) });
 }
 export {
-  z as ListFiles
+  ListFiles
 };

package/dist/components/ListFiles/constants.js

@@ -1,4 +1,4 @@
-const p = [
+const photos = [
   {
     id: 111,
     name: "ООО “КИЗ-СТРОЙ” - Свидетельство о регистрации (06.12.2003).xls",
@@ -29,5 +29,5 @@ const p = [
   }
 ];
 export {
-  p as photos
+  photos
 };

package/dist/components/ListFiles/index.js

@@ -1,4 +1,4 @@
-import { ListFiles as o } from "./ListFiles.js";
+import { ListFiles } from "./ListFiles.js";
 export {
-  o as ListFiles
+  ListFiles
 };

package/dist/components/ListPhotos/ListPhotos.js

@@ -1,36 +1,37 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { useState as n, useEffect as _ } from "react";
-import { Button as f } from "../Button/Button.js";
-import '../../assets/ListPhotos.css';const o = {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Button } from "../Button/Button.js";
+import '../../assets/ListPhotos.css';const cls = {
   "list-photos": "_list-photos_if5ro_2",
   "list-photos-item": "_list-photos-item_if5ro_10",
   "list-photos-image": "_list-photos-image_if5ro_19",
   "delete-button": "_delete-button_if5ro_24"
 };
-function N({ value: i, onChange: s }) {
-  const [l, r] = n(i);
-  _(() => {
-    r(i);
-  }, [i]);
-  const c = async (t) => {
-    const m = [...l.filter((p) => p.id !== t)];
-    r(m), s == null || s({ deleteId: t, list: m });
+function ListPhotos({ value, onChange }) {
+  const [list, setList] = useState(value);
+  useEffect(() => {
+    setList(value);
+  }, [value]);
+  const onDelete = async (id) => {
+    const newList = [...list.filter((el) => el.id !== id)];
+    setList(newList);
+    onChange == null ? void 0 : onChange({ deleteId: id, list: newList });
   };
-  return /* @__PURE__ */ e("ul", { className: o["list-photos"], children: l.map((t) => /* @__PURE__ */ a("li", { className: o["list-photos-item"], children: [
-    /* @__PURE__ */ e("img", { className: o["list-photos-image"], src: t.url, alt: "" }),
-    s && /* @__PURE__ */ e(
-      f,
+  return /* @__PURE__ */ jsx("ul", { className: cls["list-photos"], children: list.map((el) => /* @__PURE__ */ jsxs("li", { className: cls["list-photos-item"], children: [
+    /* @__PURE__ */ jsx("img", { className: cls["list-photos-image"], src: el.url, alt: "" }),
+    onChange && /* @__PURE__ */ jsx(
+      Button,
       {
-        isIconButton: !0,
+        isIconButton: true,
         iconName: "Close12px",
         size: "m-s",
         variant: "secondary-gray",
-        className: o["delete-button"],
-        onClick: () => c(t.id)
+        className: cls["delete-button"],
+        onClick: () => onDelete(el.id)
       }
     )
-  ] }, t.id)) });
+  ] }, el.id)) });
 }
 export {
-  N as ListPhotos
+  ListPhotos
 };

package/dist/components/ListPhotos/constants.js

@@ -1,4 +1,4 @@
-const t = [
+const photos = [
   {
     id: 111,
     url: "https://i.pinimg.com/736x/5a/e6/12/5ae612a7ecf50870c8f41961fefc332f.jpg"
@@ -17,5 +17,5 @@ const t = [
   }
 ];
 export {
-  t as photos
+  photos
 };

package/dist/components/ListPhotos/index.js

@@ -1,4 +1,4 @@
-import { ListPhotos as r } from "./ListPhotos.js";
+import { ListPhotos } from "./ListPhotos.js";
 export {
-  r as ListPhotos
+  ListPhotos
 };

package/dist/components/Loader/Loader.js

@@ -1,12 +1,18 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import '../../assets/Loader.css';const s = "_loader_eco13_2", o = "_circle_eco13_11", r = "_animate_eco13_1", c = {
-  loader: s,
-  circle: o,
-  animate: r
-}, n = () => /* @__PURE__ */ a("div", { className: c.loader, children: [
-  /* @__PURE__ */ e("span", { className: c.circle }),
-  /* @__PURE__ */ e("span", { className: c.circle })
-] });
+import { jsxs, jsx } from "react/jsx-runtime";
+import '../../assets/Loader.css';const loader = "_loader_eco13_2";
+const circle = "_circle_eco13_11";
+const animate = "_animate_eco13_1";
+const cls = {
+  loader,
+  circle,
+  animate
+};
+const Loader = () => {
+  return /* @__PURE__ */ jsxs("div", { className: cls.loader, children: [
+    /* @__PURE__ */ jsx("span", { className: cls.circle }),
+    /* @__PURE__ */ jsx("span", { className: cls.circle })
+  ] });
+};
 export {
-  n as Loader
+  Loader
 };

package/dist/components/Loader/index.js

@@ -1,4 +1,4 @@
-import { Loader as e } from "./Loader.js";
+import { Loader } from "./Loader.js";
 export {
-  e as Loader
+  Loader
 };