mimir-ui-kit 1.38.36 → 1.38.39

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

@@ -0,0 +1,4 @@
+export declare enum EProgressBarPosition {
+    TOP = "top",
+    BOTTOM = "bottom"
+}

package/dist/components/Slider/constants.js

@@ -0,0 +1,4 @@
+var O = /* @__PURE__ */ ((t) => (t.TOP = "top", t.BOTTOM = "bottom", t))(O || {});
+export {
+  O as EProgressBarPosition
+};

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

@@ -0,0 +1,3 @@
+export declare const SliderLazy: import('react').LazyExoticComponent<typeof import('./Slider').default>;
+export { default as Slider } from './Slider';
+export { EProgressBarPosition } from './constants';

package/dist/components/Slider/index.js

@@ -0,0 +1,9 @@
+import { lazy as r } from "react";
+import { default as a } from "./Slider.js";
+import { EProgressBarPosition as p } from "./constants.js";
+const t = r(() => import("./Slider.js"));
+export {
+  p as EProgressBarPosition,
+  a as Slider,
+  t as SliderLazy
+};

package/dist/components/Steps/Steps.d.ts

@@ -0,0 +1,78 @@
+import { ComponentProps } from 'react';
+import { TCommonStepsProps } from './types';
+import { TStepsZone } from './types.ts';
+
+export type TProps = TCommonStepsProps & Omit<ComponentProps<'div'>, 'onClick'> & {
+    /**
+     * Класс, применяемый к корневому элементу
+     */
+    rootClassName?: string;
+    /**
+     * Класс, применяемый к шагам
+     */
+    stepClassName?: string;
+    /**
+     * Количество шагов.
+     */
+    quantity: number;
+    /**
+     * Текущий шаг
+     */
+    current?: number;
+    /**
+     * Есть ли возможность переключать шаги по клику
+     */
+    editable?: boolean;
+    /**
+     * Обработчик клика на шаг
+     */
+    onClick?: (step: number) => void;
+    /**
+     * Отключено / включено взаимодействие с шагами
+     */
+    disabled?: boolean;
+    /**
+     * Цвет оставшихся шагов
+     */
+    zones?: TStepsZone[];
+    /**
+     * Цвет шага, если он не выбран
+     */
+    unselectedColor?: string;
+    /**
+     * Адаптивный шаг
+     */
+    resizable?: boolean;
+    /**
+     * Нужен ли сброс до нулевого значения.
+     */
+    needZeroValue?: boolean;
+    /**
+     * Класс для иконки шага
+     */
+    classNameIconStep?: string;
+    /**
+     * Кастомные размеры шагов.
+     */
+    customSize?: {
+        width?: number;
+        height?: number;
+    };
+    /**
+     * Заливать ли элементы цветом той зоны на которую сейчас наведен курсор
+     */
+    fillByActualZone?: boolean;
+    /**
+     * Коллбек для события наведения на шаг курсором
+     */
+    onStepMouseEnter?: (idx: number) => void;
+    /**
+     * Коллбэк для события покидания шага курсором
+     */
+    onStepMouseLeave?: () => void;
+    /**
+     * Передача текущего цвета в родительский компонент
+     */
+    setParentColor?: (color: string) => void;
+};
+export declare const Steps: import('react').ForwardRefExoticComponent<Omit<TProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Steps/Steps.js

