@sberbusiness/triplex-next 1.34.0 → 1.35.0

package/components/Pagination/utils/paginationUtils.js

@@ -1,34 +1,60 @@
-import { k as R } from "../../../chunks/vendor-D5cfSbgz.js";
-const m = -1, h = {
-  // Создание массива чисел в заданном диапазоне с заданным шагом.
-  generateRange: (n, i, e = 1) => n > i ? [] : R(n, i + 1, e),
-  // Создание массивов страниц в начале, конце и вокруг текущей.
-  generatePageRanges: (n, i, e, s) => {
-    const g = h.generateRange(1, Math.min(e, s)), a = h.generateRange(
-      Math.max(s - e + 1, e + 1),
-      s
-    ), c = s - e - 1 - i * 2, r = Math.max(
-      Math.min(n - i, c),
-      e + 2
-    ), S = e + 2 + i * 2, M = Math.min(
-      Math.max(n + i, S),
-      s - e - 1
+import { k as range } from "../../../chunks/vendor-Bco_z_Yi.js";
+const PAGINATION_ELLIPSIS_VALUE = -1;
+const PaginationUtils = {
+  /** Создание массива чисел в заданном диапазоне (включительно) с заданным шагом. Возвращает пустой массив, если from > to. */
+  generateRange: (from, to, step = 1) => {
+    if (from > to) {
+      return [];
+    }
+    return range(from, to + 1, step);
+  },
+  /** Вычисление диапазонов страниц в начале, конце и вокруг текущей, а также границ для расстановки многоточий. */
+  generatePageRanges: (currentPage, siblingCount, boundaryCount, totalPages) => {
+    const doubleSiblings = 2;
+    const boundaryDivider = 2;
+    const startPages = PaginationUtils.generateRange(1, Math.min(boundaryCount, totalPages));
+    const endPages = PaginationUtils.generateRange(
+      Math.max(totalPages - boundaryCount + 1, boundaryCount + 1),
+      totalPages
+    );
+    const lowerBoundaryWhenCurrentPageHigh = totalPages - boundaryCount - 1 - siblingCount * doubleSiblings;
+    const siblingsStart = Math.max(
+      Math.min(currentPage - siblingCount, lowerBoundaryWhenCurrentPageHigh),
+      boundaryCount + boundaryDivider
+    );
+    const upperBoundaryWhenCurrentPageLow = boundaryCount + boundaryDivider + siblingCount * doubleSiblings;
+    const siblingsEnd = Math.min(
+      Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),
+      totalPages - boundaryCount - 1
     );
-    return { boundaryDivider: 2, endPages: a, siblingsEnd: M, siblingsStart: r, startPages: g };
+    return { boundaryDivider, endPages, siblingsEnd, siblingsStart, startPages };
   },
-  // Создание итогового массива страниц для отображения.
+  /** Создание итогового массива номеров страниц для отображения. Места многоточий помечаются значением PAGINATION_ELLIPSIS_VALUE. */
   createPagesArray: ({
-    currentPage: n,
-    siblingCount: i,
-    boundaryCount: e,
-    totalPages: s
+    currentPage,
+    siblingCount,
+    boundaryCount,
+    totalPages
   }) => {
-    const { boundaryDivider: p, endPages: t, siblingsEnd: g, siblingsStart: a, startPages: c } = h.generatePageRanges(n, i, e, s), r = c;
-    return a > e + p ? r.push(m) : e + 1 < s - e && r.push(e + 1), r.push(...h.generateRange(a, g)), g < s - e - 1 ? r.push(m) : s - e > e && r.push(s - e), r.push(...t), r;
+    const { boundaryDivider, endPages, siblingsEnd, siblingsStart, startPages } = PaginationUtils.generatePageRanges(currentPage, siblingCount, boundaryCount, totalPages);
+    const pages = startPages;
+    if (siblingsStart > boundaryCount + boundaryDivider) {
+      pages.push(PAGINATION_ELLIPSIS_VALUE);
+    } else if (boundaryCount + 1 < totalPages - boundaryCount) {
+      pages.push(boundaryCount + 1);
+    }
+    pages.push(...PaginationUtils.generateRange(siblingsStart, siblingsEnd));
+    if (siblingsEnd < totalPages - boundaryCount - 1) {
+      pages.push(PAGINATION_ELLIPSIS_VALUE);
+    } else if (totalPages - boundaryCount > boundaryCount) {
+      pages.push(totalPages - boundaryCount);
+    }
+    pages.push(...endPages);
+    return pages;
   }
 };
 export {
-  m as PAGINATION_ELLIPSIS_VALUE,
-  h as PaginationUtils
+  PAGINATION_ELLIPSIS_VALUE,
+  PaginationUtils
 };
 //# sourceMappingURL=paginationUtils.js.map

package/components/Pagination/utils/paginationUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginationUtils.js","sources":["../../../../src/components/Pagination/utils/paginationUtils.tsx"],"sourcesContent":["import range from \"lodash-es/range\";\n\n/** Параметры для построения итогового массива страниц пагинации. */\ninterface IGeneratePageNumbersProps {\n    /** Текущая страница. */\n    currentPage: number;\n    /** Количество всегда видимых страниц по краям текущей страницы. */\n    siblingCount: number;\n    /** Количество всегда видимых страниц в начале и в конце. */\n    boundaryCount: number;\n    /** Общее количество страниц. */\n    totalPages: number;\n}\n\n/** Служебное значение в массиве страниц, обозначающее место отрисовки многоточия. */\nexport const PAGINATION_ELLIPSIS_VALUE = -1;\n\n/** Набор утилит для вычисления массива отображаемых номеров страниц пагинации. */\nexport const PaginationUtils = {\n    /** Создание массива чисел в заданном диапазоне (включительно) с заданным шагом. Возвращает пустой массив, если from > to. */\n    generateRange: (from: number, to: number, step = 1): number[] => {\n        if (from > to) {\n            return [];\n        }\n\n        return range(from, to + 1, step);\n    },\n\n    /** Вычисление диапазонов страниц в начале, конце и вокруг текущей, а также границ для расстановки многоточий. */\n    generatePageRanges: (currentPage: number, siblingCount: number, boundaryCount: number, totalPages: number) => {\n        // Удвоение числа соседей текущей страницы, чтобы учесть их как слева, так и справа.\n        const doubleSiblings = 2;\n\n        // Отделение страниц boundaryCount (в начале и в конце) от последующих или предыдущих страниц для добавления многоточия.\n        const boundaryDivider = 2;\n\n        // Массив страниц в начале, от 1 - до boundaryCount либо до конца (в зависимости от количества страниц).\n        const startPages = PaginationUtils.generateRange(1, Math.min(boundaryCount, totalPages));\n\n        // Массив страниц в конце, от boundaryCount слева либо от boundaryCount справа (в зависимости от количества страниц) - до конца.\n        const endPages = PaginationUtils.generateRange(\n            Math.max(totalPages - boundaryCount + 1, boundaryCount + 1),\n            totalPages,\n        );\n\n        // Первая из отображаемых слева страниц-соседей, если текущая страница находится ближе к концу.\n        const lowerBoundaryWhenCurrentPageHigh = totalPages - boundaryCount - 1 - siblingCount * doubleSiblings;\n\n        // Первая из отображаемых слева страниц-соседей текущей вне зависимости от того, где текущая находится.\n        const siblingsStart = Math.max(\n            Math.min(currentPage - siblingCount, lowerBoundaryWhenCurrentPageHigh),\n            boundaryCount + boundaryDivider,\n        );\n\n        // Последняя из отображаемых справа страниц-соседей, если текущая страница находится ближе к началу.\n        const upperBoundaryWhenCurrentPageLow = boundaryCount + boundaryDivider + siblingCount * doubleSiblings;\n\n        // Последняя из отображаемых справа страниц-соседей текущей вне зависимости от того, где текущая находится.\n        const siblingsEnd = Math.min(\n            Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n            totalPages - boundaryCount - 1,\n        );\n\n        return { boundaryDivider, endPages, siblingsEnd, siblingsStart, startPages };\n    },\n\n    /** Создание итогового массива номеров страниц для отображения. Места многоточий помечаются значением PAGINATION_ELLIPSIS_VALUE. */\n    createPagesArray: ({\n        currentPage,\n        siblingCount,\n        boundaryCount,\n        totalPages,\n    }: IGeneratePageNumbersProps): number[] => {\n        const { boundaryDivider, endPages, siblingsEnd, siblingsStart, startPages } =\n            PaginationUtils.generatePageRanges(currentPage, siblingCount, boundaryCount, totalPages);\n        // Инициализация массива страниц с добавлением начальных.\n        const pages: number[] = startPages;\n\n        /* Если левые соседи текущей страницы не идут сразу за левой областью boundaryCount (с учетом boundaryDivider), между ними необходимо добавить многоточие.\n        Иначе - добавить видимую страницу. */\n        if (siblingsStart > boundaryCount + boundaryDivider) {\n            pages.push(PAGINATION_ELLIPSIS_VALUE);\n        } else if (boundaryCount + 1 < totalPages - boundaryCount) {\n            pages.push(boundaryCount + 1);\n        }\n\n        // Добавление в массив страниц промежутка от первого слева до последнего справа соседа текущей страницы.\n        pages.push(...PaginationUtils.generateRange(siblingsStart, siblingsEnd));\n\n        /* Если за правыми соседями текущей страницы не начинается сразу правая область boundaryCount, между ними необходимо добавить многоточие.\n        Иначе - добавить видимую страницу. */\n        if (siblingsEnd < totalPages - boundaryCount - 1) {\n            pages.push(PAGINATION_ELLIPSIS_VALUE);\n        } else if (totalPages - boundaryCount > boundaryCount) {\n            pages.push(totalPages - boundaryCount);\n        }\n\n        // Добавление в массив конечных страниц.\n        pages.push(...endPages);\n\n        return pages;\n    },\n};\n"],"names":[],"mappings":";AAeO,MAAM,4BAA4B;AAGlC,MAAM,kBAAkB;AAAA;AAAA,EAE3B,eAAe,CAAC,MAAc,IAAY,OAAO,MAAgB;AAC7D,QAAI,OAAO,IAAI;AACX,aAAO,CAAA;AAAA,IACX;AAEA,WAAO,MAAM,MAAM,KAAK,GAAG,IAAI;AAAA,EACnC;AAAA;AAAA,EAGA,oBAAoB,CAAC,aAAqB,cAAsB,eAAuB,eAAuB;AAE1G,UAAM,iBAAiB;AAGvB,UAAM,kBAAkB;AAGxB,UAAM,aAAa,gBAAgB,cAAc,GAAG,KAAK,IAAI,eAAe,UAAU,CAAC;AAGvF,UAAM,WAAW,gBAAgB;AAAA,MAC7B,KAAK,IAAI,aAAa,gBAAgB,GAAG,gBAAgB,CAAC;AAAA,MAC1D;AAAA,IAAA;AAIJ,UAAM,mCAAmC,aAAa,gBAAgB,IAAI,eAAe;AAGzF,UAAM,gBAAgB,KAAK;AAAA,MACvB,KAAK,IAAI,cAAc,cAAc,gCAAgC;AAAA,MACrE,gBAAgB;AAAA,IAAA;AAIpB,UAAM,kCAAkC,gBAAgB,kBAAkB,eAAe;AAGzF,UAAM,cAAc,KAAK;AAAA,MACrB,KAAK,IAAI,cAAc,cAAc,+BAA+B;AAAA,MACpE,aAAa,gBAAgB;AAAA,IAAA;AAGjC,WAAO,EAAE,iBAAiB,UAAU,aAAa,eAAe,WAAA;AAAA,EACpE;AAAA;AAAA,EAGA,kBAAkB,CAAC;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,MACuC;AACvC,UAAM,EAAE,iBAAiB,UAAU,aAAa,eAAe,WAAA,IAC3D,gBAAgB,mBAAmB,aAAa,cAAc,eAAe,UAAU;AAE3F,UAAM,QAAkB;AAIxB,QAAI,gBAAgB,gBAAgB,iBAAiB;AACjD,YAAM,KAAK,yBAAyB;AAAA,IACxC,WAAW,gBAAgB,IAAI,aAAa,eAAe;AACvD,YAAM,KAAK,gBAAgB,CAAC;AAAA,IAChC;AAGA,UAAM,KAAK,GAAG,gBAAgB,cAAc,eAAe,WAAW,CAAC;AAIvE,QAAI,cAAc,aAAa,gBAAgB,GAAG;AAC9C,YAAM,KAAK,yBAAyB;AAAA,IACxC,WAAW,aAAa,gBAAgB,eAAe;AACnD,YAAM,KAAK,aAAa,aAAa;AAAA,IACzC;AAGA,UAAM,KAAK,GAAG,QAAQ;AAEtB,WAAO;AAAA,EACX;AACJ;"}

