mimir-ui-kit 1.38.36 → 1.38.38

package/dist/components/Skeleton/SkeletonCircle/SkeletonCircle.js

@@ -0,0 +1,29 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as l } from "../../../index-DIxK0V-G.js";
+import { ESkeletonVariant as c } from "../constants.js";
+import { v as t } from "../../../variant.module-BXn4N1h0.js";
+import '../../../assets/SkeletonCircle.css';const i = {
+  "skeleton-circle": "_skeleton-circle_kxuh3_2"
+}, p = ({
+  className: o,
+  variant: r = c.WHITE,
+  size: e
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: l(
+      i["skeleton-circle"],
+      t.skeleton,
+      t[r],
+      o
+    ),
+    style: {
+      width: e,
+      height: e
+    },
+    "data-testid": "skeleton-circle"
+  }
+);
+export {
+  p as SkeletonCircle
+};

package/dist/components/Skeleton/SkeletonText/SkeletonText.d.ts

@@ -0,0 +1,10 @@
+import { ESkeletonVariant } from '../constants';
+
+interface Props {
+    className?: string;
+    rows?: number;
+    variant?: `${ESkeletonVariant}` | ESkeletonVariant;
+    height?: string | number;
+}
+export declare const SkeletonText: import('react').MemoExoticComponent<({ rows, height, variant, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/Skeleton/SkeletonText/SkeletonText.js

@@ -0,0 +1,52 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c } from "../../../index-DIxK0V-G.js";
+import { memo as i } from "react";
+import { ESkeletonVariant as m } from "../constants.js";
+import { SkeletonBrick as k } from "../SkeletonBrick/SkeletonBrick.js";
+import '../../../assets/SkeletonText.css';const d = "_row_1ks6f_9", o = {
+  "skeleton-text": "_skeleton-text_1ks6f_2",
+  row: d
+}, f = (t, e) => {
+  if (t === e - 1)
+    return "50%";
+  switch (t % 3) {
+    case 0:
+      return "100%";
+    case 1:
+      return "85%";
+    case 2:
+      return "93%";
+    default:
+      return "100%";
+  }
+}, N = i(
+  ({
+    rows: t = 1,
+    height: e = 20,
+    variant: n = m.WHITE,
+    ...a
+  }) => {
+    const { className: l } = a;
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        className: c(o["skeleton-text"], l),
+        "data-testid": "skeleton-text",
+        children: new Array(t).fill(null).map((u, r) => /* @__PURE__ */ s("div", { className: o.row, children: /* @__PURE__ */ s(
+          k,
+          {
+            variant: n,
+            height: e,
+            width: f(r, t),
+            style: { animationDelay: `${r * 0.125}s` },
+            "data-testid": "skeleton-brick"
+          }
+        ) }, r))
+      },
+      t
+    );
+  }
+);
+export {
+  N as SkeletonText
+};

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

@@ -0,0 +1,5 @@
+export declare enum ESkeletonVariant {
+    WHITE = "white",
+    DARK_GRAY = "dark-gray",
+    BLACK = "black"
+}

package/dist/components/Skeleton/constants.js

@@ -0,0 +1,4 @@
+var A = /* @__PURE__ */ ((r) => (r.WHITE = "white", r.DARK_GRAY = "dark-gray", r.BLACK = "black", r))(A || {});
+export {
+  A as ESkeletonVariant
+};

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

@@ -0,0 +1,4 @@
+export { SkeletonBrick } from './SkeletonBrick/SkeletonBrick';
+export { SkeletonText } from './SkeletonText/SkeletonText';
+export { SkeletonCircle } from './SkeletonCircle/SkeletonCircle';
+export { ESkeletonVariant } from './constants';

package/dist/components/Skeleton/index.js

@@ -0,0 +1,10 @@
+import { SkeletonBrick as r } from "./SkeletonBrick/SkeletonBrick.js";
+import { SkeletonText as k } from "./SkeletonText/SkeletonText.js";
+import { SkeletonCircle as n } from "./SkeletonCircle/SkeletonCircle.js";
+import { ESkeletonVariant as f } from "./constants.js";
+export {
+  f as ESkeletonVariant,
+  r as SkeletonBrick,
+  n as SkeletonCircle,
+  k as SkeletonText
+};

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,75 @@
+import { ReactNode } from 'react';
+import { SwiperProps } from 'swiper/react';
+import { EProgressBarPosition } from './constants';
+
+type TSlideImage = {
+    image?: string;
+    imageDesktop?: string;
+    imageMobile?: string;
+    url?: string;
+    id?: number;
+};
+type TProps = SwiperProps & {
+    /**
+     * Задержка перехода между слайдами
+     */
+    delay?: number;
+    /**
+     * Ширина пагинации слайдера на весь размер родительского контейнера
+     */
+    isFullPaginationWidth?: boolean;
+    /**
+     * Показывать стрелки навигации и количество слайдов.
+     */
+    needNavigation?: boolean;
+    /**
+     * Функция, которая будет вызвана при клике на слайд.
+     */
+    onSlideClick?: VoidFunction;
+    /**
+     * Положение прогресс бара.
+     */
+    progressBarPosition?: EProgressBarPosition | `${EProgressBarPosition}`;
+    /**
+     * Левая подпись под прогресс баром. (Отобразится, если progressBarPosition === 'bottom')
+     */
+    leftDescription?: ReactNode;
+    /**
+     * Правая подпись под прогресс баром. (Отобразится, если progressBarPosition === 'bottom')
+     */
+    rightDescription?: ReactNode;
+    /**
+     * Дополнительные классы для слайдов
+     */
+    slideClassName?: string;
+    /**
+     * Дополнительные классы для слайдера
+     */
+    swiperClassName?: string;
+    /**
+     * Дополнительные классы для картинок
+     */
+    imageClassName?: string;
+    /**
+     * Дополнительные классы для навигации
+     */
+    navigationClassName?: string;
+    /**
+     * Дополнительные классы для нижней панели
+     */
+    sliderBottomPanelClassName?: string;
+    /**
+     * Дополнительные классы для описания слайдов
+     */
+    descriptionsClassName?: string;
+    /**
+     * Контент для слайдера.
+     */
+    children?: ReactNode | ((props: TSlideImage) => ReactNode);
+    /**
+     * Массив данных для отрисовки слайдов.
+     */
+    images?: TSlideImage[];
+};
+export default function Slider({ images, children, onSlideClick, swiperClassName, slideClassName, imageClassName, navigationClassName, sliderBottomPanelClassName, descriptionsClassName, progressBarPosition, isFullPaginationWidth, needNavigation, leftDescription, rightDescription, delay, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
+export {};