@@ -0,0 +1,123 @@
+import { jsx as E } from "react/jsx-runtime";
+import { c as y } from "../../index-DIxK0V-G.js";
+import { forwardRef as V, useId as G, useState as N, useRef as J, useEffect as C } from "react";
+import { ZERO_STEP as A, EStepsSize as K, ID_SEPARATOR as R, STEP_ICONS_MAP as Q, StepSize as U, DIFF_BETWEEN_STEP_AND_INDEX as Y } from "./constants.js";
+import { Icon as x } from "../../icons/Icon.js";
+import '../../assets/Steps.css';const ee = "_container_1cq8d_2", oe = "_step_1cq8d_6", te = "_editable_1cq8d_9", ne = "_resizable_1cq8d_12", se = "_XS_1cq8d_17", re = "_XS1_1cq8d_20", le = "_S_1cq8d_23", ce = "_M_1cq8d_26", ae = "_L_1cq8d_29", ie = "_XL_1cq8d_32", l = {
+  container: ee,
+  step: oe,
+  editable: te,
+  resizable: ne,
+  XS: se,
+  XS1: re,
+  S: le,
+  M: ce,
+  L: ae,
+  XL: ie
+}, ue = V(
+  (T, k) => {
+    const {
+      rootClassName: D,
+      stepClassName: Z,
+      quantity: z,
+      needZeroValue: O = !0,
+      current: d = A,
+      editable: q = !1,
+      size: _ = K.M,
+      onClick: f,
+      customSize: p,
+      resizable: i,
+      disabled: M = !1,
+      zones: r = [{ color: "#ff0000", to: z }],
+      unselectedColor: S = "#ffffff",
+      fillByActualZone: c,
+      onStepMouseEnter: v,
+      onStepMouseLeave: X,
+      setParentColor: u,
+      classNameIconStep: $,
+      ...w
+    } = T, B = G(), [t, m] = N(d), [a, L] = N(null), b = J(null), [I, h] = N(null);
+    C(() => {
+      m(d);
+    }, [d]), C(() => {
+      if (c) {
+        const o = r.find((e) => e.to >= (t || 0));
+        o && h(o.color);
+      }
+    }, [c, t, r]);
+    const F = (o) => {
+      const e = o + Y;
+      if (b.current = !0, O)
+        return m(e !== t ? e : A);
+      m(e);
+    };
+    C(() => {
+      b.current === !0 && (f && f(t), b.current = !1);
+    }, [f, t]);
+    const W = (o) => {
+      const e = Number(o.currentTarget.id.split(R)[1]);
+      L(e), v && v(e);
+      const n = r.find((s) => s.to >= (e + 1 || 0));
+      n && (u && u(n.color), c && h(n.color));
+    }, j = () => {
+      L(null), X && X();
+      const o = r.find((e) => e.to >= (t || 0));
+      o && (u && u(o.color), c && h(o.color));
+    }, H = Array.from({ length: z }, (o, e) => {
+      var P, g;
+      let n = 0;
+      for (; n < r.length && r[n].to <= e; )
+        n++;
+      let s;
+      return c && a !== null ? s = e <= a ? I : S : c ? s = t > e ? I : S : s = a !== null && e <= a ? (P = r[n]) == null ? void 0 : P.color : t > e && a === null ? (g = r[n]) == null ? void 0 : g.color : S, /* @__PURE__ */ E(
+        "button",
+        {
+          type: "button",
+          style: {
+            backgroundColor: i && s !== null ? s : void 0,
+            color: s !== null ? s : void 0,
+            height: p == null ? void 0 : p.height
+          },
+          id: `${B}${R}${e}`,
+          className: y(l.step, l[_], Z, {
+            [l.editable]: q && !M,
+            [l.resizable]: i,
+            [l.disabled]: M || !q && e + 1 > t
+          }),
+          onClick: () => F(e),
+          onMouseEnter: W,
+          onMouseLeave: j,
+          children: !i && /* @__PURE__ */ E(
+            x,
+            {
+              iconName: Q[_].icon,
+              ...U[_],
+              className: $,
+              "data-testid": "step-icon"
+            }
+          )
+        },
+        e
+      );
+    });
+    return /* @__PURE__ */ E(
+      "div",
+      {
+        ...w,
+        className: y(
+          l.container,
+          {
+            [l.resizable]: i
+          },
+          D
+        ),
+        ref: k,
+        children: H
+      }
+    );
+  }
+);
+ue.displayName = "Steps";
+export {
+  ue as Steps
+};

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

