mimir-ui-kit 1.62.0 → 1.63.0

package/dist/Input-CqNPT8os.js

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

package/dist/components/Accordion/Accordion.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { EAccordionButtonStyle, EAccordionButtonType, EAccordionContentPosition, EAccordionIconType, EAccordionSize } from './constants';
+import { TDataTestIdReactMap } from '../../types';
 
 type TChildrenProps = {
     open?: boolean;
@@ -50,6 +51,10 @@ export type TProps = {
     contentPosition?: EAccordionContentPosition | `${EAccordionContentPosition}`;
     /** Флаг, указывающий, нужно ли останавливать распространение события */
     needStopPropagation?: boolean;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'accordion' | 'disclosure' | 'button' | 'title' | 'iconContainer' | 'icon' | 'panel' | 'contentItem' | 'subtitleContainer'>;
 };
 export declare const Accordion: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;
 export {};