@sberbusiness/triplex-next 0.1.4 → 0.1.6

package/components/Dropdown/mobile/DropdownMobileInner.js

@@ -0,0 +1,56 @@
+import { jsxs as j, jsx as c } from "react/jsx-runtime";
+import y, { useState as l, useEffect as d } from "react";
+import { c as n } from "../../../chunks/vendor-CF2m175I.js";
+import { useToken as B } from "../../ThemeProvider/useToken.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-gjHocEKh.js";
+const C = y.forwardRef(
+  ({
+    children: f,
+    className: m,
+    opened: o,
+    opening: s,
+    closing: t,
+    setOpened: p,
+    setClosing: u,
+    setOpening: w,
+    ...N
+  }, T) => {
+    const [a, M] = l(!1), [r, S] = l(!1), { scopeClassName: b } = B();
+    d(() => {
+      setTimeout(() => M(s));
+    }, [s]), d(() => {
+      setTimeout(() => S(o));
+    }, [o]);
+    const D = n(e.dropdownMobileWrapper, b, m), x = n(e.dropdownMobileBackdrop, {
+      [e.closing]: t,
+      [e.opened]: r,
+      [e.opening]: a
+    }), g = n(e.dropdownMobile, {
+      [e.closing]: t,
+      [e.opened]: r,
+      [e.opening]: a
+    }), h = (k) => {
+      const { target: v, currentTarget: E } = k;
+      v === E && (t ? u(!1) : s && w(!1));
+    }, i = () => {
+      o && p(!1);
+    };
+    return !s && !o && !t ? null : /* @__PURE__ */ j("div", { className: D, children: [
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: x,
+          onTransitionEnd: h,
+          onTouchStart: i,
+          onMouseDown: i
+        }
+      ),
+      /* @__PURE__ */ c("div", { className: g, ref: T, ...N, children: f })
+    ] });
+  }
+);
+C.displayName = "DropdownMobileInner";
+export {
+  C as DropdownMobileInner
+};
+//# sourceMappingURL=DropdownMobileInner.js.map

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -0,0 +1,12 @@
+import { jsx as t } from "react/jsx-runtime";
+import s from "react";
+import { c as e } from "../../../chunks/vendor-CF2m175I.js";
+import { s as m } from "../../../chunks/DropdownMobile.module-gjHocEKh.js";
+const a = s.forwardRef(
+  ({ className: o, ...r }, p) => /* @__PURE__ */ t("input", { className: e(m.dropdownMobileInput, o), ...r, ref: p })
+);
+a.displayName = "DropdownMobileInput";
+export {
+  a as DropdownMobileInput
+};
+//# sourceMappingURL=DropdownMobileInput.js.map

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -0,0 +1,21 @@
+import { jsx as t } from "react/jsx-runtime";
+import e from "react";
+import { c as l } from "../../../chunks/vendor-CF2m175I.js";
+import { s as m } from "../../../chunks/DropdownMobile.module-gjHocEKh.js";
+const a = e.forwardRef(
+  ({ children: o, className: r, ...s }, i) => /* @__PURE__ */ t(
+    "div",
+    {
+      className: l(m.dropdownMobileList, r),
+      ref: i,
+      role: "listbox",
+      ...s,
+      children: o
+    }
+  )
+);
+a.displayName = "DropdownMobileList";
+export {
+  a as DropdownMobileList
+};
+//# sourceMappingURL=DropdownMobileList.js.map

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -0,0 +1,37 @@
+import { jsx as f } from "react/jsx-runtime";
+import l from "react";
+import { c as x } from "../../../chunks/vendor-CF2m175I.js";
+import { Text as w } from "../../Typography/Text.js";
+import { ETextSize as b } from "../../Typography/enums.js";
+import { s } from "../../../chunks/DropdownMobile.module-gjHocEKh.js";
+const y = l.forwardRef(
+  ({ children: o, className: e, id: B, onClick: t, onSelect: r, selected: i, ...m }, a) => {
+    const p = (d) => {
+      r == null || r(), t == null || t(d);
+    };
+    return /* @__PURE__ */ f(
+      w,
+      {
+        tag: "div",
+        size: b.B3,
+        className: x(
+          s.dropdownMobileListItem,
+          { [s.selected]: !!i },
+          e
+        ),
+        "aria-selected": !!i,
+        role: "option",
+        ref: a,
+        onClick: p,
+        title: typeof o == "string" ? o : void 0,
+        ...m,
+        children: o
+      }
+    );
+  }
+);
+y.displayName = "DropdownMobileListItem";
+export {
+  y as DropdownMobileListItem
+};
+//# sourceMappingURL=DropdownMobileListItem.js.map