@@ -0,0 +1,49 @@
+import { TIcon } from '../../icons';
+
+export declare const ZERO_STEP = 0;
+export declare const DIFF_BETWEEN_STEP_AND_INDEX = 1;
+export declare const ID_SEPARATOR = "-//-";
+export declare enum EStepsSize {
+    XS = "XS",
+    XS1 = "XS1",
+    S = "S",
+    M = "M",
+    L = "L",
+    XL = "XL"
+}
+export declare const StepSize: {
+    XS: {
+        width: number;
+        height: number;
+    };
+    XS1: {
+        width: number;
+        height: number;
+    };
+    S: {
+        width: number;
+        height: number;
+    };
+    M: {
+        width: number;
+        height: number;
+    };
+    L: {
+        width: number;
+        height: number;
+    };
+    XL: {
+        width: number;
+        height: number;
+    };
+};
+export declare const STEP_ICONS_MAP: Record<EStepsSize, {
+    icon: TIcon;
+}>;
+export declare enum EStepColor {
+    ASPHALT = "#333333",
+    CITRINE = "#ff7900",
+    SAPPHIRE = "#2355d7",
+    GREEN = "#1b770c",
+    DISABLED = "#b2b2b2"
+}

package/dist/components/Steps/constants.js

@@ -0,0 +1,57 @@
+const S = 0, X = 1, n = "-//-";
+var t = /* @__PURE__ */ ((h) => (h.XS = "XS", h.XS1 = "XS1", h.S = "S", h.M = "M", h.L = "L", h.XL = "XL", h))(t || {});
+const c = {
+  XS: {
+    width: 19,
+    height: 8
+  },
+  XS1: {
+    width: 32,
+    height: 12
+  },
+  S: {
+    width: 36,
+    height: 12
+  },
+  M: {
+    width: 48,
+    height: 21
+  },
+  L: {
+    width: 64,
+    height: 28
+  },
+  XL: {
+    width: 72,
+    height: 12
+  }
+}, L = {
+  XS: {
+    icon: "Step"
+  },
+  XS1: {
+    icon: "Step"
+  },
+  S: {
+    icon: "Step"
+  },
+  M: {
+    icon: "Step"
+  },
+  L: {
+    icon: "Step"
+  },
+  XL: {
+    icon: "StepXL"
+  }
+};
+var i = /* @__PURE__ */ ((h) => (h.ASPHALT = "#333333", h.CITRINE = "#ff7900", h.SAPPHIRE = "#2355d7", h.GREEN = "#1b770c", h.DISABLED = "#b2b2b2", h))(i || {});
+export {
+  X as DIFF_BETWEEN_STEP_AND_INDEX,
+  i as EStepColor,
+  t as EStepsSize,
+  n as ID_SEPARATOR,
+  L as STEP_ICONS_MAP,
+  c as StepSize,
+  S as ZERO_STEP
+};

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

@@ -0,0 +1,3 @@
+export { Steps } from './Steps';
+export { EStepColor, EStepsSize } from './constants';
+export type { TCommonStepsProps, TStepsZone } from './types';

package/dist/components/Steps/index.js

@@ -0,0 +1,7 @@
+import { Steps as p } from "./Steps.js";
+import { EStepColor as t, EStepsSize as S } from "./constants.js";
+export {
+  t as EStepColor,
+  S as EStepsSize,
+  p as Steps
+};

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

@@ -0,0 +1,10 @@
+import { EStepColor, EStepsSize } from './constants';
+
+export type TSize = `${EStepsSize}` | EStepsSize;
+export type TCommonStepsProps = {
+    size?: TSize;
+};
+export type TStepsZone = {
+    color: EStepColor | string;
+    to: number;
+};

package/dist/components/Switcher/Switcher.d.ts

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

package/dist/components/Switcher/Switcher.js

