test-stpr-ui-kit 0.6.15 → 1.0.0

package/dist/components/UploadFiles/UploadFiles.js

@@ -0,0 +1,238 @@
+import { jsxs as u, jsx as o, Fragment as de } from "react/jsx-runtime";
+import s from "clsx";
+import { useState as V, useCallback as _e } from "react";
+import { useDefaultDropzone as fe } from "../DefaultDropzone/hooks/useDefaultDropzone.js";
+import e from "./UploadFiles.module.scss.js";
+import { validateAcceptedFilesByImageDimensions as Ne, getKbFromMb as Fe, formatFileSize as ue, getErrorTextFromError as A } from "./utils/index.js";
+import { ETooltipPosition as M } from "../Tooltip/types/index.js";
+import { Label as Ue } from "../Label/Label.js";
+import { DefaultDropzone as ge } from "../DefaultDropzone/DefaultDropzone.js";
+import { Tooltip as he, InfoTooltip as Te } from "../Tooltip/Tooltip.js";
+import { Spinner as Ie } from "../Spinner/Spinner.js";
+import { Icon as f } from "../Icons/Icon.js";
+import { EIconName as m } from "../Icons/types/index.js";
+import { EllipsisTextWithTooltip as U } from "../EllipsisTextWithTooltip/EllipsisTextWithTooltip.js";
+const je = (W) => {
+  const {
+    placeholder: q = "Загрузите файл",
+    variant: g = "input",
+    name: c,
+    label: D,
+    required: w,
+    onDropFiles: N,
+    accept: H,
+    disabled: C,
+    multiple: d,
+    files: h = [],
+    infoTooltipText: T,
+    tooltipPosition: P = M.TopRight,
+    loading: K,
+    error: I,
+    classNameRoot: S,
+    classNameLabel: B,
+    classNameBaseInfoTooltipRoot: k,
+    maxSizeMb: y,
+    requiredImageDimensionsPx: z
+  } = W, [_, x] = V([]), [$, j] = V(0), p = !!K || $ > 0, G = _e(
+    (l, r) => {
+      j((t) => t + 1), (async () => {
+        try {
+          const t = r.map(({ file: b, errors: ce }) => ({
+            file: b,
+            errors: ce
+          })), { validAcceptedFiles: i, invalidDimensionErrors: a } = await Ne(l, z), n = [...t, ...a];
+          if (!d) {
+            x(n), N(i, c);
+            return;
+          }
+          const E = [...h, ...i];
+          x((b) => [...n, ...b]), N(E, c);
+        } finally {
+          j((t) => t > 0 ? t - 1 : 0);
+        }
+      })();
+    },
+    [h, d, c, N, z]
+  ), { getRootProps: J, getInputProps: O } = fe({
+    accept: H,
+    onDrop: G,
+    multiple: d,
+    disabled: C || p,
+    maxSize: y ? Fe(y) : void 0
+  }), R = _ ? _?.length > 0 : !1, L = [...h.map((l) => ({ file: l, errors: null })), ..._], F = L?.length > 0 || _?.length > 0, v = g === "input", Q = g === "dropzone", X = s({
+    [e.spUploadFiles]: !0,
+    [e[`spUploadFiles--variant-${g}`]]: g,
+    [e.spUploadFiles_error]: !d && (R || I && I.length > 0),
+    [e.spUploadFiles_disabled]: C || p,
+    [e.spUploadFiles_fileUploaded]: F,
+    ...S && { [S]: !0 }
+  }), Y = s({
+    [e.spUploadFiles__control]: !0,
+    [e.spUploadFiles__control_loading]: p
+  }), Z = s({
+    [e.spUploadFiles__fileNamesList]: !0,
+    [e.spUploadFiles__fileNamesList_loading]: p
+  }), ee = s({
+    [e.spUploadFiles__delete]: !0,
+    [e.spUploadFiles__delete_loading]: p
+  }), oe = s({
+    ...B && { [B]: !0 }
+  }), se = s({
+    ...k && { [k]: !0 }
+  }), le = (l, r) => {
+    if (p)
+      return;
+    if (r) {
+      const a = [..._], n = a.findIndex((E) => E.file.name === l);
+      a.splice(n, 1), x(a);
+      return;
+    }
+    const t = [...h], i = t.findIndex((a) => a.name === l);
+    t.splice(i, 1), N(t, c);
+  }, te = (l) => {
+    l.stopPropagation(), N([], c), x([]);
+  }, ie = () => {
+    if (R) {
+      const l = _[0].errors.map(A).join(", ");
+      return /* @__PURE__ */ o(
+        U,
+        {
+          text: l,
+          classNameTooltipRoot: s(e.spUploadFiles__fileNameContainer),
+          classNameRoot: s(
+            e.spUploadFiles__fileName,
+            R && e.spUploadFiles__fileName_dragError
+          )
+        }
+      );
+    }
+    return /* @__PURE__ */ o(
+      U,
+      {
+        text: L[0].file.name,
+        classNameTooltipRoot: s(e.spUploadFiles__fileNameContainer),
+        classNameRoot: s(e.spUploadFiles__fileName)
+      }
+    );
+  }, ae = () => /* @__PURE__ */ o("ul", { className: Z, children: L.map(({ file: l, errors: r }, t) => {
+    const i = r ? r?.length > 0 : void 0, a = () => r ? r?.map(A).join(", ") : "";
+    return /* @__PURE__ */ u(
+      "li",
+      {
+        className: s(
+          e.spUploadFiles__fileNamesListItem,
+          i && e.spUploadFiles__fileNamesListItem_error
+        ),
+        onClick: (n) => {
+          n.stopPropagation();
+        },
+        children: [
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: s(
+                e.spUploadFiles__fileNamesListItem__iconContainer,
+                i && e.spUploadFiles__fileNamesListItem__iconContainer_error
+              ),
+              children: /* @__PURE__ */ o(f, { name: i ? m.InfoError : m.File })
+            }
+          ),
+          /* @__PURE__ */ u("div", { className: e.spUploadFiles__fileNamesListItem__mainContent, children: [
+            /* @__PURE__ */ o(
+              U,
+              {
+                text: l.name,
+                defaultTooltipPosition: M.TopLeft,
+                isWithFixedEnd: !0,
+                classNameRoot: e.spUploadFiles__fileNamesListItem__fileName,
+                classNameTooltipRoot: e.spUploadFiles__fileNamesListItem__fileNameWrapper,
+                classNameBaseTooltipRoot: e.spUploadFiles__fileNamesListItem__fileNameTooltip
+              }
+            ),
+            /* @__PURE__ */ o(
+              U,
+              {
+                text: i ? a() : ue(l.size),
+                classNameBaseTooltipRoot: e.spUploadFiles__fileNamesListItem__description__tooltipContent,
+                classNameRoot: s(
+                  e.spUploadFiles__fileNamesListItem__description,
+                  i && e.spUploadFiles__fileNamesListItem__description_error
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: s(e.spUploadFiles__fileNamesListItemDelete),
+              onClick: (n) => {
+                n.stopPropagation(), le(l.name, i);
+              },
+              children: /* @__PURE__ */ o(f, { name: m.Close })
+            }
+          )
+        ]
+      },
+      t
+    );
+  }) }), re = () => d ? ae() : ie(), ne = () => /* @__PURE__ */ o(
+    U,
+    {
+      classNameRoot: e.spUploadFiles__placeholder,
+      classNameTooltipRoot: s(
+        e.spUploadFiles__placeholderContainer,
+        !!T && e.spUploadFiles__placeholderContainer_withUloadTooltip
+      ),
+      text: q
+    }
+  ), pe = () => /* @__PURE__ */ u(de, { children: [
+    F ? re() : ne(),
+    F && v ? /* @__PURE__ */ o("div", { className: ee, onClick: te, children: /* @__PURE__ */ o(f, { name: m.Close }) }) : v && T && /* @__PURE__ */ o(
+      Te,
+      {
+        hover: !0,
+        position: P,
+        text: T,
+        classNameTooltip: e.spUploadFiles__infoTooltip,
+        classNameBaseTooltipRoot: se
+      }
+    )
+  ] }), me = () => d ? null : R && F ? /* @__PURE__ */ o(
+    f,
+    {
+      className: e.spUploadFiles__startIcon_error,
+      name: m.InfoError,
+      style: { flexShrink: 0 }
+    }
+  ) : F ? /* @__PURE__ */ o(f, { name: m.Check, style: { flexShrink: 0 } }) : /* @__PURE__ */ o(f, { name: m.Upload, style: { flexShrink: 0 } });
+  return /* @__PURE__ */ u("div", { className: X, children: [
+    D && /* @__PURE__ */ o(Ue, { classNameRoot: oe, required: w, label: D }),
+    /* @__PURE__ */ o(
+      ge,
+      {
+        getRootProps: J,
+        getInputProps: O,
+        disabled: C,
+        name: c,
+        children: /* @__PURE__ */ o(
+          he,
+          {
+            hover: !0,
+            text: T,
+            isVisibleTooltip: Q,
+            position: P,
+            classNameTooltip: e.spUploadFiles__tooltipRoot,
+            trigger: /* @__PURE__ */ u("div", { className: Y, children: [
+              v && (p ? /* @__PURE__ */ o(Ie, {}) : me()),
+              pe()
+            ] })
+          }
+        )
+      }
+    ),
+    I && /* @__PURE__ */ o("div", { className: e.spUploadFiles__error, children: I })
+  ] });
+};
+export {
+  je as UploadFiles
+};

package/dist/components/UploadFiles/UploadFiles.module.scss.js

@@ -0,0 +1,73 @@
+import './UploadFiles.css';const e = "_spUploadFiles_kgii7_1", _ = "_spUploadFiles_error_kgii7_22", i = "_spUploadFiles__control_kgii7_22", s = "_spUploadFiles__tooltipRoot_kgii7_26", l = "_spUploadFiles__fileNameContainer_kgii7_29", o = "_spUploadFiles__fileName_dragError_kgii7_33", p = "_spUploadFiles__startIcon_error_kgii7_36", a = "_spUploadFiles__placeholderContainer_kgii7_39", t = "_spUploadFiles__placeholderContainer_withUloadTooltip_kgii7_49", d = "_spUploadFiles__placeholder_kgii7_39", r = "_spUploadFiles__control_loading_kgii7_81", n = "_shimmer_kgii7_1", U = "_spUploadFiles__fileName_kgii7_29", m = "_spUploadFiles_fileUploaded_kgii7_128", F = "_spUploadFiles_disabled_kgii7_128", c = "_spUploadFiles__fileNamesList_kgii7_139", f = "_spUploadFiles__fileNamesList_loading_kgii7_150", N = "_spUploadFiles__fileNamesListItem_kgii7_155", g = "_spUploadFiles__fileNamesListItem__iconContainer_kgii7_194", L = "_spUploadFiles__fileNamesListItem__iconContainer_error_kgii7_203", I = "_spUploadFiles__fileNamesListItem__mainContent_kgii7_210", k = "_spUploadFiles__fileNamesListItem__fileNameWrapper_kgii7_217", C = "_spUploadFiles__fileNamesListItem__fileName_kgii7_217", h = "_spUploadFiles__fileNamesListItem__fileNameTooltip_kgii7_224", T = "_spUploadFiles__fileNamesListItem__description_kgii7_227", D = "_spUploadFiles__fileNamesListItem__description__tooltipContent_kgii7_232", v = "_spUploadFiles__fileNamesListItem__description_error_kgii7_235", b = "_spUploadFiles__fileNamesListItemDelete_kgii7_238", u = "_spUploadFiles__fileNamesListItemDelete_error_kgii7_256", w = "_spUploadFiles__infoTooltip_kgii7_266", E = "_spUploadFiles__delete_kgii7_269", R = "_spUploadFiles__delete_loading_kgii7_273", W = "_spUploadFiles__error_kgii7_282", z = {
+  spUploadFiles: e,
+  spUploadFiles_error: _,
+  spUploadFiles__control: i,
+  spUploadFiles__tooltipRoot: s,
+  spUploadFiles__fileNameContainer: l,
+  spUploadFiles__fileName_dragError: o,
+  spUploadFiles__startIcon_error: p,
+  spUploadFiles__placeholderContainer: a,
+  "spUploadFiles--variant-input": "_spUploadFiles--variant-input_kgii7_42",
+  spUploadFiles__placeholderContainer_withUloadTooltip: t,
+  spUploadFiles__placeholder: d,
+  "spUploadFiles--variant-dropzone": "_spUploadFiles--variant-dropzone_kgii7_64",
+  spUploadFiles__control_loading: r,
+  shimmer: n,
+  spUploadFiles__fileName: U,
+  spUploadFiles_fileUploaded: m,
+  spUploadFiles_disabled: F,
+  spUploadFiles__fileNamesList: c,
+  spUploadFiles__fileNamesList_loading: f,
+  spUploadFiles__fileNamesListItem: N,
+  spUploadFiles__fileNamesListItem__iconContainer: g,
+  spUploadFiles__fileNamesListItem__iconContainer_error: L,
+  spUploadFiles__fileNamesListItem__mainContent: I,
+  spUploadFiles__fileNamesListItem__fileNameWrapper: k,
+  spUploadFiles__fileNamesListItem__fileName: C,
+  spUploadFiles__fileNamesListItem__fileNameTooltip: h,
+  spUploadFiles__fileNamesListItem__description: T,
+  spUploadFiles__fileNamesListItem__description__tooltipContent: D,
+  spUploadFiles__fileNamesListItem__description_error: v,
+  spUploadFiles__fileNamesListItemDelete: b,
+  spUploadFiles__fileNamesListItemDelete_error: u,
+  spUploadFiles__infoTooltip: w,
+  spUploadFiles__delete: E,
+  spUploadFiles__delete_loading: R,
+  spUploadFiles__error: W
+};
+export {
+  z as default,
+  n as shimmer,
+  e as spUploadFiles,
+  i as spUploadFiles__control,
+  r as spUploadFiles__control_loading,
+  E as spUploadFiles__delete,
+  R as spUploadFiles__delete_loading,
+  W as spUploadFiles__error,
+  U as spUploadFiles__fileName,
+  l as spUploadFiles__fileNameContainer,
+  o as spUploadFiles__fileName_dragError,
+  c as spUploadFiles__fileNamesList,
+  N as spUploadFiles__fileNamesListItem,
+  b as spUploadFiles__fileNamesListItemDelete,
+  u as spUploadFiles__fileNamesListItemDelete_error,
+  T as spUploadFiles__fileNamesListItem__description,
+  D as spUploadFiles__fileNamesListItem__description__tooltipContent,
+  v as spUploadFiles__fileNamesListItem__description_error,
+  C as spUploadFiles__fileNamesListItem__fileName,
+  h as spUploadFiles__fileNamesListItem__fileNameTooltip,
+  k as spUploadFiles__fileNamesListItem__fileNameWrapper,
+  g as spUploadFiles__fileNamesListItem__iconContainer,
+  L as spUploadFiles__fileNamesListItem__iconContainer_error,
+  I as spUploadFiles__fileNamesListItem__mainContent,
+  f as spUploadFiles__fileNamesList_loading,
+  w as spUploadFiles__infoTooltip,
+  d as spUploadFiles__placeholder,
+  a as spUploadFiles__placeholderContainer,
+  t as spUploadFiles__placeholderContainer_withUloadTooltip,
+  p as spUploadFiles__startIcon_error,
+  s as spUploadFiles__tooltipRoot,
+  F as spUploadFiles_disabled,
+  _ as spUploadFiles_error,
+  m as spUploadFiles_fileUploaded
+};

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

@@ -0,0 +1,2 @@
+export type { IUploadFilesProps } from "./types";
+export { UploadFiles } from "./UploadFiles.tsx";

package/dist/components/UploadFiles/types/index.d.ts

@@ -0,0 +1,33 @@
+import { Accept, DropEvent, ErrorCode, FileError, FileRejection } from "react-dropzone";
+import { ETooltipPosition } from "../../Tooltip";
+export interface IUploadFilesProps {
+    placeholder?: string;
+    variant?: "input" | "dropzone";
+    name: string;
+    onDropFiles: <T extends File>(acceptedFiles: T[], name: string, fileRejections?: FileRejection[], event?: DropEvent) => void;
+    label?: string;
+    required?: boolean;
+    accept?: Accept;
+    disabled?: boolean;
+    multiple?: boolean;
+    files: File[];
+    infoTooltipText?: string;
+    tooltipPosition?: ETooltipPosition;
+    classNameRoot?: string;
+    classNameLabel?: string;
+    loading?: boolean;
+    error?: string;
+    classNameBaseInfoTooltipRoot?: string;
+    maxSizeMb?: number;
+    requiredImageDimensionsPx?: TImageDimensionsPx;
+}
+export type TImageDimensionsPx = {
+    width: number;
+    height: number;
+};
+export type TLocalErrorFile = {
+    file: File;
+    errors: readonly FileError[];
+};
+export type { Accept, FileError, FileRejection };
+export { ErrorCode };

package/dist/components/UploadFiles/utils/index.d.ts

@@ -0,0 +1,12 @@
+import { Accept, FileError, TImageDimensionsPx, TLocalErrorFile } from "../types";
+export declare const getErrorTextFromError: (error: FileError) => "" | "Неверный формат файла" | "Некорректный размер файла";
+export declare const formatFileSize: (bytes: number, options?: {
+    decimals?: number;
+    space?: boolean;
+}) => string;
+export declare const getKbFromMb: (mb: number) => number;
+export declare const validateAcceptedFilesByImageDimensions: (acceptedFiles: File[], requiredImageDimensionsPx?: TImageDimensionsPx) => Promise<{
+    validAcceptedFiles: File[];
+    invalidDimensionErrors: TLocalErrorFile[];
+}>;
+export declare const getMostFormat: (accept: Accept) => string;

package/dist/components/UploadFiles/utils/index.js

@@ -0,0 +1,67 @@
+import { ErrorCode as l } from "react-dropzone";
+const w = (t) => {
+  switch (t.code) {
+    case l.FileInvalidType:
+      return "Неверный формат файла";
+    case l.FileTooLarge:
+    case l.FileTooSmall:
+      return "Некорректный размер файла";
+    default:
+      return "";
+  }
+}, F = (t, r = {}) => {
+  const { decimals: d = 1, space: n = !0 } = r;
+  if (t === 0) return "0" + (n ? " " : "") + "B";
+  const a = 1024, m = ["B", "KB", "MB", "GB", "TB"], i = Math.floor(Math.log(t) / Math.log(a)), e = i === 0 ? 0 : d, o = n ? " " : "";
+  return parseFloat((t / Math.pow(a, i)).toFixed(e)) + o + m[i];
+}, v = (t) => t * 1024 * 1024, B = async (t, r) => {
+  if (!r)
+    return {
+      validAcceptedFiles: t,
+      invalidDimensionErrors: []
+    };
+  const d = r.width, n = r.height, a = await Promise.all(
+    t.map(async (e) => {
+      if (!e.type.startsWith("image/") || e.type === "image/svg+xml")
+        return { file: e, isValid: !0, errors: [] };
+      let o = -1, u = -1;
+      try {
+        if (typeof window > "u")
+          return { file: e, isValid: !0, errors: [] };
+        if (typeof createImageBitmap == "function") {
+          const s = await createImageBitmap(e);
+          o = s.width, u = s.height, s.close?.();
+        } else
+          await new Promise((s, h) => {
+            const p = URL.createObjectURL(e), c = new Image();
+            c.onload = () => {
+              o = c.naturalWidth, u = c.naturalHeight, URL.revokeObjectURL(p), s();
+            }, c.onerror = () => {
+              URL.revokeObjectURL(p), h(new Error("Image decode failed"));
+            }, c.src = p;
+          });
+      } catch {
+      }
+      return o === d && u === n ? { file: e, isValid: !0, errors: [] } : {
+        file: e,
+        isValid: !1,
+        errors: [
+          {
+            code: l.FileInvalidType,
+            message: "Неверный формат файла"
+          }
+        ]
+      };
+    })
+  ), m = a.filter((e) => e.isValid).map((e) => e.file), i = a.filter((e) => !e.isValid).map((e) => ({ file: e.file, errors: e.errors }));
+  return {
+    validAcceptedFiles: m,
+    invalidDimensionErrors: i
+  };
+};
+export {
+  F as formatFileSize,
+  w as getErrorTextFromError,
+  v as getKbFromMb,
+  B as validateAcceptedFilesByImageDimensions
+};

package/dist/components/ViewImageModal/ViewImageModal.css

@@ -0,0 +1 @@
+._viewImageModal_2zawy_1{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:350px;height:fit-content;background-color:var(--spui-color-surface-default)}._viewImageModal_loading_2zawy_11{opacity:0}@media only screen and (min-width:768px){._viewImageModal_2zawy_1{max-width:740px}}@media only screen and (min-width:1440px){._viewImageModal_2zawy_1{max-width:825px}}._viewImageModal__img_2zawy_24{width:100%;height:auto;object-fit:contain;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;opacity:1}._viewImageModal__img_2zawy_24{transition:all .3s ease-in-out}._viewImageModal__img_loading_2zawy_37{opacity:0}._viewImageModal__img_error_2zawy_40{display:none}._viewImageModal__spinner_2zawy_43{z-index:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}._viewImageModal__errorWrapper_2zawy_50{display:flex;flex-direction:column;align-items:center;padding:var(--spui-spacing-6x);min-width:350px;gap:var(--spui-spacing-4x)}@media only screen and (min-width:768px){._viewImageModal__errorWrapper_2zawy_50{padding:var(--spui-spacing-8x);gap:var(--spui-spacing-6x);min-width:400px}}._viewImageModal__errorIcon_2zawy_65{width:var(--spui-control-height-lg);height:var(--spui-control-height-lg);color:var(--spui-color-icon-error)}._viewImageModal__layer_2zawy_70{display:flex;align-items:center;justify-content:center}._viewImageModal__closeButton_2zawy_75{position:absolute;right:var(--spui-spacing-4x);top:var(--spui-spacing-4x)}._viewImageModal__closeButton_2zawy_75 .stpr-icon{width:var(--spui-icon-size-xl);height:var(--spui-icon-size-xl)}@media only screen and (min-width:768px){._viewImageModal__closeButton_2zawy_75{right:var(--spui-spacing-6x);top:var(--spui-spacing-6x)}}

package/dist/components/ViewImageModal/ViewImageModal.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ViewImageModalProps } from "./types";
+export declare const ViewImageModal: React.FC<ViewImageModalProps>;

package/dist/components/ViewImageModal/ViewImageModal.js

@@ -0,0 +1,71 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import a from "clsx";
+import { useState as l } from "react";
+import e from "./ViewImageModal.module.scss.js";
+import { Layer as S } from "../Layer/Layer.js";
+import { Spinner as x } from "../Spinner/Spinner.js";
+import { Icon as k } from "../Icons/Icon.js";
+import { EIconName as p } from "../Icons/types/index.js";
+import { Text as y } from "../Text/Text.js";
+import { Button as B } from "../Button/Button.js";
+const j = "/components-assets/ViewImageModal/fallBackSrc.jpeg", G = (f) => {
+  const {
+    classNameRoot: n,
+    classNameImageRoot: c,
+    src: u,
+    onLoad: N,
+    onError: _,
+    fallbackSrc: r = j,
+    showLoader: w = !0,
+    onClose: v
+  } = f, [i, s] = l(!0), [d, g] = l(!1), [I, h] = l(u), L = a({
+    [e.viewImageModal]: !0,
+    ...n && { [n]: !0 }
+  }), M = a({
+    [e.viewImageModal__layer]: !0
+  }), E = a({
+    [e.viewImageModal__closeButton]: !0
+  }), R = a({
+    [e.viewImageModal__spinner]: !0
+  }), C = a(e.viewImageModal__img, {
+    [e.viewImageModal__img_loading]: i,
+    [e.viewImageModal__img_error]: d,
+    ...c && { [c]: !0 }
+  });
+  return /* @__PURE__ */ m(S, { classNameRoot: M, children: [
+    w && i && /* @__PURE__ */ o(x, { classNameRoot: R, size: "xl" }),
+    /* @__PURE__ */ m("div", { className: L, children: [
+      /* @__PURE__ */ o(
+        "img",
+        {
+          className: C,
+          src: I,
+          alt: "someImage",
+          onLoad: (t) => {
+            s(!1), N?.(t);
+          },
+          onError: (t) => {
+            s(!1), g(!0), r && I !== r && (h(r), g(!1), s(!0)), _?.(t);
+          }
+        }
+      ),
+      d && /* @__PURE__ */ m("div", { className: e.viewImage__errorWrapper, children: [
+        /* @__PURE__ */ o(k, { name: p.InfoError, className: e.viewImage__errorIcon }),
+        /* @__PURE__ */ o(y, { children: "Не удалось загрузить изображение" })
+      ] })
+    ] }),
+    /* @__PURE__ */ o(
+      B,
+      {
+        classNameRoot: E,
+        onClick: v,
+        variant: "link",
+        isOnlyIcon: !0,
+        startIconName: p.Close
+      }
+    )
+  ] });
+};
+export {
+  G as ViewImageModal
+};

package/dist/components/ViewImageModal/ViewImageModal.module.scss.js

@@ -0,0 +1,19 @@
+import './ViewImageModal.css';const _ = "_viewImageModal_2zawy_1", a = "_viewImageModal__img_2zawy_24", e = "_viewImageModal__img_loading_2zawy_37", o = "_viewImageModal__img_error_2zawy_40", i = "_viewImageModal__spinner_2zawy_43", g = "_viewImageModal__layer_2zawy_70", l = "_viewImageModal__closeButton_2zawy_75", m = {
+  viewImageModal: _,
+  viewImageModal__img: a,
+  viewImageModal__img_loading: e,
+  viewImageModal__img_error: o,
+  viewImageModal__spinner: i,
+  viewImageModal__layer: g,
+  viewImageModal__closeButton: l
+};
+export {
+  m as default,
+  _ as viewImageModal,
+  l as viewImageModal__closeButton,
+  a as viewImageModal__img,
+  o as viewImageModal__img_error,
+  e as viewImageModal__img_loading,
+  g as viewImageModal__layer,
+  i as viewImageModal__spinner
+};

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

@@ -0,0 +1,2 @@
+export type { ViewImageModalProps } from "./types";
+export { ViewImageModal } from "./ViewImageModal";

package/dist/components/ViewImageModal/types/index.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface ViewImageModalProps {
+    src: string;
+    /** Резерв при ошибке загрузки `src`. По умолчанию — статика пакета: `dist/components-assets/ViewImageModal/fallBackSrc.jpeg` (корень сайта); пустая строка отключает подмену. */
+    fallbackSrc?: string;
+    zIndex?: number;
+    classNameRoot?: string;
+    classNameImageRoot?: string;
+    showLoader?: boolean;
+    onError?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
+    onLoad?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
+    onClose: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,14 @@
+import { RefObject } from "react";
+/**
+ * Хук для реакции на клик за пределами DOM-элементов
+ *
+ * @example
+ * const triggerRef = useRef<HTMLDivElement>(null);
+ * const tooltipRef = useRef<HTMLDivElement>(null);
+ * useClickOutside([triggerRef, tooltipRef], () => doSomething(), isOpen);
+ *
+ * @param {Array<RefObject<T>>} refs - массив ref объектов элементов, клик вне которых вызовет обработчик
+ * @param {(e) => void} callback - обработчик, вызываемый при клике за пределами элементов
+ * @param {boolean} isActive - флаг активности хука
+ */
+export declare function useClickOutside<T extends HTMLElement>(refs: Array<RefObject<T>>, callback: (e: MouseEvent) => void, isActive?: boolean): void;

package/dist/hooks/useClickOutside.js

@@ -0,0 +1,15 @@
+import { useEffect as c } from "react";
+function d(e, t, n = !0) {
+  c(() => {
+    if (!n) return;
+    const r = (u) => {
+      e.every((i) => i.current && !i.current.contains(u.target)) && t(u);
+    };
+    return document.addEventListener("click", r, !0), () => {
+      document.removeEventListener("click", r, !0);
+    };
+  }, [e, t, n]);
+}
+export {
+  d as useClickOutside
+};

package/dist/images/add_file.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M10.4058 21.6H5.6058C4.28031 21.6 3.2058 20.5254 3.20581 19.2L3.2059 4.80001C3.20591 3.47453 4.28043 2.40002 5.6059 2.40002H16.4062C17.7317 2.40002 18.8062 3.47454 18.8062 4.80002V11.4M17.3999 21.1882V17.7941M17.3999 17.7941V14.4M17.3999 17.7941L14.0058 17.7941M17.3999 17.7941L20.794 17.7941M7.40619 7.20002H14.6062M7.40619 10.8H14.6062M7.40619 14.4H11.0062", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  o as default
+};

package/dist/images/add_user.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M12.5 15.5H8C6.60444 15.5 5.90665 15.5 5.33886 15.6722C4.06045 16.06 3.06004 17.0605 2.67224 18.3389C2.5 18.9067 2.5 19.6044 2.5 21M19.5 21V15M16.5 18H22.5M15 7.5C15 9.98528 12.9853 12 10.5 12C8.01472 12 6 9.98528 6 7.5C6 5.01472 8.01472 3 10.5 3C12.9853 3 15 5.01472 15 7.5Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  o as default
+};