package/components/Dropdown/mobile/index.js

@@ -0,0 +1,21 @@
+import { DropdownMobile as e } from "./DropdownMobile.js";
+import { DropdownMobileBody as t } from "./DropdownMobileBody.js";
+import { DropdownMobileClose as d } from "./DropdownMobileClose.js";
+import { DropdownMobileFooter as l } from "./DropdownMobileFooter.js";
+import { DropdownMobileHeader as b } from "./DropdownMobileHeader.js";
+import { DropdownMobileInner as w } from "./DropdownMobileInner.js";
+import { DropdownMobileInput as D } from "./DropdownMobileInput.js";
+import { DropdownMobileList as s } from "./DropdownMobileList.js";
+import { DropdownMobileListItem as L } from "./DropdownMobileListItem.js";
+export {
+  e as DropdownMobile,
+  t as DropdownMobileBody,
+  d as DropdownMobileClose,
+  l as DropdownMobileFooter,
+  b as DropdownMobileHeader,
+  w as DropdownMobileInner,
+  D as DropdownMobileInput,
+  s as DropdownMobileList,
+  L as DropdownMobileListItem
+};
+//# sourceMappingURL=index.js.map

package/components/Footer/Footer.js

@@ -0,0 +1,29 @@
+import { jsx as m } from "react/jsx-runtime";
+import a from "react";
+import { FooterDescription as p } from "./components/FooterDescription.js";
+import { c } from "../../chunks/vendor-CF2m175I.js";
+import { s as o } from "../../chunks/Footer.module-B1rO0bcd.js";
+import "./components/FooterDescriptionControls.js";
+import "./components/FooterDescriptionContent.js";
+const f = Object.assign(
+  a.forwardRef(function({ children: t, className: r, sticky: e, ...i }, s) {
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        className: c(o.footer, { [o.sticky]: !!e }, r),
+        ...i,
+        "data-tx": "0.1.6",
+        ref: s,
+        children: t
+      }
+    );
+  }),
+  {
+    Description: p
+  }
+);
+f.displayName = "Footer";
+export {
+  f as Footer
+};
+//# sourceMappingURL=Footer.js.map

package/components/Footer/components/FooterDescription.js

@@ -0,0 +1,20 @@
+import { jsx as i } from "react/jsx-runtime";
+import s from "react";
+import { FooterDescriptionContent as n } from "./FooterDescriptionContent.js";
+import { FooterDescriptionControls as m } from "./FooterDescriptionControls.js";
+import { c as p } from "../../../chunks/vendor-CF2m175I.js";
+import { s as c } from "../../../chunks/Footer.module-B1rO0bcd.js";
+const f = Object.assign(
+  s.forwardRef(function({ children: o, className: t, ...r }, e) {
+    return /* @__PURE__ */ i("div", { className: p(c.footerDescription, t), ...r, ref: e, children: o });
+  }),
+  {
+    Content: n,
+    Controls: m
+  }
+);
+f.displayName = "FooterDescription";
+export {
+  f as FooterDescription
+};
+//# sourceMappingURL=FooterDescription.js.map

package/components/Footer/components/FooterDescriptionContent.js

