mimir-ui-kit 1.38.36 → 1.38.38

package/dist/components/InputRangeSlider/InputRangeSlider.js

@@ -0,0 +1,171 @@
+import { jsxs as o, jsx as i, Fragment as k } from "react/jsx-runtime";
+import { c as p } from "../../index-DIxK0V-G.js";
+import { memo as K, useState as T, useEffect as Q } from "react";
+import { EInputRangeSliderPositions as y, EInputRangeSliderBorderState as L, DEFAULT_STEP as X, DEFAULT_WIDTH as w } from "./constants.js";
+import '../../assets/InputRangeSlider.css';const Y = "_wrapper_1kfjr_8", Z = "_input_1kfjr_18", V = "_rail_1kfjr_115", C = "_off_1kfjr_124", S = "_right_1kfjr_124", rr = "_left_1kfjr_145", tr = "_control_1kfjr_36", nr = "_disabled_1kfjr_170", r = {
+  "main-wrapper": "_main-wrapper_1kfjr_2",
+  wrapper: Y,
+  "input-wrapper": "_input-wrapper_1kfjr_18",
+  "info-wrapper": "_info-wrapper_1kfjr_26",
+  "control-wrapper": "_control-wrapper_1kfjr_36",
+  input: Z,
+  "equal-value": "_equal-value_1kfjr_108",
+  "is-double-range": "_is-double-range_1kfjr_111",
+  rail: V,
+  off: C,
+  right: S,
+  "double-range": "_double-range_1kfjr_124",
+  "inner-rail": "_inner-rail_1kfjr_134",
+  left: rr,
+  control: tr,
+  disabled: nr
+}, er = K(
+  ({
+    min: l,
+    max: j,
+    value: t,
+    disabled: N,
+    isMinEqualMax: $ = !1,
+    isSingleSlider: a = !0,
+    onChange: f,
+    step: x = X,
+    borderState: h = L.ON,
+    positions: b = y.LEFT,
+    minMaxDescriptions: q,
+    onChangeValue: _,
+    wrapperClassName: O,
+    ...W
+  }) => {
+    const [m, D] = T(() => (t == null ? void 0 : t.min) ?? l), [d, F] = T(() => (t == null ? void 0 : t.max) ?? j), {
+      max: I,
+      min: R,
+      maxClassName: A,
+      minClassName: U
+    } = q ?? {};
+    Q(() => {
+      t && (t.min && D(t.min), t.max && F(t.max));
+    }, [t]);
+    const g = (n) => {
+      n.preventDefault();
+      const s = Math.min(
+        +n.target.value,
+        a || $ ? d : d - x
+      );
+      t || D(s), _ == null || _({ min: s, max: d }), f == null || f(n);
+    }, B = (n) => {
+      n.preventDefault();
+      const s = Math.max(
+        +n.target.value,
+        $ ? m : m + x
+      );
+      t || F(s), _ == null || _({ min: m, max: s }), f == null || f(n);
+    }, E = (m - l) / (j - l) * w, c = (d - l) / (j - l) * w, e = b === y.LEFT, H = m === d && c !== 0, M = h === L.OFF, v = () => {
+      const n = {
+        ...W,
+        type: "range",
+        min: l,
+        max: j,
+        step: x
+      }, s = /* @__PURE__ */ i(
+        "input",
+        {
+          ...n,
+          className: p(r.input, {
+            [r["equal-value"]]: H,
+            [r["is-double-range"]]: !a
+          }),
+          disabled: N,
+          value: m,
+          onChange: g
+        }
+      ), u = /* @__PURE__ */ i(
+        "input",
+        {
+          ...n,
+          className: p(r.input, {
+            [r["is-double-range"]]: !a
+          }),
+          disabled: N,
+          value: d,
+          onChange: B
+        }
+      );
+      return a ? e ? s : u : /* @__PURE__ */ o(k, { children: [
+        s,
+        u
+      ] });
+    }, z = () => {
+      const n = /* @__PURE__ */ i(
+        "div",
+        {
+          className: p(r.control, {
+            [r.disabled]: N
+          }),
+          style: {
+            left: `${E}%`
+          }
+        }
+      ), s = /* @__PURE__ */ i(
+        "div",
+        {
+          className: p(r.control, {
+            [r.disabled]: N
+          }),
+          style: {
+            left: `${c}%`
+          }
+        }
+      ), u = () => M ? e ? `${E}%` : `${w - c}%` : e ? void 0 : `${w - c}%`, G = a && !e ? "0%" : `${w - c}%`, J = a && !e ? u() : `${c - E}%`, P = /* @__PURE__ */ o(k, { children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            style: {
+              width: !M && !e ? `${c}%` : u()
+            },
+            className: p(r.rail, r[h], r[b], {
+              [r["double-range"]]: !a
+            })
+          }
+        ),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            style: {
+              right: G,
+              width: J
+            },
+            className: p(
+              r["inner-rail"],
+              r[h],
+              r[b],
+              {
+                [r["double-range"]]: !a
+              }
+            )
+          }
+        )
+      ] });
+      return a ? /* @__PURE__ */ o(k, { children: [
+        e ? n : s,
+        P
+      ] }) : /* @__PURE__ */ o(k, { children: [
+        n,
+        P,
+        s
+      ] });
+    };
+    return /* @__PURE__ */ o("div", { className: p(r["main-wrapper"], O), children: [
+      /* @__PURE__ */ o("div", { className: r["info-wrapper"], children: [
+        !!R && /* @__PURE__ */ i("div", { className: U, children: R }),
+        !!I && /* @__PURE__ */ i("div", { className: A, children: I })
+      ] }),
+      /* @__PURE__ */ o("div", { className: r.wrapper, children: [
+        /* @__PURE__ */ i("div", { className: r["control-wrapper"], children: z() }),
+        /* @__PURE__ */ i("div", { className: r["input-wrapper"], children: v() })
+      ] })
+    ] });
+  }
+);
+export {
+  er as InputRangeSlider
+};

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