package/dist/images/arrow-bottom.svg.js

@@ -0,0 +1,5 @@
+import * as t from "react";
+const o = (e) => /* @__PURE__ */ t.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M20 8L12 16L4 8", stroke: "currentColor", strokeWidth: 2 }));
+export {
+  o as default
+};

package/dist/images/calendar.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 18 20", ...t }, /* @__PURE__ */ e.createElement("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M1 7h16M1 7v8.8c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.427.218.987.218 2.105.218h9.606c1.118 0 1.677 0 2.104-.218.377-.192.683-.498.875-.874.218-.428.218-.986.218-2.104V7M1 7v-.8c0-1.12 0-1.68.218-2.108.192-.377.497-.682.874-.874C2.52 3 3.08 3 4.2 3H5m12 4v-.803c0-1.118 0-1.678-.218-2.105a2 2 0 0 0-.875-.874C15.48 3 14.92 3 13.8 3H13m0-2v2m0 0H5m0-2v2" }));
+export {
+  o as default
+};

package/dist/images/check.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M20 7L9 18L4 13", stroke: "currentColor", strokeWidth: 2 }));
+export {
+  o as default
+};

package/dist/images/chevron_down.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 26 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M25 6L13 18L1 6", stroke: "currentColor", strokeWidth: 2 }));
+export {
+  o as default
+};

