mimir-ui-kit 1.38.36 → 1.38.38

package/dist/components/Toasts/store.d.ts

@@ -0,0 +1,29 @@
+import { EToastPosition } from './constants';
+import { TProps } from './Toast';
+
+export type State = {
+    toasts: TProps[];
+    position: EToastPosition | `${EToastPosition}`;
+};
+export declare enum EToastsActions {
+    SET_TOASTS = "setToasts",
+    REMOVE_TOAST = "removeToast",
+    RESET = "reset"
+}
+export declare const actionCreators: {
+    setToasts: (payload: Omit<TProps, "id">) => {
+        readonly type: EToastsActions.SET_TOASTS;
+        readonly payload: Omit<TProps, "id">;
+    };
+    removeToast: (payload: string) => {
+        readonly type: EToastsActions.REMOVE_TOAST;
+        readonly payload: string;
+    };
+    reset: () => {
+        readonly type: EToastsActions.RESET;
+    };
+};
+type ActionTypes = ReturnType<typeof actionCreators.setToasts> | ReturnType<typeof actionCreators.removeToast> | ReturnType<typeof actionCreators.reset>;
+export declare const initialState: State;
+export declare const reducer: (state: State | undefined, action: ActionTypes) => State;
+export {};

package/dist/components/Toasts/store.js

@@ -0,0 +1,40 @@
+import { EToastPosition as r } from "./constants.js";
+var a = /* @__PURE__ */ ((o) => (o.SET_TOASTS = "setToasts", o.REMOVE_TOAST = "removeToast", o.RESET = "reset", o))(a || {});
+const p = {
+  setToasts: (o) => ({ type: "setToasts", payload: o }),
+  removeToast: (o) => ({ type: "removeToast", payload: o }),
+  reset: () => ({
+    type: "reset"
+    /* RESET */
+  })
+}, s = {
+  toasts: [],
+  position: r.TOP_RIGHT
+}, T = (o = s, t) => {
+  switch (t.type) {
+    case "setToasts":
+      return {
+        ...o,
+        toasts: [
+          ...o.toasts,
+          { ...t.payload, id: `${Math.random() * 1e4}` }
+        ],
+        position: t.payload.position && t.payload.position !== o.position ? t.payload.position : o.position
+      };
+    case "removeToast":
+      return {
+        ...o,
+        toasts: o.toasts.filter((e) => e.id !== t.payload)
+      };
+    case "reset":
+      return s;
+    default:
+      return o;
+  }
+};
+export {
+  a as EToastsActions,
+  p as actionCreators,
+  s as initialState,
+  T as reducer
+};

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

@@ -0,0 +1,5 @@
+import { EToastVariant } from './constants';
+import { TProps } from './Toast';
+
+export type TToast = Record<EToastVariant | `${EToastVariant}`, (toast: Omit<TProps, 'id' | 'variant'>) => void>;
+export type ToastContextType = TToast;

package/dist/components/TwinSwitcher/TwinSwitcher.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { TSwitcherProps } from '../Switcher';
+
+type TProps = TSwitcherProps & {
+    leftIcon: ReactNode;
+    rightIcon: ReactNode;
+    className?: string;
+};
+export declare const TwinSwitcher: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/TwinSwitcher/TwinSwitcher.js

@@ -0,0 +1,61 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { c } from "../../index-DIxK0V-G.js";
+import { forwardRef as a } from "react";
+import { Switcher as l } from "../Switcher/Switcher.js";
+import '../../assets/TwinSwitcher.css';const f = "_icon_1r3h0_30", i = {
+  "twin-switcher": "_twin-switcher_1r3h0_2",
+  "twin-switcher-checked": "_twin-switcher-checked_1r3h0_18",
+  "twin-switcher-thumb": "_twin-switcher-thumb_1r3h0_27",
+  "twin-switcher-checked-thumb": "_twin-switcher-checked-thumb_1r3h0_27",
+  icon: f,
+  "left-icon": "_left-icon_1r3h0_43",
+  "right-icon": "_right-icon_1r3h0_46"
+}, N = a(
+  ({
+    id: h,
+    checked: t,
+    leftIcon: s,
+    rightIcon: e,
+    disabled: n = !1,
+    className: w,
+    ...o
+  }, _) => /* @__PURE__ */ m(
+    l,
+    {
+      ...o,
+      id: `twin-switcher-${h}`,
+      ref: _,
+      checked: t,
+      disabled: n,
+      className: c(i["twin-switcher"], w, {
+        [i["twin-switcher-checked"]]: t
+      }),
+      switcherThumbClassName: c(i["twin-switcher-thumb"], {
+        [i["twin-switcher-checked-thumb"]]: t
+      }),
+      children: [
+        /* @__PURE__ */ r(
+          "span",
+          {
+            className: c(i.icon, i["left-icon"], {
+              [i["icon-visible"]]: !t
+            }),
+            children: s
+          }
+        ),
+        /* @__PURE__ */ r(
+          "span",
+          {
+            className: c(i.icon, i["right-icon"], {
+              [i["icon-visible"]]: t
+            }),
+            children: e
+          }
+        )
+      ]
+    }
+  )
+);
+export {
+  N as TwinSwitcher
+};

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

