@sberbusiness/triplex-next 0.1.9 → 0.11.0

package/components/StatusTracker/components/StatusTrackerMedia.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as o } from "../../../chunks/StatusTracker.module-B9ddfVz8.js";
+const d = (s) => {
+  const { children: r, className: t, ...a } = s;
+  return /* @__PURE__ */ e("div", { className: c(o.statusTrackerChild, t), ...a, children: r });
+};
+export {
+  d as StatusTrackerMedia
+};
+//# sourceMappingURL=StatusTrackerMedia.js.map

package/components/StatusTracker/components/StatusTrackerStatus.js

@@ -0,0 +1,12 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as e } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as m } from "../../../chunks/StatusTracker.module-B9ddfVz8.js";
+import { MarkerStatus as c } from "../../MarkerStatus/MarkerStatus.js";
+const f = (s) => {
+  const { children: t, className: r, ...a } = s;
+  return /* @__PURE__ */ o(c, { className: e(m.statusTrackerStatus, r), ...a, children: t });
+};
+export {
+  f as StatusTrackerStatus
+};
+//# sourceMappingURL=StatusTrackerStatus.js.map

package/components/StatusTracker/components/StatusTrackerSum.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as e } from "../../../chunks/vendor-BlJo2ILB.js";
+import { Title as i } from "../../Typography/Title.js";
+import "../../Typography/Text.js";
+import "../../Typography/Caption.js";
+import { ETitleSize as a, EFontWeightTitle as p } from "../../Typography/enums.js";
+import { Amount as c } from "../../Amount/Amount.js";
+import { s as l } from "../../../chunks/StatusTracker.module-B9ddfVz8.js";
+const g = (r) => {
+  const { className: o, amountProps: m, ...s } = r;
+  return /* @__PURE__ */ t(
+    i,
+    {
+      weight: p.SEMIBOLD,
+      size: a.H1,
+      className: e(l.statusTrackerSum, o),
+      ...s,
+      children: /* @__PURE__ */ t(c, { ...m })
+    }
+  );
+};
+export {
+  g as StatusTrackerSum
+};
+//# sourceMappingURL=StatusTrackerSum.js.map

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -0,0 +1,24 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as o } from "../../../chunks/vendor-BlJo2ILB.js";
+import { Title as m } from "../../Typography/Title.js";
+import "../../Typography/Text.js";
+import "../../Typography/Caption.js";
+import { ETitleSize as a, EFontWeightTitle as l } from "../../Typography/enums.js";
+import { s as c } from "../../../chunks/StatusTracker.module-B9ddfVz8.js";
+const g = (t) => {
+  const { children: r, className: e, ...s } = t;
+  return /* @__PURE__ */ i(
+    m,
+    {
+      weight: l.BOLD,
+      size: a.H3,
+      className: o(c.statusTrackerTitle, e),
+      ...s,
+      children: r
+    }
+  );
+};
+export {
+  g as StatusTrackerTitle
+};
+//# sourceMappingURL=StatusTrackerTitle.js.map

package/components/StatusTracker/enums.js

@@ -0,0 +1,6 @@
+var o = /* @__PURE__ */ ((d) => (d.DRAFT = "draft", d.WAITING = "waiting", d.WARNING = "warning", d.REJECTED = "rejected", d.APPROVED = "approved", d))(o || {}), D = /* @__PURE__ */ ((d) => (d.TOP = "top", d.MIDDLE = "middle", d.BOTTOM = "bottom", d))(D || {});
+export {
+  o as EStatusTrackerType,
+  D as EStatusTrackerVerticalAlign
+};
+//# sourceMappingURL=enums.js.map

package/components/StatusTracker/index.js

@@ -0,0 +1,8 @@
+import { StatusTracker as a } from "./StatusTracker.js";
+import { EStatusTrackerType as c, EStatusTrackerVerticalAlign as o } from "./enums.js";
+export {
+  c as EStatusTrackerType,
+  o as EStatusTrackerVerticalAlign,
+  a as StatusTracker
+};
+//# sourceMappingURL=index.js.map

