mimir-ui-kit 1.27.3 → 1.27.5

package/README.md

@@ -1,62 +1,62 @@
-# Mimir-ui
-
-## Установка и запуск проекта
-
-1. Установите зависимости:
-   ```bash
-   npm install
-   ```
-2. Запуск storybook
-   ```bash
-   npm run storybook
-   ```
-
-## Сборка проекта
-
-1. Скрипт для сборки
-   ```bash
-   npm run build
-   ```
-
-## Создание нового компонента
-
-```bash
-npm run create-component <ComponentName>
-```
-
-## Поднятие версии для публикации на npm
-
-Для поднятия версии пакета перед публикацией на npm используем следующие скрипты:
-
-1. `patch`: Этот скрипт увеличивает версию пакета на один патч (например, с версии 1.0.0 до 1.0.1). Он автоматически обновляет версию в файле package.json и создает коммит с обновленной версией.
-
-```bash
-npm version patch
-```
-
-2. `minor`: Этот скрипт увеличивает версию пакета на один минорный уровень (например, с версии 1.0.0 до 1.1.0). Также обновляет версию в package.json и создает коммит.
-   ```bash
-   npm version minor
-   ```
-3. `major`: Этот скрипт увеличивает версию пакета на один мажорный уровень (например, с версии 1.0.0 до 2.0.0). Он также обновляет версию в package.json и создает коммит.
-   ```bash
-   npm version major
-   ```
-
-## Публикация на npm
-
-1. Скрипт для публикации на npm:
-   ```bash
-   npm publish
-   ```
-
-## Ручная Генерация иконок
-
-1. Экспортируем с фигмы иконку.
-2. Добавляем ее в папку svgs.
-3. Запускаем скрипт:
-   ```bash
-   npm run icons
-   ```
-4. Смотрим в папку `icons/components`
-5. Готово.
+# Mimir-ui
+
+## Установка и запуск проекта
+
+1. Установите зависимости:
+   ```bash
+   npm install
+   ```
+2. Запуск storybook
+   ```bash
+   npm run storybook
+   ```
+
+## Сборка проекта
+
+1. Скрипт для сборки
+   ```bash
+   npm run build
+   ```
+
+## Создание нового компонента
+
+```bash
+npm run create-component <ComponentName>
+```
+
+## Поднятие версии для публикации на npm
+
+Для поднятия версии пакета перед публикацией на npm используем следующие скрипты:
+
+1. `patch`: Этот скрипт увеличивает версию пакета на один патч (например, с версии 1.0.0 до 1.0.1). Он автоматически обновляет версию в файле package.json и создает коммит с обновленной версией.
+
+```bash
+npm version patch
+```
+
+2. `minor`: Этот скрипт увеличивает версию пакета на один минорный уровень (например, с версии 1.0.0 до 1.1.0). Также обновляет версию в package.json и создает коммит.
+   ```bash
+   npm version minor
+   ```
+3. `major`: Этот скрипт увеличивает версию пакета на один мажорный уровень (например, с версии 1.0.0 до 2.0.0). Он также обновляет версию в package.json и создает коммит.
+   ```bash
+   npm version major
+   ```
+
+## Публикация на npm
+
+1. Скрипт для публикации на npm:
+   ```bash
+   npm publish
+   ```
+
+## Ручная Генерация иконок
+
+1. Экспортируем с фигмы иконку.
+2. Добавляем ее в папку svgs.
+3. Запускаем скрипт:
+   ```bash
+   npm run icons
+   ```
+4. Смотрим в папку `icons/components`
+5. Готово.

package/dist/components/DatePicker/DatePicker.js

@@ -10,6 +10,7 @@ import { formating } from "../../utils/index.js";
 import { Button } from "../Button/Button.js";
 import { I as Input } from "../../Input-6mudFqTb.js";
 import { EInputVariant } from "../Input/constants.js";