@@ -0,0 +1,10 @@
+export declare enum EInputRangeSliderPositions {
+    LEFT = "left",
+    RIGHT = "right"
+}
+export declare enum EInputRangeSliderBorderState {
+    ON = "on",
+    OFF = "off"
+}
+export declare const DEFAULT_STEP = 1;
+export declare const DEFAULT_WIDTH = 100;

package/dist/components/InputRangeSlider/constants.js

@@ -0,0 +1,8 @@
+var F = /* @__PURE__ */ ((T) => (T.LEFT = "left", T.RIGHT = "right", T))(F || {}), r = /* @__PURE__ */ ((T) => (T.ON = "on", T.OFF = "off", T))(r || {});
+const f = 1, D = 100;
+export {
+  f as DEFAULT_STEP,
+  D as DEFAULT_WIDTH,
+  r as EInputRangeSliderBorderState,
+  F as EInputRangeSliderPositions
+};

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

@@ -0,0 +1,3 @@
+export { InputRangeSlider } from './InputRangeSlider';
+export { EInputRangeSliderBorderState, EInputRangeSliderPositions } from './constants';
+export type { TProps as TInputRangeSliderProps } from './types';

package/dist/components/InputRangeSlider/index.js

@@ -0,0 +1,7 @@
+import { InputRangeSlider as t } from "./InputRangeSlider.js";
+import { EInputRangeSliderBorderState as o, EInputRangeSliderPositions as i } from "./constants.js";
+export {
+  o as EInputRangeSliderBorderState,
+  i as EInputRangeSliderPositions,
+  t as InputRangeSlider
+};

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