package/components/Step/Step.js

@@ -0,0 +1,49 @@
+import { jsxs as g, jsx as i } from "react/jsx-runtime";
+import { useRef as u } from "react";
+import { EStepStatus as o, EStepPosition as e } from "./enums.js";
+import { ETooltipAlign as n, ETooltipSize as _ } from "../Tooltip/enums.js";
+import { Tooltip as a } from "../Tooltip/Tooltip.js";
+import "../Typography/Title.js";
+import { Text as S } from "../Typography/Text.js";
+import "../Typography/Caption.js";
+import { EFontWeightText as b, ETextSize as D } from "../Typography/enums.js";
+import { c as N } from "../../chunks/vendor-BlJo2ILB.js";
+const A = "step__c666cbee", R = "done__a62838aa", x = "warning__f59ec4bb", h = "active__fc10a62b", v = "error__fff07343", w = "disabled__83f86c79", t = {
+  step: A,
+  default: "default__cb5f4341",
+  done: R,
+  warning: x,
+  active: h,
+  error: v,
+  disabled: w
+}, L = {
+  [o.DEFAULT]: t.default,
+  [o.ACTIVE]: t.active,
+  [o.WARNING]: t.warning,
+  [o.ERROR]: t.error,
+  [o.DONE]: t.done,
+  [o.DISABLED]: t.disabled
+}, y = {
+  [e.XFirst]: n.START,
+  [e.Default]: n.CENTER,
+  [e.XLast]: n.END
+}, G = (r, s) => s === 0 ? e.XFirst : s + 1 === r ? e.XLast : e.Default, z = ({
+  children: r,
+  className: s,
+  step: p,
+  status: f,
+  position: d = e.Default,
+  ...m
+}) => {
+  const c = u(null), T = y[d], E = N(t.step, L[f], s), l = () => /* @__PURE__ */ i("div", { ref: c, className: E, ...m, children: /* @__PURE__ */ i(S, { size: D.B1, weight: b.SEMIBOLD, children: p }) });
+  return r ? /* @__PURE__ */ g(a, { size: _.SM, toggleType: "hover", alignTip: T, targetRef: c, children: [
+    /* @__PURE__ */ i(a.Target, { children: l() }),
+    /* @__PURE__ */ i(a.Body, { children: r })
+  ] }) : l();
+};
+z.displayName = "Step";
+export {
+  z as Step,
+  G as calcPosition
+};
+//# sourceMappingURL=Step.js.map

package/components/Step/enums.js

@@ -0,0 +1,6 @@
+var D = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.DONE = "done", r.ACTIVE = "active", r.ERROR = "error", r.WARNING = "warning", r.DISABLED = "disabled", r))(D || {}), a = /* @__PURE__ */ ((r) => (r.Default = "Default", r.XFirst = "XFirst", r.XLast = "XLast", r))(a || {});
+export {
+  a as EStepPosition,
+  D as EStepStatus
+};
+//# sourceMappingURL=enums.js.map

package/components/Step/index.js

@@ -0,0 +1,9 @@
+import { Step as e, calcPosition as p } from "./Step.js";
+import { EStepPosition as r, EStepStatus as S } from "./enums.js";
+export {
+  r as EStepPosition,
+  S as EStepStatus,
+  e as Step,
+  p as calcPosition
+};
+//# sourceMappingURL=index.js.map

package/components/Stepper/RightBorderArrow.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import { R as m } from "../../chunks/RightBorderArrow-CO-Xom11.js";
+import "./enums.js";
+export {
+  m as RightBorderArrow
+};
+//# sourceMappingURL=RightBorderArrow.js.map

package/components/Stepper/Stepper.js