@@ -0,0 +1,12 @@
+import { jsx as s } from "react/jsx-runtime";
+import i from "react";
+import { c as m } from "../../../chunks/vendor-CF2m175I.js";
+import { s as n } from "../../../chunks/Footer.module-B1rO0bcd.js";
+const a = i.forwardRef(
+  ({ children: o, className: t, ...r }, e) => /* @__PURE__ */ s("div", { className: m(n.footerDescriptionContent, t), ...r, ref: e, children: o })
+);
+a.displayName = "FooterDescriptionContent";
+export {
+  a as FooterDescriptionContent
+};
+//# sourceMappingURL=FooterDescriptionContent.js.map

package/components/Footer/components/FooterDescriptionControls.js

@@ -0,0 +1,12 @@
+import { jsx as e } from "react/jsx-runtime";
+import i from "react";
+import { c as m } from "../../../chunks/vendor-CF2m175I.js";
+import { s as a } from "../../../chunks/Footer.module-B1rO0bcd.js";
+const p = i.forwardRef(
+  ({ children: o, className: r, ...t }, s) => /* @__PURE__ */ e("div", { className: m(a.footerDescriptionControls, r), ...t, ref: s, children: o })
+);
+p.displayName = "FooterDescriptionControls";
+export {
+  p as FooterDescriptionControls
+};
+//# sourceMappingURL=FooterDescriptionControls.js.map

package/components/Footer/index.js

@@ -0,0 +1,11 @@
+import { Footer as t } from "./Footer.js";
+import { FooterDescription as p } from "./components/FooterDescription.js";
+import { FooterDescriptionControls as n } from "./components/FooterDescriptionControls.js";
+import { FooterDescriptionContent as m } from "./components/FooterDescriptionContent.js";
+export {
+  t as Footer,
+  p as FooterDescription,
+  m as FooterDescriptionContent,
+  n as FooterDescriptionControls
+};
+//# sourceMappingURL=index.js.map

package/components/FormField/FormField.js

@@ -0,0 +1,76 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useState as e } from "react";
+import { FormFieldContext as E } from "./FormFieldContext.js";
+import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
+import { c as G } from "../../chunks/vendor-CF2m175I.js";
+import { EFormFieldSize as T } from "./enums.js";
+const y = "formField__c070e927", I = "disabled__f6435c2a", N = "active__80ad563f", R = "error__c25ee82e", t = {
+  formField: y,
+  disabled: I,
+  active: N,
+  error: R,
+  "size-sm": "size-sm__5c0732be",
+  "size-md": "size-md__3275adc6",
+  "size-lg": "size-lg__b7e84fba"
+}, V = ({
+  children: n,
+  className: F,
+  disabled: d,
+  error: p,
+  onMouseEnter: s,
+  onMouseLeave: i,
+  style: x,
+  size: o = T.LG,
+  ...h
+}) => {
+  const [a, v] = e(!1), [b, l] = e(!1), [z, g] = e(""), [c, u] = e(_), [m, P] = e(_), [W, A] = e(!1), B = (r) => {
+    l(!0), s == null || s(r);
+  }, D = (r) => {
+    l(!1), i == null || i(r);
+  };
+  return /* @__PURE__ */ f(
+    E.Provider,
+    {
+      value: {
+        disabled: !!d,
+        focused: a,
+        hovered: b,
+        id: z,
+        postfixWidth: c,
+        prefixWidth: m,
+        setFocused: v,
+        setId: g,
+        setPostfixWidth: u,
+        setPrefixWidth: P,
+        setValueExist: A,
+        valueExist: W,
+        size: o
+      },
+      children: /* @__PURE__ */ f(
+        "div",
+        {
+          className: G(
+            t.formField,
+            {
+              [t.active]: a,
+              [t.disabled]: !!d,
+              [t.error]: !!p,
+              [t[`size-${o}`]]: o
+            },
+            F
+          ),
+          onMouseEnter: B,
+          onMouseLeave: D,
+          "data-tx": "0.1.6",
+          style: { paddingLeft: m, paddingRight: c, ...x },
+          ...h,
+          children: n
+        }
+      )
+    }
+  );
+};
+export {
+  V as FormField
+};
+//# sourceMappingURL=FormField.js.map