@@ -0,0 +1,107 @@
+import { jsxs as L, jsx as N } from "react/jsx-runtime";
+import { H as te } from "../../field-FJ34aSs4.js";
+import { K as I, w as re, z as se, U as ae, u as ce, a as le, b as oe, T as ie, I as ne, G as ue, j as he, p as me } from "../../label-y3ANLTNC.js";
+import { W as de, H as j, y as pe, p as fe, o as $, $ as be, b as we, D as _e, c as H } from "../../keyboard-B0lm_zyn.js";
+import u, { createContext as $e, useState as x, useMemo as G, useId as ge, useContext as ve, useRef as ke, useCallback as xe, Fragment as ye, forwardRef as Pe } from "react";
+import { w as Ce } from "../../use-active-press-86hajhdd.js";
+import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { r as Fe } from "../../bugs-diTMAGNw.js";
+import { c as g } from "../../index-DIxK0V-G.js";
+import { ELabelPositions as Ee } from "./constants.js";
+import '../../assets/Switcher.css';let y = $e(null);
+y.displayName = "GroupContext";
+let Se = ye;
+function Te(s) {
+  var l;
+  let [e, n] = x(null), [h, m] = se(), [d, t] = ae(), a = G(() => ({ switch: e, setSwitch: n }), [e, n]), c = {}, p = s;
+  return u.createElement(t, { name: "Switch.Description", value: d }, u.createElement(m, { name: "Switch.Label", value: h, props: { htmlFor: (l = a.switch) == null ? void 0 : l.id, onClick(o) {
+    e && (o.currentTarget instanceof HTMLLabelElement && o.preventDefault(), e.click(), e.focus({ preventScroll: !0 }));
+  } } }, u.createElement(y.Provider, { value: a }, j({ ourProps: c, theirProps: p, slot: {}, defaultTag: Se, name: "Switch.Group" }))));
+}
+let Le = "button";
+function Ne(s, l) {
+  var e;
+  let n = ge(), h = ce(), m = le(), { id: d = h || `headlessui-switch-${n}`, disabled: t = m || !1, checked: a, defaultChecked: c, onChange: p, name: o, value: v, form: k, autoFocus: _ = !1, ...K } = s, P = ve(y), [R, M] = x(null), U = ke(null), O = pe(U, l, P === null ? null : P.setSwitch, M), f = oe(c), [b, w] = ie(a, p, f ?? !1), V = fe(), [C, D] = x(!1), F = $(() => {
+    D(!0), w == null || w(!b), V.nextFrame(() => {
+      D(!1);
+    });
+  }), W = $((r) => {
+    if (Fe(r.currentTarget)) return r.preventDefault();
+    r.preventDefault(), F();
+  }), q = $((r) => {
+    r.key === H.Space ? (r.preventDefault(), F()) : r.key === H.Enter && me(r.currentTarget);
+  }), z = $((r) => r.preventDefault()), A = ne(), B = ue(), { isFocusVisible: E, focusProps: J } = be({ autoFocus: _ }), { isHovered: S, hoverProps: Q } = we({ isDisabled: t }), { pressed: T, pressProps: X } = Ce({ disabled: t }), Y = G(() => ({ checked: b, disabled: t, hover: S, focus: E, active: T, autofocus: _, changing: C }), [b, S, E, T, t, C, _]), Z = _e({ id: d, ref: O, role: "switch", type: De(s, R), tabIndex: s.tabIndex === -1 ? 0 : (e = s.tabIndex) != null ? e : 0, "aria-checked": b, "aria-labelledby": A, "aria-describedby": B, disabled: t || void 0, autoFocus: _, onClick: W, onKeyUp: q, onKeyPress: z }, J, Q, X), ee = xe(() => {
+    if (f !== void 0) return w == null ? void 0 : w(f);
+  }, [w, f]);
+  return u.createElement(u.Fragment, null, o != null && u.createElement(he, { disabled: t, data: { [o]: v || "on" }, overrides: { type: "checkbox", checked: b }, form: k, onReset: ee }), j({ ourProps: Z, theirProps: K, slot: Y, defaultTag: Le, name: "Switch" }));
+}
+let He = de(Ne), Ie = Te, je = I, Ge = re, Ke = Object.assign(He, { Group: Ie, Label: je, Description: Ge });
+const Re = "_left_gu0m2_14", Me = "_right_gu0m2_17", Ue = "_label_gu0m2_21", Oe = "_switcher_gu0m2_2", i = {
+  "switcher-wrapper": "_switcher-wrapper_gu0m2_2",
+  left: Re,
+  right: Me,
+  label: Ue,
+  switcher: Oe,
+  "switcher-checked": "_switcher-checked_gu0m2_45",
+  "switcher-thumb": "_switcher-thumb_gu0m2_55",
+  "switcher-checked-thumb": "_switcher-checked-thumb_gu0m2_65"
+}, Ze = Pe(
+  ({
+    id: s,
+    label: l,
+    hasLabel: e = !1,
+    labelPosition: n = Ee.LEFT,
+    className: h,
+    labelClassName: m,
+    switcherThumbClassName: d,
+    wrapperClassName: t,
+    children: a,
+    checked: c,
+    ...p
+  }, o) => {
+    const v = (k) => typeof a == "function" ? a({ ...k, checked: c }) : a;
+    return /* @__PURE__ */ L(
+      te,
+      {
+        className: g(
+          i["switcher-wrapper"],
+          t,
+          i[n]
+        ),
+        children: [
+          l && e && /* @__PURE__ */ N(I, { className: g(i.label, m), htmlFor: s, children: l }),
+          /* @__PURE__ */ L(
+            Ke,
+            {
+              ...p,
+              id: s,
+              ref: o,
+              className: g(i.switcher, h, {
+                [i["switcher-checked"]]: c
+              }),
+              children: [
+                v({ checked: c }),
+                /* @__PURE__ */ N(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: g(
+                      i["switcher-thumb"],
+                      d,
+                      {
+                        [i["switcher-checked-thumb"]]: c
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  Ze as Switcher
+};

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

@@ -0,0 +1,4 @@
+export declare enum ELabelPositions {
+    LEFT = "left",
+    RIGHT = "right"
+}

package/dist/components/Switcher/constants.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((r) => (r.LEFT = "left", r.RIGHT = "right", r))(t || {});
+export {
+  t as ELabelPositions
+};

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

@@ -0,0 +1,3 @@
+export { Switcher } from './Switcher';
+export type { TProps as TSwitcherProps } from './types';
+export { ELabelPositions } from './constants';

package/dist/components/Switcher/index.js

@@ -0,0 +1,6 @@
+import { Switcher as e } from "./Switcher.js";
+import { ELabelPositions as i } from "./constants.js";
+export {
+  i as ELabelPositions,
+  e as Switcher
+};

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

@@ -0,0 +1,30 @@
+import { SwitchProps } from '@headlessui/react';
+import { ReactNode } from 'react';
+import { ELabelPositions } from './constants';
+
+export type SwitchRenderPropArg = {
+    checked?: boolean;
+    hover?: boolean;
+    focus?: boolean;
+    active?: boolean;
+    autofocus?: boolean;
+    changing?: boolean;
+    disabled?: boolean;
+};
+type TLabelProps = {
+    hasLabel: true;
+    label: ReactNode;
+    labelClassName?: string;
+    labelPosition?: ELabelPositions | `${ELabelPositions}`;
+} | {
+    hasLabel: false;
+    label?: never;
+    labelClassName?: never;
+    labelPosition?: never;
+};
+export type TProps = SwitchProps & TLabelProps & {
+    className?: string;
+    switcherThumbClassName?: string;
+    wrapperClassName?: string;
+};
+export {};

package/dist/components/TabTrail/TabButtons/TabButtons.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ETabTrailButtonVariant } from './constants';
+
+type TProps = {
+    handleNextTab: () => void;
+    handlePrevTab: () => void;
+    buttonsVariant?: ETabTrailButtonVariant | `${ETabTrailButtonVariant}`;
+};
+export declare const TabButtons: FC<TProps>;
+export {};

package/dist/components/TabTrail/TabButtons/TabButtons.js

@@ -0,0 +1,33 @@
+import { jsx as n } from "react/jsx-runtime";
+import { memo as c, useMemo as e } from "react";
+import { ETabTrailIconName as m, ETabTrailButtonVariant as u } from "./constants.js";
+import { MergedButton as a } from "../../MergedButton/MergedButton.js";
+const I = c(
+  ({
+    handleNextTab: t,
+    handlePrevTab: r,
+    buttonsVariant: o = u.WHITE
+  }) => {
+    const i = e(
+      () => [
+        {
+          isIconButton: !0,
+          iconName: m.LEFT,
+          variant: o,
+          onClick: r
+        },
+        {
+          isIconButton: !0,
+          iconName: m.RIGHT,
+          variant: o,
+          onClick: t
+        }
+      ],
+      [r, t, o]
+    );
+    return /* @__PURE__ */ n(a, { buttons: i });
+  }
+);
+export {
+  I as TabButtons
+};

package/dist/components/TabTrail/TabButtons/constants.d.ts

@@ -0,0 +1,8 @@
+export declare enum ETabTrailButtonVariant {
+    GRAY = "gray",
+    WHITE = "white"
+}
+export declare enum ETabTrailIconName {
+    LEFT = "ArrowLeft16px",
+    RIGHT = "ArrowRight16px"
+}

package/dist/components/TabTrail/TabButtons/constants.js

@@ -0,0 +1,5 @@
+var e = /* @__PURE__ */ ((r) => (r.GRAY = "gray", r.WHITE = "white", r))(e || {}), p = /* @__PURE__ */ ((r) => (r.LEFT = "ArrowLeft16px", r.RIGHT = "ArrowRight16px", r))(p || {});
+export {
+  e as ETabTrailButtonVariant,
+  p as ETabTrailIconName
+};

package/dist/components/TabTrail/TabButtons/index.d.ts

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

package/dist/components/TabTrail/TabButtons/index.js

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

package/dist/components/TabTrail/TabTrail.d.ts

@@ -0,0 +1,68 @@
+import { ETabTrailSize } from './constants';
+import { ETabTrailButtonVariant } from './TabButtons/constants';
+
+export type TCategoryTab = {
+    /**
+     * Наименование таба.
+     */
+    name: string;
+    /**
+     * Контент, который будет отображать таб.
+     */
+    content: React.ReactNode;
+    /**
+     * Количество уведомлений для компонента NotificationBadge.
+     */
+    notificationCount?: number;
+};
+export type TTabTrailProps = {
+    /**
+     * Массив категорий, каждая из которых содержит контент.
+     */
+    categories: TCategoryTab[];
+    /**
+     * Размер TabTrail. Допустимые значения: M, S.
+     */
+    size?: ETabTrailSize;
+    /**
+     * Показывать ли кнопки навигации.
+     */
+    showButtons?: boolean;
+    /**
+     * Класснейм для TabTrail.
+     */
+    className?: string;
+    /**
+     * Индекс выбранного таба.
+     */
+    selectedTabIndex?: number;
+    /**
+     * Функция обратного вызова при изменении выбранного таба.
+     */
+    onTabChange?: (index: number) => void;
+    /**
+     * Вариант кнопок навигации
+     */
+    buttonsVariant?: ETabTrailButtonVariant | `${ETabTrailButtonVariant}`;
+    /**
+     * Автоматически показывать кнопки навигации при переполнении
+     */
+    autoShowButtons?: boolean;
+    /**
+     * Дополнительный класс для каждой вкладки.
+     */
+    tabClassName?: string;
+    /**
+     * Дополнительный класс для списка вкладок.
+     */
+    listClassName?: string;
+    /**
+     * Дополнительный класс для панели контента таба.
+     */
+    panelClassName?: string;
+    /**
+     * Дополнительный класс для контейнера кнопок навигации.
+     */
+    buttonsClassName?: string;
+};
+export declare const TabTrail: import('react').ForwardRefExoticComponent<TTabTrailProps & import('react').RefAttributes<HTMLElement>>;