@@ -0,0 +1,103 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useState as G, useRef as v, useEffect as C } from "react";
+import { StepperExtended as _ } from "./StepperExtended.js";
+import { StepperWrapper as H } from "./StepperWrapper.js";
+import { StepperStep as X } from "./StepperStep.js";
+import { CarouselExtended as $ } from "../CarouselExtended/CarouselExtended.js";
+import { ButtonIcon as R } from "../Button/ButtonIcon.js";
+import { CaretrightStrokeSrvIcon24 as q, CaretleftStrokeSrvIcon24 as F } from "@sberbusiness/icons-next";
+import { EScreenWidth as J } from "../../helpers/breakpoints.js";
+import { scrollSmoothHorizontally as S } from "../../utils/scroll.js";
+import { c as i } from "../../chunks/vendor-BlJo2ILB.js";
+import { EStepperSize as a } from "./enums.js";
+const K = "stepper__954c0b26", O = "sm__9a0229ea", Q = "md__2d77b7a0", T = "lg__d708098e", U = "stepperCarousel__a5445c6c", V = "buttonPrev__708b021e", Y = "buttonNext__1df8e022", n = {
+  stepper: K,
+  sm: O,
+  md: Q,
+  lg: T,
+  stepperCarousel: U,
+  buttonPrev: V,
+  buttonNext: Y
+}, p = (m) => {
+  switch (m) {
+    case a.LG:
+      return n.lg;
+    case a.MD:
+      return n.md;
+    case a.SM:
+      return n.sm;
+  }
+}, P = ({
+  className: m,
+  steps: h,
+  size: c = a.SM,
+  selectedStepId: l,
+  ...E
+}) => {
+  const [x, w] = G({ stepNext: 0, stepPrev: 0 }), u = v(null), b = v({}), B = i(n.stepper, p(c), m), M = h.findIndex((e) => e.id === l), I = ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ s(
+    R,
+    {
+      className: i(n.buttonPrev, p(c)),
+      ...t,
+      "aria-label": "Прокрутить назад",
+      children: /* @__PURE__ */ s(F, { className: i(n.buttonPrevIcon), paletteIndex: 5 })
+    }
+  ), W = ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ s(
+    R,
+    {
+      className: i(n.buttonNext, p(c)),
+      ...t,
+      "aria-label": "Прокрутить вперёд",
+      children: /* @__PURE__ */ s(q, { className: i(n.buttonNextIcon), paletteIndex: 5 })
+    }
+  );
+  C(() => {
+    const { current: e } = u;
+    if (e) {
+      const t = e.getBoundingClientRect().width * 0.3;
+      w({ stepNext: t, stepPrev: t });
+    }
+  }, []);
+  const L = (e, t, r, o) => {
+    r > 0 && (t.nextElementSibling && (r -= o - t.nextElementSibling.getBoundingClientRect().right), S(e, Math.ceil(r)));
+  }, k = (e, t, r, o) => {
+    r < 0 && (t.previousElementSibling && (r -= o - t.previousElementSibling.getBoundingClientRect().left), S(e, Math.floor(r)));
+  }, y = (e, t) => {
+    t && S(e, t);
+  }, A = (e, t) => {
+    const { left: r, right: o, width: j } = e.getBoundingClientRect(), { left: f, right: N, width: D } = t.getBoundingClientRect(), d = r + j / 2, g = f + D / 2;
+    window.matchMedia(`(max-width: ${J.SM_MAX})`).matches ? y(e, g - d) : d > g ? k(e, t, f - r - 32, f) : d < g && L(e, t, N - o + 32, N);
+  };
+  return C(() => {
+    if (l) {
+      const { current: e } = u, t = b.current[l];
+      e && t && A(e, t);
+    }
+  }, [l]), /* @__PURE__ */ s(
+    $,
+    {
+      className: i(n.stepperCarousel, p(c)),
+      buttonPrev: I,
+      buttonNext: W,
+      stepPrev: x.stepPrev,
+      stepNext: x.stepNext,
+      ref: u,
+      children: /* @__PURE__ */ s(_, { className: B, selectedStepId: l, size: c, ...E, children: h.map(({ label: e, ...t }, r) => /* @__PURE__ */ s(
+        _.Step,
+        {
+          forwardedRef: (o) => b.current[t.id] = o,
+          ...t,
+          isInActiveStep: r > M,
+          children: e
+        },
+        t.id
+      )) })
+    }
+  );
+};
+P.Wrapper = H;
+P.Step = X;
+export {
+  P as Stepper
+};
+//# sourceMappingURL=Stepper.js.map

