mimir-ui-kit 1.62.0 → 1.63.0

package/dist/components/UploaderFiles/UploaderFiles.js

@@ -1,92 +1,101 @@
-import { jsxs as Q, jsx as y } from "react/jsx-runtime";
-import { c as R } from "../../index-DIxK0V-G.js";
-import { forwardRef as W, useState as L, useEffect as X } from "react";
-import { EUploaderFilesVariant as u } from "./constants.js";
-import { useMediaQuery as k } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as q } from "../../hooks/useMediaQuery/constants.js";
-import { ListFiles as A } from "../ListFiles/ListFiles.js";
-import { EFileItemVariant as x } from "../ListFiles/constants.js";
-import { Uploader as B } from "../Uploader/Uploader.js";
-import '../../assets/UploaderFiles.css';const C = "_container_aj93w_2", G = "_white_aj93w_11", H = "_gray_aj93w_14", J = "_compact_aj93w_17", c = {
-  container: C,
-  white: G,
-  gray: H,
-  compact: J
-}, ta = W(
-  (F, _) => {
+import { jsxs as X, jsx as l } from "react/jsx-runtime";
+import { c as k } from "../../index-DIxK0V-G.js";
+import { forwardRef as q, useState as A, useEffect as B } from "react";
+import { EUploaderFilesVariant as F } from "./constants.js";
+import { useMediaQuery as C } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as G } from "../../hooks/useMediaQuery/constants.js";
+import { ListFiles as H } from "../ListFiles/ListFiles.js";
+import { EFileItemVariant as w } from "../ListFiles/constants.js";
+import { Uploader as I } from "../Uploader/Uploader.js";
+import '../../assets/UploaderFiles.css';const J = "_container_aj93w_2", K = "_white_aj93w_11", O = "_gray_aj93w_14", P = "_compact_aj93w_17", n = {
+  container: J,
+  white: K,
+  gray: O,
+  compact: P
+}, ri = q(
+  (x, _) => {
     const {
-      compact: w,
-      readonly: l,
-      filesType: h,
-      arrayName: S,
-      maxSize: j,
-      onChange: i,
-      value: t,
-      name: d,
-      maxFiles: o,
+      compact: h,
+      readonly: d,
+      filesType: S,
+      arrayName: j,
+      maxSize: v,
+      onChange: s,
+      value: r,
+      name: p,
+      maxFiles: t,
       buttonText: E,
-      variant: n = u.White,
-      className: M,
-      onMaxFilesExceeded: b,
-      onMaxSizeExceeded: g,
-      onInvalidFileType: v
-    } = F, z = k(q.XSS), [e, r] = L(t || []), N = o && e.length >= o, I = n === u.White ? x.gray : x.white;
-    X(() => {
-      t && r(t);
-    }, [t]);
-    const V = (s) => {
-      const D = [
+      variant: m = F.White,
+      className: b,
+      onMaxFilesExceeded: g,
+      onMaxSizeExceeded: z,
+      onInvalidFileType: N,
+      dataTestIdReactMap: a
+    } = x, V = C(G.XSS), [e, c] = A(r || []), U = t && e.length >= t, D = m === F.White ? w.gray : w.white;
+    B(() => {
+      r && c(r);
+    }, [r]);
+    const M = (o) => {
+      const L = [
         ...e,
-        ...s.value.map((a) => {
-          var p, m, f;
+        ...o.value.map((i) => {
+          var f, y, u;
           return {
-            id: a.id,
+            id: i.id,
             url: "",
-            size: (p = a == null ? void 0 : a.file) == null ? void 0 : p.size,
-            name: (m = a == null ? void 0 : a.file) == null ? void 0 : m.name,
-            type: (f = a == null ? void 0 : a.file) == null ? void 0 : f.type
+            size: (f = i == null ? void 0 : i.file) == null ? void 0 : f.size,
+            name: (y = i == null ? void 0 : i.file) == null ? void 0 : y.name,
+            type: (u = i == null ? void 0 : i.file) == null ? void 0 : u.type
           };
         })
       ];
-      r(D), i == null || i({ type: "add", data: s.value, name: d });
-    }, T = (s) => {
-      r(s.list), s.deleteId && (i == null || i({ type: "delete", data: s.deleteId, name: d }));
-    }, U = R([
-      c.container,
-      c[n],
-      w && c.compact,
-      M
+      c(L), s == null || s({ type: "add", data: o.value, name: p });
+    }, Q = (o) => {
+      c(o.list), o.deleteId && (s == null || s({ type: "delete", data: o.deleteId, name: p }));
+    }, W = k([
+      n.container,
+      n[m],
+      h && n.compact,
+      b
     ]);
-    return /* @__PURE__ */ Q("div", { className: U, children: [
-      /* @__PURE__ */ y(
-        B,
-        {
-          filesType: h,
-          arrayName: S,
-          maxSize: j,
-          onChangeValue: V,
-          ref: _,
-          buttonSize: z ? "s" : "m",
-          maxFiles: o && o - e.length,
-          isDisabled: N || l,
-          buttonText: E,
-          onMaxFilesExceeded: b,
-          onMaxSizeExceeded: g,
-          onInvalidFileType: v
-        }
-      ),
-      /* @__PURE__ */ y(
-        A,
-        {
-          value: e,
-          variant: I,
-          onChange: T,
-          disabled: l
-        }
-      )
-    ] });
+    return /* @__PURE__ */ X(
+      "div",
+      {
+        "data-testid-react": a == null ? void 0 : a.wrapper,
+        className: W,
+        children: [
+          /* @__PURE__ */ l(
+            I,
+            {
+              dataTestIdReactMap: { wrapper: a == null ? void 0 : a.uploader },
+              filesType: S,
+              arrayName: j,
+              maxSize: v,
+              onChangeValue: M,
+              ref: _,
+              buttonSize: V ? "s" : "m",
+              maxFiles: t && t - e.length,
+              isDisabled: U || d,
+              buttonText: E,
+              onMaxFilesExceeded: g,
+              onMaxSizeExceeded: z,
+              onInvalidFileType: N
+            }
+          ),
+          /* @__PURE__ */ l("div", { "data-testid-react": a == null ? void 0 : a.listFiles, children: /* @__PURE__ */ l(
+            H,
+            {
+              value: e,
+              variant: D,
+              onChange: Q,
+              disabled: d
+            }
+          ) })
+        ]
+      }
+    );
   }
 );
 export {
-  ta as UploaderFiles
+  ri as UploaderFiles
 };

package/dist/components/UploaderFiles/types.d.ts

@@ -1,4 +1,5 @@
 import { EUploaderFilesVariant } from './constants';
+import { TDataTestIdReactMap } from '../../types';
 import { TFilesDetail } from '../ListFiles';
 import { imageTypesArr } from '../Uploader/constants';
 import { TFileItem } from '../Uploader/Uploader';
@@ -67,6 +68,10 @@ export type TUploaderFiles = {
      * Проп для обработки ошибки при загрузке файла неразрешенного типа
      */
     onInvalidFileType?: (fileName: string) => void;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'wrapper' | 'uploader' | 'listFiles'>;
 };
 export type TOnChangeFilesUpdate = {
     type: string;

package/dist/components/UploaderPhotos/UploaderPhotos.d.ts

@@ -1,3 +1,4 @@
+import { TDataTestIdReactMap } from '../../types';
 import { TPhotosDetail } from '../ListPhotos/ListPhotos';
 import { imageTypesArr } from '../Uploader/constants';
 import { TFileItem } from '../Uploader/Uploader';
@@ -60,6 +61,10 @@ export type TUploaderPhotos = {
      * Флаг, указывающий что изображение загружается
      */
     isDownloadingImage?: boolean;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'wrapper' | 'uploader' | 'listPhotos'>;
 };
 export type TOnChangePhotosUpdate = {
     type: string;

package/dist/components/UploaderPhotos/UploaderPhotos.js

@@ -1,82 +1,85 @@
-import { jsxs as R, jsx as p } from "react/jsx-runtime";
-import { c as D } from "../../index-DIxK0V-G.js";
-import { forwardRef as E, useState as L, useEffect as M } from "react";
-import { ListPhotos as N } from "../ListPhotos/ListPhotos.js";
-import { Uploader as S } from "../Uploader/Uploader.js";
-import '../../assets/UploaderPhotos.css';const n = {
+import { jsxs as L, jsx as s } from "react/jsx-runtime";
+import { c as N } from "../../index-DIxK0V-G.js";
+import { forwardRef as S, useState as _, useEffect as z } from "react";
+import { ListPhotos as j } from "../ListPhotos/ListPhotos.js";
+import { Uploader as I } from "../Uploader/Uploader.js";
+import '../../assets/UploaderPhotos.css';const m = {
   "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
-}, V = E(
-  (m, c) => {
+}, B = S(
+  (c, f) => {
     const {
-      filesType: f,
-      arrayName: u,
-      maxSize: x,
-      onChange: e,
-      value: o,
-      maxFiles: s,
-      titleUploader: h,
-      name: i,
+      filesType: u,
+      arrayName: x,
+      maxSize: h,
+      onChange: o,
+      value: a,
+      maxFiles: r,
+      titleUploader: w,
+      name: d,
       buttonText: v = "Выберите файлы",
-      onMaxFilesExceeded: w,
-      onMaxSizeExceeded: g,
-      onInvalidFileType: y,
-      loadImage: F,
-      isDownloadingImage: I
-    } = m, [t, l] = L(o || []), d = t.length >= s;
-    M(() => {
-      o && l(o);
-    }, [o]);
-    const U = (a) => {
-      const P = [
+      onMaxFilesExceeded: g,
+      onMaxSizeExceeded: y,
+      onInvalidFileType: F,
+      loadImage: P,
+      isDownloadingImage: U,
+      dataTestIdReactMap: e
+    } = c, [t, i] = _(a || []), p = t.length >= r;
+    z(() => {
+      a && i(a);
+    }, [a]);
+    const b = (l) => {
+      const E = [
         ...t,
-        ...a.value.map((r) => ({
-          url: URL.createObjectURL(r.file),
-          id: r.id
+        ...l.value.map((n) => ({
+          url: URL.createObjectURL(n.file),
+          id: n.id
         }))
       ];
-      l(P), e == null || e({ type: "add", data: a.value, name: i });
-    }, b = (a) => {
-      l(a.list), a.deleteId && (e == null || e({ type: "delete", data: a.deleteId, name: i }));
+      i(E), o == null || o({ type: "add", data: l.value, name: d });
+    }, D = (l) => {
+      i(l.list), l.deleteId && (o == null || o({ type: "delete", data: l.deleteId, name: d }));
     };
-    return /* @__PURE__ */ R(
+    return /* @__PURE__ */ L(
       "div",
       {
-        className: D(
-          n["upload-file-wrapper"],
-          d && n.disabled
+        className: N(
+          m["upload-file-wrapper"],
+          p && m.disabled
         ),
+        "data-testid-react": e == null ? void 0 : e.wrapper,
         children: [
-          /* @__PURE__ */ p(
-            S,
+          /* @__PURE__ */ s(
+            I,
             {
-              filesType: f,
-              arrayName: u,
-              maxSize: x,
-              onChangeValue: U,
-              ref: c,
-              maxFiles: s - t.length,
-              isDisabled: d,
-              titleUploader: h,
+              dataTestIdReactMap: { wrapper: e == null ? void 0 : e.uploader },
+              filesType: u,
+              arrayName: x,
+              maxSize: h,
+              onChangeValue: b,
+              ref: f,
+              maxFiles: r - t.length,
+              isDisabled: p,
+              titleUploader: w,
               buttonText: v,
-              onMaxFilesExceeded: w,
-              onMaxSizeExceeded: g,
-              onInvalidFileType: y
+              onMaxFilesExceeded: g,
+              onMaxSizeExceeded: y,
+              onInvalidFileType: F
             }
           ),
-          !!t.length && /* @__PURE__ */ p(
-            N,
+          !!t.length && /* @__PURE__ */ s("div", { "data-testid-react": e == null ? void 0 : e.listPhotos, children: /* @__PURE__ */ s(
+            j,
             {
               value: t,
-              onChange: b,
-              loadImage: F,
-              isDownloadingImage: I
+              onChange: D,
+              loadImage: P,
+              isDownloadingImage: U
             }
-          )
+          ) })
         ]
       }
     );
   }
 );
 export {
-  V as UploaderPhotos
+  B as UploaderPhotos
 };

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { Button as e } from "./Button/Button.js";
 import { EButtonForm as a, EButtonSize as p, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as n, EButtonVariantRound as x } from "./Button/constants.js";
-import { I as l } from "../Input-DPnH8pKc.js";
+import { I as l } from "../Input-CqNPT8os.js";
 import { EInputSize as S, EInputStatus as d, EInputVariant as s } from "./Input/constants.js";
 import { TextArea as c } from "./TextArea/TextArea.js";
 import { ETextAreaInputSize as B } from "./TextArea/constants.js";

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Button as e } from "./components/Button/Button.js";
 import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as f, EButtonVariantRound as x } from "./components/Button/constants.js";
-import { I as l } from "./Input-DPnH8pKc.js";
+import { I as l } from "./Input-CqNPT8os.js";
 import { EInputSize as E, EInputStatus as u, EInputVariant as S } from "./components/Input/constants.js";
 import { TextArea as c } from "./components/TextArea/TextArea.js";
 import { ETextAreaInputSize as B } from "./components/TextArea/constants.js";

package/dist/types/dataTestId.d.ts

@@ -0,0 +1 @@
+export type TDataTestIdReactMap<TKey extends string> = Partial<Record<TKey, string>>;

package/dist/types/dataTestId.js

@@ -0,0 +1 @@
+

package/dist/types/index.d.ts

@@ -1 +1,2 @@
 export type { Props, PolymorphicRef } from './propsWithAs';
+export type { TDataTestIdReactMap } from './dataTestId';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.62.0",
+  "version": "1.63.0",
   "type": "module",
   "exports": {
     ".": {

package/dist/Input-DPnH8pKc.js

@@ -1,227 +0,0 @@
-import { jsxs as V, jsx as s, Fragment as U } from "react/jsx-runtime";
-import { c as i } from "./index-DIxK0V-G.js";
-import { memo as X, forwardRef as Y, useState as Z, useRef as ee, useEffect as B } from "react";
-import { EInputVariant as ae } from "./components/Input/constants.js";
-import { useMergeRefs as te } from "./hooks/useMergeRefs/useMergeRefs.js";
-import { Icon as re } from "./icons/Icon.js";
-import { Button as se } from "./components/Button/Button.js";
-import './assets/Input.css';const le = "_label_1peof_26", oe = "_input_1peof_2", ne = "_disabled_1peof_117", ie = "_clear_1peof_158", ce = "_s_1peof_218", de = "_m_1peof_233", ue = "_l_1peof_26", pe = "_success_1peof_289", _e = "_alarm_1peof_309", fe = "_error_1peof_329", e = {
-  "input-wrapper": "_input-wrapper_1peof_2",
-  "required-mark": "_required-mark_1peof_16",
-  label: le,
-  "has-left-slot": "_has-left-slot_1peof_45",
-  "has-right-slot": "_has-right-slot_1peof_48",
-  "active-label": "_active-label_1peof_53",
-  "label-text-wrapper": "_label-text-wrapper_1peof_68",
-  input: oe,
-  "has-label": "_has-label_1peof_114",
-  disabled: ne,
-  "addon-icon": "_addon-icon_1peof_123",
-  "left-slot": "_left-slot_1peof_127",
-  "right-slot": "_right-slot_1peof_128",
-  clear: ie,
-  "border-radius-left": "_border-radius-left_1peof_206",
-  "border-radius-right": "_border-radius-right_1peof_210",
-  "border-radius-none": "_border-radius-none_1peof_214",
-  s: ce,
-  m: de,
-  l: ue,
-  "default-gray": "_default-gray_1peof_262",
-  "default-white": "_default-white_1peof_274",
-  success: pe,
-  alarm: _e,
-  error: fe
-}, z = (a) => {
-  var p, l;
-  if (!a)
-    return null;
-  switch (a.addonType) {
-    case "icon": {
-      const _ = (p = a.addonContent) == null ? void 0 : p.includes("16px"), g = (l = a.addonContent) == null ? void 0 : l.includes("24px");
-      return /* @__PURE__ */ s(
-        re,
-        {
-          style: {
-            "--icon-size": i({
-              "16px": _,
-              "24px": g
-            })
-          },
-          className: e["addon-icon"],
-          iconName: a.addonContent
-        }
-      );
-    }
-    case "text":
-      return a.addonContent;
-    case "react-node":
-      return /* @__PURE__ */ s(U, { children: a.addonContent });
-    default:
-      return null;
-  }
-}, me = X(
-  Y(
-    (a, p) => {
-      const {
-        value: l,
-        className: _,
-        wrapperClassName: g,
-        rightSlotClassName: F,
-        requiredMarkClassName: L,
-        variant: k = ae.DefaultGray,
-        type: j = "text",
-        autofocus: q,
-        readonly: c,
-        id: I,
-        onFocus: N,
-        onBlur: x,
-        label: u,
-        withClearButton: D,
-        disabled: t,
-        onChange: d,
-        rightAddon: E,
-        status: A,
-        leftAddon: M,
-        size: w = "m",
-        numbersOnly: O,
-        required: C,
-        maxLength: y,
-        autocomplete: S = "on",
-        borderRadius: R = "all",
-        ...T
-      } = a, [f, m] = Z(!!l), r = ee(null), G = te(r, p);
-      B(() => {
-        q && r.current && r.current.focus();
-      }, [q]), B(() => {
-        m(!!l);
-      }, [l]);
-      const P = (o) => {
-        const n = o.currentTarget.value;
-        x == null || x(o), m(!!n);
-      }, W = (o) => {
-        c || N == null || N(o);
-      }, $ = () => {
-        r != null && r.current && (r.current.value = "", r.current.focus(), m(!1), d == null || d({
-          target: r.current
-        }));
-      }, H = (o) => {
-        let n = o.target.value;
-        O && (n = n.replace(/\D/g, "")), y !== void 0 && (n = n.slice(0, y)), o.target.value = n, d == null || d(o), m(!!n);
-      }, h = z(M), b = z(E), J = {
-        [e.readonly]: t || c,
-        [e.disabled]: t || c,
-        [e["has-label"]]: !!u,
-        [e["has-left-slot"]]: !!h,
-        [e["has-right-slot"]]: !!b
-      }, v = f || !!l, K = i(e.label, _, e[w], {
-        [e["active-label"]]: v,
-        [e.disabled]: t || c,
-        [e["has-left-slot"]]: !!h,
-        [e["has-right-slot"]]: !!b
-      }), Q = i(e.input, J, _, [
-        e[k],
-        e[A ?? ""],
-        e[w]
-      ]);
-      return /* @__PURE__ */ V(
-        "div",
-        {
-          className: i(
-            e["input-wrapper"],
-            e[k],
-            e[A ?? ""],
-            e[w],
-            {
-              [e.disabled]: t || c,
-              [e[`border-radius-${R}`]]: R !== "all"
-            },
-            g
-          ),
-          children: [
-            u && /* @__PURE__ */ V("label", { htmlFor: I, className: K, children: [
-              /* @__PURE__ */ s("span", { className: e["label-text-wrapper"], children: u }),
-              C && (f || v) && /* @__PURE__ */ s(
-                "span",
-                {
-                  className: e["required-mark"],
-                  "data-testid": "required-mark"
-                }
-              )
-            ] }),
-            h && /* @__PURE__ */ s(
-              "span",
-              {
-                className: i(e["left-slot"], {
-                  [e["has-label"]]: !!u,
-                  [e.disabled]: t
-                }),
-                children: h
-              }
-            ),
-            /* @__PURE__ */ s(
-              "input",
-              {
-                ref: G,
-                type: j,
-                id: I,
-                className: Q,
-                onFocus: W,
-                onBlur: P,
-                readOnly: c,
-                value: l,
-                onChange: H,
-                maxLength: y,
-                disabled: t,
-                required: C,
-                autoComplete: S,
-                ...T
-              }
-            ),
-            b && /* @__PURE__ */ s(
-              "span",
-              {
-                className: i(e["right-slot"], F, {
-                  [e["has-label"]]: !!u,
-                  [e.disabled]: t
-                }),
-                children: b
-              }
-            ),
-            C && !f && !v && /* @__PURE__ */ s(
-              "span",
-              {
-                className: i(
-                  e["required-mark"],
-                  L
-                ),
-                "data-testid": "required-mark"
-              }
-            ),
-            D && f && /* @__PURE__ */ s(
-              se,
-              {
-                tabIndex: -1,
-                className: i(e.clear, {
-                  [e.disabled]: t
-                }),
-                isIconButton: !0,
-                iconName: "Close16px",
-                size: "m-s",
-                clear: !0,
-                disabled: t || c,
-                variant: "secondary-gray",
-                onClick: $,
-                "data-testid": "clear-button"
-              }
-            )
-          ]
-        }
-      );
-    }
-  )
-);
-me.displayName = "Input";
-export {
-  me as I,
-  e as c
-};