@@ -0,0 +1,33 @@
+import { ComponentProps, ReactNode } from 'react';
+import { EInputRangeSliderBorderState, EInputRangeSliderPositions } from './constants';
+
+type TInputRangeSliderDoubleRangeProps = {
+    isSingleSlider: true;
+    positions?: EInputRangeSliderPositions | `${EInputRangeSliderPositions}`;
+} | {
+    isSingleSlider?: false;
+    positions?: never;
+};
+export type TProps = TInputRangeSliderDoubleRangeProps & ({
+    min: number;
+    max: number;
+    step?: number;
+    wrapperClassName?: string;
+    isMinEqualMax?: boolean;
+    value?: {
+        min: number;
+        max: number;
+    };
+    onChangeValue?: (value: {
+        min: number;
+        max: number;
+    }) => void;
+    borderState?: EInputRangeSliderBorderState | `${EInputRangeSliderBorderState}`;
+    minMaxDescriptions?: {
+        min: ReactNode;
+        max: ReactNode;
+        minClassName?: string;
+        maxClassName?: string;
+    };
+} & Omit<ComponentProps<'input'>, 'value'>);
+export {};

package/dist/components/ListFiles/ListFiles.d.ts

@@ -0,0 +1,40 @@
+import { EFileItemVariant } from './constants';
+
+export type TListFiles = {
+    /**
+     * Массив фото
+     */
+    value: TFilesDetail[];
+    /**
+     * функция -callback, которая вызывается при изменении списка и передает обновленный список и deleteId,
+     */
+    onChange?: (e: TFileValue) => void;
+    /**
+     * Класс для обертки списка файлов
+     */
+    classNameWrapper?: string;
+    /**
+     * Вариант отображения файла
+     */
+    variant?: EFileItemVariant | `${EFileItemVariant}`;
+    /**
+     * Блок удаления файлов
+     */
+    disabled?: boolean;
+};
+export type TFileItem = {
+    id: number;
+    url: string;
+};
+export type TFileValue = {
+    deleteId?: number;
+    list: TFilesDetail[];
+};
+export type TFilesDetail = {
+    id: number;
+    url: string;
+    name: string;
+    size?: number;
+    type?: string;
+};
+export declare function ListFiles({ value, onChange, classNameWrapper, variant, disabled }: TListFiles): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ListFiles/ListFiles.js

@@ -0,0 +1,66 @@
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { c as d } from "../../index-DIxK0V-G.js";
+import { useState as u, useEffect as w } from "react";
+import { EFileItemVariant as g } from "./constants.js";
+import { formating as N } from "../../utils/index.js";
+import { Button as h } from "../Button/Button.js";
+import '../../assets/ListFiles.css';const z = "_white_wnnpg_58", y = "_gray_wnnpg_63", e = {
+  "file-info": "_file-info_wnnpg_2",
+  "file-info-size": "_file-info-size_wnnpg_8",
+  "file-info-name-wrapper": "_file-info-name-wrapper_wnnpg_16",
+  "file-info-name": "_file-info-name_wnnpg_16",
+  "file-upload-container": "_file-upload-container_wnnpg_34",
+  "file-upload-container-item": "_file-upload-container-item_wnnpg_42",
+  "delete-button": "_delete-button_wnnpg_51",
+  white: z,
+  gray: y
+};
+function B({
+  value: o,
+  onChange: s,
+  classNameWrapper: f,
+  variant: c = g.white,
+  disabled: m
+}) {
+  const [a, l] = u(o);
+  w(() => {
+    l(o);
+  }, [o]);
+  const p = async (i) => {
+    const n = [...a.filter((_) => _.id !== i)];
+    l(n), s == null || s({ deleteId: i, list: n });
+  };
+  return a.length ? /* @__PURE__ */ t(
+    "ul",
+    {
+      className: d(
+        e["file-upload-container"],
+        f,
+        e[c]
+      ),
+      children: a.map((i, n) => /* @__PURE__ */ r("li", { className: e["file-upload-container-item"], children: [
+        /* @__PURE__ */ r("div", { className: e["file-info"], children: [
+          (i == null ? void 0 : i.size) && /* @__PURE__ */ r("span", { className: e["file-info-size"], children: [
+            " ",
+            N.Size(i == null ? void 0 : i.size)
+          ] }),
+          /* @__PURE__ */ t("div", { className: e["file-info-name-wrapper"], children: /* @__PURE__ */ t("div", { className: e["file-info-name"], children: i.name }) })
+        ] }),
+        !m && /* @__PURE__ */ t(
+          h,
+          {
+            isIconButton: !0,
+            iconName: "Close12px",
+            size: "m-s",
+            variant: "secondary-gray",
+            className: e["delete-button"],
+            onClick: () => p(i.id)
+          }
+        )
+      ] }, n))
+    }
+  ) : null;
+}
+export {
+  B as ListFiles
+};

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

