mimir-ui-kit 1.38.36 → 1.38.39

package/dist/components/UploaderFiles/UploaderFiles.js

@@ -0,0 +1,92 @@
+import { jsxs as Q, jsx as y } from "react/jsx-runtime";
+import { c as R } from "../../index-DIxK0V-G.js";
+import { forwardRef as W, useState as L, useEffect as X } from "react";
+import { EUploaderFilesVariant as u } from "./constants.js";
+import { useMediaQuery as k } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as q } from "../../hooks/useMediaQuery/constants.js";
+import { ListFiles as A } from "../ListFiles/ListFiles.js";
+import { EFileItemVariant as x } from "../ListFiles/constants.js";
+import { Uploader as B } from "../Uploader/Uploader.js";
+import '../../assets/UploaderFiles.css';const C = "_container_aj93w_2", G = "_white_aj93w_11", H = "_gray_aj93w_14", J = "_compact_aj93w_17", c = {
+  container: C,
+  white: G,
+  gray: H,
+  compact: J
+}, ta = W(
+  (F, _) => {
+    const {
+      compact: w,
+      readonly: l,
+      filesType: h,
+      arrayName: S,
+      maxSize: j,
+      onChange: i,
+      value: t,
+      name: d,
+      maxFiles: o,
+      buttonText: E,
+      variant: n = u.White,
+      className: M,
+      onMaxFilesExceeded: b,
+      onMaxSizeExceeded: g,
+      onInvalidFileType: v
+    } = F, z = k(q.XSS), [e, r] = L(t || []), N = o && e.length >= o, I = n === u.White ? x.gray : x.white;
+    X(() => {
+      t && r(t);
+    }, [t]);
+    const V = (s) => {
+      const D = [
+        ...e,
+        ...s.value.map((a) => {
+          var p, m, f;
+          return {
+            id: a.id,
+            url: "",
+            size: (p = a == null ? void 0 : a.file) == null ? void 0 : p.size,
+            name: (m = a == null ? void 0 : a.file) == null ? void 0 : m.name,
+            type: (f = a == null ? void 0 : a.file) == null ? void 0 : f.type
+          };
+        })
+      ];
+      r(D), i == null || i({ type: "add", data: s.value, name: d });
+    }, T = (s) => {
+      r(s.list), s.deleteId && (i == null || i({ type: "delete", data: s.deleteId, name: d }));
+    }, U = R([
+      c.container,
+      c[n],
+      w && c.compact,
+      M
+    ]);
+    return /* @__PURE__ */ Q("div", { className: U, children: [
+      /* @__PURE__ */ y(
+        B,
+        {
+          filesType: h,
+          arrayName: S,
+          maxSize: j,
+          onChangeValue: V,
+          ref: _,
+          buttonSize: z ? "s" : "m",
+          maxFiles: o && o - e.length,
+          isDisabled: N || l,
+          buttonText: E,
+          onMaxFilesExceeded: b,
+          onMaxSizeExceeded: g,
+          onInvalidFileType: v
+        }
+      ),
+      /* @__PURE__ */ y(
+        A,
+        {
+          value: e,
+          variant: I,
+          onChange: T,
+          disabled: l
+        }
+      )
+    ] });
+  }
+);
+export {
+  ta as UploaderFiles
+};

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

@@ -0,0 +1,4 @@
+export declare enum EUploaderFilesVariant {
+    Gray = "gray",
+    White = "white"
+}

package/dist/components/UploaderFiles/constants.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((r) => (r.Gray = "gray", r.White = "white", r))(t || {});
+export {
+  t as EUploaderFilesVariant
+};

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

@@ -0,0 +1,3 @@
+export { UploaderFiles } from './UploaderFiles';
+export type { TUploaderFiles, TOnChangeFilesUpdate } from './types';
+export { EUploaderFilesVariant } from './constants';

package/dist/components/UploaderFiles/index.js

@@ -0,0 +1,6 @@
+import { UploaderFiles as o } from "./UploaderFiles.js";
+import { EUploaderFilesVariant as l } from "./constants.js";
+export {
+  l as EUploaderFilesVariant,
+  o as UploaderFiles
+};

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

