mimir-ui-kit 1.42.1 → 1.43.0

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

@@ -0,0 +1,11 @@
+export declare enum EDropdownPlacement {
+    TOP = "top",
+    BOTTOM = "bottom",
+    LEFT = "left",
+    RIGHT = "right"
+}
+export declare enum EDropdownAlign {
+    START = "start",
+    END = "end",
+    CENTER = ""
+}

package/dist/components/Dropdown/constants.js

@@ -0,0 +1,5 @@
+var t = /* @__PURE__ */ ((T) => (T.TOP = "top", T.BOTTOM = "bottom", T.LEFT = "left", T.RIGHT = "right", T))(t || {}), r = /* @__PURE__ */ ((T) => (T.START = "start", T.END = "end", T.CENTER = "", T))(r || {});
+export {
+  r as EDropdownAlign,
+  t as EDropdownPlacement
+};

package/dist/components/Dropdown/hooks.d.ts

@@ -0,0 +1,19 @@
+import { RefObject } from 'react';
+
+export declare const ANIMATION_DELAY = 300;
+export declare const POSITION_THRESHOLD = 5;
+export declare const ALIGNMENT_THRESHOLD = 10;
+export declare const DEBOUNCE_DELAY = 10;
+type UseDropdownPositionProps = {
+    buttonRef: RefObject<HTMLButtonElement>;
+    panelRef: RefObject<HTMLDivElement>;
+    initialPosition: string;
+    isOpen: boolean;
+    arrow?: boolean;
+    variant?: 'default' | 'black';
+};
+export declare const useDropdownPosition: ({ buttonRef, panelRef, initialPosition, isOpen, arrow, variant }: UseDropdownPositionProps) => {
+    getArrowClasses: () => string;
+    getPositionClass: () => string;
+};
+export {};

package/dist/components/Dropdown/hooks.js

@@ -0,0 +1,11 @@
+import "../../index-DIxK0V-G.js";
+import "react";
+import "./constants.js";
+import { a as r, A, D as N, P as O, u as i } from "../../hooks-HgN6Yauq.js";
+export {
+  r as ALIGNMENT_THRESHOLD,
+  A as ANIMATION_DELAY,
+  N as DEBOUNCE_DELAY,
+  O as POSITION_THRESHOLD,
+  i as useDropdownPosition
+};

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

@@ -1 +1,2 @@
 export { Dropdown } from './Dropdown';
+export { EDropdownPlacement, EDropdownAlign } from './constants';

package/dist/components/Dropdown/index.js

@@ -1,4 +1,7 @@
-import { Dropdown as p } from "./Dropdown.js";
+import { Dropdown as n } from "./Dropdown.js";
+import { EDropdownAlign as e, EDropdownPlacement as d } from "./constants.js";
 export {
-  p as Dropdown
+  n as Dropdown,
+  e as EDropdownAlign,
+  d as EDropdownPlacement
 };

package/dist/components/Image/Image.d.ts