+import { parseDate } from "../../utils/formating/Date.js";
 const DatePicker = memo(
   forwardRef(
     ({
@@ -26,9 +27,12 @@ const DatePicker = memo(
     }, ref) => {
       const [isActive, setActive] = useState(false);
       const [pickerType, setType] = useState(type);
-      const [date, setDate] = useState(
-        value ? new Date(value) : /* @__PURE__ */ new Date()
-      );
+      const [date, setDate] = useState(() => {
+        if (value) {
+          return parseDate(value);
+        }
+        return /* @__PURE__ */ new Date();
+      });
       const [isError, setError] = useState(error);
       useEffect(() => {
         setError(error);
@@ -45,6 +49,10 @@ const DatePicker = memo(
         if (!disabled) setActive(true);
       };
       const onDate = (d) => {
+        if (!isNaN(d.getTime())) {
+          setDate(d);
+          onChangeValue == null ? void 0 : onChangeValue({ value: d, name });
+        }
         if (pickerType === "years") {
           if (type === "years") {
             setActive(false);
@@ -81,7 +89,7 @@ const DatePicker = memo(
                 size,
                 type: "text",
                 variant: isError ? EInputVariant.Error : variant,
-                value: formating.Date(date, "dd.mm.yy"),
+                value: !isNaN(date.getTime()) ? formating.Date(date, "dd.mm.yy") : "",
                 ...props
               }
             )

package/dist/components/DatePicker/DatePickerModal.js

@@ -5,6 +5,7 @@ import { c as cls } from "../../styles.module-BZXDqssF.js";
 import { Icon } from "../../icons/Icon.js";
 import { formating } from "../../utils/index.js";
 import { Button } from "../Button/Button.js";
+import { parseDate } from "../../utils/formating/Date.js";
 function DatePickerModal({
   date,
   onChangeValue,
@@ -12,9 +13,10 @@ function DatePickerModal({
   before,
   onType
 }) {
+  var _a;
   const field = useRef(null);
-  const _current = new Date(date);
-  const _selecte = new Date(date);
+  const _current = parseDate(date);
+  const _selecte = parseDate(date);
   const current = {
     y: _current.getFullYear(),
     d: _current.getDate(),
@@ -29,11 +31,11 @@ function DatePickerModal({
   const [month, setMonth] = useState({ y: selecte.y, m: selecte.m });
   const blockWidth = 368;
   useEffect(() => {
-    var _a, _b, _c, _d;
+    var _a2, _b, _c, _d;
     const windowHeight = window.innerHeight;
     const windowWidth = window.innerWidth;
     if (field.current !== null) {
-      const inputWidth = ((_b = (_a = field == null ? void 0 : field.current) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.offsetWidth) || 0;
+      const inputWidth = ((_b = (_a2 = field == null ? void 0 : field.current) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b.offsetWidth) || 0;
       const inputHeight = (_d = (_c = field == null ? void 0 : field.current) == null ? void 0 : _c.parentElement) == null ? void 0 : _d.offsetHeight;
       const inputPosition = field.current.getBoundingClientRect();
       const calendarSize = field.current.offsetHeight;
@@ -130,7 +132,7 @@ function DatePickerModal({
         }
       ),
       /* @__PURE__ */ jsxs("div", { className: cls["d"], onClick: () => onType == null ? void 0 : onType("months"), children: [
-        formating.Month(month.m).name,
+        ((_a = formating.Month(month.m)) == null ? void 0 : _a.name) || "Неизвестный месяц",
         "’",
         month.y.toString().slice(-2),
         /* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })

package/dist/components/Steps/Steps.js

@@ -89,7 +89,7 @@ const Steps = forwardRef(
     const handleMouseLeave = () => {
       setHoveredStep(null);
       onStepMouseLeave && onStepMouseLeave();
-      const zone = zones.find((zone2) => zone2.to >= (step2 + 1 || 0));
+      const zone = zones.find((zone2) => zone2.to >= (step2 || 0));
       if (zone) {
         setParentColor && setParentColor(zone.color);
         if (fillByActualZone) {

package/dist/components/Vote/Vote.js

@@ -60,6 +60,18 @@ const Vote = forwardRef((props, ref) => {
     setHoveredScore(null);
   };
   const maxContainerWidth = resizable ? quantity * ((customSize == null ? void 0 : customSize.width) ?? StepSize[size].width) : void 0;
+  let showingScore;
+  let showingScoreBackground;
+  let showingScoreColor;
+  if (hoveredScore) {
+    showingScore = hoveredScore;
+    showingScoreBackground = currentColor;
+    showingScoreColor = scoreTextColor.selected;
+  } else {
+    showingScore = isZeroStep ? ZERO_VALUE : score2;
+    showingScoreBackground = isZeroStep ? unselectedColor : currentColor;
+    showingScoreColor = isZeroStep ? scoreTextColor.unselected : scoreTextColor.selected;
+  }
   return /* @__PURE__ */ jsxs("div", { className: classNames(cls.container, rootClassName), ref, children: [
     !withoutTitle && /* @__PURE__ */ jsx("p", { className: classNames(cls.title, titleClassName), children: title2 }),
     /* @__PURE__ */ jsx(
@@ -67,10 +79,10 @@ const Vote = forwardRef((props, ref) => {
       {
         className: classNames(cls.score, scoreClassName),
         style: {
-          backgroundColor: isZeroStep ? unselectedColor : currentColor,
-          color: isZeroStep ? scoreTextColor.unselected : scoreTextColor.selected
+          backgroundColor: showingScoreBackground,
+          color: showingScoreColor
         },
-        children: isZeroStep ? ZERO_VALUE : hoveredScore || score2
+        children: showingScore
       }
     ),
     /* @__PURE__ */ jsx(

package/dist/index.js

@@ -53,6 +53,7 @@ import { useMergeRefs } from "./hooks/useMergeRefs/useMergeRefs.js";
 import { useResizeObserver } from "./hooks/useResizeObserver/useResizeObserver.js";
 import { Icon } from "./icons/Icon.js";
 import { formating } from "./utils/index.js";
+import { parseDate } from "./utils/formating/Date.js";
 import './assets/index.css';export {
   Accordion,
   AccordionItem,
@@ -114,6 +115,7 @@ import './assets/index.css';export {
   formating,
   getMaskedInputPhoneValue,
   getUnmaskedInputValue,
+  parseDate,
   useCopyToClipboard,
   useInterval,
   useLockBodyScroll,

package/dist/utils/formating/Date.d.ts

@@ -1 +1,2 @@
 export default function _Date(x: Date | string, y?: string | Date | undefined): string;
+export declare const parseDate: (dateString: string | Date) => Date;

package/dist/utils/formating/Date.js

@@ -21,6 +21,12 @@ function _Date(x, y) {
   });
   return y;
 }
+const parseDate = (dateString) => {
+  if (dateString instanceof Date) return dateString;
+  const [day, month, year] = dateString.split(".");
+  return new Date(parseInt(year), parseInt(month) - 1, parseInt(day));
+};
 export {
-  _Date as default
+  _Date as default,
+  parseDate
 };

package/dist/utils/index.d.ts

@@ -11,3 +11,4 @@ export declare const formating: {
     UUIDv4: typeof UUIDv4;
     Size: typeof Size;
 };
+export { parseDate } from './formating/Date';

package/dist/utils/index.js

@@ -1,4 +1,5 @@
 import _Date from "./formating/Date.js";
+import { parseDate } from "./formating/Date.js";
 import Size from "./formating/FileSize.js";
 import Month from "./formating/Month.js";
 import Numbers from "./formating/Numbers.js";
@@ -11,5 +12,6 @@ const formating = {
   Size
 };
 export {
-  formating
+  formating,
+  parseDate
 };

package/package.json

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