package/components/Stepper/StepperExtended.js

@@ -0,0 +1,26 @@
+import { jsx as e } from "react/jsx-runtime";
+import { EStepperSize as a } from "./enums.js";
+import { StepperExtendedContext as i } from "./StepperExtendedContext.js";
+import { StepperWrapper as x } from "./StepperWrapper.js";
+import { StepperStep as f } from "./StepperStep.js";
+import { c as E } from "../../chunks/vendor-BlJo2ILB.js";
+const b = "stepperExtended__9e2b5d02", h = {
+  stepperExtended: b
+}, t = ({
+  children: r,
+  className: p,
+  size: o = a.SM,
+  onSelectStep: s,
+  selectedStepId: d,
+  forwardedRef: n,
+  ...m
+}) => {
+  const c = E(h.stepperExtended, p), l = (S) => s(S);
+  return /* @__PURE__ */ e(i.Provider, { value: { onSelectStep: l, selectedId: d, size: o }, children: /* @__PURE__ */ e("ol", { className: c, role: "tablist", ...m, ref: n, children: r }) });
+};
+t.Step = f;
+t.Wrapper = x;
+export {
+  t as StepperExtended
+};
+//# sourceMappingURL=StepperExtended.js.map

package/components/Stepper/StepperExtendedContext.js

@@ -0,0 +1,12 @@
+import e from "react";
+import { EStepperSize as t } from "./enums.js";
+const r = e.createContext({
+  size: t.SM,
+  onSelectStep: () => {
+  },
+  selectedId: void 0
+});
+export {
+  r as StepperExtendedContext
+};
+//# sourceMappingURL=StepperExtendedContext.js.map

package/components/Stepper/StepperStep.js

@@ -0,0 +1,88 @@
+import { jsxs as I, jsx as y } from "react/jsx-runtime";
+import { useContext as V, useState as W, useRef as k } from "react";
+import { StepperStepIcon as q } from "./StepperStepIcon.js";
+import { isKey as A } from "../../utils/keyboard.js";
+import { StepperExtendedContext as D } from "./StepperExtendedContext.js";
+import { EFocusSource as s } from "../../enums/EFocusSource.js";
+import { c as C } from "../../chunks/vendor-BlJo2ILB.js";
+import { s as t, R as F } from "../../chunks/RightBorderArrow-CO-Xom11.js";
+import { EStepperSize as h, EStepperStepType as j } from "./enums.js";
+const H = ({
+  children: x,
+  className: z,
+  id: c,
+  isInActiveStep: R,
+  onFocus: m,
+  onBlur: a,
+  onKeyDown: i,
+  onMouseDown: f,
+  onClick: l,
+  disabled: r,
+  icon: g,
+  forwardedRef: o,
+  type: O,
+  ...G
+}) => {
+  const { selectedId: T, size: n, onSelectStep: S } = V(D), [u, E] = W(s.NONE), p = k(null), N = c === T, Y = C(
+    t.stepperStep,
+    {
+      [t.active]: N,
+      [t.inactive]: R,
+      [t.completed]: !N && !R,
+      [t.disabled]: !!r,
+      [t.nonempty]: !!x,
+      [t.error]: !r && O === j.ERROR,
+      [t.warning]: !r && O === j.WARNING,
+      [t.focusVisible]: u === s.KEYBOARD,
+      [t.sm]: n === h.SM,
+      [t.md]: n === h.MD,
+      [t.lg]: n === h.LG
+    },
+    z
+  ), v = (e) => {
+    !u && p.current === e.target && E(s.KEYBOARD), m == null || m(e);
+  }, B = (e) => {
+    p.current !== document.activeElement && p.current === e.target && E(s.NONE), a == null || a(e);
+  }, K = (e) => {
+    const d = e.code || e.keyCode;
+    A(d, "ENTER") ? r || S(c) : A(d, "SPACE") && (e.preventDefault(), r || S(c)), i == null || i(e);
+  }, L = (e) => {
+    u || E(s.MOUSE), f == null || f(e);
+  }, M = (e) => {
+    r || S(c), l == null || l(e);
+  }, P = (e) => {
+    p.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
+  }, U = () => {
+    const e = C(t.icon, "hoverable", { disabled: !!r });
+    return /* @__PURE__ */ y("span", { className: e, children: g });
+  };
+  return /* @__PURE__ */ I(
+    "li",
+    {
+      className: Y,
+      onFocus: v,
+      onBlur: B,
+      onKeyDown: K,
+      onMouseDown: L,
+      onClick: M,
+      tabIndex: r ? -1 : 0,
+      "aria-disabled": r,
+      "aria-current": N || void 0,
+      role: "button",
+      ...G,
+      ref: P,
+      children: [
+        /* @__PURE__ */ I("div", { className: t.content, "data-tx": "0.11.0", children: [
+          g && U(),
+          x
+        ] }),
+        /* @__PURE__ */ y(F, { size: n })
+      ]
+    }
+  );
+};
+H.Icon = q;
+export {
+  H as StepperStep
+};
+//# sourceMappingURL=StepperStep.js.map