package/components/Portal/Portal.js

@@ -1,6 +1,6 @@
-import r from "react-dom";
-const e = ({ children: t, container: o }) => r.createPortal(t, o);
+import ReactDOM from "react-dom";
+const Portal = ({ children, container }) => ReactDOM.createPortal(children, container);
 export {
-  e as Portal
+  Portal
 };
 //# sourceMappingURL=Portal.js.map

package/components/Portal/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\n\n/** Свойства компонента Portal. */\nexport interface IPortalProps {\n    children: React.ReactNode;\n    container: Element | DocumentFragment;\n}\n\n/** Компонент портал, для рендера элемента во внешний DOM узел. */\nexport const Portal: React.FC<IPortalProps> = ({ children, container }) => ReactDOM.createPortal(children, container);\n"],"names":[],"mappings":";AAUO,MAAM,SAAiC,CAAC,EAAE,UAAU,gBAAgB,SAAS,aAAa,UAAU,SAAS;"}

package/components/Portal/index.js

@@ -1,5 +1,5 @@
-import { Portal as t } from "./Portal.js";
+import { Portal } from "./Portal.js";
 export {
-  t as Portal
+  Portal
 };
 //# sourceMappingURL=index.js.map

package/components/Portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/Radio/Radio.js

@@ -1,41 +1,54 @@
-import { jsxs as b, jsx as i } from "react/jsx-runtime";
-import N from "react";
-import { c as d } from "../../chunks/vendor-D5cfSbgz.js";
-import { ETextSize as m } from "../Typography/enums.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
-import { Text as x } from "../Typography/Text.js";
+import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { EComponentSize as a } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as z } from "../../utils/classNameMaps.js";
-const y = "label__244c19c4", M = "sm__f1b011d3", T = "nonempty__3d94c531", S = "md__614f92c8", g = "lg__f43cdf61", u = "disabled__1945e1e4", I = "radio__6fdaf33d", R = "radioIcon__b1f79899", o = {
-  label: y,
-  sm: M,
-  nonempty: T,
-  md: S,
-  lg: g,
-  disabled: u,
-  radio: I,
-  radioIcon: R
-}, B = {
-  [a.LG]: m.B2,
-  [a.MD]: m.B3,
-  [a.SM]: m.B4
-}, C = z(o), h = N.forwardRef((n, r) => {
-  const { children: e, className: l, disabled: c, labelAttributes: s, size: t = a.MD, ...p } = n, _ = d(o.radio, l, C[t]), f = d(
-    o.label,
-    o[t],
-    { [o.disabled]: !!c, [o.nonempty]: !!e },
-    s == null ? void 0 : s.className
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
+const label = "label__058f8c2e";
+const sm = "sm__285f511a";
+const nonempty = "nonempty__64362623";
+const md = "md__149cf35c";
+const lg = "lg__14ad5961";
+const disabled = "disabled__cbfbfeed";
+const radio = "radio__236cd797";
+const radioIcon = "radioIcon__1236bd5c";
+const styles = {
+  label,
+  sm,
+  nonempty,
+  md,
+  lg,
+  disabled,
+  radio,
+  radioIcon
+};
+const sizeToTextSizeMap = {
+  [EComponentSize.LG]: ETextSize.B2,
+  [EComponentSize.MD]: ETextSize.B3,
+  [EComponentSize.SM]: ETextSize.B4
+};
+const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const Radio = React__default.forwardRef((props, ref) => {
+  const { children, className, disabled: disabled2, labelAttributes, size = EComponentSize.MD, ...inputAttributes } = props;
+  const classNames = clsx(styles.radio, className, sizeToClassNameMap[size]);
+  const classNamesLabel = clsx(
+    styles.label,
+    styles[size],
+    { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
+    labelAttributes == null ? void 0 : labelAttributes.className
   );
-  return /* @__PURE__ */ b("label", { ...s, className: f, "data-tx": "1.34.0", children: [
-    /* @__PURE__ */ i("input", { type: "radio", className: _, disabled: c, ...p, ref: r }),
-    /* @__PURE__ */ i("span", { className: o.radioIcon }),
-    e && /* @__PURE__ */ i(x, { size: B[t], tag: "div", children: e })
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "1.35.0", children: [
+    /* @__PURE__ */ jsx("input", { type: "radio", className: classNames, disabled: disabled2, ...inputAttributes, ref }),
+    /* @__PURE__ */ jsx("span", { className: styles.radioIcon }),
+    children && /* @__PURE__ */ jsx(Text, { size: sizeToTextSizeMap[size], tag: "div", children })
   ] });
 });
-h.displayName = "Radio";
+Radio.displayName = "Radio";
 export {
-  h as Radio
+  Radio
 };
 //# sourceMappingURL=Radio.js.map

package/components/Radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { Text, ETextSize } from \"../Typography\";\nimport styles from \"./styles/Radio.module.less\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\n\n/** Свойства компонента Radio. */\nexport interface IRadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\"> {\n    /** Объект label-атрибутов. */\n    labelAttributes?: React.LabelHTMLAttributes<HTMLLabelElement>;\n    /** Размер радио-кнопки. */\n    size?: EComponentSize;\n}\n\nconst sizeToTextSizeMap = {\n    [EComponentSize.LG]: ETextSize.B2,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.SM]: ETextSize.B4,\n};\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Радио-кнопка с описанием. */\nexport const Radio = React.forwardRef<HTMLInputElement, IRadioProps>((props, ref) => {\n    const { children, className, disabled, labelAttributes, size = EComponentSize.MD, ...inputAttributes } = props;\n    const classNames = clsx(styles.radio, className, sizeToClassNameMap[size]);\n    const classNamesLabel = clsx(\n        styles.label,\n        styles[size],\n        { [styles.disabled]: !!disabled, [styles.nonempty]: !!children },\n        labelAttributes?.className,\n    );\n\n    return (\n        <label {...labelAttributes} className={classNamesLabel} data-tx={process.env.npm_package_version}>\n            <input type=\"radio\" className={classNames} disabled={disabled} {...inputAttributes} ref={ref} />\n            <span className={styles.radioIcon} />\n            {children && (\n                <Text size={sizeToTextSizeMap[size]} tag=\"div\">\n                    {children}\n                </Text>\n            )}\n        </label>\n    );\n});\n\nRadio.displayName = \"Radio\";\n"],"names":["React","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,oBAAoB;AAAA,EACtB,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAEA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,QAAQA,eAAM,WAA0C,CAAC,OAAO,QAAQ;AACjF,QAAM,EAAE,UAAU,WAAW,UAAAC,WAAU,iBAAiB,OAAO,eAAe,IAAI,GAAG,gBAAA,IAAoB;AACzG,QAAM,aAAa,KAAK,OAAO,OAAO,WAAW,mBAAmB,IAAI,CAAC;AACzE,QAAM,kBAAkB;AAAA,IACpB,OAAO;AAAA,IACP,OAAO,IAAI;AAAA,IACX,EAAE,CAAC,OAAO,QAAQ,GAAG,CAAC,CAACA,WAAU,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC,SAAA;AAAA,IACtD,mDAAiB;AAAA,EAAA;AAGrB,SACI,qBAAC,WAAO,GAAG,iBAAiB,WAAW,iBAAiB,WAAS,UAC7D,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,MAAK,SAAQ,WAAW,YAAY,UAAAA,WAAqB,GAAG,iBAAiB,KAAU;AAAA,wBAC7F,QAAA,EAAK,WAAW,OAAO,WAAW;AAAA,IAClC,gCACI,MAAA,EAAK,MAAM,kBAAkB,IAAI,GAAG,KAAI,OACpC,SAAA,CACL;AAAA,EAAA,GAER;AAER,CAAC;AAED,MAAM,cAAc;"}

package/components/Radio/RadioXGroup.js

@@ -1,20 +1,24 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as s } from "../../chunks/vendor-D5cfSbgz.js";
-const c = "radioXGroup__4994c47e", _ = "label__244c19c4", n = {
-  radioXGroup: c,
-  "indent-12": "indent-12__a4335d94",
-  label: _,
-  "indent-16": "indent-16__3af45d15",
-  "indent-20": "indent-20__41b2c77a",
-  "indent-24": "indent-24__c70bce4f",
-  "indent-28": "indent-28__c785407f",
-  "indent-32": "indent-32__57b230d7"
-}, l = (e) => {
-  const { children: d, className: i, indent: o = 12, ...t } = e, a = s(n.radioXGroup, n[`indent-${o}`], i);
-  return /* @__PURE__ */ r("div", { className: a, role: "radiogroup", ...t, children: d });
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+const radioXGroup = "radioXGroup__45ef6dbd";
+const label = "label__058f8c2e";
+const styles = {
+  radioXGroup,
+  "indent-12": "indent-12__8f92bcff",
+  label,
+  "indent-16": "indent-16__b647a23e",
+  "indent-20": "indent-20__5c6411b1",
+  "indent-24": "indent-24__c20e68fc",
+  "indent-28": "indent-28__625b3c00",
+  "indent-32": "indent-32__d7380983"
 };
-l.displayName = "RadioXGroup";
+const RadioXGroup = (props) => {
+  const { children, className, indent = 12, ...rest } = props;
+  const classNames = clsx(styles.radioXGroup, styles[`indent-${indent}`], className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, role: "radiogroup", ...rest, children });
+};
+RadioXGroup.displayName = "RadioXGroup";
 export {
-  l as RadioXGroup
+  RadioXGroup
 };
 //# sourceMappingURL=RadioXGroup.js.map

package/components/Radio/RadioXGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioXGroup.js","sources":["../../../src/components/Radio/RadioXGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { TIndentSize } from \"@sberbusiness/triplex-next/consts/IndentConst\";\nimport styles from \"./styles/RadioXGroup.module.less\";\nimport clsx from \"clsx\";\n\n/** Свойства компонента RadioXGroup. */\nexport interface IRadioXGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер отступа. */\n    indent?: TIndentSize;\n}\n\n/** Группа радио-кнопок с направлением по оси X. */\nexport const RadioXGroup: React.FC<IRadioXGroupProps> = (props) => {\n    const { children, className, indent = 12, ...rest } = props;\n    const classNames = clsx(styles.radioXGroup, styles[`indent-${indent}`], className);\n\n    return (\n        <div className={classNames} role=\"radiogroup\" {...rest}>\n            {children}\n        </div>\n    );\n};\n\nRadioXGroup.displayName = \"RadioXGroup\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAYO,MAAM,cAA2C,CAAC,UAAU;AAC/D,QAAM,EAAE,UAAU,WAAW,SAAS,IAAI,GAAG,SAAS;AACtD,QAAM,aAAa,KAAK,OAAO,aAAa,OAAO,UAAU,MAAM,EAAE,GAAG,SAAS;AAEjF,SACI,oBAAC,SAAI,WAAW,YAAY,MAAK,cAAc,GAAG,MAC7C,UACL;AAER;AAEA,YAAY,cAAc;"}

package/components/Radio/RadioYGroup.js

@@ -1,13 +1,16 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as d } from "../../chunks/vendor-D5cfSbgz.js";
-const p = "radioYGroup__d238028a", t = {
-  radioYGroup: p
-}, e = (o) => {
-  const { children: r, className: s, ...a } = o, i = d(t.radioYGroup, s);
-  return /* @__PURE__ */ c("div", { className: i, role: "radiogroup", ...a, children: r });
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+const radioYGroup = "radioYGroup__67b49ecb";
+const styles = {
+  radioYGroup
 };
-e.displayName = "RadioYGroup";
+const RadioYGroup = (props) => {
+  const { children, className, ...rest } = props;
+  const classNames = clsx(styles.radioYGroup, className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, role: "radiogroup", ...rest, children });
+};
+RadioYGroup.displayName = "RadioYGroup";
 export {
-  e as RadioYGroup
+  RadioYGroup
 };
 //# sourceMappingURL=RadioYGroup.js.map

package/components/Radio/RadioYGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioYGroup.js","sources":["../../../src/components/Radio/RadioYGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./styles/RadioYGroup.module.less\";\nimport clsx from \"clsx\";\n\n/** Свойства компонента RadioYGroup. */\nexport interface IRadioYGroupProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Группа радио-кнопок с направлением по оси Y. */\nexport const RadioYGroup: React.FC<IRadioYGroupProps> = (props) => {\n    const { children, className, ...rest } = props;\n    const classNames = clsx(styles.radioYGroup, className);\n\n    return (\n        <div className={classNames} role=\"radiogroup\" {...rest}>\n            {children}\n        </div>\n    );\n};\n\nRadioYGroup.displayName = \"RadioYGroup\";\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,cAA2C,CAAC,UAAU;AAC/D,QAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AACzC,QAAM,aAAa,KAAK,OAAO,aAAa,SAAS;AAErD,SACI,oBAAC,SAAI,WAAW,YAAY,MAAK,cAAc,GAAG,MAC7C,UACL;AAER;AAEA,YAAY,cAAc;"}

