mimir-ui-kit 1.27.7 → 1.28.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/assets/Accordion.css

@@ -1 +1 @@
-._accordion_11qul_2{padding-bottom:var(--accordion-space);border-bottom:1px solid var(--black-20)}._accordion_11qul_2 svg path{fill:var(--white)}._accordion_11qul_2._is-link_11qul_9{border:none}._header_11qul_13{display:flex;gap:var(--space-m);align-items:flex-start;justify-content:space-between;width:100%;font-weight:var(--font-weight-text-medium);font-family:var(--font-montserrat);text-align:left;border:none;cursor:pointer}._title_11qul_26{font-size:var(--accordion-text-size)}._title-uppercase_11qul_29{text-transform:uppercase}._icon_11qul_33{transition:transform .3s ease-in-out}._icon-container_11qul_36{display:flex;align-items:center;justify-content:center;transition:background-color .3s ease-in-out}._circle_11qul_43{min-width:var(--accordion-icon-circle-width);min-height:var(--accordion-icon-circle-height);background-color:var(--black-80);border-radius:50%}._square_11qul_50{min-width:var(--accordion-icon-square-width);min-height:var(--accordion-icon-square-height);background-color:var(--white);border-radius:var(--control-radius)}._square_11qul_50 svg path{fill:var(--black-100)}._panel_11qul_60{margin-top:var(--accordion-panel-space)}._panel_11qul_60._is-link_11qul_9{margin-top:var(--space-xs)}._open_11qul_67{background-color:var(--sapphire-100)}._open_11qul_67 svg{transform:rotate(-180deg)}._open_11qul_67._circle_11qul_43{background-color:var(--sapphire-100)}._open_11qul_67._square_11qul_50{background-color:var(--black-80)}._open_11qul_67._square_11qul_50 svg path{fill:var(--white)}._link-open_11qul_83{transform:rotate(-180deg)}._m_11qul_87{--accordion-space: var(--space-xl);--accordion-text-size: var(--size-text-xl2);--accordion-icon-circle-width: var(--accordion-icon-circle-size-m);--accordion-icon-circle-height: var(--accordion-icon-circle-size-m);--accordion-icon-square-width: var(--accordion-icon-square-size-m);--accordion-icon-square-height: var(--accordion-icon-square-size-m);--accordion-panel-space: var(--space-xl)}._s_11qul_50{--accordion-space: var(--space-m);--accordion-text-size: var(--size-text-l);--accordion-icon-circle-width: var(--accordion-icon-circle-size-s);--accordion-icon-circle-height: var(--accordion-icon-circle-size-s);--accordion-icon-square-width: var(--accordion-icon-square-size-s);--accordion-icon-square-height: var(--accordion-icon-square-size-s);--accordion-panel-space: var(--space-m)}
+._accordion_2if29_2{padding-bottom:var(--accordion-space);border-bottom:1px solid var(--black-20)}._accordion_2if29_2 svg path{fill:var(--white)}._accordion_2if29_2._is-link_2if29_9{border:none}._header_2if29_13{display:flex;gap:var(--space-m);align-items:flex-start;justify-content:space-between;width:100%;font-weight:var(--font-weight-text-medium);font-family:var(--font-montserrat);text-align:left;border:none;cursor:pointer}._title_2if29_26{font-size:var(--accordion-text-size)}._title-uppercase_2if29_29{text-transform:uppercase}._icon_2if29_33{transition:transform .3s ease-in-out}._icon-container_2if29_36{display:flex;align-items:center;justify-content:center;transition:background-color .3s ease-in-out}._circle_2if29_43{min-width:var(--accordion-icon-circle-width);min-height:var(--accordion-icon-circle-height);background-color:var(--black-80);border-radius:50%}._square_2if29_50{min-width:var(--accordion-icon-square-width);min-height:var(--accordion-icon-square-height);background-color:var(--white);border-radius:var(--control-radius)}._square_2if29_50 svg path{fill:var(--black-100)}._panel_2if29_60{margin-top:var(--accordion-panel-space)}._panel_2if29_60._is-link_2if29_9{margin-top:var(--space-xs)}._open_2if29_67{background-color:var(--sapphire-100)}._open_2if29_67 svg{transform:rotate(-180deg)}._open_2if29_67._circle_2if29_43{background-color:var(--sapphire-100)}._open_2if29_67._square_2if29_50{background-color:var(--black-80)}._open_2if29_67._square_2if29_50 svg path{fill:var(--white)}._link-open_2if29_83{transform:rotate(-180deg)}._m_2if29_87{--accordion-space: var(--space-xl);--accordion-text-size: var(--size-text-xl2);--accordion-icon-circle-width: var(--accordion-icon-circle-size-m);--accordion-icon-circle-height: var(--accordion-icon-circle-size-m);--accordion-icon-square-width: var(--accordion-icon-square-size-m);--accordion-icon-square-height: var(--accordion-icon-square-size-m);--accordion-panel-space: var(--space-xl)}._s_2if29_50{--accordion-space: var(--space-m);--accordion-text-size: var(--size-text-l);--accordion-icon-circle-width: var(--accordion-icon-circle-size-s);--accordion-icon-circle-height: var(--accordion-icon-circle-size-s);--accordion-icon-square-width: var(--accordion-icon-square-size-s);--accordion-icon-square-height: var(--accordion-icon-square-size-s);--accordion-panel-space: var(--space-m)}._wrapper-button_2if29_107{width:100%}