@@ -25,6 +25,22 @@ type TProps = ComponentProps<'img'> & {
      * Изображение для мобильной версии
      */
     mobileImage?: string;
+    /**
+     * Изображение для Retina (2x) десктопной версии
+     */
+    desktopImage2x?: string;
+    /**
+     * Изображение для Retina (2x) мобильной версии
+     */
+    mobileImage2x?: string;
+    /**
+     * Изображение для Super Retina (3x) десктопной версии
+     */
+    desktopImage3x?: string;
+    /**
+     * Изображение для Super Retina (3x) мобильной версии
+     */
+    mobileImage3x?: string;
 };
 /**
  * Компонент для отображения изображения с возможность показа загрузки и ошибки

package/dist/components/Image/Image.js

@@ -1,49 +1,77 @@
-import { jsxs as E, jsx as i } from "react/jsx-runtime";
-import { c as l } from "../../index-DIxK0V-G.js";
-import { memo as I, useState as g, useLayoutEffect as N } from "react";
-import { EMediaQuery as S, EMinMediaQuery as y } from "../../hooks/useMediaQuery/constants.js";
-import '../../assets/Image.css';const b = "_picture_1hx49_2", k = "_image_1hx49_3", L = "_loading_1hx49_10", r = {
-  picture: b,
-  image: k,
-  loading: L
-}, z = I((u) => {
+import { jsxs as M, jsx as m } from "react/jsx-runtime";
+import { c as S } from "../../index-DIxK0V-G.js";
+import { memo as j, useState as _, useLayoutEffect as Q } from "react";
+import { EMediaQuery as $, EMinMediaQuery as w } from "../../hooks/useMediaQuery/constants.js";
+import '../../assets/Image.css';const z = "_picture_1hx49_2", A = "_image_1hx49_3", C = "_loading_1hx49_10", a = {
+  picture: z,
+  image: A,
+  loading: C
+}, q = j((h) => {
   const {
-    className: d,
-    src: s,
-    alt: p = "image",
-    desktopImage: e,
-    mobileImage: a,
-    pictureClassName: f,
-    errorFallback: c,
-    fallback: m,
-    ..._
-  } = u, [o, n] = g(!0), [h, x] = g(!1);
-  return N(() => {
-    const t = new Image();
-    t.src = s ?? e ?? a ?? "", t.onload = () => {
-      n(!1);
-    }, t.onerror = () => {
-      n(!1), x(!0);
+    className: b,
+    src: o,
+    alt: k = "image",
+    desktopImage: r,
+    mobileImage: s,
+    pictureClassName: E,
+    errorFallback: l,
+    fallback: n,
+    desktopImage2x: g,
+    mobileImage2x: u,
+    desktopImage3x: d,
+    mobileImage3x: p,
+    ...N
+  } = h, [t, f] = _(!0), [y, L] = _(!1);
+  if (Q(() => {
+    const e = new Image();
+    e.src = o ?? r ?? s ?? "", e.onload = () => {
+      f(!1);
+    }, e.onerror = () => {
+      f(!1), L(!0);
     };
-  }, [s, e, a]), o && m ? m : h && c ? c : /* @__PURE__ */ E(
+  }, [o, r, s]), t && n)
+    return n;
+  if (y && l)
+    return l;
+  const i = (e, x, I) => {
+    let c = e;
+    return x && (c += `, ${x} 2x`), I && (c += `, ${I} 3x`), c;
+  };
+  return /* @__PURE__ */ M(
     "picture",
     {
-      className: l(r.picture, f, {
-        [r.loading]: o
+      className: S(a.picture, E, {
+        [a.loading]: t
       }),
       children: [
-        a && /* @__PURE__ */ i("source", { srcSet: a, media: S.XS1 }),
-        e && /* @__PURE__ */ i("source", { srcSet: e, media: y.S }),
-        /* @__PURE__ */ i(
+        s && /* @__PURE__ */ m(
+          "source",
+          {
+            srcSet: i(s, u, p),
+            media: $.XS1
+          }
+        ),
+        r && /* @__PURE__ */ m(
+          "source",
+          {
+            srcSet: i(r, g, d),
+            media: w.S
+          }
+        ),
+        /* @__PURE__ */ m(
           "img",
           {
-            ..._,
-            className: l(r.image, d, {
-              [r.loading]: o
+            ...N,
+            className: S(a.image, b, {
+              [a.loading]: t
             }),
             loading: "lazy",
-            src: s,
-            alt: p
+            srcSet: i(
+              o ?? "",
+              g ?? u,
+              d ?? p
+            ),
+            alt: k
           }
         )
       ]
@@ -51,5 +79,5 @@ import '../../assets/Image.css';const b = "_picture_1hx49_2", k = "_image_1hx49_
   );
 });
 export {
-  z as AppImage
+  q as AppImage
 };

package/dist/components/MultiSelectSearch/MultiSelectSearch.d.ts

@@ -1,4 +1,4 @@
-import { EMultiSelectSearchSize } from './constants';
+import { ELoadingIndicatorPlacement, EMultiSelectSearchSize } from './constants';
 import { TMultiSelectOption } from './types';
 
 export declare const MultiSelectSearch: import('react').ForwardRefExoticComponent<Pick<import('../Input').TInputProps, "variant" | "withClearButton"> & {
@@ -23,4 +23,11 @@ export declare const MultiSelectSearch: import('react').ForwardRefExoticComponen
     id?: string;
     autoPlacement?: boolean;
     onIsOpen?: (value: boolean) => void;
+    noOptionsText?: string | import('react').ReactNode;
+    noMatchText?: string | import('react').ReactNode;
+    loadOnOpen?: () => void;
+    loading?: boolean;
+    loadingIndicatorPlacement?: ELoadingIndicatorPlacement | `${ELoadingIndicatorPlacement}`;
+    groupBy?: string;
+    getGroupTitle?: (groupValue: string) => string;
 } & import('react').RefAttributes<HTMLElement>>;