package/components/FormField/FormFieldContext.js

@@ -0,0 +1,27 @@
+import e from "react";
+import { EFormFieldSize as t } from "./enums.js";
+const i = {
+  disabled: !1,
+  focused: !1,
+  hovered: !1,
+  id: "",
+  postfixWidth: 0,
+  prefixWidth: 0,
+  setFocused: () => {
+  },
+  setId: () => {
+  },
+  setPostfixWidth: () => {
+  },
+  setPrefixWidth: () => {
+  },
+  setValueExist: () => {
+  },
+  valueExist: !1,
+  size: t.MD
+}, d = e.createContext(i);
+export {
+  d as FormFieldContext,
+  i as initialFormFieldContext
+};
+//# sourceMappingURL=FormFieldContext.js.map

package/components/FormField/FormFieldDescriptionContext.js

@@ -0,0 +1,13 @@
+import t from "react";
+const e = {
+  withCounter: !1,
+  setWithCounter: () => {
+  }
+}, i = t.createContext(
+  e
+);
+export {
+  i as FormFieldDescriptionContext,
+  e as initialFormFieldDescriptionContext
+};
+//# sourceMappingURL=FormFieldDescriptionContext.js.map

package/components/FormField/components/FormFieldClear.js

@@ -0,0 +1,29 @@
+import { jsx as r } from "react/jsx-runtime";
+import u, { useContext as h } from "react";
+import { CrossStrokeSrvIcon16 as x } from "@sberbusiness/icons-next";
+import { FormFieldContext as C } from "../FormFieldContext.js";
+import { c as _ } from "../../../chunks/vendor-CF2m175I.js";
+const w = "formFieldClear__67c0fdb5", b = "shown__50aa24fb", s = {
+  formFieldClear: w,
+  shown: b
+}, v = u.forwardRef(
+  ({ className: t, onClick: e, ...a }, l) => {
+    const { disabled: m, focused: d, hovered: n, id: c, valueExist: f } = h(C), i = (F) => {
+      const o = document.querySelector(`#${c}`);
+      o && o.focus(), e == null || e(F);
+    }, p = _(
+      s.formFieldClear,
+      "hoverable",
+      {
+        [s.shown]: f && !m && (d || n)
+      },
+      t
+    );
+    return /* @__PURE__ */ r("span", { className: p, ref: l, onClick: i, ...a, children: /* @__PURE__ */ r(x, { paletteIndex: 5 }) });
+  }
+);
+v.displayName = "FormFieldClear";
+export {
+  v as FormFieldClear
+};
+//# sourceMappingURL=FormFieldClear.js.map

package/components/FormField/components/FormFieldCounter.js

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useContext as i, useEffect as m } from "react";
+import { FormFieldDescriptionContext as n } from "../FormFieldDescriptionContext.js";
+const s = "formFieldCounter__fe91081a", u = {
+  formFieldCounter: s
+}, f = ({ children: e, ...o }) => {
+  const { setWithCounter: t } = i(n);
+  return m(() => {
+    t(!0);
+  }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...o, children: e });
+};
+f.displayName = "FormFieldCounter";
+export {
+  f as FormFieldCounter
+};
+//# sourceMappingURL=FormFieldCounter.js.map

package/components/FormField/components/FormFieldDescription.js