@@ -0,0 +1,7 @@
+import { TFilesDetail } from './ListFiles';
+
+export declare const photos: TFilesDetail[];
+export declare enum EFileItemVariant {
+    white = "white",
+    gray = "gray"
+}

package/dist/components/ListFiles/constants.js

@@ -0,0 +1,35 @@
+const t = [
+  {
+    id: 111,
+    name: "ООО “КИЗ-СТРОЙ” - Свидетельство о регистрации (06.12.2003).xls",
+    url: "https://i.pinimg.com/736x/5a/e6/12/5ae612a7ecf50870c8f41961fefc332f.jpg",
+    size: 1024,
+    type: "image/png"
+  },
+  {
+    id: 112,
+    name: "ООО “КИЗ-СТРОЙ” - Доверенность (20.10.2005).xls",
+    url: "https://i1.sndcdn.com/artworks-rQAPPfrs44UvRwIz-WJkvyQ-t500x500.jpg",
+    size: 1024,
+    type: "image/png"
+  },
+  {
+    id: 113,
+    name: "Скан паспорта.pdf",
+    url: "https://i1.sndcdn.com/avatars-000095020320-0pmjnu-t500x500.jpg",
+    size: 2064,
+    type: "image/png"
+  },
+  {
+    id: 114,
+    name: "Прочие документы.xls",
+    url: "https://i1.sndcdn.com/avatars-000151937348-27m28p-t500x500.jpg",
+    size: 1024,
+    type: "image/png"
+  }
+];
+var p = /* @__PURE__ */ ((e) => (e.white = "white", e.gray = "gray", e))(p || {});
+export {
+  p as EFileItemVariant,
+  t as photos
+};

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

@@ -0,0 +1,3 @@
+export { ListFiles } from './ListFiles';
+export type { ListFiles as TListFiles, TFilesDetail, TFileValue, TFileItem } from './ListFiles';
+export { EFileItemVariant } from './constants';

package/dist/components/ListFiles/index.js

@@ -0,0 +1,6 @@
+import { ListFiles as t } from "./ListFiles.js";
+import { EFileItemVariant as o } from "./constants.js";
+export {
+  o as EFileItemVariant,
+  t as ListFiles
+};

package/dist/components/ListPhotos/ListPhotos.d.ts

@@ -0,0 +1,28 @@
+export type TListPhotos = {
+    /**
+     * Массив фото
+     */
+    value: TPhotosDetail[];
+    /**
+     * функция -callback, которая вызывается при изменении списка и передает обновленный список и deleteId,
+     */
+    onChange?: (e: TPhotoValue) => void;
+    /**
+     * Класс для обертки списка фотографий
+     */
+    classNameWrapper?: string;
+};
+export type TPhotoItem = {
+    id: number;
+    url: string;
+};
+export type TPhotoValue = {
+    deleteId?: number;
+    list: TPhotoItem[];
+};
+export type TPhotosDetail = {
+    id: number;
+    url: string;
+    file?: File;
+};
+export declare function ListPhotos({ value, onChange, classNameWrapper }: TListPhotos): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ListPhotos/ListPhotos.js