@@ -0,0 +1,75 @@
+import { EUploaderFilesVariant } from './constants';
+import { TFilesDetail } from '../ListFiles';
+import { imageTypesArr } from '../Uploader/constants';
+import { TFileItem } from '../Uploader/Uploader';
+
+export type TUploaderFiles = {
+    /**
+     * Уменьшенный вертикальный и горизонтальный padding у контейнера
+     */
+    compact?: boolean;
+    /**
+     * Массив разрешенных типов файлов для настройки валидации
+     * 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'heic' | 'doc' | 'xls' | 'pdf' |'docx' |  'txt'
+     */
+    filesType: imageTypesArr[];
+    /**
+     * Наименование передаваемого массива файлов
+     */
+    arrayName?: string;
+    /**
+     * Блок взаимодействия
+     */
+    readonly?: boolean;
+    /**
+     * Максимальный размер файлов.
+     */
+    maxSize?: number;
+    /**
+     * Функция обратного вызова, передает параметры type и data,
+     * type 'add' в data передает массив файлов,
+     * type:'delete' в data передает id удаленного файла
+     */
+    onChange: (uploadResult: TOnChangeFilesUpdate) => void;
+    /**
+     * Передаваемые файлы.
+     */
+    value?: TFilesDetail[];
+    /**
+     * Максимальное количество файлов.
+     */
+    maxFiles?: number;
+    /**
+     * Текст внутри кнопки загрузки файла
+     */
+    buttonText?: string;
+    /**
+     * необязательное поле, имя формы загрузчика на случай, если на странице несколько форм
+     */
+    name?: string;
+    /**
+     * Внешние стили
+     */
+    className?: string;
+    /**
+     * Внешние стили
+     */
+    variant?: EUploaderFilesVariant;
+    /**
+     * Проп для обработки ошибки при превышении максимального количества файлов
+     */
+    onMaxFilesExceeded?: () => void;
+    /**
+     * Проп для обработки ошибки при превышении максимального размера файла
+     */
+    onMaxSizeExceeded?: (fileName: string) => void;
+    /**
+     * Проп для обработки ошибки при загрузке файла неразрешенного типа
+     */
+    onInvalidFileType?: (fileName: string) => void;
+};
+export type TOnChangeFilesUpdate = {
+    type: string;
+    data: TFileItem[] | number;
+    name?: string;
+};

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

@@ -0,0 +1,60 @@
+import { TPhotosDetail } from '../ListPhotos/ListPhotos';
+import { imageTypesArr } from '../Uploader/constants';
+import { TFileItem } from '../Uploader/Uploader';
+
+export type TUploaderPhotos = {
+    /**
+     * Массив разрешенных типов файлов для настройки валидации
+     * 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'heic' | 'doc' | 'xls' | 'pdf' |'docx' |  'txt'
+     */
+    filesType: imageTypesArr[];
+    /**
+     * Наименование передаваемого массива файлов
+     */
+    arrayName: string;
+    /**
+     * Максимальный размер файлов.
+     */
+    maxSize: number;
+    /**
+     * Функция обратного вызова, передает параметры type и data,
+     * type 'add' в data передает массив файлов,
+     * type:'delete' в data передает id удаленного файла
+     */
+    onChange: (j: TOnChangePhotosUpdate) => void;
+    /**
+     * Передаваемые файлы.
+     */
+    value?: TPhotosDetail[];
+    /**
+     * Максимальное количество файлов.
+     */
+    maxFiles: number;
+    /**
+     * Тайтл загрузки файлов
+     */
+    titleUploader?: string;
+    buttonText?: string;
+    /**
+     * необязательное поле, имя формы загрузчика на случай, если на странице несколько форм
+     */
+    name?: string;
+    /**
+     * Проп для обработки ошибки при превышении максимального количества файлов
+     */
+    onMaxFilesExceeded?: () => void;
+    /**
+     * Проп для обработки ошибки при превышении максимального размера файла
+     */
+    onMaxSizeExceeded?: (fileName: string) => void;
+    /**
+     * Проп для обработки ошибки при загрузке файла неразрешенного типа
+     */
+    onInvalidFileType?: (fileName: string) => void;
+};
+export type TOnChangePhotosUpdate = {
+    type: string;
+    data: TFileItem[] | number;
+    name?: string;
+};
+export declare const UploaderPhotos: import('react').ForwardRefExoticComponent<TUploaderPhotos & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/UploaderPhotos/UploaderPhotos.js