package/components/Radio/index.js

@@ -1,9 +1,9 @@
-import { Radio as p } from "./Radio.js";
-import { RadioXGroup as d } from "./RadioXGroup.js";
-import { RadioYGroup as f } from "./RadioYGroup.js";
+import { Radio } from "./Radio.js";
+import { RadioXGroup } from "./RadioXGroup.js";
+import { RadioYGroup } from "./RadioYGroup.js";
 export {
-  p as Radio,
-  d as RadioXGroup,
-  f as RadioYGroup
+  Radio,
+  RadioXGroup,
+  RadioYGroup
 };
 //# sourceMappingURL=index.js.map

package/components/Radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/components/Row/Row.js

@@ -1,29 +1,35 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as M } from "../../chunks/vendor-D5cfSbgz.js";
-import { EComponentSize as t } from "../../enums/EComponentSize.js";
-import { RowContext as a } from "./RowContext.js";
-const d = "row__b2c7be8c", i = "noPaddingBottom__84774aa0", S = "SM__2e7ca77a", w = "MD__e2f97d14", o = {
-  row: d,
-  noPaddingBottom: i,
-  SM: S,
-  MD: w
-}, P = {
-  [t.SM]: o.SM,
-  [t.MD]: o.MD
-}, p = ({
-  children: c,
-  className: s,
-  gridHorizontalGap: n = t.SM,
-  paddingBottom: e = !0,
-  ...m
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { RowContext } from "./RowContext.js";
+const row = "row__c6f39056";
+const noPaddingBottom = "noPaddingBottom__1fa9baa3";
+const SM = "SM__2d362c22";
+const MD = "MD__fc0ebfed";
+const styles = {
+  row,
+  noPaddingBottom,
+  SM,
+  MD
+};
+const GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {
+  [EComponentSize.SM]: styles.SM,
+  [EComponentSize.MD]: styles.MD
+};
+const Row = ({
+  children,
+  className,
+  gridHorizontalGap = EComponentSize.SM,
+  paddingBottom = true,
+  ...htmlDivAttributes
 }) => {
-  const _ = M(s, o.row, P[n], {
-    [o.noPaddingBottom]: !e
+  const cn = clsx(className, styles.row, GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap], {
+    [styles.noPaddingBottom]: !paddingBottom
   });
-  return /* @__PURE__ */ r(a.Provider, { value: { gridHorizontalGap: n }, children: /* @__PURE__ */ r("div", { className: _, ...m, children: c }) });
+  return /* @__PURE__ */ jsx(RowContext.Provider, { value: { gridHorizontalGap }, children: /* @__PURE__ */ jsx("div", { className: cn, ...htmlDivAttributes, children }) });
 };
-p.displayName = "Row";
+Row.displayName = "Row";
 export {
-  p as Row
+  Row
 };
 //# sourceMappingURL=Row.js.map

package/components/Row/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sources":["../../../src/components/Row/Row.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Row.module.less\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { RowContext } from \"./RowContext\";\n\n/** Свойства компонента Row. */\nexport interface IRowProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Вертикальный нижний отступ. */\n    paddingBottom?: boolean;\n    /** Размер отступа между колонками. */\n    gridHorizontalGap?: EComponentSize.SM | EComponentSize.MD;\n}\n\nconst GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.SM,\n    [EComponentSize.MD]: styles.MD,\n};\n\n/**\n * Строка с нижним отступом, принимающая в children только колонки Col.\n */\nexport const Row: React.FC<IRowProps> = ({\n    children,\n    className,\n    gridHorizontalGap = EComponentSize.SM,\n    paddingBottom = true,\n    ...htmlDivAttributes\n}) => {\n    const cn = clsx(className, styles.row, GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap], {\n        [styles.noPaddingBottom]: !paddingBottom,\n    });\n\n    return (\n        <RowContext.Provider value={{ gridHorizontalGap }}>\n            <div className={cn} {...htmlDivAttributes}>\n                {children}\n            </div>\n        </RowContext.Provider>\n    );\n};\n\nRow.displayName = \"Row\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,wCAAwC;AAAA,EAC1C,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAKO,MAAM,MAA2B,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA,oBAAoB,eAAe;AAAA,EACnC,gBAAgB;AAAA,EAChB,GAAG;AACP,MAAM;AACF,QAAM,KAAK,KAAK,WAAW,OAAO,KAAK,sCAAsC,iBAAiB,GAAG;AAAA,IAC7F,CAAC,OAAO,eAAe,GAAG,CAAC;AAAA,EAAA,CAC9B;AAED,SACI,oBAAC,WAAW,UAAX,EAAoB,OAAO,EAAE,kBAAA,GAC1B,UAAA,oBAAC,SAAI,WAAW,IAAK,GAAG,mBACnB,UACL,GACJ;AAER;AAEA,IAAI,cAAc;"}

package/components/Row/RowContext.js

@@ -1,9 +1,9 @@
-import o from "react";
-import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const n = o.createContext({
-  gridHorizontalGap: t.SM
+import React__default from "react";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+const RowContext = React__default.createContext({
+  gridHorizontalGap: EComponentSize.SM
 });
 export {
-  n as RowContext
+  RowContext
 };
 //# sourceMappingURL=RowContext.js.map

package/components/Row/RowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowContext.js","sources":["../../../src/components/Row/RowContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\nexport interface IRowContext {\n    gridHorizontalGap: EComponentSize.SM | EComponentSize.MD;\n}\n\nexport const RowContext = React.createContext<IRowContext>({\n    gridHorizontalGap: EComponentSize.SM,\n});\n"],"names":["React"],"mappings":";;AAOO,MAAM,aAAaA,eAAM,cAA2B;AAAA,EACvD,mBAAmB,eAAe;AACtC,CAAC;"}

package/components/Row/index.js

@@ -1,5 +1,5 @@
-import { Row as e } from "./Row.js";
+import { Row } from "./Row.js";
 export {
-  e as Row
+  Row
 };
 //# sourceMappingURL=index.js.map

package/components/Row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/SMSField/SMSField.js

@@ -1,41 +1,45 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as C } from "../../chunks/vendor-D5cfSbgz.js";
-import { useState as i } from "react";
-import { SMSFieldContext as h } from "./SMSFieldContext.js";
-import { SMSFieldInput as N } from "./components/SMSFieldInput.js";
-import { SMSFieldRefresh as x } from "./components/SMSFieldRefresh.js";
-import { SMSFieldSubmit as T } from "./components/SMSFieldSubmit.js";
-import { SMSFieldTooltip as v } from "./components/SMSFieldTooltip.js";
-import { s } from "../../chunks/SMSField.module-C73HM5Ag.js";
-import { createSizeToClassNameMap as z } from "../../utils/classNameMaps.js";
-const I = z(s), e = (r) => {
-  const { children: m, className: l, code: a, disabled: d, error: S, onChangeCode: p, onSubmitCode: c, size: o, ...n } = r, [f, u] = i(!0), [b, M] = i(), F = C(s.smsField, l);
-  return /* @__PURE__ */ t(
-    h.Provider,
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { useState } from "react";
+import { SMSFieldContext } from "./SMSFieldContext.js";
+import { SMSFieldInput } from "./components/SMSFieldInput.js";
+import { SMSFieldRefresh } from "./components/SMSFieldRefresh.js";
+import { SMSFieldSubmit } from "./components/SMSFieldSubmit.js";
+import { SMSFieldTooltip } from "./components/SMSFieldTooltip.js";
+import { s as styles } from "../../chunks/SMSField.module-DZA3Nplj.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
+const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const SMSField = (props) => {
+  const { children, className, code, disabled, error, onChangeCode, onSubmitCode, size, ...htmlDivAttributes } = props;
+  const [disabledSubmit, setDisabledSubmit] = useState(true);
+  const [tooltipId, setTooltipId] = useState();
+  const classSMSField = clsx(styles.smsField, className);
+  return /* @__PURE__ */ jsx(
+    SMSFieldContext.Provider,
     {
       value: {
-        code: a,
-        disabled: !!d,
-        disabledSubmit: f,
-        error: !!S,
-        onChangeCode: p,
-        onSubmitCode: c,
-        setDisabledSubmit: u,
-        setTooltipId: M,
-        size: o,
-        sizeClassName: I[o],
-        tooltipId: b
+        code,
+        disabled: !!disabled,
+        disabledSubmit,
+        error: !!error,
+        onChangeCode,
+        onSubmitCode,
+        setDisabledSubmit,
+        setTooltipId,
+        size,
+        sizeClassName: sizeToClassNameMap[size],
+        tooltipId
       },
-      children: /* @__PURE__ */ t("div", { className: F, ...n, "data-tx": "1.34.0", children: m })
+      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "1.35.0", children })
     }
   );
 };
-e.displayName = "SMSField";
-e.Tooltip = v;
-e.Refresh = x;
-e.Input = N;
-e.Submit = T;
+SMSField.displayName = "SMSField";
+SMSField.Tooltip = SMSFieldTooltip;
+SMSField.Refresh = SMSFieldRefresh;
+SMSField.Input = SMSFieldInput;
+SMSField.Submit = SMSFieldSubmit;
 export {
-  e as SMSField
+  SMSField
 };
 //# sourceMappingURL=SMSField.js.map

package/components/SMSField/SMSField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SMSField.js","sources":["../../../src/components/SMSField/SMSField.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useState } from \"react\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { ISMSFieldProps } from \"@sberbusiness/triplex-next/components/SMSField/types\";\nimport { SMSFieldInput } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldInput\";\nimport { SMSFieldRefresh } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldRefresh\";\nimport { SMSFieldSubmit } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldSubmit\";\nimport { SMSFieldTooltip } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldTooltip\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\n\n// Соответствие размера имени класса.\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Внутренние составляющие SMSField. */\ninterface ISMSFieldComposition {\n    Tooltip: typeof SMSFieldTooltip;\n    Refresh: typeof SMSFieldRefresh;\n    Input: typeof SMSFieldInput;\n    Submit: typeof SMSFieldSubmit;\n}\n\n/** Компонент для ввода СМС. */\nexport const SMSField: React.FC<ISMSFieldProps> & ISMSFieldComposition = (props) => {\n    const { children, className, code, disabled, error, onChangeCode, onSubmitCode, size, ...htmlDivAttributes } =\n        props;\n\n    const [disabledSubmit, setDisabledSubmit] = useState(true);\n    const [tooltipId, setTooltipId] = useState<string>();\n    const classSMSField = clsx(styles.smsField, className);\n\n    return (\n        <SMSFieldContext.Provider\n            value={{\n                code,\n                disabled: !!disabled,\n                disabledSubmit,\n                error: !!error,\n                onChangeCode,\n                onSubmitCode,\n                setDisabledSubmit,\n                setTooltipId,\n                size,\n                sizeClassName: sizeToClassNameMap[size],\n                tooltipId,\n            }}\n        >\n            <div className={classSMSField} {...htmlDivAttributes} data-tx={process.env.npm_package_version}>\n                {children}\n            </div>\n        </SMSFieldContext.Provider>\n    );\n};\n\nSMSField.displayName = \"SMSField\";\nSMSField.Tooltip = SMSFieldTooltip;\nSMSField.Refresh = SMSFieldRefresh;\nSMSField.Input = SMSFieldInput;\nSMSField.Submit = SMSFieldSubmit;\n"],"names":[],"mappings":";;;;;;;;;;AAYA,MAAM,qBAAqB,yBAAyB,MAAM;AAWnD,MAAM,WAA4D,CAAC,UAAU;AAChF,QAAM,EAAE,UAAU,WAAW,MAAM,UAAU,OAAO,cAAc,cAAc,MAAM,GAAG,kBAAA,IACrF;AAEJ,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,IAAI;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAA;AAClC,QAAM,gBAAgB,KAAK,OAAO,UAAU,SAAS;AAErD,SACI;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACG,OAAO;AAAA,QACH;AAAA,QACA,UAAU,CAAC,CAAC;AAAA,QACZ;AAAA,QACA,OAAO,CAAC,CAAC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe,mBAAmB,IAAI;AAAA,QACtC;AAAA,MAAA;AAAA,MAGJ,UAAA,oBAAC,OAAA,EAAI,WAAW,eAAgB,GAAG,mBAAmB,WAAS,UAC1D,SAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,SAAS,cAAc;AACvB,SAAS,UAAU;AACnB,SAAS,UAAU;AACnB,SAAS,QAAQ;AACjB,SAAS,SAAS;"}

