mimir-ui-kit 1.33.0 → 1.33.2

package/dist/{Input-ChCIy5oY.js → Input-CCNRdc6Q.js}

@@ -229,7 +229,8 @@ const Input = memo(
                 clear: true,
                 disabled: disabled2 || readonly,
                 variant: "secondary-gray",
-                onClick: handleClear
+                onClick: handleClear,
+                "data-testid": "clear-button"
               }
             )
           ]

package/dist/components/Accordion/Accordion.js

@@ -219,7 +219,15 @@ const Accordion = forwardRef(
                   cls[buttonStyle],
                   classNameIconButton
                 ),
-                children: /* @__PURE__ */ jsx(Icon, { iconName: getIconName(), className: cls.icon })
+                "data-testid": "accordion-icon-container",
+                children: /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    iconName: getIconName(),
+                    className: cls.icon,
+                    "data-testid": "accordion-icon"
+                  }
+                )
               }
             )
           ] });

package/dist/components/Avatar/Avatar.js

@@ -31,8 +31,17 @@ const Avatar = memo(
         className: classNames(cls.avatar, cls[size], className, {
           [cls.default]: !src
         }),
+        "data-testid": "avatar-container",
         children: [
-          src ? /* @__PURE__ */ jsx(AppImage, { src, alt, className: cls.image }) : /* @__PURE__ */ jsx(Icon, { iconName: "User16px" }),
+          src ? /* @__PURE__ */ jsx(
+            AppImage,
+            {
+              src,
+              alt,
+              className: cls.image,
+              "data-testid": "avatar-image"
+            }
+          ) : /* @__PURE__ */ jsx(Icon, { iconName: "User16px" }),
           !!notificationsCount && /* @__PURE__ */ jsx(
             NotificationBadge,
             {

package/dist/components/CheckboxMimir/CheckboxMimir.js

@@ -37,13 +37,15 @@ const cls = {
 const CheckboxMimir = forwardRef(
   (props, ref) => {
     const { checked, onChange, children, id, ...restProps } = props;
-    const [enabled2, setEnabled] = useState(checked);
+    const [enabled2, setEnabled] = useState(checked ?? false);
     const handleChange = (value) => {
       setEnabled(value);
       onChange == null ? void 0 : onChange(value);
     };
     useEffect(() => {
-      setEnabled(!!checked);
+      if (checked !== void 0) {
+        setEnabled(checked);
+      }
     }, [checked]);
     return /* @__PURE__ */ jsxs(H$1, { className: cls.container, children: [
       /* @__PURE__ */ jsx(

package/dist/components/DatePicker/DatePicker.js

@@ -4,15 +4,15 @@ import { memo, forwardRef, useState, useEffect } from "react";
 import { DatePickerModal } from "./DatePickerModal.js";
 import { MonthPickerModal } from "./MonthPickerModal.js";
 import { c as cls } from "../../styles.module-7wzJYhR3.js";
-import { formatDatePart, getFullYear } from "./utils.js";
+import { formatDatePart } from "./utils.js";
 import { YearPickerModal } from "./YearPickerModal.js";
 import { useClickOutside } from "../../hooks/useClickOutside/useClickOutside.js";
 import { formating } from "../../utils/index.js";
-import { I as Input } from "../../Input-ChCIy5oY.js";
+import { I as Input } from "../../Input-CCNRdc6Q.js";
 import { EInputVariant } from "../Input/constants.js";
 const MAX_DAY = 31;
 const MAX_MONTH = 12;
-const DATE_LENGTH = 8;
+const DATE_LENGTH = 10;
 const DatePicker = memo(
   forwardRef(
     ({
@@ -48,7 +48,7 @@ const DatePicker = memo(
       }, [value]);
       useEffect(() => {
         if (date && !(typeof date === "string") && !isNaN(date == null ? void 0 : date.getTime())) {
-          setInputValue(formating.Date(date, "dd/mm/yy"));
+          setInputValue(formating.Date(date, "dd/mm/yyyy"));
         } else {
           setInputValue("");
         }
@@ -107,12 +107,12 @@ const DatePicker = memo(
           const [day, month, year] = [
             formatDatePart(newValue.substring(0, 2), MAX_DAY),
             formatDatePart(newValue.substring(2, 4), MAX_MONTH),
-            newValue.substring(4, 6)
+            newValue.substring(4, 8)
           ];
           const formattedValue = [day, month, year].filter(Boolean).join("/");
           setInputValue(formattedValue);
           if (formattedValue.length === DATE_LENGTH) {
-            const fullYear = getFullYear(year);
+            const fullYear = parseInt(year);
             const newDate = /* @__PURE__ */ new Date(
               `${fullYear}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`
             );
@@ -149,6 +149,7 @@ const DatePicker = memo(
                   addonType: "icon",
                   addonContent: isActive ? "DropdownArrowUp24px" : "DropdownArrowDown24px"
                 },
+                "data-error": isError,
                 ...props
               }
             )

package/dist/components/DatePicker/DatePickerModal.js

@@ -120,67 +120,83 @@ function DatePickerModal({
     );
     onExit();
   };
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: [cls["calendar-block"]].join(" "), ref: field, children: [
-    /* @__PURE__ */ jsxs("div", { className: cls["h"], children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          isIconButton: true,
-          iconName: "DropdownArrowLeft16px",
-          onClick: prev,
-          variant: "secondary-gray",
-          size: "l"
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: cls["d"], onClick: () => onType == null ? void 0 : onType("months"), children: [
-        (_a = formating.Month(month.m)) == null ? void 0 : _a.name,
-        "’",
-        month.y.toString().slice(-2),
-        /* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
-      ] }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          isIconButton: true,
-          iconName: "DropdownArrowRight16px",
-          onClick: next,
-          variant: "secondary-gray",
-          size: "l"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: cls["b"], children: [
-      week.map((i, s) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `${s > countWorkDays ? [cls["m"], cls["orange"]].join(" ") : cls["m"]}`,
-          children: i
-        },
-        `v${s}`
-      )),
-      prevDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key)),
-      days.map((i, s) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: isBefore(
-            (/* @__PURE__ */ new Date(
-              `${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, i)}`
-            )).getTime()
-          ) ? cls["m"] : cls["a"],
-          children: i !== 0 ? /* @__PURE__ */ jsx(
-            "b",
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: [cls["calendar-block"]].join(" "),
+      ref: field,
+      "data-testid": "calendar-modal",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: cls["h"], children: [
+          /* @__PURE__ */ jsx(
+            Button,
             {
-              className: current.y === month.y && current.m === month.m && current.d === i ? cls["current"] : "",
-              onClick: () => send(i),
-              children: i
+              isIconButton: true,
+              iconName: "DropdownArrowLeft16px",
+              onClick: prev,
+              variant: "secondary-gray",
+              size: "l"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cls["d"],
+              onClick: () => onType == null ? void 0 : onType("months"),
+              "data-testid": "month-year-button",
+              children: [
+                (_a = formating.Month(month.m)) == null ? void 0 : _a.name,
+                "’",
+                month.y.toString().slice(-2),
+                /* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              isIconButton: true,
+              iconName: "DropdownArrowRight16px",
+              onClick: next,
+              variant: "secondary-gray",
+              size: "l"
             }
-          ) : /* @__PURE__ */ jsx("p", {})
-        },
-        s
-      )),
-      nextDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key))
-    ] })
-  ] }) });
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: cls["b"], children: [
+          week.map((i, s) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `${s > countWorkDays ? [cls["m"], cls["orange"]].join(" ") : cls["m"]}`,
+              children: i
+            },
+            `v${s}`
+          )),
+          prevDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key)),
+          days.map((i, s) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: isBefore(
+                (/* @__PURE__ */ new Date(
+                  `${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, i)}`
+                )).getTime()
+              ) ? cls["m"] : cls["a"],
+              children: i !== 0 ? /* @__PURE__ */ jsx(
+                "b",
+                {
+                  className: current.y === month.y && current.m === month.m && current.d === i ? cls["current"] : "",
+                  onClick: () => send(i),
+                  children: i
+                }
+              ) : /* @__PURE__ */ jsx("p", {})
+            },
+            s
+          )),
+          nextDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key))
+        ] })
+      ]
+    }
+  ) });
 }
 export {
   DatePickerModal

package/dist/components/DatePicker/MonthPickerModal.js

@@ -84,10 +84,18 @@ function MonthPickerModal({
           size: "l"
         }
       ),
-      /* @__PURE__ */ jsxs("div", { onClick: () => onType == null ? void 0 : onType("years"), className: cls["d"], children: [
-        year.toString(),
-        /* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
-      ] }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          onClick: () => onType == null ? void 0 : onType("years"),
+          className: cls["d"],
+          "data-testid": "year-button",
+          children: [
+            year.toString(),
+            /* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
+          ]
+        }
+      ),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -99,7 +107,7 @@ function MonthPickerModal({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: cls["monthGrid"], children: months.map((i, s) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: cls["monthGrid"], "data-testid": "month-picker", children: months.map((i, s) => /* @__PURE__ */ jsx(
       "div",
       {
         className: isBefore(

package/dist/components/DatePicker/YearPickerModal.js

@@ -96,7 +96,7 @@ function YearPickerModal({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: cls["monthGrid"], children: years.map((i, s) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: cls["monthGrid"], "data-testid": "year-picker", children: years.map((i, s) => /* @__PURE__ */ jsx(
       "div",
       {
         className: isBefore(

package/dist/components/Drawer/Drawer.d.ts

@@ -5,7 +5,7 @@ type TProps = {
     /**
      * Обязательный заголовок.
      */
-    title: string;
+    title: string | ReactNode;
     /**
      * Флаг отвечачающий за показ/скрытие.
      */

package/dist/components/Input/Input.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-CweZ_OcN.js";
 import "react";
 import "./constants.js";
-import { I } from "../../Input-ChCIy5oY.js";
+import { I } from "../../Input-CCNRdc6Q.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";

package/dist/components/Input/index.js

@@ -1,4 +1,4 @@
-import { I } from "../../Input-ChCIy5oY.js";
+import { I } from "../../Input-CCNRdc6Q.js";
 import { EInputSize, EInputVariant } from "./constants.js";
 export {
   EInputSize,

package/dist/components/InputPassword/InputPassword.js

@@ -3,7 +3,7 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo, forwardRef, useState } from "react";
 import { Icon } from "../../icons/Icon.js";
 import { Button } from "../Button/Button.js";
-import { I as Input } from "../../Input-ChCIy5oY.js";
+import { I as Input } from "../../Input-CCNRdc6Q.js";
 import '../../assets/InputPassword.css';const input = "_input_34v9n_2";
 const wrapper = "_wrapper_34v9n_6";
 const button = "_button_34v9n_17";

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { memo, forwardRef, useState, useCallback, useImperativeHandle } from "react";
 import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./utils.js";
-import { I as Input } from "../../Input-ChCIy5oY.js";
+import { I as Input } from "../../Input-CCNRdc6Q.js";
 const InputPhoneNumber = memo(
   forwardRef(
     ({ value = "", onChange, ...props }, ref) => {

package/dist/components/OtpInput/OtpInput.js

@@ -3,7 +3,7 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef, useImperativeHandle, Fragment } from "react";
 import { ITEMS_PER_SEPARATOR, DEFAULT_VALUE_LENGTH } from "./constants.js";
 import { useOTPInput } from "./hooks.js";
-import { I as Input } from "../../Input-ChCIy5oY.js";
+import { I as Input } from "../../Input-CCNRdc6Q.js";
 import '../../assets/OtpInput.css';const otp = "_otp_19unm_3";
 const input = "_input_19unm_14";
 const separator = "_separator_19unm_28";

package/dist/components/SelectSearch/SelectSearch.js

@@ -4,7 +4,7 @@ import * as React from "react";
 import React__default, { useReducer, useMemo, useSyncExternalStore, useId as useId$1, useEffect, useCallback, useRef, useLayoutEffect, createContext, useContext, useState, Fragment, createRef, forwardRef } from "react";
 import { ESelectSearchSize } from "./constants.js";
 import { Icon } from "../../icons/Icon.js";
-import { I as Input } from "../../Input-ChCIy5oY.js";
+import { I as Input } from "../../Input-CCNRdc6Q.js";
 import { EInputVariant, EInputSize } from "../Input/constants.js";
 import { n as n$2, u as u$3, d as o$1, s as s$3, o as o$2, p as p$1, t as t$3, e as s$4, W as W$1, y as y$3, T, H, M as M$1, a as u$5, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D as D$2, c as o$3 } from "../../keyboard-B256ZoM-.js";
 import * as ReactDOM from "react-dom";
@@ -3879,6 +3879,7 @@ const SelectSearch = forwardRef(
                     disabled: disabled2,
                     variant,
                     withClearButton,
+                    "data-testid": "select-search-input",
                     ...searchProps
                   }
                 ),
@@ -3926,6 +3927,7 @@ const SelectSearch = forwardRef(
           ) : /* @__PURE__ */ jsx(
             zo,
             {
+              "data-testid": "select-search-options",
               className: classNames(
                 cls.options,
                 cls[size2],
@@ -3943,6 +3945,7 @@ const SelectSearch = forwardRef(
                       [cls["option-active"]]: focus
                     }
                   ),
+                  "data-testid": `select-search-option-${item.id}`,
                   children: ({ selected }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
                     /* @__PURE__ */ jsxs("div", { className: cls["option-inner"], children: [
                       item.name,

package/dist/components/TabTrail/TabTrail.js

@@ -251,7 +251,7 @@ const TabTrail = forwardRef(
       const activeTab = (_a = tabListRef.current) == null ? void 0 : _a.querySelector(
         `.${cls.tab}[data-active="true"]`
       );
-      if (activeTab) {
+      if (activeTab && typeof activeTab.scrollIntoView === "function") {
         activeTab.scrollIntoView({
           behavior: "smooth",
           block: "nearest",

package/dist/components/TextArea/TextArea.js

@@ -5,7 +5,7 @@ import { useAutoResizeTextArea } from "./hooks.js";
 import { useMergeRefs } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { Icon } from "../../icons/Icon.js";
 import { Button } from "../Button/Button.js";
-import { c as cls } from "../../Input-ChCIy5oY.js";
+import { c as cls } from "../../Input-CCNRdc6Q.js";
 import { EInputVariant } from "../Input/constants.js";
 import '../../assets/TextArea.css';const textarea = "_textarea_1axu4_2";
 const label = "_label_1axu4_22";

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { Button } from "./Button/Button.js";
 import { EButtonForm, EButtonSize, EButtonVariantBorderless, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } from "./Button/constants.js";
-import { I } from "../Input-ChCIy5oY.js";
+import { I } from "../Input-CCNRdc6Q.js";
 import { EInputSize, EInputVariant } from "./Input/constants.js";
 import { TextArea } from "./TextArea/TextArea.js";
 import { InputPassword } from "./InputPassword/InputPassword.js";

package/dist/icons/Icon.js

@@ -6,7 +6,7 @@ const Icon = ({ iconName, ...props }) => {
   if (!Component) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(Component, { ...props }) });
+  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(Component, { ...props, "data-testid": iconName }) });
 };
 export {
   Icon

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Button } from "./components/Button/Button.js";
 import { EButtonForm, EButtonSize, EButtonVariantBorderless, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } from "./components/Button/constants.js";
-import { I } from "./Input-ChCIy5oY.js";
+import { I } from "./Input-CCNRdc6Q.js";
 import { EInputSize, EInputVariant } from "./components/Input/constants.js";
 import { TextArea } from "./components/TextArea/TextArea.js";
 import { InputPassword } from "./components/InputPassword/InputPassword.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.33.0",
+  "version": "1.33.2",
   "type": "module",
   "exports": {
     ".": {
@@ -37,6 +37,10 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "ts:check": "tsc -b",
+    "test": "vitest",
+    "test:watch": "vitest --watch",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest --coverage",
     "lint:fix": "eslint . --ext ts,tsx --fix",
     "lint:prettier": "npx prettier . --write",
     "lint:stylelint": "stylelint '**/*.module{.css,.scss}'",
@@ -62,6 +66,8 @@
     "@svgr/cli": "^8.1.0",
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-svgo": "^8.1.0",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
     "@types/node": "^20.14.10",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
@@ -81,6 +87,7 @@
     "eslint-plugin-storybook": "^0.8.0",
     "glob": "10.3.10",
     "husky": "^9.0.11",
+    "jsdom": "^25.0.0",
     "lint-staged": "^15.2.7",
     "p-limit": "^6.1.0",
     "postcss-preset-env": "^9.6.0",
@@ -101,7 +108,8 @@
     "vite": "^5.3.1",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-plugin-svgr": "^4.2.0"
+    "vite-plugin-svgr": "^4.2.0",
+    "vitest": "^2.1.1"
   },
   "peerDependencies": {
     "@headlessui/react": "^2.1.2",

package/dist/components/Avatar/types.js

@@ -1 +0,0 @@
-

package/dist/components/Button/types.js

@@ -1 +0,0 @@
-

package/dist/components/GosZnak/types.js

@@ -1 +0,0 @@
-

package/dist/components/Input/types.js

@@ -1 +0,0 @@
-

package/dist/components/InputRangeSlider/types.js

@@ -1 +0,0 @@
-

package/dist/components/NotificationBadge/types.js

@@ -1 +0,0 @@
-

package/dist/components/Pagination/types.js

@@ -1 +0,0 @@
-

package/dist/components/SelectSearch/types.js

@@ -1 +0,0 @@
-

package/dist/components/Steps/types.js

@@ -1 +0,0 @@
-

package/dist/components/Switcher/types.js

@@ -1 +0,0 @@
-

package/dist/components/Tag/types.js

@@ -1 +0,0 @@
-

package/dist/components/TextArea/types.js

@@ -1 +0,0 @@
-

package/dist/components/Toasts/types.js

@@ -1 +0,0 @@
-

package/dist/components/UniversalUploader/types.js

@@ -1 +0,0 @@
-

package/dist/components/Vote/types.js

@@ -1 +0,0 @@
-

package/dist/icons/components/types.js

@@ -1 +0,0 @@
-