@@ -0,0 +1,16 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useState as n } from "react";
+import { c as m } from "../../../chunks/vendor-CF2m175I.js";
+import { FormFieldDescriptionContext as c } from "../FormFieldDescriptionContext.js";
+const l = "formFieldDescription__99da69f4", p = "withCounter__a85b3790", i = {
+  formFieldDescription: l,
+  withCounter: p
+}, d = ({ children: r, ...e }) => {
+  const [o, s] = n(!1);
+  return /* @__PURE__ */ t(c.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: m(i.formFieldDescription, { [i.withCounter]: o }), ...e, children: r }) });
+};
+d.displayName = "FormFieldDescription";
+export {
+  d as FormFieldDescription
+};
+//# sourceMappingURL=FormFieldDescription.js.map

package/components/FormField/components/FormFieldInput.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "react";
+import "../FormFieldContext.js";
+import "../../../chunks/vendor-CF2m175I.js";
+import { F } from "../../../chunks/FormFieldInput-3TmHcNY0.js";
+export {
+  F as FormFieldInput
+};
+//# sourceMappingURL=FormFieldInput.js.map

package/components/FormField/components/FormFieldLabel.js

@@ -0,0 +1,42 @@
+import { jsx as a } from "react/jsx-runtime";
+import g, { useContext as z, useState as u, useEffect as T } from "react";
+import { FormFieldContext as h } from "../FormFieldContext.js";
+import { TARGET_PADDING_X_DEFAULT as i } from "../consts.js";
+import { c as N } from "../../../chunks/vendor-CF2m175I.js";
+const y = "formFieldLabel__299c90f4", E = "floating__7d637a17", A = "formFieldLabelText__4ca5360a", D = "disabled__f6435c2a", e = {
+  formFieldLabel: y,
+  "size-sm": "size-sm__5c0732be",
+  "size-md": "size-md__3275adc6",
+  "size-lg": "size-lg__b7e84fba",
+  floating: E,
+  formFieldLabelText: A,
+  disabled: D
+}, R = g.forwardRef(
+  ({ children: o, className: d, style: f, ...m }, r) => {
+    const { disabled: c, focused: l, id: n, prefixWidth: b, postfixWidth: _, size: s, valueExist: t } = z(h), [F, x] = u(!1);
+    T(() => {
+      x(l || t);
+    }, [l, t]);
+    const L = N(
+      e.formFieldLabel,
+      {
+        [e.disabled]: c,
+        [e.floating]: F,
+        [e[`size-${s}`]]: s
+      },
+      d
+    ), p = {
+      // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
+      left: b || i,
+      // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
+      right: _ || i,
+      ...f
+    };
+    return /* @__PURE__ */ a("label", { className: L, ref: r, htmlFor: n, ...m, style: p, children: /* @__PURE__ */ a("span", { className: e.formFieldLabelText, children: o }) });
+  }
+);
+R.displayName = "FormFieldLabel";
+export {
+  R as FormFieldLabel
+};
+//# sourceMappingURL=FormFieldLabel.js.map

package/components/FormField/components/FormFieldMaskedInput.js