@@ -0,0 +1,44 @@
+import { jsx as l, jsxs as n } from "react/jsx-runtime";
+import { c as u } from "../../index-DIxK0V-G.js";
+import { useState as _, useEffect as f } from "react";
+import { Button as d } from "../Button/Button.js";
+import '../../assets/ListPhotos.css';const i = {
+  "list-photos": "_list-photos_1tpc1_2",
+  "list-photos-item": "_list-photos-item_1tpc1_11",
+  "list-photos-image": "_list-photos-image_1tpc1_20",
+  "delete-button": "_delete-button_1tpc1_25"
+};
+function x({ value: o, onChange: s, classNameWrapper: r }) {
+  const [e, c] = _(o);
+  f(() => {
+    c(o);
+  }, [o]);
+  const p = async (t) => {
+    const m = [...e.filter((a) => a.id !== t)];
+    c(m), s == null || s({ deleteId: t, list: m });
+  };
+  return e.length ? /* @__PURE__ */ l("ul", { className: u(i["list-photos"], r), children: e.map((t) => /* @__PURE__ */ n("li", { className: i["list-photos-item"], children: [
+    /* @__PURE__ */ l(
+      "img",
+      {
+        className: i["list-photos-image"],
+        src: t.url || t.file && URL.createObjectURL(t.file),
+        alt: ""
+      }
+    ),
+    s && /* @__PURE__ */ l(
+      d,
+      {
+        isIconButton: !0,
+        iconName: "Close12px",
+        size: "m-s",
+        variant: "secondary-gray",
+        className: i["delete-button"],
+        onClick: () => p(t.id)
+      }
+    )
+  ] }, t.id)) }) : null;
+}
+export {
+  x as ListPhotos
+};

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

@@ -0,0 +1,3 @@
+import { TPhotosDetail } from './ListPhotos';
+
+export declare const photos: TPhotosDetail[];

package/dist/components/ListPhotos/constants.js

@@ -0,0 +1,21 @@
+const t = [
+  {
+    id: 111,
+    url: "https://i.pinimg.com/736x/5a/e6/12/5ae612a7ecf50870c8f41961fefc332f.jpg"
+  },
+  {
+    id: 112,
+    url: "https://i1.sndcdn.com/artworks-rQAPPfrs44UvRwIz-WJkvyQ-t500x500.jpg"
+  },
+  {
+    id: 113,
+    url: "https://i1.sndcdn.com/avatars-000095020320-0pmjnu-t500x500.jpg"
+  },
+  {
+    id: 114,
+    url: "https://i1.sndcdn.com/avatars-000151937348-27m28p-t500x500.jpg"
+  }
+];
+export {
+  t as photos
+};

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

@@ -0,0 +1,2 @@
+export { ListPhotos } from './ListPhotos';
+export type { ListPhotos as TListPhotos, TPhotosDetail, TPhotoValue, TPhotoItem } from './ListPhotos';