package/components/Stepper/StepperStepIcon.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+import { WaitStrokeStsIcon16 as n, ErrorStrokeStsIcon16 as o, WarningStrokeStsIcon16 as S, SuccessStrokeStsIcon16 as c, TickStrokeSrvIcon16 as p } from "@sberbusiness/icons-next";
+import { EStepperStepIconType as t } from "./enums.js";
+const u = ({ type: r }) => {
+  switch (r) {
+    case t.FILLED:
+      return /* @__PURE__ */ e(p, { paletteIndex: 0 });
+    case t.SUCCESS:
+      return /* @__PURE__ */ e(c, { paletteIndex: 0 });
+    case t.WARNING:
+      return /* @__PURE__ */ e(S, { paletteIndex: 2 });
+    case t.ERROR:
+      return /* @__PURE__ */ e(o, { paletteIndex: 1 });
+    case t.WAIT:
+      return /* @__PURE__ */ e(n, { paletteIndex: 4 });
+    default:
+      return null;
+  }
+};
+export {
+  u as StepperStepIcon
+};
+//# sourceMappingURL=StepperStepIcon.js.map

package/components/Stepper/StepperWrapper.js

@@ -0,0 +1,12 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as a } from "../../chunks/vendor-BlJo2ILB.js";
+const o = "stepperWrapper__3e498d62", c = {
+  stepperWrapper: o
+}, W = ({ children: p, className: r, ...e }) => {
+  const s = a(c.stepperWrapper, r);
+  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "0.11.0", children: p });
+};
+export {
+  W as StepperWrapper
+};
+//# sourceMappingURL=StepperWrapper.js.map

package/components/Stepper/enums.js

@@ -0,0 +1,7 @@
+var R = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r))(R || {}), a = /* @__PURE__ */ ((r) => (r.NEUTRAL = "neutral", r.ERROR = "error", r.WARNING = "warning", r))(a || {}), u = /* @__PURE__ */ ((r) => (r.FILLED = "filled", r.SUCCESS = "success", r.ERROR = "error", r.WARNING = "warning", r.WAIT = "wait", r))(u || {});
+export {
+  R as EStepperSize,
+  u as EStepperStepIconType,
+  a as EStepperStepType
+};
+//# sourceMappingURL=enums.js.map

package/components/Stepper/index.js

@@ -0,0 +1,11 @@
+import { Stepper as r } from "./Stepper.js";
+import { StepperExtended as S } from "./StepperExtended.js";
+import { EStepperSize as x, EStepperStepIconType as E, EStepperStepType as f } from "./enums.js";
+export {
+  x as EStepperSize,
+  E as EStepperStepIconType,
+  f as EStepperStepType,
+  r as Stepper,
+  S as StepperExtended
+};
+//# sourceMappingURL=index.js.map