package/components/SMSField/SMSFieldContext.js

@@ -1,10 +1,10 @@
-import e from "react";
-import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const o = {
+import React__default from "react";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+const contextInitial = {
   code: "",
-  disabled: !1,
-  disabledSubmit: !0,
-  error: !1,
+  disabled: false,
+  disabledSubmit: true,
+  error: false,
   onChangeCode: () => {
   },
   onSubmitCode: () => {
@@ -13,11 +13,12 @@ const o = {
   },
   setTooltipId: () => {
   },
-  size: t.LG,
+  size: EComponentSize.LG,
   sizeClassName: "",
   tooltipId: void 0
-}, s = e.createContext(o);
+};
+const SMSFieldContext = React__default.createContext(contextInitial);
 export {
-  s as SMSFieldContext
+  SMSFieldContext
 };
 //# sourceMappingURL=SMSFieldContext.js.map

package/components/SMSField/SMSFieldContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SMSFieldContext.js","sources":["../../../src/components/SMSField/SMSFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\nexport interface ISMSFieldContext {\n    /** Значение кода. */\n    code: string;\n    /** Признак блокировки компонента. */\n    disabled: boolean;\n    /** Отключённое состояние кнопки Submit. */\n    disabledSubmit: boolean;\n    /** Признак наличия ошибки. */\n    error: boolean;\n    /** Обработчик изменения кода. */\n    onChangeCode: (code: string) => void;\n    /** Обработчик отправки кода. */\n    onSubmitCode: (code: string) => void;\n    /** Установить отключённое состояние кнопки Submit. */\n    setDisabledSubmit: (disabled: boolean) => void;\n    /** Установить уникальный идентификатор Tooltip. */\n    setTooltipId: (id: string) => void;\n    /** Размер поля. */\n    size: EComponentSize;\n    /** CSS класс размера. */\n    sizeClassName: string;\n    /** Уникальный идентификатор Tooltip. */\n    tooltipId?: string;\n}\n\nconst contextInitial: ISMSFieldContext = {\n    code: \"\",\n    disabled: false,\n    disabledSubmit: true,\n    error: false,\n    onChangeCode: () => {},\n    onSubmitCode: () => {},\n    setDisabledSubmit: () => {},\n    setTooltipId: () => {},\n    size: EComponentSize.LG,\n    sizeClassName: \"\",\n    tooltipId: undefined,\n};\n\nexport const SMSFieldContext = React.createContext(contextInitial);\n"],"names":["React"],"mappings":";;AA4BA,MAAM,iBAAmC;AAAA,EACrC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,MAAM,eAAe;AAAA,EACrB,eAAe;AAAA,EACf,WAAW;AACf;AAEO,MAAM,kBAAkBA,eAAM,cAAc,cAAc;"}