@@ -0,0 +1,72 @@
+import { jsxs as R, jsx as p } from "react/jsx-runtime";
+import { c as E } from "../../index-DIxK0V-G.js";
+import { forwardRef as I, useState as L, useEffect as M } from "react";
+import { ListPhotos as N } from "../ListPhotos/ListPhotos.js";
+import { Uploader as S } from "../Uploader/Uploader.js";
+import '../../assets/UploaderPhotos.css';const c = {
+  "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
+}, j = I(
+  (n, m) => {
+    const {
+      filesType: f,
+      arrayName: u,
+      maxSize: x,
+      onChange: e,
+      value: o,
+      maxFiles: s,
+      titleUploader: h,
+      name: i,
+      buttonText: v = "Выберите файлы",
+      onMaxFilesExceeded: w,
+      onMaxSizeExceeded: y,
+      onInvalidFileType: F
+    } = n, [a, l] = L(o || []), d = a.length >= s;
+    M(() => {
+      o && l(o);
+    }, [o]);
+    const U = (t) => {
+      const P = [
+        ...a,
+        ...t.value.map((r) => ({
+          url: URL.createObjectURL(r.file),
+          id: r.id
+        }))
+      ];
+      l(P), e == null || e({ type: "add", data: t.value, name: i });
+    }, b = (t) => {
+      l(t.list), t.deleteId && (e == null || e({ type: "delete", data: t.deleteId, name: i }));
+    };
+    return /* @__PURE__ */ R(
+      "div",
+      {
+        className: E(
+          c["upload-file-wrapper"],
+          d && c.disabled
+        ),
+        children: [
+          /* @__PURE__ */ p(
+            S,
+            {
+              filesType: f,
+              arrayName: u,
+              maxSize: x,
+              onChangeValue: U,
+              ref: m,
+              maxFiles: s - a.length,
+              isDisabled: d,
+              titleUploader: h,
+              buttonText: v,
+              onMaxFilesExceeded: w,
+              onMaxSizeExceeded: y,
+              onInvalidFileType: F
+            }
+          ),
+          !!a.length && /* @__PURE__ */ p(N, { value: a, onChange: b })
+        ]
+      }
+    );
+  }
+);
+export {
+  j as UploaderPhotos
+};

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

@@ -0,0 +1,2 @@
+export { UploaderPhotos } from './UploaderPhotos';
+export type { TUploaderPhotos, TOnChangePhotosUpdate } from './UploaderPhotos';

package/dist/components/UploaderPhotos/index.js

@@ -0,0 +1,4 @@
+import { UploaderPhotos as e } from "./UploaderPhotos.js";
+export {
+  e as UploaderPhotos
+};

package/dist/components/Vote/Vote.d.ts