package/dist/images/close.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 21 22", fill: "none", ...t }, /* @__PURE__ */ e.createElement("line", { y1: -1, x2: 20.464, y2: -1, transform: "matrix(0.680234 -0.732995 -0.680234 -0.732995 3 18)", stroke: "currentColor", strokeWidth: 2 }), /* @__PURE__ */ e.createElement("line", { y1: -1, x2: 20.464, y2: -1, transform: "matrix(-0.680234 -0.732995 0.680234 -0.732995 18 18)", stroke: "currentColor", strokeWidth: 2 }));
+export {
+  r as default
+};

package/dist/images/copy.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M20 9H11C9.89543 9 9 9.89543 9 11V20C9 21.1046 9.89543 22 11 22H20C21.1046 22 22 21.1046 22 20V11C22 9.89543 21.1046 9 20 9Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M5 15H4C3.46957 15 2.96086 14.7893 2.58579 14.4142C2.21071 14.0391 2 13.5304 2 13V4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H13C13.5304 2 14.0391 2.21071 14.4142 2.58579C14.7893 2.96086 15 3.46957 15 4V5", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  o as default
+};

package/dist/images/dots.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const c = (r) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 18 4", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ e.createElement("circle", { cx: 2, cy: 2, r: 2, fill: "currentColor" }), /* @__PURE__ */ e.createElement("circle", { cx: 9, cy: 2, r: 2, fill: "currentColor" }), /* @__PURE__ */ e.createElement("circle", { cx: 16, cy: 2, r: 2, fill: "currentColor" }));
+export {
+  c as default
+};