package/dist/components/ListPhotos/index.js

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

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,7 @@
+import { ELoaderSize } from './constants';
+
+type TProps = {
+    size?: ELoaderSize | `${ELoaderSize}`;
+};
+export declare const Loader: ({ size }: TProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Loader/Loader.js

@@ -0,0 +1,16 @@
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
+import { c as r } from "../../index-DIxK0V-G.js";
+import { ELoaderSize as o } from "./constants.js";
+import '../../assets/Loader.css';const t = "_loader_1qwwg_2", l = "_circle_1qwwg_9", m = "_animate_1qwwg_1", i = "_s_1qwwg_33", _ = "_m_1qwwg_37", s = {
+  loader: t,
+  circle: l,
+  animate: m,
+  s: i,
+  m: _
+}, p = ({ size: c = o.M }) => /* @__PURE__ */ e("div", { className: r(s.loader, s[c]), "data-testid": "loader", children: [
+  /* @__PURE__ */ a("span", { className: s.circle }),
+  /* @__PURE__ */ a("span", { className: s.circle })
+] });
+export {
+  p as Loader
+};

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

@@ -0,0 +1,4 @@
+export declare enum ELoaderSize {
+    S = "s",
+    M = "m"
+}

package/dist/components/Loader/constants.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((r) => (r.S = "s", r.M = "m", r))(t || {});
+export {
+  t as ELoaderSize
+};

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

@@ -0,0 +1,2 @@
+export { Loader } from './Loader';
+export { ELoaderSize } from './constants';

package/dist/components/Loader/index.js

@@ -0,0 +1,6 @@
+import { Loader as e } from "./Loader.js";
+import { ELoaderSize as d } from "./constants.js";
+export {
+  d as ELoaderSize,
+  e as Loader
+};

package/dist/components/MergedButton/MergedButton.d.ts

@@ -0,0 +1,18 @@
+import { EMergedButtonVariantRound } from './constants';
+import { TButtonProps } from '../Button';
+
+export type TButtonPropsWithoutStyles = Omit<TButtonProps, 'clear' | 'variant' | 'form'> & {
+    variant?: `${EMergedButtonVariantRound}` | EMergedButtonVariantRound;
+    'data-testid'?: string;
+};
+type TProps = {
+    /**
+     * Массив кнопок,  который отрисуется в контейнере
+     * */
+    buttons: TButtonPropsWithoutStyles[];
+};
+/**
+ * Компонент объединенных кнопок, с округлением у первой и последней кнопки, а так же с другими variant, нежели у обычного Button.
+ */
+export declare const MergedButton: import('react').MemoExoticComponent<({ buttons }: TProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/MergedButton/MergedButton.js

@@ -0,0 +1,48 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as _ } from "../../index-DIxK0V-G.js";
+import { memo as l } from "react";
+import { EMergedButtonVariantRound as u } from "./constants.js";
+import { Button as g } from "../Button/Button.js";
+import '../../assets/MergedButton.css';const p = "_buttons_l320r_2", d = "_gray_l320r_28", B = "_white_l320r_36", I = "_transparent_l320r_44", o = {
+  buttons: p,
+  "merged-button": "_merged-button_l320r_6",
+  gray: d,
+  white: B,
+  transparent: I,
+  "is-icon": "_is-icon_l320r_53",
+  "one-button": "_one-button_l320r_57"
+}, f = l(({ buttons: r }) => /* @__PURE__ */ e("div", { className: o.buttons, children: r.map(
+  ({
+    variant: s = u.White,
+    disabled: n,
+    className: c,
+    ...t
+  }, i) => {
+    const a = {
+      ...t,
+      isIconButton: t.isIconButton ?? !1,
+      iconName: t.isIconButton ? t.iconName : void 0,
+      leftIcon: t.isIconButton ? void 0 : t.leftIcon,
+      rightIcon: t.isIconButton ? void 0 : t.rightIcon
+    }, m = _(o["merged-button"], c, {
+      [o[s]]: !n,
+      [o.disabled]: n,
+      [o["is-icon"]]: t.isIconButton,
+      [o["one-button"]]: r.length === 1
+    });
+    return /* @__PURE__ */ e(
+      g,
+      {
+        clear: !0,
+        disabled: n,
+        className: m,
+        ...a
+      },
+      i
+    );
+  }
+) }));
+f.displayName = "MergedButton";
+export {
+  f as MergedButton
+};

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

@@ -0,0 +1,5 @@
+export declare enum EMergedButtonVariantRound {
+    Transparent = "transparent",
+    Gray = "gray",
+    White = "white"
+}

package/dist/components/MergedButton/constants.js

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

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

@@ -0,0 +1,2 @@
+export { MergedButton, type TButtonPropsWithoutStyles } from './MergedButton';
+export { EMergedButtonVariantRound } from './constants';

package/dist/components/MergedButton/index.js

@@ -0,0 +1,6 @@
+import { MergedButton as t } from "./MergedButton.js";
+import { EMergedButtonVariantRound as n } from "./constants.js";
+export {
+  n as EMergedButtonVariantRound,
+  t as MergedButton
+};