@@ -0,0 +1,95 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../chunks/vendor-CF2m175I.js";
+import "./FormFieldMaskedInputPresets.js";
+import "../../Alert/AlertContext/AlertContext.js";
+import "../../Alert/AlertProcess/AlertProcess.js";
+import "../../Alert/AlertTypeUtils.js";
+import { F as No } from "../../../chunks/index-CLQ4mLUp.js";
+import "../../Button/ButtonBase.js";
+import "../../Button/ButtonIcon.js";
+import "../../Col/Col.js";
+import "../../Checkbox/Checkbox.js";
+import "../../Checkbox/CheckboxXGroup.js";
+import "../../Checkbox/CheckboxYGroup.js";
+import "../FormFieldContext.js";
+import "./FormFieldDescription.js";
+import "./FormFieldCounter.js";
+import "./FormFieldLabel.js";
+import "./FormFieldClear.js";
+import "../../../chunks/FormFieldInput-3TmHcNY0.js";
+import "./FormFieldPostfix.js";
+import "./FormFieldPrefix.js";
+import "./FormFieldTextarea.js";
+import "../../FormGroup/FormGroup.js";
+import "../../Gap/Gap.js";
+import "../../Link/Link.js";
+import "../../Loader/LoaderSmall/LoaderSmall.js";
+import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import "../../LoaderWidget/LoaderWidget.js";
+import "../../Radio/Radio.js";
+import "../../Radio/RadioXGroup.js";
+import "../../Radio/RadioYGroup.js";
+import "../../Row/Row.js";
+import "../../TabsExtended/TabsExtended.js";
+import "../../DesignTokens/DesignTokensComponents.js";
+import "../../DesignTokens/DesignTokensComponentsThemeDark.js";
+import "../../ThemeProvider/ThemeProviderContext.js";
+import "../../Typography/Title.js";
+import "../../Typography/Text.js";
+import "../../Typography/Caption.js";
+import "../../../chunks/DropdownListItem-CM0DOekv.js";
+import "../../Dropdown/mobile/DropdownMobile.js";
+import "../../Dropdown/mobile/DropdownMobileBody.js";
+import "../../Dropdown/mobile/DropdownMobileClose.js";
+import "../../Dropdown/mobile/DropdownMobileFooter.js";
+import "../../Dropdown/mobile/DropdownMobileHeader.js";
+import "../../Dropdown/mobile/DropdownMobileInner.js";
+import "../../Dropdown/mobile/DropdownMobileInput.js";
+import "../../Dropdown/mobile/DropdownMobileList.js";
+import "../../Dropdown/mobile/DropdownMobileListItem.js";
+import "../../List/List.js";
+import "../../List/ListSortable.js";
+import "../../List/components/ListItem.js";
+import "../../List/components/ListItemControls.js";
+import "../../List/components/ListItemContent.js";
+import "../../../chunks/ListItemControlsButton-BpUzyKya.js";
+import "../../List/components/ListEmptyState.js";
+import "../../List/components/ListItemLoading.js";
+import "../../List/components/ListItemSelectable.js";
+import "../../List/components/ListItemTailLeft.js";
+import "../../List/components/ListItemTailRight.js";
+import "../../List/components/ListSortableItemTarget.js";
+import "../../List/components/ListSortableItemControls.js";
+import "../../Footer/Footer.js";
+import "../../Footer/components/FooterDescription.js";
+import "../../Footer/components/FooterDescriptionControls.js";
+import "../../Footer/components/FooterDescriptionContent.js";
+import "../../Body/Body.js";
+import "../../Header/Header.js";
+import "../../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js";
+import "../../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js";
+import "../../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js";
+import "../../Header/components/HeaderSubheader/HeaderSubheader.js";
+import "../../Header/components/HeaderTabs/HeaderTabs.js";
+import "../../Header/components/HeaderTabs/HeaderTabsContent.js";
+import "../../Header/components/HeaderTabs/HeaderTabsControls.js";
+import "../../Header/components/HeaderTitle/HeaderTitle.js";
+import "../../Header/components/HeaderTitle/HeaderTitleContent.js";
+import "../../Header/components/HeaderTitle/HeaderTitleControls.js";
+import "../../Page/Page.js";
+import "../../Pagination/components/PaginationExtended.js";
+import "../../Pagination/components/PaginationNavigation.js";
+import "../../Pagination/components/PaginationNavigationButton.js";
+import "../../Pagination/components/PaginationNavigationExtended.js";
+import "../../Pagination/components/PaginationNavigationExtendedItem.js";
+import "../../Pagination/components/PaginationPageButton.js";
+import "../../Pagination/components/PaginationPageEllipsis.js";
+import "../../Pagination/components/PaginationSelect.js";
+import "../../Pagination/Pagination.js";
+import "../../Card/CardAction.js";
+import "../../Card/CardStatic.js";
+export {
+  No as FormFieldMaskedInput
+};
+//# sourceMappingURL=FormFieldMaskedInput.js.map