@@ -0,0 +1,171 @@
+import { TCommonVoteProps } from './types';
+import { TStepsZone } from '../Steps';
+
+export type TProps = TCommonVoteProps & {
+    /**
+     * Класс, применяемый к корневому элементу
+     */
+    rootClassName?: string;
+    /**
+     * Класс, применяемый к названию опроса
+     */
+    titleClassName?: string;
+    /**
+     * Класс, применяемый к поставленной оценке
+     */
+    scoreClassName?: string;
+    /**
+     * Класс, применяемый к корневому элементу шагов
+     */
+    stepsRootClassName?: string;
+    /**
+     * Класс, применяемый к шагам
+     */
+    stepsStepClassName?: string;
+    /**
+     * Название опроса
+     */
+    title?: string;
+    /**
+     * Флаг для отключения названия опроса
+     */
+    withoutTitle?: boolean;
+    /**
+     * Количество шагов.
+     */
+    quantity: number;
+    /**
+     * Текущий шаг
+     */
+    current?: number;
+    /**
+     * Обработчик установки оценки
+     */
+    onClick?: (step: number) => void;
+    /**
+     * Отключено / включено взаимодействие с шагами
+     */
+    disabled?: boolean;
+    /**
+     * Зоны для разделения шагов по цветам
+     */
+    zones?: TStepsZone[];
+    /**
+     * Цвет круга шага с баллом, если оценка не установлена и шага, если он не выбран
+     */
+    unselectedColor?: string;
+    /**
+     * Цвет текста в круге с баллом
+     */
+    scoreTextColor?: {
+        unselected: string;
+        selected: string;
+    };
+    /**
+     * Адаптивный шаг
+     */
+    resizable?: boolean;
+    /**
+     * Нужен ли сброс до нулевого значения.
+     */
+    needZeroValue?: boolean;
+    /**
+     * Класс для иконки шага
+     */
+    classNameIconStep?: string;
+    /**
+     * Кастомные размеры шагов.
+     */
+    customSize?: {
+        width?: number;
+        height?: number;
+    };
+    /**
+     * Заливать ли элементы цветом той зоны на которую сейчас наведен курсор
+     */
+    fillByActualZone?: boolean;
+};
+export declare const Vote: import('react').ForwardRefExoticComponent<TCommonVoteProps & {
+    /**
+     * Класс, применяемый к корневому элементу
+     */
+    rootClassName?: string;
+    /**
+     * Класс, применяемый к названию опроса
+     */
+    titleClassName?: string;
+    /**
+     * Класс, применяемый к поставленной оценке
+     */
+    scoreClassName?: string;
+    /**
+     * Класс, применяемый к корневому элементу шагов
+     */
+    stepsRootClassName?: string;
+    /**
+     * Класс, применяемый к шагам
+     */
+    stepsStepClassName?: string;
+    /**
+     * Название опроса
+     */
+    title?: string;
+    /**
+     * Флаг для отключения названия опроса
+     */
+    withoutTitle?: boolean;
+    /**
+     * Количество шагов.
+     */
+    quantity: number;
+    /**
+     * Текущий шаг
+     */
+    current?: number;
+    /**
+     * Обработчик установки оценки
+     */
+    onClick?: (step: number) => void;
+    /**
+     * Отключено / включено взаимодействие с шагами
+     */
+    disabled?: boolean;
+    /**
+     * Зоны для разделения шагов по цветам
+     */
+    zones?: TStepsZone[];
+    /**
+     * Цвет круга шага с баллом, если оценка не установлена и шага, если он не выбран
+     */
+    unselectedColor?: string;
+    /**
+     * Цвет текста в круге с баллом
+     */
+    scoreTextColor?: {
+        unselected: string;
+        selected: string;
+    };
+    /**
+     * Адаптивный шаг
+     */
+    resizable?: boolean;
+    /**
+     * Нужен ли сброс до нулевого значения.
+     */
+    needZeroValue?: boolean;
+    /**
+     * Класс для иконки шага
+     */
+    classNameIconStep?: string;
+    /**
+     * Кастомные размеры шагов.
+     */
+    customSize?: {
+        width?: number;
+        height?: number;
+    };
+    /**
+     * Заливать ли элементы цветом той зоны на которую сейчас наведен курсор
+     */
+    fillByActualZone?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Vote/Vote.js

@@ -0,0 +1,95 @@
+import { jsxs as F, jsx as u } from "react/jsx-runtime";
+import { c as p } from "../../index-DIxK0V-G.js";
+import { forwardRef as G, useState as S, useEffect as L } from "react";
+import { DEFAULT_TITLE as J, EVoteSize as T, ZERO_VALUE as K } from "./constants.js";
+import { Steps as Q } from "../Steps/Steps.js";
+import { ZERO_STEP as g, StepSize as X } from "../Steps/constants.js";
+import '../../assets/Vote.css';const Y = "_container_17n0d_2", $ = "_title_17n0d_9", ee = "_score_17n0d_16", C = {
+  container: Y,
+  title: $,
+  score: ee
+}, ne = G((Z, b) => {
+  const {
+    rootClassName: y,
+    titleClassName: R,
+    scoreClassName: V,
+    stepsRootClassName: k,
+    stepsStepClassName: z,
+    title: A = J,
+    withoutTitle: H = !1,
+    needZeroValue: M = !0,
+    quantity: c,
+    current: n = g,
+    size: j = T.M,
+    onClick: a,
+    resizable: h,
+    customSize: l,
+    disabled: B = !1,
+    zones: o = [{ color: "#ff0000", to: c }],
+    unselectedColor: e = "#ffffff",
+    scoreTextColor: i = {
+      unselected: "#000000",
+      selected: "#ffffff"
+    },
+    classNameIconStep: I,
+    fillByActualZone: O
+  } = Z, [s, N] = S(n), [_, E] = S(null), [v, w] = S(e), r = s === g;
+  L(() => {
+    N(n);
+  }, [n]), L(() => {
+    var x;
+    const t = r ? e : ((x = o == null ? void 0 : o.find((D) => s <= D.to)) == null ? void 0 : x.color) ?? e;
+    w(t);
+  }, [s, o, e, r]);
+  const P = (t) => {
+    N(t), a == null || a(t);
+  }, U = (t) => {
+    E(t + 1);
+  }, W = () => {
+    E(null);
+  }, q = h ? c * ((l == null ? void 0 : l.width) ?? X[j].width) : void 0;
+  let d, f, m;
+  return _ ? (d = _, f = v, m = i.selected) : (d = r ? K : s, f = r ? e : v, m = r ? i.unselected : i.selected), /* @__PURE__ */ F("div", { className: p(C.container, y), ref: b, children: [
+    !H && /* @__PURE__ */ u("p", { className: p(C.title, R), children: A }),
+    /* @__PURE__ */ u(
+      "div",
+      {
+        className: p(C.score, V),
+        style: {
+          backgroundColor: f,
+          color: m
+        },
+        children: d
+      }
+    ),
+    /* @__PURE__ */ u(
+      Q,
+      {
+        style: {
+          maxWidth: q
+        },
+        customSize: l,
+        rootClassName: k,
+        stepClassName: z,
+        quantity: c,
+        size: T.L,
+        current: s,
+        editable: !0,
+        needZeroValue: M,
+        resizable: h,
+        disabled: B,
+        onClick: P,
+        onStepMouseEnter: U,
+        onStepMouseLeave: W,
+        setParentColor: w,
+        zones: o,
+        unselectedColor: e,
+        fillByActualZone: O,
+        classNameIconStep: I
+      }
+    )
+  ] });
+});
+export {
+  ne as Vote
+};

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

@@ -0,0 +1,7 @@
+export declare const DEFAULT_TITLE = "\u0412\u0430\u0448\u0430 \u043E\u0446\u0435\u043D\u043A\u0430";
+export declare const SCORE_TO_QUANTITY_THRESHOLD = 0.5;
+export declare const ZERO_VALUE = "-";
+export declare enum EVoteSize {
+    M = "M",
+    L = "L"
+}

package/dist/components/Vote/constants.js

@@ -0,0 +1,9 @@
+import { EStepsSize as T } from "../Steps/constants.js";
+const n = "Ваша оценка", s = 0.5, t = "-";
+var r = ((L) => (L[L.M = T.M] = "M", L[L.L = T.L] = "L", L))(r || {});
+export {
+  n as DEFAULT_TITLE,
+  r as EVoteSize,
+  s as SCORE_TO_QUANTITY_THRESHOLD,
+  t as ZERO_VALUE
+};

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

@@ -0,0 +1,3 @@
+export { Vote, type TProps } from './Vote';
+export { EVoteSize } from './constants';
+export type { TCommonVoteProps, TSize } from './types';

package/dist/components/Vote/index.js

@@ -0,0 +1,6 @@
+import { Vote as r } from "./Vote.js";
+import { EVoteSize as f } from "./constants.js";
+export {
+  f as EVoteSize,
+  r as Vote
+};

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

@@ -0,0 +1,6 @@
+import { EVoteSize } from './constants';
+
+export type TSize = `${EVoteSize}` | EVoteSize;
+export type TCommonVoteProps = {
+    size?: TSize;
+};