package/components/Suggest/Suggest.js

@@ -0,0 +1,100 @@
+import { SuggestContext as N } from "./SuggestContext.js";
+import { jsx as x } from "react/jsx-runtime";
+import Q, { useState as i, useRef as d, useCallback as r, useEffect as C } from "react";
+import { isKey as T } from "../../utils/keyboard.js";
+import { a as U } from "../../chunks/vendor-BlJo2ILB.js";
+const W = ({
+  children: D,
+  value: n,
+  options: I,
+  size: X,
+  placeholder: L,
+  noOptionsText: O,
+  loading: l,
+  dropdownListLoading: A,
+  tooltipOpen: P,
+  clearInputOnFocus: j,
+  onKeyDown: s,
+  onSelect: g,
+  onFilter: R,
+  onScrollEnd: k,
+  ...q
+}, e) => {
+  const [f, p] = i((n == null ? void 0 : n.label) || ""), [z, B] = i(), [o, a] = i(!1), [F] = i(U()), u = d(null), S = d(null), m = d(() => {
+  }), c = d(() => {
+  }), M = r(
+    (t) => {
+      f !== t && p(t);
+    },
+    [f]
+  );
+  m.current = M, C(() => {
+    m.current((n == null ? void 0 : n.label) || "");
+  }, [n]);
+  const b = r(
+    (t = (n == null ? void 0 : n.label) || "") => {
+      m.current(t), B(void 0), a(!1);
+    },
+    [n]
+  );
+  c.current = b, C(() => {
+    const t = (h) => {
+      var w, E;
+      !((w = u.current) != null && w.contains(h.target)) && !((E = S.current) != null && E.contains(h.target)) && c.current();
+    };
+    if (o)
+      return document.addEventListener("mousedown", t), () => {
+        document.removeEventListener("mousedown", t);
+      };
+  }, [o]);
+  const G = r(
+    (t) => {
+      o === !0 && T(t.code, "ESCAPE") && c.current(), s == null || s(t);
+    },
+    [o, s]
+  ), H = r(
+    (t) => {
+      c.current((t == null ? void 0 : t.label) || ""), g(t);
+    },
+    [g]
+  ), J = r(
+    (t) => {
+      p(t), R(t);
+    },
+    [R]
+  );
+  return /* @__PURE__ */ x("div", { onKeyDown: G, ...q, ref: (t) => {
+    u.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
+  }, children: /* @__PURE__ */ x(
+    N.Provider,
+    {
+      value: {
+        value: n,
+        options: I,
+        placeholder: L,
+        noOptionsText: O,
+        loading: l,
+        dropdownListLoading: A,
+        tooltipOpen: P,
+        clearInputOnFocus: j,
+        onSelect: H,
+        onFilter: J,
+        onScrollEnd: k,
+        inputValue: f,
+        setInputValue: p,
+        activeDescendant: z,
+        dropdownOpen: o,
+        setDropdownOpen: a,
+        closeDropdown: b,
+        dropdownListId: F,
+        suggestRef: u,
+        dropdownRef: S
+      },
+      children: D
+    }
+  ) });
+}, V = Q.forwardRef(W);
+export {
+  V as Suggest
+};
+//# sourceMappingURL=Suggest.js.map

package/components/Suggest/SuggestContext.js

@@ -0,0 +1,29 @@
+import e, { useContext as t } from "react";
+const n = e.createContext({
+  value: void 0,
+  options: [],
+  inputValue: "",
+  onSelect: () => {
+  },
+  onFilter: () => {
+  },
+  setInputValue: () => {
+  },
+  activeDescendant: void 0,
+  dropdownOpen: !1,
+  setDropdownOpen: () => {
+  },
+  closeDropdown: () => {
+  },
+  dropdownListId: "",
+  suggestRef: { current: null },
+  dropdownRef: { current: null }
+});
+function u() {
+  return t(n);
+}
+export {
+  n as SuggestContext,
+  u as useSuggestContext
+};
+//# sourceMappingURL=SuggestContext.js.map