mimir-ui-kit 1.14.5 → 1.15.0

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/ProgressBar-BekX41HR.js

@@ -0,0 +1,77 @@
+import { jsx } from "react/jsx-runtime";
+import { c as classNames } from "./index-CweZ_OcN.js";
+import { memo, useRef, useEffect } from "react";
+import { DEFAULT_TOAST_DURATION, EToastVariant } from "./components/Toasts/constants.js";
+import './assets/ProgressBar2.css';const title = "_title_1bc98_37";
+const timer = "_timer_1bc98_41";
+const seconds = "_seconds_1bc98_51";
+const message = "_message_1bc98_61";
+const progress = "_progress_1bc98_69";
+const slot = "_slot_1bc98_95";
+const success = "_success_1bc98_104";
+const alarm = "_alarm_1bc98_109";
+const error = "_error_1bc98_114";
+const cls = {
+  "toast-list": "_toast-list_1bc98_2",
+  "toast-wrapper": "_toast-wrapper_1bc98_24",
+  title,
+  timer,
+  "timer-title": "_timer-title_1bc98_49",
+  seconds,
+  message,
+  progress,
+  "progress-bar": "_progress-bar_1bc98_78",
+  "close-button": "_close-button_1bc98_89",
+  slot,
+  "default": "_default_1bc98_99",
+  success,
+  alarm,
+  error,
+  "top-right": "_top-right_1bc98_119",
+  "top-center": "_top-center_1bc98_125",
+  "top-left": "_top-left_1bc98_131",
+  "bottom-left": "_bottom-left_1bc98_136",
+  "bottom-center": "_bottom-center_1bc98_141",
+  "bottom-right": "_bottom-right_1bc98_147",
+  "toast-in": "_toast-in_1bc98_179",
+  "toast-out": "_toast-out_1bc98_183"
+};
+const ProgressBar = memo(
+  ({
+    duration = DEFAULT_TOAST_DURATION,
+    variant = EToastVariant.DEFAULT
+  }) => {
+    const requestRef = useRef();
+    const progressRef = useRef(null);
+    useEffect(() => {
+      const startTime = Date.now();
+      const animate = () => {
+        const elapsedTime = Date.now() - startTime;
+        const percentage = Math.min(elapsedTime / duration * 100, 100);
+        if (progressRef.current) {
+          progressRef.current.style.width = `${percentage}%`;
+        }
+        if (percentage < 100) {
+          requestRef.current = requestAnimationFrame(animate);
+        }
+      };
+      requestRef.current = requestAnimationFrame(animate);
+      return () => {
+        if (requestRef.current) {
+          cancelAnimationFrame(requestRef.current);
+        }
+      };
+    }, [duration]);
+    return /* @__PURE__ */ jsx("div", { className: cls.progress, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: progressRef,
+        className: classNames(cls["progress-bar"], cls[variant])
+      }
+    ) });
+  }
+);
+export {
+  ProgressBar as P,
+  cls as c
+};