@@ -0,0 +1 @@
+export { TwinSwitcher } from './TwinSwitcher';

package/dist/components/TwinSwitcher/index.js

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

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

@@ -0,0 +1,10 @@
+import { EFileItemVariant } from '../ListFiles';
+import { TFilesDetail } from '../ListFiles/ListFiles';
+import { TPhotosDetail } from '../ListPhotos/ListPhotos';
+
+export declare const UniversalUploader: import('react').ForwardRefExoticComponent<Omit<import('../Uploader/Uploader').TUploader, "onChangeValue"> & {
+    type: "files" | "photos" | "all";
+    onChange: (j: import('./types').TOnChangeUpdate) => void;
+    value?: TFilesDetail[] | TPhotosDetail[];
+    variantListFiles?: EFileItemVariant | `${EFileItemVariant}`;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/UniversalUploader/UniversalUploader.js

@@ -0,0 +1,114 @@
+import { jsxs as h, jsx as f, Fragment as j } from "react/jsx-runtime";
+import { c as B } from "../../index-DIxK0V-G.js";
+import { forwardRef as D, useState as _, useEffect as C, useMemo as O } from "react";
+import { imageTypes as y } from "./constants.js";
+import "../Button/Button.js";
+import { EButtonVariantDefault as P } from "../Button/constants.js";
+import { ListFiles as A } from "../ListFiles/ListFiles.js";
+import { EFileItemVariant as k } from "../ListFiles/constants.js";
+import { ListPhotos as q } from "../ListPhotos/ListPhotos.js";
+import { Uploader as G } from "../Uploader/Uploader.js";
+import '../../assets/UploaderPhotos.css';const x = {
+  "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
+}, d = (i) => "file" in i && i.file instanceof File ? y.includes(i.file.type) : "type" in i && typeof i.type == "string" ? y.includes(i.type) : !1, te = D(
+  (i, F) => {
+    const {
+      type: a,
+      filesType: v,
+      arrayName: g,
+      maxSize: w,
+      onChange: s,
+      value: r,
+      maxFiles: n,
+      titleUploader: z,
+      buttonText: U = "Выберите файлы",
+      showOnlyUploadButton: m = !1,
+      uploadButtonVariant: b = P.SecondaryAsphalt,
+      buttonSize: I = "m",
+      buttonClassName: E,
+      variantListFiles: L = k.white,
+      onMaxFilesExceeded: S,
+      onMaxSizeExceeded: V,
+      onInvalidFileType: M
+    } = i, [l, p] = _(
+      r || []
+    ), u = !!n && l.length >= n;
+    C(() => {
+      r && p(r);
+    }, [r]);
+    const N = (t) => {
+      const o = t.value.map((e) => d(e.file) ? {
+        id: e.id,
+        url: URL.createObjectURL(e.file),
+        type: e.file.type,
+        name: e.file.name,
+        size: e.file.size
+      } : {
+        id: e.id,
+        url: "",
+        size: e.file.size,
+        name: e.file.name,
+        type: e.file.type
+      });
+      p((e) => [...e, ...o]), s == null || s({ type: "add", data: t.value });
+    }, c = (t) => {
+      p((o) => o.filter((e) => e.id !== t)), s == null || s({ type: "delete", data: t });
+    }, { photos: R, files: T } = O(() => {
+      const t = () => l.filter((e) => !d(e)), o = () => l.filter(d);
+      return a === "all" ? { files: t(), photos: o() } : a === "files" ? { photos: [], files: t() } : a === "photos" ? { files: [], photos: o() } : { files: [], photos: [] };
+    }, [l, a]);
+    return /* @__PURE__ */ h(
+      "div",
+      {
+        "data-testid": "universal-uploader",
+        className: B(
+          x["upload-file-wrapper"],
+          u && x.disabled
+        ),
+        children: [
+          /* @__PURE__ */ f(
+            G,
+            {
+              filesType: v,
+              arrayName: g,
+              maxSize: w,
+              onChangeValue: N,
+              ref: F,
+              maxFiles: n && n - l.length,
+              isDisabled: u,
+              titleUploader: z,
+              showOnlyUploadButton: m,
+              buttonText: U,
+              uploadButtonVariant: b,
+              buttonSize: I,
+              buttonClassName: E,
+              onMaxFilesExceeded: S,
+              onMaxSizeExceeded: V,
+              onInvalidFileType: M
+            }
+          ),
+          !m && /* @__PURE__ */ h(j, { children: [
+            (a === "files" || a === "all") && /* @__PURE__ */ f(
+              A,
+              {
+                value: T,
+                onChange: (t) => c(t.deleteId),
+                variant: L
+              }
+            ),
+            (a === "photos" || a === "all") && /* @__PURE__ */ f(
+              q,
+              {
+                value: R,
+                onChange: (t) => c(t.deleteId)
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+export {
+  te as 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,13 @@
+var i = /* @__PURE__ */ ((g) => (g.FILES = "files", g.PHOTOS = "photos", g.ALL = "all", g))(i || {});
+const e = [
+  "image/jpg",
+  "image/jpeg",
+  "image/png",
+  "image/gif",
+  "image/tiff",
+  "image/heic"
+];
+export {
+  i as EUploaderType,
+  e as 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 as o } from "./UniversalUploader.js";
+import { EUploaderType as a } from "./constants.js";
+export {
+  a as EUploaderType,
+  o as UniversalUploader
+};

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

@@ -0,0 +1,21 @@
+import { EFileItemVariant } from '../ListFiles';
+import { TFilesDetail } from '../ListFiles/ListFiles';
+import { TPhotosDetail } from '../ListPhotos/ListPhotos';
+import { TFileItem, TUploader } from '../Uploader';
+
+export type TUniversalUploader = Omit<TUploader, 'onChangeValue'> & {
+    type: 'files' | 'photos' | 'all';
+    onChange: (j: TOnChangeUpdate) => void;
+    value?: TFilesDetail[] | TPhotosDetail[];
+    variantListFiles?: EFileItemVariant | `${EFileItemVariant}`;
+};
+export type TOnChangeUpdate = {
+    type: string;
+    data: TFileItem[] | number;
+};
+export type TFileWithType = TFilesDetail & {
+    type?: string;
+};
+export type TPhotoWithType = TPhotosDetail & {
+    type?: string;
+};

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

@@ -0,0 +1,77 @@
+import { default as React } from 'react';
+import { imageTypesArr } from './constants';
+import { EButtonSize } from '../Button';
+import { TButtonDefaultFormProps } from '../Button/types';
+
+export type TUploader = {
+    /**
+     * Массив разрешенных типов файлов для настройки валидации
+     * 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'heic' | 'doc' | 'xls' | 'pdf' | 'docx' | 'txt' | 'xlsx'
+     */
+    filesType: imageTypesArr[];
+    /**
+     * Наименование передаваемого массива файлов
+     */
+    arrayName?: string;
+    /**
+     * Функция - callback, которая вызывается при изменении значения и передает имя и новое значение
+     */
+    onChangeValue: (e: TUploadValue) => void;
+    /**
+     * Максимальный размер файлов.
+     */
+    maxSize?: number;
+    /**
+     * Максимальное количество файлов.
+     */
+    maxFiles?: number;
+    /**
+     * Выключен ли Uploader или нет
+     */
+    isDisabled?: boolean;
+    /**
+     * Тайтл загрузки файлов
+     */
+    titleUploader?: string;
+    /**
+     * Отображать ли только кнопку загрузки файла
+     */
+    showOnlyUploadButton?: boolean;
+    /**
+     * Текст внутри кнопки загрузки файла
+     */
+    buttonText?: string;
+    /**
+     * Вариант кнопки загрузки файла
+     */
+    uploadButtonVariant?: TButtonDefaultFormProps['variant'];
+    /**
+     * Размер кнопки загрузки файла
+     */
+    buttonSize?: EButtonSize | `${EButtonSize}`;
+    /**
+     * Класс для кнопки
+     */
+    buttonClassName?: string;
+    /**
+     * Проп для обработки ошибки при превышении максимального количества файлов
+     */
+    onMaxFilesExceeded?: () => void;
+    /**
+     * Проп для обработки ошибки при превышении максимального размера файла
+     */
+    onMaxSizeExceeded?: (fileName: string) => void;
+    /**
+     * Проп для обработки ошибки при загрузке файла неразрешенного типа
+     */
+    onInvalidFileType?: (fileName: string) => void;
+};
+export type TUploadValue = {
+    value: TFileItem[];
+    arrayName?: string;
+};
+export type TFileItem = {
+    id: number;
+    file: File;
+};
+export declare const Uploader: React.ForwardRefExoticComponent<TUploader & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Uploader/Uploader.js

@@ -0,0 +1,116 @@
+import { jsxs as o, jsx as n, Fragment as B } from "react/jsx-runtime";
+import { forwardRef as R, useRef as M, useId as k } from "react";
+import { Icon as D } from "../../icons/Icon.js";
+import { Button as G } from "../Button/Button.js";
+import { EButtonVariantDefault as O } from "../Button/constants.js";
+import '../../assets/Uploader.css';const c = {
+  "upload-file-wrapper": "_upload-file-wrapper_bplvw_2",
+  "upload-text": "_upload-text_bplvw_25",
+  "upload-file-input": "_upload-file-input_bplvw_35"
+}, y = {
+  jpeg: "image/jpeg",
+  jpg: "image/jpg",
+  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",
+  pdf: "application/pdf",
+  xls: "application/excel",
+  txt: "text/plain",
+  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+}, L = [
+  "jpeg",
+  "jpg",
+  "png",
+  "tiff",
+  "gif",
+  "heic"
+], X = () => {
+  let i = 0;
+  return () => (i = (i + 1) % Number.MAX_SAFE_INTEGER, i);
+}, q = X(), W = R(
+  (i, v) => {
+    const {
+      filesType: l = L,
+      onChangeValue: _,
+      arrayName: j,
+      maxSize: d = 15,
+      maxFiles: p,
+      isDisabled: f,
+      titleUploader: m = "Или перетащите сюда",
+      buttonText: I = "Выберите файлы",
+      showOnlyUploadButton: N = !1,
+      uploadButtonVariant: T = O.SecondaryAsphalt,
+      buttonSize: z = "m",
+      buttonClassName: S,
+      onMaxFilesExceeded: r,
+      onMaxSizeExceeded: u,
+      onInvalidFileType: g
+    } = i, x = M(null), h = k(), C = (e) => {
+      var a;
+      return e.type ? e.type : ((a = e.name.split(".").pop()) == null ? void 0 : a.toLowerCase()) === "heic" ? "image/heic" : "";
+    }, E = (e) => {
+      var s;
+      if (e.target.files && e.target.files[0]) {
+        const a = Array.from(e.target.files);
+        p && a.length > p && (r == null || r());
+        const U = a.filter((t) => {
+          const V = C(t), b = l.map((A) => y[A]).includes(V), w = t.size / 1024 ** 2 <= d;
+          return !b && g && g(t.name), !w && u && u(t.name), b && w;
+        }).slice(0, p).map((t) => ({ file: t, id: q() }));
+        _({ arrayName: j, value: U }), (s = e.target) != null && s.value && (e.target.value = "");
+      }
+    }, F = () => {
+      var e;
+      (e = x.current) == null || e.click();
+    };
+    return /* @__PURE__ */ o("div", { className: c["upload-file-wrapper"], ref: v, children: [
+      /* @__PURE__ */ n(
+        "input",
+        {
+          type: "file",
+          className: c["upload-file-input"],
+          "aria-label": "Upload",
+          name: "image[]",
+          multiple: !0,
+          onChange: E,
+          title: "",
+          id: h,
+          accept: l.map((e) => y[e]).join(),
+          disabled: f
+        }
+      ),
+      /* @__PURE__ */ o("label", { htmlFor: h, ref: x, children: [
+        /* @__PURE__ */ n(
+          G,
+          {
+            size: z,
+            variant: T,
+            leftIcon: /* @__PURE__ */ n(D, { iconName: "UnionIcon16px" }),
+            onClick: F,
+            disabled: f,
+            className: S,
+            children: I
+          }
+        ),
+        !N && /* @__PURE__ */ o(B, { children: [
+          m && /* @__PURE__ */ n("b", { children: m }),
+          /* @__PURE__ */ o("span", { className: c["upload-text"], children: [
+            "Максимальный размер одного файла – ",
+            d,
+            " Мб",
+            /* @__PURE__ */ n("br", {}),
+            "Загрузить можно файлы следующих форматов: ",
+            l.join(", ")
+          ] })
+        ] })
+      ] })
+    ] });
+  }
+);
+export {
+  W as Uploader
+};

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,37 @@
+const e = [
+  "jpeg",
+  "jpg",
+  "png",
+  "tiff",
+  "gif",
+  "heic"
+], s = [
+  "doc",
+  "xls",
+  "pdf",
+  "docx",
+  "txt",
+  "xlsx"
+], p = [
+  "jpeg",
+  "jpg",
+  "png",
+  "tiff",
+  "gif",
+  "heic",
+  "doc",
+  "xls",
+  "pdf",
+  "docx",
+  "txt",
+  "xlsx"
+], c = {
+  images: e,
+  docs: s,
+  all: p
+};
+export {
+  p as AllFileTypes,
+  c as TypeFilesArray,
+  e as imageFileTypes
+};

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

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

package/dist/components/Uploader/index.js

@@ -0,0 +1,6 @@
+import { Uploader as r } from "./Uploader.js";
+import { imageFileTypes as m } from "./constants.js";
+export {
+  r as Uploader,
+  m as imageFileTypes
+};

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

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