package/dist/components/Accordion/Accordion.js

@@ -119,31 +119,32 @@ function Re(e2, n) {
   return React__default.createElement(s$1, null, React__default.createElement(H.Provider, { value: t2.panelId }, H$1({ mergeRefs: f, ourProps: g, theirProps: d, slot: D2, defaultTag: Se, features: be, visible: p, name: "Disclosure.Panel" })));
 }
 let Ae = W(me), Ce = W(ge), Ie = W(Re), We = Object.assign(Ae, { Button: Ce, Panel: Ie });
-const accordion = "_accordion_11qul_2";
-const header = "_header_11qul_13";
-const title = "_title_11qul_26";
-const icon = "_icon_11qul_33";
-const circle = "_circle_11qul_43";
-const square = "_square_11qul_50";
-const panel = "_panel_11qul_60";
-const open = "_open_11qul_67";
-const m = "_m_11qul_87";
-const s = "_s_11qul_50";
+const accordion = "_accordion_2if29_2";
+const header = "_header_2if29_13";
+const title = "_title_2if29_26";
+const icon = "_icon_2if29_33";
+const circle = "_circle_2if29_43";
+const square = "_square_2if29_50";
+const panel = "_panel_2if29_60";
+const open = "_open_2if29_67";
+const m = "_m_2if29_87";
+const s = "_s_2if29_50";
 const cls = {
   accordion,
-  "is-link": "_is-link_11qul_9",
+  "is-link": "_is-link_2if29_9",
   header,
   title,
-  "title-uppercase": "_title-uppercase_11qul_29",
+  "title-uppercase": "_title-uppercase_2if29_29",
   icon,
-  "icon-container": "_icon-container_11qul_36",
+  "icon-container": "_icon-container_2if29_36",
   circle,
   square,
   panel,
   open,
-  "link-open": "_link-open_11qul_83",
+  "link-open": "_link-open_2if29_83",
   m,
-  s
+  s,
+  "wrapper-button": "_wrapper-button_2if29_107"
 };
 const Accordion = forwardRef(
   ({
@@ -168,6 +169,9 @@ const Accordion = forwardRef(
     const linkClasses = {
       [cls["is-link"]]: isLink
     };
+    const toggleAccordion = () => {
+      setIsOpen(!isOpen);
+    };
     const renderButton = (open2) => {
       const getIconName = () => {
         if (iconType === EAccordionIconType.DROPDOWN) {
@@ -211,7 +215,7 @@ const Accordion = forwardRef(
               {
                 className: classNames(
                   cls["icon-container"],
-                  open2 && cls.open,
+                  open2,
                   cls[buttonStyle],
                   classNameIconButton
                 ),
@@ -235,34 +239,29 @@ const Accordion = forwardRef(
             linkClasses,
             classNameAccordion
           ),
-          children: /* @__PURE__ */ jsx(We, { ref, children: ({ open: open2 }) => {
-            if (open2 !== isOpen) {
-              setIsOpen(open2);
-            }
-            return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-              /* @__PURE__ */ jsx(
-                Ce,
-                {
-                  as: isLink ? Fragment : EAccordionButtonType.BUTTON,
-                  className: classNames({
-                    [cls.header]: !isLink
-                  }),
-                  children: renderButton(open2)
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Ie,
-                {
-                  className: classNames(
-                    cls.panel,
-                    classNameContent,
-                    linkClasses
-                  ),
-                  children: /* @__PURE__ */ jsx(AccordionItem, { size, children })
-                }
-              )
-            ] });
-          } })
+          children: /* @__PURE__ */ jsxs(We, { ref, children: [
+            /* @__PURE__ */ jsx("div", { className: cls["wrapper-button"], onClick: toggleAccordion, children: /* @__PURE__ */ jsx(
+              Ce,
+              {
+                as: isLink ? Fragment : EAccordionButtonType.BUTTON,
+                className: classNames({
+                  [cls.header]: !isLink
+                }),
+                children: renderButton()
+              }
+            ) }),
+            isOpen && /* @__PURE__ */ jsx(
+              Ie,
+              {
+                className: classNames(
+                  cls.panel,
+                  classNameContent,
+                  linkClasses
+                ),
+                children: /* @__PURE__ */ jsx(AccordionItem, { size, children })
+              }
+            )
+          ] })
         }
       ),
       (subtitleNode || onlyOpenSubtitleNode) && /* @__PURE__ */ jsxs("div", { className: classNameSubtitleContainer, children: [

package/dist/components/Steps/Steps.js

@@ -47,7 +47,6 @@ const Steps = forwardRef(
       classNameIconStep,
       ...otherProps
     } = props;
-    console.log("quantity", quantity);
     const idPrefix = useId();
     const [step2, setStep] = useState(current);
     const [hoveredStep, setHoveredStep] = useState(null);
@@ -59,11 +58,9 @@ const Steps = forwardRef(
     useEffect(() => {
       if (fillByActualZone) {
         const zone = zones.find((zone2) => zone2.to >= (step2 || 0));
-        if (zone) {
-          setCurrentColor(zone.color);
-        }
+        zone && setCurrentColor(zone.color);
       }
-    }, []);
+    }, [fillByActualZone, step2, zones]);
     const handleClick = (idx) => {
       const clickedStep = idx + DIFF_BETWEEN_STEP_AND_INDEX;
       stepWasChangedRef.current = true;
@@ -117,6 +114,7 @@ const Steps = forwardRef(
       return /* @__PURE__ */ jsx(
         "button",
         {
+          type: "button",
           style: {
             backgroundColor: resizable2 ? color !== null ? color : void 0 : void 0,
             color: color !== null ? color : void 0,

package/dist/components/UniversalUploader/UniversalUploader.d.ts

@@ -0,0 +1,3 @@
+import { TUniversalUploader } from './types';
+
+export declare const UniversalUploader: import('react').ForwardRefExoticComponent<TUniversalUploader & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/UniversalUploader/UniversalUploader.js

@@ -0,0 +1,120 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { forwardRef, useState, useEffect } from "react";
+import { imageTypes } from "./constants.js";
+import { ListFiles } from "../ListFiles/ListFiles.js";
+import { ListPhotos } from "../ListPhotos/ListPhotos.js";
+import { imageFileTypes } from "../Uploader/constants.js";
+import { Uploader } from "../Uploader/Uploader.js";
+import '../../assets/UploaderPhotos.css';const cls = {
+  "upload-file-wrapper": "_upload-file-wrapper_2zki8_2"
+};
+const UniversalUploader = forwardRef(
+  (props, ref) => {
+    const {
+      type,
+      filesType,
+      arrayName,
+      maxSize,
+      onChange,
+      value,
+      maxFiles,
+      titleUploader
+    } = props;
+    const [items, setItems] = useState(
+      value || []
+    );
+    const isMaxFilesReached = items.length >= maxFiles;
+    useEffect(() => {
+      if (value) {
+        setItems(value);
+      }
+    }, [value]);
+    const isImageFile = (file) => {
+      var _a;
+      if (!file) return false;
+      if (file instanceof File) {
+        return imageTypes.includes(file.type);
+      }
+      if ("file" in file && file.file instanceof File) {
+        return imageTypes.includes(file.file.type);
+      }
+      if ("url" in file && typeof file.url === "string") {
+        if (file.url.startsWith("blob:")) {
+          return typeof file.type === "string" && imageTypes.includes(file.type);
+        }
+        const extension = (_a = file.url.split(".").pop()) == null ? void 0 : _a.toLowerCase();
+        return imageFileTypes.includes(extension);
+      }
+      return false;
+    };
+    const onChangeValue = (e) => {
+      const newItems = e.value.map((el) => {
+        if (isImageFile(el.file)) {
+          return {
+            id: el.id,
+            url: URL.createObjectURL(el.file),
+            type: el.file.type,
+            name: el.file.name,
+            size: el.file.size
+          };
+        } else {
+          return {
+            id: el.id,
+            url: "",
+            size: el.file.size,
+            name: el.file.name,
+            type: el.file.type
+          };
+        }
+      });
+      setItems((prev) => [...prev, ...newItems]);
+      onChange == null ? void 0 : onChange({ type: "add", data: e.value });
+    };
+    const onDelete = (deleteId) => {
+      setItems((prev) => prev.filter((item) => item.id !== deleteId));
+      onChange == null ? void 0 : onChange({ type: "delete", data: deleteId });
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: classNames(
+          cls["upload-file-wrapper"],
+          isMaxFilesReached && cls.disabled
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            Uploader,
+            {
+              filesType,
+              arrayName,
+              maxSize,
+              onChangeValue,
+              ref,
+              maxFiles,
+              isDisabled: isMaxFilesReached,
+              titleUploader
+            }
+          ),
+          (type === "files" || type === "all") && /* @__PURE__ */ jsx(
+            ListFiles,
+            {
+              value: items.filter((item) => !isImageFile(item)),
+              onChange: (j) => onDelete(j.deleteId)
+            }
+          ),
+          (type === "photos" || type === "all") && /* @__PURE__ */ jsx(
+            ListPhotos,
+            {
+              value: items.filter((item) => isImageFile(item)),
+              onChange: (j) => onDelete(j.deleteId)
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  UniversalUploader
+};

package/dist/components/UniversalUploader/constants.d.ts

@@ -0,0 +1,6 @@
+export declare enum EUploaderType {
+    FILES = "files",
+    PHOTOS = "photos",
+    ALL = "all"
+}
+export declare const imageTypes: string[];

package/dist/components/UniversalUploader/constants.js

@@ -0,0 +1,18 @@
+var EUploaderType = /* @__PURE__ */ ((EUploaderType2) => {
+  EUploaderType2["FILES"] = "files";
+  EUploaderType2["PHOTOS"] = "photos";
+  EUploaderType2["ALL"] = "all";
+  return EUploaderType2;
+})(EUploaderType || {});
+const imageTypes = [
+  "image/jpg",
+  "image/jpeg",
+  "image/png",
+  "image/gif",
+  "image/tiff",
+  "image/heic"
+];
+export {
+  EUploaderType,
+  imageTypes
+};

package/dist/components/UniversalUploader/index.d.ts

@@ -0,0 +1,3 @@
+export { UniversalUploader } from './UniversalUploader';
+export type { TUniversalUploader, TOnChangeUpdate, TPhotoWithType, TFileWithType } from './types';
+export { EUploaderType } from './constants';

package/dist/components/UniversalUploader/index.js

@@ -0,0 +1,6 @@
+import { UniversalUploader } from "./UniversalUploader.js";
+import { EUploaderType } from "./constants.js";
+export {
+  EUploaderType,
+  UniversalUploader
+};

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

@@ -0,0 +1,26 @@
+import { TFilesDetail } from '../ListFiles/ListFiles';
+import { TPhotosDetail } from '../ListPhotos/ListPhotos';
+import { TFileItem } from '../Uploader';
+import { imageTypesArr } from '../Uploader/constants';
+
+export type TUniversalUploader = {
+    type: 'files' | 'photos' | 'all';
+    filesType: imageTypesArr[];
+    arrayName: string;
+    maxSize: number;
+    onChange: (j: TOnChangeUpdate) => void;
+    value?: TFilesDetail[] | TPhotosDetail[];
+    maxFiles: number;
+    titleUploader?: string;
+    disabled?: boolean;
+};
+export type TOnChangeUpdate = {
+    type: string;
+    data: TFileItem[] | number;
+};
+export type TFileWithType = TFilesDetail & {
+    type?: string;
+};
+export type TPhotoWithType = TPhotosDetail & {
+    type?: string;
+};

package/dist/components/UniversalUploader/types.js

@@ -0,0 +1 @@
+

package/dist/components/Uploader/Uploader.d.ts

@@ -4,7 +4,7 @@ import { imageTypesArr } from './constants';
 export type TUploader = {
     /**
      * Массив разрешенных типов файлов для настройки валидации
-     * 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'doc' | 'xls' | 'pdf' | 'docx' | 'txt' | 'xlsx'
+     * 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'heic' | 'doc' | 'xls' | 'pdf' | 'docx' | 'txt' | 'xlsx'
      */
     filesType: imageTypesArr[];
     /**

package/dist/components/Uploader/Uploader.js

@@ -13,6 +13,7 @@ const MIME = {
   png: "image/png",
   tiff: "image/tiff",
   gif: "image/gif",
+  heic: "image/heic",
   webp: "image/webp",
   doc: "application/msword",
   docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
@@ -21,10 +22,22 @@ const MIME = {
   txt: "text/plain",
   xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
 };
-const filesTyps = ["jpeg", "jpg", "png", "tiff", "gif"];
-const generateId = (min, max) => {
-  return Math.round(Math.random() * (max - min) + min);
+const filesTyps = [
+  "jpeg",
+  "jpg",
+  "png",
+  "tiff",
+  "gif",
+  "heic"
+];
+const createIdGenerator = () => {
+  let id = 0;
+  return () => {
+    id = (id + 1) % Number.MAX_SAFE_INTEGER;
+    return id;
+  };
 };
+const generateId = createIdGenerator();
 const Uploader = forwardRef(
   (props, ref) => {
     const {
@@ -32,20 +45,32 @@ const Uploader = forwardRef(
       onChangeValue,
       arrayName,
       maxSize = 15,
+      maxFiles,
       isDisabled,
       titleUploader = "Или перетащите сюда"
     } = props;
     const uploaderRef = useRef(null);
+    const inputRef = useRef(null);
     const idImg = useId();
+    const getFileType = (file) => {
+      var _a;
+      if (file.type) return file.type;
+      const extension = (_a = file.name.split(".").pop()) == null ? void 0 : _a.toLowerCase();
+      if (extension === "heic") return "image/heic";
+      return "";
+    };
     const onChange = (e) => {
       if (e.target.files && e.target.files[0]) {
-        const list = [];
-        Array.from(e.target.files).forEach((el) => {
-          if (filesType.map((name) => MIME[name]).includes(el.type) && el.size / 1024 ** 2 <= maxSize) {
-            list.push({ file: el, id: generateId(1, 100) });
-          }
-        });
+        const list = Array.from(e.target.files).filter((el) => {
+          const fileType = getFileType(el);
+          const isValidType = filesType.map((name) => MIME[name]).includes(fileType);
+          const isValidSize = el.size / 1024 ** 2 <= maxSize;
+          return isValidType && isValidSize;
+        }).slice(0, maxFiles).map((el) => ({ file: el, id: generateId() }));
         onChangeValue({ arrayName, value: list });
+        if (inputRef.current) {
+          inputRef.current.value = "";
+        }
       }
     };
     const onOpen = () => {
@@ -56,6 +81,7 @@ const Uploader = forwardRef(
       /* @__PURE__ */ jsx(
         "input",
         {
+          ref: inputRef,
           type: "file",
           className: cls["upload-file-input"],
           "aria-label": "Upload",

package/dist/components/Uploader/constants.d.ts

@@ -1,5 +1,8 @@
-export type imageTypesArr = 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'doc' | 'xls' | 'pdf' | 'docx' | 'txt' | 'xlsx';
+export type imageTypesArr = 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'heic' | 'doc' | 'xls' | 'pdf' | 'docx' | 'txt' | 'xlsx';
+export declare const imageFileTypes: imageTypesArr[];
+export declare const AllFileTypes: imageTypesArr[];
 export declare const TypeFilesArray: {
     images: imageTypesArr[];
     docs: imageTypesArr[];
+    all: imageTypesArr[];
 };

package/dist/components/Uploader/constants.js

@@ -1,4 +1,11 @@
-const imageFileTypes = ["jpeg", "jpg", "png", "tiff", "gif"];
+const imageFileTypes = [
+  "jpeg",
+  "jpg",
+  "png",
+  "tiff",
+  "gif",
+  "heic"
+];
 const docsFileTypes = [
   "doc",
   "xls",
@@ -7,10 +14,27 @@ const docsFileTypes = [
   "txt",
   "xlsx"
 ];
+const AllFileTypes = [
+  "jpeg",
+  "jpg",
+  "png",
+  "tiff",
+  "gif",
+  "heic",
+  "doc",
+  "xls",
+  "pdf",
+  "docx",
+  "txt",
+  "xlsx"
+];
 const TypeFilesArray = {
   images: imageFileTypes,
-  docs: docsFileTypes
+  docs: docsFileTypes,
+  all: AllFileTypes
 };
 export {
-  TypeFilesArray
+  AllFileTypes,
+  TypeFilesArray,
+  imageFileTypes
 };

package/dist/components/Uploader/index.d.ts

@@ -1,2 +1,3 @@
 export { Uploader } from './Uploader';
 export type { TUploader, TFileItem, TUploadValue } from './Uploader';
+export { imageFileTypes } from './constants.ts';

package/dist/components/Uploader/index.js

@@ -1,4 +1,6 @@
 import { Uploader } from "./Uploader.js";
+import { imageFileTypes } from "./constants.js";
 export {
-  Uploader
+  Uploader,
+  imageFileTypes
 };

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

@@ -5,7 +5,7 @@ import { TFileItem } from '../Uploader/Uploader';
 export type TUploaderFiles = {
     /**
      * Массив разрешенных типов файлов для настройки валидации
-     * 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'doc' | 'xls' | 'pdf' |'docx' |  'txt'
+     * 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'heic' | 'doc' | 'xls' | 'pdf' |'docx' |  'txt'
      */
     filesType: imageTypesArr[];
     /**

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

@@ -5,7 +5,7 @@ import { TFileItem } from '../Uploader/Uploader';
 export type TUploaderPhotos = {
     /**
      * Массив разрешенных типов файлов для настройки валидации
-     * 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'doc' | 'xls' | 'pdf' |'docx' |  'txt'
+     * 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'heic' | 'doc' | 'xls' | 'pdf' |'docx' |  'txt'
      */
     filesType: imageTypesArr[];
     /**

package/dist/components/index.d.ts

@@ -42,3 +42,5 @@ export { NotificationBadge } from './NotificationBadge';
 export type { TNotificationBadgeProps } from './NotificationBadge';
 export { ENotificationBadgeSize } from './NotificationBadge';
 export { Chip, EChipSize, EChipVariant } from './Chip';
+export { UniversalUploader, EUploaderType } from './UniversalUploader';
+export type { TUniversalUploader, TOnChangeUpdate, TPhotoWithType, TFileWithType } from './UniversalUploader';

package/dist/components/index.js

@@ -43,6 +43,8 @@ import { NotificationBadge } from "./NotificationBadge/NotificationBadge.js";
 import { ENotificationBadgeSize } from "./NotificationBadge/constants.js";
 import { Chip } from "./Chip/Chip.js";
 import { EChipSize, EChipVariant } from "./Chip/constants.js";
+import { UniversalUploader } from "./UniversalUploader/UniversalUploader.js";
+import { EUploaderType } from "./UniversalUploader/constants.js";
 export {
   Accordion,
   AccordionItem,
@@ -75,6 +77,7 @@ export {
   ETagType,
   EToastPosition,
   EToastVariant,
+  EUploaderType,
   EVoteSize,
   AppImage as Image,
   I as Input,
@@ -95,6 +98,7 @@ export {
   TextArea,
   Timer,
   ToastProvider,
+  UniversalUploader,
   Uploader,
   UploaderPhotos,
   Vote,

package/dist/icons/components/32px/PersonalManager32px.js

@@ -13,7 +13,7 @@ const PersonalManager32px = (props) => {
         /* @__PURE__ */ jsx(
           "path",
           {
-            "fill-rule": "evenodd",
+            fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M12.3627 11.7881C12.4759 11.7881 12.5677 11.8799 12.5677 11.9931V16.2677C12.5796 16.2931 12.5973 16.3305 12.6205 16.3781C12.6676 16.4748 12.7373 16.6135 12.8273 16.7801C13.0074 17.1139 13.2674 17.5576 13.5878 18.0002C13.9089 18.4438 14.2856 18.8792 14.6974 19.2019C15.1102 19.5253 15.5421 19.7232 15.9784 19.7232C16.4147 19.7232 16.8466 19.5253 17.2594 19.2019C17.6712 18.8792 18.0479 18.4438 18.369 18.0002C18.6893 17.5576 18.9494 17.1139 19.1295 16.7801C19.2195 16.6135 19.2892 16.4748 19.3363 16.3781C19.3595 16.3305 19.3772 16.2931 19.389 16.2677V11.9931C19.389 11.8799 19.4808 11.7881 19.5941 11.7881C19.7073 11.7881 19.7991 11.8799 19.7991 11.9931V16.3563L19.7812 16.3963L19.5941 16.3125C19.7812 16.3963 19.7812 16.3962 19.7812 16.3963L19.7807 16.3973L19.7797 16.3996L19.7758 16.4081C19.7739 16.4124 19.7714 16.4178 19.7684 16.4244C19.7662 16.429 19.7638 16.4341 19.7612 16.4398C19.7484 16.4672 19.7295 16.5071 19.7049 16.5577C19.6557 16.6588 19.5833 16.8026 19.4903 16.9749C19.3046 17.319 19.0351 17.7792 18.7012 18.2406C18.368 18.7008 17.9656 19.1694 17.5123 19.5246C17.0599 19.8791 16.5406 20.1332 15.9784 20.1332C15.4162 20.1332 14.8969 19.8791 14.4445 19.5246C13.9912 19.1694 13.5888 18.7008 13.2556 18.2406C12.9216 17.7792 12.6522 17.319 12.4664 16.9749C12.3734 16.8026 12.3011 16.6588 12.2519 16.5577C12.2272 16.5071 12.2084 16.4672 12.1956 16.4398C12.1892 16.426 12.1843 16.4154 12.1809 16.4081L12.1771 16.3996L12.1761 16.3973L12.1758 16.3966C12.1757 16.3966 12.1756 16.3963 12.3627 16.3125L12.1756 16.3963L12.1577 16.3563V11.9931C12.1577 11.8799 12.2495 11.7881 12.3627 11.7881Z",
             fill: "#4D4D4D"
@@ -22,7 +22,7 @@ const PersonalManager32px = (props) => {
         /* @__PURE__ */ jsx(
           "path",
           {
-            "fill-rule": "evenodd",
+            fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M10.262 10.9373C10.262 7.72731 12.8655 5.12842 16.0708 5.12842C19.2808 5.12842 21.8797 7.73192 21.8797 10.9373V12.3756H21.4697V10.9373C21.4697 7.95816 19.0541 5.53844 16.0708 5.53844C13.0917 5.53844 10.672 7.95397 10.672 10.9373V12.3756H10.262V10.9373Z",
             fill: "#4D4D4D"
@@ -31,7 +31,7 @@ const PersonalManager32px = (props) => {
         /* @__PURE__ */ jsx(
           "path",
           {
-            "fill-rule": "evenodd",
+            fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M21.6725 23.3494L18.1099 21.8232L18.2713 21.4463L21.8342 22.9726C22.7063 23.3476 23.2998 24.1647 23.3962 25.0964H23.41V26.8718H9.58862V25.0964H9.60245C9.69881 24.1647 10.2921 23.3477 11.1642 22.9727L14.7273 21.4463L14.8888 21.8232L11.3262 23.3494C11.3261 23.3494 11.3262 23.3494 11.3262 23.3494C10.5217 23.6954 9.99864 24.4879 9.99864 25.3648V26.4617H23V25.3648C23 24.488 22.477 23.6954 21.6725 23.3494C21.6726 23.3494 21.6724 23.3494 21.6725 23.3494Z",
             fill: "#4D4D4D"
@@ -40,7 +40,7 @@ const PersonalManager32px = (props) => {
         /* @__PURE__ */ jsx(
           "path",
           {
-            "fill-rule": "evenodd",
+            fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M13.1572 8.49894C13.4332 8.38495 13.7126 8.33496 13.9195 8.33496C14.2567 8.33496 14.5856 8.43028 14.9034 8.56512C15.2191 8.69901 15.5369 8.87776 15.85 9.05389L15.8542 9.05627C16.6172 9.48657 17.4254 9.94046 18.3973 9.94046C18.874 9.94046 19.1914 9.81595 19.4295 9.64597C19.6743 9.47117 19.8469 9.24116 20.0274 8.99831C20.0949 8.90743 20.2233 8.88851 20.3142 8.95604C20.4051 9.02357 20.424 9.15199 20.3565 9.24287L20.3494 9.25241C20.1751 9.48702 19.9686 9.76482 19.6677 9.97967C19.356 10.2023 18.9542 10.3505 18.3973 10.3505C17.3141 10.3505 16.4233 9.84802 15.6783 9.42778C15.6699 9.42306 15.6615 9.41834 15.6532 9.41363C15.3343 9.23425 15.0355 9.06652 14.7433 8.94259C14.452 8.81901 14.1805 8.74498 13.9195 8.74498C13.77 8.74498 13.5436 8.78296 13.3137 8.87791C13.0848 8.97246 12.8669 9.11746 12.717 9.32069C12.5404 9.56493 12.4846 9.87771 12.5834 10.2766C12.6106 10.3865 12.5435 10.4976 12.4336 10.5248C12.3237 10.552 12.2126 10.485 12.1854 10.3751C12.0642 9.88573 12.1227 9.44214 12.3855 9.07947L12.3864 9.0782C12.5928 8.79791 12.8805 8.61322 13.1572 8.49894Z",
             fill: "#4D4D4D"
@@ -56,7 +56,7 @@ const PersonalManager32px = (props) => {
         /* @__PURE__ */ jsx(
           "path",
           {
-            "fill-rule": "evenodd",
+            fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M9.32483 12.1901C8.65291 12.2893 8.13281 12.8687 8.13281 13.5721V15.877C8.13281 16.6451 8.75633 17.274 9.52984 17.274H10.6762V12.1707H9.32483V12.1901ZM9.73485 12.5807V12.5851H9.52984C8.98718 12.5851 8.54283 13.026 8.54283 13.5721V15.877C8.54283 16.4196 8.98377 16.864 9.52984 16.864H10.2661V12.5807H9.73485Z",
             fill: "#4D4D4D"
@@ -72,7 +72,7 @@ const PersonalManager32px = (props) => {
         /* @__PURE__ */ jsx(
           "path",
           {
-            "fill-rule": "evenodd",
+            fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M22.8207 17.2501C23.4926 17.1509 24.0127 16.5715 24.0127 15.8681V13.5632C24.0127 12.7951 23.3892 12.1662 22.6156 12.1662H21.4693V17.2695H22.8207V17.2501ZM22.4106 16.8595V16.8551H22.6156C23.1583 16.8551 23.6027 16.4142 23.6027 15.8681V13.5632C23.6027 13.0206 23.1617 12.5762 22.6156 12.5762H21.8794V16.8595H22.4106Z",
             fill: "#4D4D4D"
@@ -88,7 +88,7 @@ const PersonalManager32px = (props) => {
         /* @__PURE__ */ jsx(
           "path",
           {
-            "fill-rule": "evenodd",
+            fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M16.49 19.6642C16.49 19.1551 16.9029 18.7422 17.412 18.7422H18.1861C18.6952 18.7422 19.1081 19.1551 19.1081 19.6642C19.1081 20.1733 18.6952 20.5862 18.1861 20.5862H17.412C16.9029 20.5862 16.49 20.1733 16.49 19.6642ZM17.412 19.1522C17.1293 19.1522 16.9 19.3815 16.9 19.6642C16.9 19.9468 17.1293 20.1761 17.412 20.1761H18.1861C18.4688 20.1761 18.6981 19.9468 18.6981 19.6642C18.6981 19.3815 18.4688 19.1522 18.1861 19.1522H17.412Z",
             fill: "#4D4D4D"
@@ -97,7 +97,7 @@ const PersonalManager32px = (props) => {
         /* @__PURE__ */ jsx(
           "path",
           {
-            "fill-rule": "evenodd",
+            fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M21.884 16.7214V17.2845C21.884 18.7305 20.7146 19.8999 19.2686 19.8999H18.7056V19.4899H19.2686C20.4881 19.4899 21.474 18.504 21.474 17.2845V16.7214H21.884Z",
             fill: "#4D4D4D"

package/dist/index.js

@@ -43,6 +43,8 @@ import { NotificationBadge } from "./components/NotificationBadge/NotificationBa
 import { ENotificationBadgeSize } from "./components/NotificationBadge/constants.js";
 import { Chip } from "./components/Chip/Chip.js";
 import { EChipSize, EChipVariant } from "./components/Chip/constants.js";
+import { UniversalUploader } from "./components/UniversalUploader/UniversalUploader.js";
+import { EUploaderType } from "./components/UniversalUploader/constants.js";
 import { useMediaQuery } from "./hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery, EMinMediaQuery } from "./hooks/useMediaQuery/constants.js";
 import { useLockBodyScroll } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
@@ -88,6 +90,7 @@ import './assets/index.css';export {
   ETagType,
   EToastPosition,
   EToastVariant,
+  EUploaderType,
   EVoteSize,
   Icon,
   AppImage as Image,
@@ -109,6 +112,7 @@ import './assets/index.css';export {
   TextArea,
   Timer,
   ToastProvider,
+  UniversalUploader,
   Uploader,
   UploaderPhotos,
   Vote,

package/package.json

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