@sberbusiness/triplex-next 0.33.0 → 0.35.0

package/components/AmountField/AmountField.js

@@ -1,11 +1,11 @@
-import { jsx as l, jsxs as p } from "react/jsx-runtime";
-import h, { useRef as s, useLayoutEffect as v } from "react";
-import { TextFieldBase as I } from "../TextField/TextFieldBase.js";
-import { EFormFieldStatus as k } from "../FormField/enums.js";
-import { FormFieldClear as w } from "../FormField/components/FormFieldClear.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useRef, useLayoutEffect } from "react";
+import { TextFieldBase } from "../TextField/TextFieldBase.js";
+import { EFormFieldStatus } from "../FormField/enums.js";
+import { FormFieldClear } from "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as A } from "../../chunks/FormFieldInput-CLHhO8Kh.js";
+import { F as FormFieldInput } from "../../chunks/FormFieldInput-C19hNK5B.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
@@ -13,63 +13,95 @@ import "../FormField/components/FormFieldPrefix.js";
 import "../FormField/components/FormFieldTarget.js";
 import "../FormField/components/FormFieldTextarea.js";
 import "../FormField/FormField.js";
-import { EFontType as F, ETextSize as B } from "../Typography/enums.js";
+import { EFontType, ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
-import { Text as R } from "../Typography/Text.js";
+import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { AmountBaseInputCore as V } from "./AmountBaseInputCore.js";
-import { setCaretPosition as _ } from "../../utils/inputUtils.js";
-import { createPlaceholder as K, setFallbackCaret as L } from "./utils.js";
-const ae = h.forwardRef(
-  ({ inputProps: r, currency: i, postfix: g, maxIntegerDigits: u = 16, fractionDigits: o = 2, onClear: d, ...f }, a) => {
-    const { status: y, "data-test-id": n } = f, S = r.placeholder || K(o), m = s(null), e = s();
-    e.current === void 0 && (e.current = new V(u, o)), v(() => {
-      e.current && m.current == document.activeElement && _(m.current, Math.max(e.current.caret, 0));
-    }, [r.value]);
-    const E = () => e.current ? ((r.value != e.current.value || u != e.current.maxIntegerDigits || o != e.current.fractionDigits) && (e.current.maxIntegerDigits = u, e.current.fractionDigits = o, e.current.apply(r.value, r.value.length)), e.current.cache.formattedValue = e.current.formattedValue, e.current.formattedValue) : "", C = (t) => {
-      if (!e.current) return;
-      const c = t.target.selectionStart ?? t.target.value.length;
-      e.current.apply(t.target.value, c), L(t.target, e.current, o), r.onChange(e.current.value);
-    }, x = (t) => {
-      var c;
-      e.current && (e.current.cache.key = t.key, (c = r.onKeyDown) == null || c.call(r, t));
-    }, D = (t) => {
-      var c;
-      e.current && (e.current.cache.key = "", e.current.cache.selectionStart = t.currentTarget.selectionStart, e.current.cache.selectionEnd = t.currentTarget.selectionEnd, e.current.cache.selectionDirection = t.currentTarget.selectionDirection, (c = r.onSelect) == null || c.call(r, t));
-    }, T = (t) => {
-      m.current = t, typeof a == "function" ? a(t) : a && (a.current = t);
+import { AmountBaseInputCore } from "./AmountBaseInputCore.js";
+import { setCaretPosition } from "../../utils/inputUtils.js";
+import { createPlaceholder, setFallbackCaret } from "./utils.js";
+const AmountField = React.forwardRef(
+  ({ inputProps, currency, postfix, maxIntegerDigits = 16, fractionDigits = 2, onClear, ...restProps }, ref) => {
+    const { status, "data-test-id": dataTestId } = restProps;
+    const placeholder = inputProps.placeholder || createPlaceholder(fractionDigits);
+    const refInput = useRef(null);
+    const core = useRef();
+    if (core.current === void 0) core.current = new AmountBaseInputCore(maxIntegerDigits, fractionDigits);
+    useLayoutEffect(() => {
+      if (core.current && refInput.current == document.activeElement)
+        setCaretPosition(refInput.current, Math.max(core.current.caret, 0));
+    }, [inputProps.value]);
+    const getFormattedValue = () => {
+      if (!core.current) return "";
+      if (inputProps.value != core.current.value || maxIntegerDigits != core.current.maxIntegerDigits || fractionDigits != core.current.fractionDigits) {
+        core.current.maxIntegerDigits = maxIntegerDigits;
+        core.current.fractionDigits = fractionDigits;
+        core.current.apply(inputProps.value, inputProps.value.length);
+      }
+      core.current.cache.formattedValue = core.current.formattedValue;
+      return core.current.formattedValue;
+    };
+    const handleChange = (event) => {
+      if (!core.current) return;
+      const caret = event.target.selectionStart ?? event.target.value.length;
+      core.current.apply(event.target.value, caret);
+      setFallbackCaret(event.target, core.current, fractionDigits);
+      inputProps.onChange(core.current.value);
+    };
+    const handleKeyDown = (event) => {
+      var _a;
+      if (!core.current) return;
+      core.current.cache.key = event.key;
+      (_a = inputProps.onKeyDown) == null ? void 0 : _a.call(inputProps, event);
+    };
+    const handleSelect = (event) => {
+      var _a;
+      if (!core.current) return;
+      core.current.cache.key = "";
+      core.current.cache.selectionStart = event.currentTarget.selectionStart;
+      core.current.cache.selectionEnd = event.currentTarget.selectionEnd;
+      core.current.cache.selectionDirection = event.currentTarget.selectionDirection;
+      (_a = inputProps.onSelect) == null ? void 0 : _a.call(inputProps, event);
+    };
+    const setRef = (instance) => {
+      refInput.current = instance;
+      if (typeof ref === "function") {
+        ref(instance);
+      } else if (ref) {
+        ref.current = instance;
+      }
     };
-    return /* @__PURE__ */ l(
-      I,
+    return /* @__PURE__ */ jsx(
+      TextFieldBase,
       {
-        postfix: /* @__PURE__ */ p(h.Fragment, { children: [
-          d !== void 0 && /* @__PURE__ */ l(w, { onClick: d }),
-          i !== void 0 && /* @__PURE__ */ l(
-            R,
+        postfix: /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          onClear !== void 0 && /* @__PURE__ */ jsx(FormFieldClear, { onClick: onClear }),
+          currency !== void 0 && /* @__PURE__ */ jsx(
+            Text,
             {
-              size: B.B2,
-              type: y !== k.DISABLED ? F.SECONDARY : F.DISABLED,
-              "data-test-id": n && `${n}__unit`,
-              children: i
+              size: ETextSize.B2,
+              type: status !== EFormFieldStatus.DISABLED ? EFontType.SECONDARY : EFontType.DISABLED,
+              "data-test-id": dataTestId && `${dataTestId}__unit`,
+              children: currency
             }
           ),
-          g
+          postfix
         ] }),
-        ...f,
-        children: /* @__PURE__ */ l(
-          A,
+        ...restProps,
+        children: /* @__PURE__ */ jsx(
+          FormFieldInput,
           {
-            ...r,
-            value: E(),
-            placeholder: S,
+            ...inputProps,
+            value: getFormattedValue(),
+            placeholder,
             autoComplete: "off",
             inputMode: "decimal",
-            "data-test-id": n && `${n}__input`,
-            onKeyDown: x,
-            onSelect: D,
-            onChange: C,
-            ref: T
+            "data-test-id": dataTestId && `${dataTestId}__input`,
+            onKeyDown: handleKeyDown,
+            onSelect: handleSelect,
+            onChange: handleChange,
+            ref: setRef
           }
         )
       }
@@ -77,6 +109,6 @@ const ae = h.forwardRef(
   }
 );
 export {
-  ae as AmountField
+  AmountField
 };
 //# sourceMappingURL=AmountField.js.map

package/components/AmountField/AmountField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmountField.js","sources":["../../../src/components/AmountField/AmountField.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef } from \"react\";\nimport { TextFieldBase, ITextFieldBaseProps } from \"../TextField/TextFieldBase\";\nimport { FormFieldInput, IFormFieldInputProps, EFormFieldStatus } from \"../FormField\";\nimport { FormFieldClear } from \"../FormField/components/FormFieldClear\";\nimport { Text, ETextSize, EFontType } from \"../Typography\";\nimport { AmountBaseInputCore } from \"./AmountBaseInputCore\";\nimport { setCaretPosition } from \"../../utils/inputUtils\";\nimport { createPlaceholder, setFallbackCaret } from \"./utils\";\n\nexport interface IAmountFieldProps extends Omit<ITextFieldBaseProps, \"children\"> {\n    /** Свойства поля ввода. */\n    inputProps: Omit<IFormFieldInputProps, \"type\" | \"maxLength\" | \"onChange\" | \"inputMode\" | \"autoComplete\"> & {\n        /** Значение. */\n        value: string;\n        /** Обработчик изменения значения. */\n        onChange: (value: string) => void;\n    };\n    /** Наименование валюты. */\n    currency?: string;\n    /** Максимальное количество знаков перед запятой. */\n    maxIntegerDigits?: number;\n    /** Количество знаков после запятой. */\n    fractionDigits?: number;\n    /** Обработчик очищения значения. */\n    onClear?: () => void;\n}\n\nexport const AmountField = React.forwardRef<HTMLInputElement, IAmountFieldProps>(\n    ({ inputProps, currency, postfix, maxIntegerDigits = 16, fractionDigits = 2, onClear, ...restProps }, ref) => {\n        const { status, \"data-test-id\": dataTestId } = restProps;\n        const placeholder = inputProps.placeholder || createPlaceholder(fractionDigits);\n\n        const refInput = useRef<HTMLInputElement | null>(null);\n        const core = useRef<AmountBaseInputCore>();\n        if (core.current === undefined) core.current = new AmountBaseInputCore(maxIntegerDigits, fractionDigits);\n\n        useLayoutEffect(() => {\n            if (core.current && refInput.current == document.activeElement)\n                setCaretPosition(refInput.current, Math.max(core.current.caret, 0));\n        }, [inputProps.value]);\n\n        /** Функция, возвращающая отформатированное значение. */\n        const getFormattedValue = () => {\n            if (!core.current) return \"\";\n\n            if (\n                inputProps.value != core.current.value ||\n                maxIntegerDigits != core.current.maxIntegerDigits ||\n                fractionDigits != core.current.fractionDigits\n            ) {\n                core.current.maxIntegerDigits = maxIntegerDigits;\n                core.current.fractionDigits = fractionDigits;\n                core.current.apply(inputProps.value, inputProps.value.length);\n            }\n\n            core.current.cache.formattedValue = core.current.formattedValue;\n\n            return core.current.formattedValue;\n        };\n\n        /** Обработчик изменения значения. */\n        const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n            if (!core.current) return;\n\n            const caret = event.target.selectionStart ?? event.target.value.length;\n\n            core.current.apply(event.target.value, caret);\n\n            setFallbackCaret(event.target, core.current, fractionDigits);\n\n            inputProps.onChange(core.current.value);\n        };\n\n        /** Обработчик нажатия клавиши. */\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            if (!core.current) return;\n\n            core.current.cache.key = event.key;\n\n            inputProps.onKeyDown?.(event);\n        };\n\n        /** Обработчик выбора текста. */\n        const handleSelect = (event: React.SyntheticEvent<HTMLInputElement>) => {\n            if (!core.current) return;\n\n            core.current.cache.key = \"\";\n            core.current.cache.selectionStart = event.currentTarget.selectionStart;\n            core.current.cache.selectionEnd = event.currentTarget.selectionEnd;\n            core.current.cache.selectionDirection = event.currentTarget.selectionDirection;\n\n            inputProps.onSelect?.(event);\n        };\n\n        /** Функция для хранения ссылки. */\n        const setRef = (instance: HTMLInputElement | null) => {\n            refInput.current = instance;\n\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        return (\n            <TextFieldBase\n                postfix={\n                    <React.Fragment>\n                        {onClear !== undefined && <FormFieldClear onClick={onClear} />}\n                        {currency !== undefined && (\n                            <Text\n                                size={ETextSize.B2}\n                                type={status !== EFormFieldStatus.DISABLED ? EFontType.SECONDARY : EFontType.DISABLED}\n                                data-test-id={dataTestId && `${dataTestId}__unit`}\n                            >\n                                {currency}\n                            </Text>\n                        )}\n                        {postfix}\n                    </React.Fragment>\n                }\n                {...restProps}\n            >\n                <FormFieldInput\n                    {...inputProps}\n                    // eslint-disable-next-line react-hooks/refs\n                    value={getFormattedValue()}\n                    placeholder={placeholder}\n                    autoComplete=\"off\"\n                    inputMode=\"decimal\"\n                    data-test-id={dataTestId && `${dataTestId}__input`}\n                    onKeyDown={handleKeyDown}\n                    onSelect={handleSelect}\n                    onChange={handleChange}\n                    ref={setRef}\n                />\n            </TextFieldBase>\n        );\n    },\n);\n"],"names":[],"mappings":"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"}

package/components/AmountField/index.js

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

package/components/AmountField/index.js.map

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

package/components/AmountField/utils.js

@@ -1,38 +1,47 @@
-import { AmountConst as o } from "../../consts/AmountConst.js";
-import { isKey as c } from "../../utils/keyboard.js";
-import { StringUtils as f } from "../../utils/stringUtils.js";
-function g(t) {
-  const r = ["0"];
-  if (t > 0) {
-    r.push(o.DecimalComma);
-    for (let n = 0; n < t; n++)
-      r.push("0");
+import { AmountConst } from "../../consts/AmountConst.js";
+import { isKey } from "../../utils/keyboard.js";
+import { StringUtils } from "../../utils/stringUtils.js";
+function createPlaceholder(fractionDigits) {
+  const buffer = ["0"];
+  if (fractionDigits > 0) {
+    buffer.push(AmountConst.DecimalComma);
+    for (let i = 0; i < fractionDigits; i++) {
+      buffer.push("0");
+    }
   }
-  return r.join("");
+  return buffer.join("");
 }
-function R(t, r, n) {
-  const { formattedValue: i, key: a, selectionStart: e, selectionEnd: l, selectionDirection: s } = r.cache;
-  if (t.value = i, !(e === null || l === null || s === null)) {
-    if (a === o.DecimalComma || a === o.DecimalPoint) {
-      if (e === l && i[e] === o.DecimalComma)
-        return t.setSelectionRange(e + 1, e + 1);
-    } else if (c(a, "BACKSPACE"))
-      if (e === l) {
-        if (f.isDigit(i[e - 1]) === !1)
-          return t.setSelectionRange(e - 1, l - 1);
-      } else
-        return t.setSelectionRange(e, e);
-    else if (c(a, "DELETE"))
-      if (e === l) {
-        if (f.isDigit(i[e]) === !1)
-          return t.setSelectionRange(e + 1, l + 1);
-      } else
-        return t.setSelectionRange(l, l);
-    return n > 0 && i.length - n - 1 < e && r.formattedValue === i ? t.setSelectionRange(r.caret, r.caret) : s == "backward" ? t.setSelectionRange(l, l) : t.setSelectionRange(e, e);
+function setFallbackCaret(input, coreAmount, fractionDigits) {
+  const { formattedValue, key, selectionStart, selectionEnd, selectionDirection } = coreAmount.cache;
+  input.value = formattedValue;
+  if (selectionStart === null || selectionEnd === null || selectionDirection === null) return;
+  if (key === AmountConst.DecimalComma || key === AmountConst.DecimalPoint) {
+    if (selectionStart === selectionEnd && formattedValue[selectionStart] === AmountConst.DecimalComma)
+      return input.setSelectionRange(selectionStart + 1, selectionStart + 1);
+  } else if (isKey(key, "BACKSPACE")) {
+    if (selectionStart === selectionEnd) {
+      if (StringUtils.isDigit(formattedValue[selectionStart - 1]) === false)
+        return input.setSelectionRange(selectionStart - 1, selectionEnd - 1);
+    } else {
+      return input.setSelectionRange(selectionStart, selectionStart);
+    }
+  } else if (isKey(key, "DELETE")) {
+    if (selectionStart === selectionEnd) {
+      if (StringUtils.isDigit(formattedValue[selectionStart]) === false)
+        return input.setSelectionRange(selectionStart + 1, selectionEnd + 1);
+    } else {
+      return input.setSelectionRange(selectionEnd, selectionEnd);
+    }
   }
+  if (fractionDigits > 0 && formattedValue.length - fractionDigits - 1 < selectionStart) {
+    if (coreAmount.formattedValue === formattedValue)
+      return input.setSelectionRange(coreAmount.caret, coreAmount.caret);
+  }
+  if (selectionDirection == "backward") return input.setSelectionRange(selectionEnd, selectionEnd);
+  return input.setSelectionRange(selectionStart, selectionStart);
 }
 export {
-  g as createPlaceholder,
-  R as setFallbackCaret
+  createPlaceholder,
+  setFallbackCaret
 };
 //# sourceMappingURL=utils.js.map

package/components/AmountField/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/AmountField/utils.ts"],"sourcesContent":["import { AmountConst } from \"@sberbusiness/triplex-next/consts/AmountConst\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { StringUtils } from \"@sberbusiness/triplex-next/utils/stringUtils\";\nimport type { AmountBaseInputCore } from \"./AmountBaseInputCore\";\n\n/**\n * Создать placeholder.\n *\n * @param fractionDigits Количество знаков после запятой.\n */\nexport function createPlaceholder(fractionDigits: number) {\n    const buffer = [\"0\"];\n\n    if (fractionDigits > 0) {\n        buffer.push(AmountConst.DecimalComma);\n\n        for (let i = 0; i < fractionDigits; i++) {\n            buffer.push(\"0\");\n        }\n    }\n\n    return buffer.join(\"\");\n}\n\n/**\n * Установка каретки на случай, если не произойдёт изменения значения.\n *\n * Значение может не измениться по двум причинам:\n *     1) Значение невалидно. Обработчик снаружи не обновляет состояние;\n *     2) Значение идентично предыдущему. Обработчик снаружи [не] обновляет состояние.\n **/\nexport function setFallbackCaret(input: HTMLInputElement, coreAmount: AmountBaseInputCore, fractionDigits: number) {\n    const { formattedValue, key, selectionStart, selectionEnd, selectionDirection } = coreAmount.cache;\n\n    input.value = formattedValue;\n\n    if (selectionStart === null || selectionEnd === null || selectionDirection === null) return;\n\n    if (key === AmountConst.DecimalComma || key === AmountConst.DecimalPoint) {\n        // Если каретка находится непосредственно перед десятичным разделителем, сдвигаем каретку вперёд.\n        if (selectionStart === selectionEnd && formattedValue[selectionStart] === AmountConst.DecimalComma)\n            return input.setSelectionRange(selectionStart + 1, selectionStart + 1);\n    } else if (isKey(key, \"BACKSPACE\")) {\n        if (selectionStart === selectionEnd) {\n            // Если каретка стоит непосредственно после группового/десятичного разделителя, сдвигаем каретку назад.\n            if (StringUtils.isDigit(formattedValue[selectionStart - 1]) === false)\n                return input.setSelectionRange(selectionStart - 1, selectionEnd - 1);\n        }\n        // Если есть выделенный текст, ставим каретку в начало выделения.\n        else {\n            // Ставим каретку в начало выделения.\n            return input.setSelectionRange(selectionStart, selectionStart);\n        }\n    } else if (isKey(key, \"DELETE\")) {\n        if (selectionStart === selectionEnd) {\n            // Если каретка стоит непосредственно перед групповым/десятичным разделителем, сдвигаем каретку вперёд.\n            if (StringUtils.isDigit(formattedValue[selectionStart]) === false)\n                return input.setSelectionRange(selectionStart + 1, selectionEnd + 1);\n        }\n        // Если есть выделенный текст, ставим каретку в конец выделения.\n        else {\n            return input.setSelectionRange(selectionEnd, selectionEnd);\n        }\n    }\n\n    // Если каретка находится после десятичного разделителя.\n    if (fractionDigits > 0 && formattedValue.length - fractionDigits - 1 < selectionStart) {\n        // Если новое значение повторяет старое, ставим каретку в расчётное место.\n        if (coreAmount.formattedValue === formattedValue)\n            return input.setSelectionRange(coreAmount.caret, coreAmount.caret);\n    }\n\n    // Если текст выделялся в обратном порядке, ставим каретку в конец выделения.\n    if (selectionDirection == \"backward\") return input.setSelectionRange(selectionEnd, selectionEnd);\n\n    // В остальных случаях ставим каретку в начало выделения.\n    return input.setSelectionRange(selectionStart, selectionStart);\n}\n"],"names":[],"mappings":";;;AAUO,SAAS,kBAAkB,gBAAwB;AACtD,QAAM,SAAS,CAAC,GAAG;AAEnB,MAAI,iBAAiB,GAAG;AACpB,WAAO,KAAK,YAAY,YAAY;AAEpC,aAAS,IAAI,GAAG,IAAI,gBAAgB,KAAK;AACrC,aAAO,KAAK,GAAG;AAAA,IACnB;AAAA,EACJ;AAEA,SAAO,OAAO,KAAK,EAAE;AACzB;AASO,SAAS,iBAAiB,OAAyB,YAAiC,gBAAwB;AAC/G,QAAM,EAAE,gBAAgB,KAAK,gBAAgB,cAAc,mBAAA,IAAuB,WAAW;AAE7F,QAAM,QAAQ;AAEd,MAAI,mBAAmB,QAAQ,iBAAiB,QAAQ,uBAAuB,KAAM;AAErF,MAAI,QAAQ,YAAY,gBAAgB,QAAQ,YAAY,cAAc;AAEtE,QAAI,mBAAmB,gBAAgB,eAAe,cAAc,MAAM,YAAY;AAClF,aAAO,MAAM,kBAAkB,iBAAiB,GAAG,iBAAiB,CAAC;AAAA,EAC7E,WAAW,MAAM,KAAK,WAAW,GAAG;AAChC,QAAI,mBAAmB,cAAc;AAEjC,UAAI,YAAY,QAAQ,eAAe,iBAAiB,CAAC,CAAC,MAAM;AAC5D,eAAO,MAAM,kBAAkB,iBAAiB,GAAG,eAAe,CAAC;AAAA,IAC3E,OAEK;AAED,aAAO,MAAM,kBAAkB,gBAAgB,cAAc;AAAA,IACjE;AAAA,EACJ,WAAW,MAAM,KAAK,QAAQ,GAAG;AAC7B,QAAI,mBAAmB,cAAc;AAEjC,UAAI,YAAY,QAAQ,eAAe,cAAc,CAAC,MAAM;AACxD,eAAO,MAAM,kBAAkB,iBAAiB,GAAG,eAAe,CAAC;AAAA,IAC3E,OAEK;AACD,aAAO,MAAM,kBAAkB,cAAc,YAAY;AAAA,IAC7D;AAAA,EACJ;AAGA,MAAI,iBAAiB,KAAK,eAAe,SAAS,iBAAiB,IAAI,gBAAgB;AAEnF,QAAI,WAAW,mBAAmB;AAC9B,aAAO,MAAM,kBAAkB,WAAW,OAAO,WAAW,KAAK;AAAA,EACzE;AAGA,MAAI,sBAAsB,WAAY,QAAO,MAAM,kBAAkB,cAAc,YAAY;AAG/F,SAAO,MAAM,kBAAkB,gBAAgB,cAAc;AACjE;"}

package/components/Avatar/Avatar.js

@@ -1,52 +1,68 @@
-import { EAvatarSize as r } from "./enums.js";
-import { jsx as t } from "react/jsx-runtime";
-import c from "react";
-import { c as i } from "../../chunks/vendor-z35N2Tap.js";
-const x = "avatar__9c4240a3", R = "borderRadius6__06dfd0fe", b = "borderRadius8__a9502966", u = "borderRadius10__6e6c1cd6", m = "borderRadius12__d2f2f7dc", n = "borderRadius16__0c9b6d81", f = "xxs__dff9192a", l = "xs__eda2760b", A = "sm__f506162d", S = "md__45648d1c", v = "lg__37ef1138", p = "xl__28d21fb1", M = "xxl__3219f1e7", d = {
-  avatar: x,
-  borderRadius6: R,
-  borderRadius8: b,
-  borderRadius10: u,
-  borderRadius12: m,
-  borderRadius16: n,
-  xxs: f,
-  xs: l,
-  sm: A,
-  md: S,
-  lg: v,
-  xl: p,
-  xxl: M
-}, X = {
-  [r.XXS]: d.xxs,
-  [r.XS]: d.xs,
-  [r.SM]: d.sm,
-  [r.MD]: d.md,
-  [r.LG]: d.lg,
-  [r.XL]: d.xl,
-  [r.XXL]: d.xxl
-}, E = {
-  6: d.borderRadius6,
-  8: d.borderRadius8,
-  10: d.borderRadius10,
-  12: d.borderRadius12,
-  16: d.borderRadius16
-}, L = c.forwardRef(
-  ({ className: s, size: a, borderRadius: o, ..._ }, e) => /* @__PURE__ */ t(
+import { EAvatarSize } from "./enums.js";
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+const avatar = "avatar__4c68229b";
+const borderRadius6 = "borderRadius6__27cdba14";
+const borderRadius8 = "borderRadius8__a39674fa";
+const borderRadius10 = "borderRadius10__dd87cdf5";
+const borderRadius12 = "borderRadius12__c802ead1";
+const borderRadius16 = "borderRadius16__4b6b667f";
+const xxs = "xxs__9235015e";
+const xs = "xs__9c0bdfd7";
+const sm = "sm__5ca2e928";
+const md = "md__ebb15cb3";
+const lg = "lg__e98b970d";
+const xl = "xl__01bda5e5";
+const xxl = "xxl__4050bf08";
+const styles = {
+  avatar,
+  borderRadius6,
+  borderRadius8,
+  borderRadius10,
+  borderRadius12,
+  borderRadius16,
+  xxs,
+  xs,
+  sm,
+  md,
+  lg,
+  xl,
+  xxl
+};
+const SIZE_TO_CLASS_NAME_MAP = {
+  [EAvatarSize.XXS]: styles.xxs,
+  [EAvatarSize.XS]: styles.xs,
+  [EAvatarSize.SM]: styles.sm,
+  [EAvatarSize.MD]: styles.md,
+  [EAvatarSize.LG]: styles.lg,
+  [EAvatarSize.XL]: styles.xl,
+  [EAvatarSize.XXL]: styles.xxl
+};
+const BORDER_RADIUS_TO_CLASS_NAME_MAP = {
+  6: styles.borderRadius6,
+  8: styles.borderRadius8,
+  10: styles.borderRadius10,
+  12: styles.borderRadius12,
+  16: styles.borderRadius16
+};
+const Avatar = React.forwardRef(
+  ({ className, size, borderRadius, ...restProps }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
-      className: i(
-        d.avatar,
-        X[a],
-        E[o],
-        s
+      className: clsx(
+        styles.avatar,
+        SIZE_TO_CLASS_NAME_MAP[size],
+        BORDER_RADIUS_TO_CLASS_NAME_MAP[borderRadius],
+        className
       ),
-      ..._,
-      ref: e
+      ...restProps,
+      ref
     }
   )
 );
-L.displayName = "Avatar";
+Avatar.displayName = "Avatar";
 export {
-  L as Avatar
+  Avatar
 };
 //# sourceMappingURL=Avatar.js.map

package/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IAvatarProps } from \"./types\";\nimport { EAvatarSize, TAvatarBorderRadius } from \"./enums\";\nimport styles from \"./styles/Avatar.module.less\";\n\n// Соответствие размера имени класса.\nconst SIZE_TO_CLASS_NAME_MAP: Record<EAvatarSize, string> = {\n    [EAvatarSize.XXS]: styles.xxs,\n    [EAvatarSize.XS]: styles.xs,\n    [EAvatarSize.SM]: styles.sm,\n    [EAvatarSize.MD]: styles.md,\n    [EAvatarSize.LG]: styles.lg,\n    [EAvatarSize.XL]: styles.xl,\n    [EAvatarSize.XXL]: styles.xxl,\n};\n\nconst BORDER_RADIUS_TO_CLASS_NAME_MAP: Record<TAvatarBorderRadius, string> = {\n    6: styles.borderRadius6,\n    8: styles.borderRadius8,\n    10: styles.borderRadius10,\n    12: styles.borderRadius12,\n    16: styles.borderRadius16,\n};\n\n/** Аватар, предназначен для отображения изображений профиля пользователя, инициалов или иконок. */\nexport const Avatar = React.forwardRef<HTMLDivElement, IAvatarProps>(\n    ({ className, size, borderRadius, ...restProps }, ref) => (\n        <div\n            className={clsx(\n                styles.avatar,\n                SIZE_TO_CLASS_NAME_MAP[size],\n                BORDER_RADIUS_TO_CLASS_NAME_MAP[borderRadius],\n                className,\n            )}\n            {...restProps}\n            ref={ref}\n        />\n    ),\n);\n\nAvatar.displayName = \"Avatar\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,yBAAsD;AAAA,EACxD,CAAC,YAAY,GAAG,GAAG,OAAO;AAAA,EAC1B,CAAC,YAAY,EAAE,GAAG,OAAO;AAAA,EACzB,CAAC,YAAY,EAAE,GAAG,OAAO;AAAA,EACzB,CAAC,YAAY,EAAE,GAAG,OAAO;AAAA,EACzB,CAAC,YAAY,EAAE,GAAG,OAAO;AAAA,EACzB,CAAC,YAAY,EAAE,GAAG,OAAO;AAAA,EACzB,CAAC,YAAY,GAAG,GAAG,OAAO;AAC9B;AAEA,MAAM,kCAAuE;AAAA,EACzE,GAAG,OAAO;AAAA,EACV,GAAG,OAAO;AAAA,EACV,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AACf;AAGO,MAAM,SAAS,MAAM;AAAA,EACxB,CAAC,EAAE,WAAW,MAAM,cAAc,GAAG,UAAA,GAAa,QAC9C;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,OAAO;AAAA,QACP,uBAAuB,IAAI;AAAA,QAC3B,gCAAgC,YAAY;AAAA,QAC5C;AAAA,MAAA;AAAA,MAEH,GAAG;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,OAAO,cAAc;"}

package/components/Avatar/enums.js

@@ -1,5 +1,14 @@
-var X = /* @__PURE__ */ ((x) => (x.XXS = "xxs", x.XS = "xs", x.SM = "sm", x.MD = "md", x.LG = "lg", x.XL = "xl", x.XXL = "xxl", x))(X || {});
+var EAvatarSize = /* @__PURE__ */ ((EAvatarSize2) => {
+  EAvatarSize2["XXS"] = "xxs";
+  EAvatarSize2["XS"] = "xs";
+  EAvatarSize2["SM"] = "sm";
+  EAvatarSize2["MD"] = "md";
+  EAvatarSize2["LG"] = "lg";
+  EAvatarSize2["XL"] = "xl";
+  EAvatarSize2["XXL"] = "xxl";
+  return EAvatarSize2;
+})(EAvatarSize || {});
 export {
-  X as EAvatarSize
+  EAvatarSize
 };
 //# sourceMappingURL=enums.js.map

package/components/Avatar/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/Avatar/enums.ts"],"sourcesContent":["/** Размеры компонента Avatar. */\nexport enum EAvatarSize {\n    XXS = \"xxs\",\n    XS = \"xs\",\n    SM = \"sm\",\n    MD = \"md\",\n    LG = \"lg\",\n    XL = \"xl\",\n    XXL = \"xxl\",\n}\n\nexport type TAvatarBorderRadius = 6 | 8 | 10 | 12 | 16;\n"],"names":["EAvatarSize"],"mappings":"AACO,IAAK,gCAAAA,iBAAL;AACHA,eAAA,KAAA,IAAM;AACNA,eAAA,IAAA,IAAK;AACLA,eAAA,IAAA,IAAK;AACLA,eAAA,IAAA,IAAK;AACLA,eAAA,IAAA,IAAK;AACLA,eAAA,IAAA,IAAK;AACLA,eAAA,KAAA,IAAM;AAPE,SAAAA;AAAA,GAAA,eAAA,CAAA,CAAA;"}

package/components/Avatar/index.js

@@ -1,7 +1,7 @@
-import { EAvatarSize as o } from "./enums.js";
-import { Avatar as e } from "./Avatar.js";
+import { EAvatarSize } from "./enums.js";
+import { Avatar } from "./Avatar.js";
 export {
-  e as Avatar,
-  o as EAvatarSize
+  Avatar,
+  EAvatarSize
 };
 //# sourceMappingURL=index.js.map

package/components/Avatar/index.js.map

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

package/components/Avatar/types.js.map

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

package/components/Badge/Badge.js

@@ -1,30 +1,36 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import l from "react";
-import { c as g } from "../../chunks/vendor-z35N2Tap.js";
-import { createSizeToClassNameMap as i } from "../../utils/classNameMaps.js";
-import { BadgeDot as f } from "./BadgeDot.js";
-import { BadgeContent as _ } from "./components/BadgeContent.js";
-import { BadgePrefix as b } from "./components/BadgePrefix.js";
-import { BadgePostfix as p } from "./components/BadgePostfix.js";
-const B = "badge__bac90b1a", P = "sm__19d8761f", N = "md__ac4d2bc8", S = "lg__6c4ffadc", d = {
-  badge: B,
-  sm: P,
-  md: N,
-  lg: S
-}, h = i(d), j = Object.assign(
-  l.forwardRef(
-    ({ children: m, className: s, size: t, prefix: o, postfix: a, ...n }, r) => /* @__PURE__ */ c("span", { className: g(d.badge, h[t], s), ...n, ref: r, children: [
-      o ? /* @__PURE__ */ e(b, { children: o }) : null,
-      m ? /* @__PURE__ */ e(_, { size: t, noPaddingLeft: !!o, noPaddingRight: !!a, children: m }) : null,
-      a ? /* @__PURE__ */ e(p, { children: a }) : null
+import { jsxs, jsx } from "react/jsx-runtime";
+import React from "react";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
+import { BadgeDot } from "./BadgeDot.js";
+import { BadgeContent } from "./components/BadgeContent.js";
+import { BadgePrefix } from "./components/BadgePrefix.js";
+import { BadgePostfix } from "./components/BadgePostfix.js";
+const badge = "badge__11578d9a";
+const sm = "sm__b6a93966";
+const md = "md__c5dbcc02";
+const lg = "lg__9ddcda2e";
+const styles = {
+  badge,
+  sm,
+  md,
+  lg
+};
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
+const Badge = Object.assign(
+  React.forwardRef(
+    ({ children, className, size, prefix, postfix, ...restProps }, ref) => /* @__PURE__ */ jsxs("span", { className: clsx(styles.badge, SIZE_TO_CLASS_NAME_MAP[size], className), ...restProps, ref, children: [
+      prefix ? /* @__PURE__ */ jsx(BadgePrefix, { children: prefix }) : null,
+      children ? /* @__PURE__ */ jsx(BadgeContent, { size, noPaddingLeft: Boolean(prefix), noPaddingRight: Boolean(postfix), children }) : null,
+      postfix ? /* @__PURE__ */ jsx(BadgePostfix, { children: postfix }) : null
     ] })
   ),
   {
-    Dot: f
+    Dot: BadgeDot
   }
 );
-j.displayName = "Badge";
+Badge.displayName = "Badge";
 export {
-  j as Badge
+  Badge
 };
 //# sourceMappingURL=Badge.js.map

package/components/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IBadgeProps } from \"./types\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\nimport { BadgeDot } from \"./BadgeDot\";\nimport { BadgeContent } from \"./components/BadgeContent\";\nimport { BadgePrefix } from \"./components/BadgePrefix\";\nimport { BadgePostfix } from \"./components/BadgePostfix\";\nimport styles from \"./styles/Badge.module.less\";\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Индикатор статуса или уведомления.\n * Может содержать префикс, контент и постфикс.\n * Для отображения точки используется компонент BadgeDot.\n * */\nexport const Badge = Object.assign(\n    React.forwardRef<HTMLSpanElement, IBadgeProps>(\n        ({ children, className, size, prefix, postfix, ...restProps }, ref) => (\n            <span className={clsx(styles.badge, SIZE_TO_CLASS_NAME_MAP[size], className)} {...restProps} ref={ref}>\n                {prefix ? <BadgePrefix>{prefix}</BadgePrefix> : null}\n\n                {children ? (\n                    <BadgeContent size={size} noPaddingLeft={Boolean(prefix)} noPaddingRight={Boolean(postfix)}>\n                        {children}\n                    </BadgeContent>\n                ) : null}\n\n                {postfix ? <BadgePostfix>{postfix}</BadgePostfix> : null}\n            </span>\n        ),\n    ),\n    {\n        Dot: BadgeDot,\n    },\n);\n\nBadge.displayName = \"Badge\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAUA,MAAM,yBAAyB,yBAAyB,MAAM;AAOvD,MAAM,QAAQ,OAAO;AAAA,EACxB,MAAM;AAAA,IACF,CAAC,EAAE,UAAU,WAAW,MAAM,QAAQ,SAAS,GAAG,UAAA,GAAa,QAC3D,qBAAC,UAAK,WAAW,KAAK,OAAO,OAAO,uBAAuB,IAAI,GAAG,SAAS,GAAI,GAAG,WAAW,KACxF,UAAA;AAAA,MAAA,SAAS,oBAAC,aAAA,EAAa,UAAA,OAAA,CAAO,IAAiB;AAAA,MAE/C,WACG,oBAAC,cAAA,EAAa,MAAY,eAAe,QAAQ,MAAM,GAAG,gBAAgB,QAAQ,OAAO,GACpF,UACL,IACA;AAAA,MAEH,UAAU,oBAAC,cAAA,EAAc,UAAA,QAAA,CAAQ,IAAkB;AAAA,IAAA,EAAA,CACxD;AAAA,EAAA;AAAA,EAGR;AAAA,IACI,KAAK;AAAA,EAAA;AAEb;AAEA,MAAM,cAAc;"}

package/components/Badge/BadgeDot.js

@@ -1,15 +1,21 @@
-import { jsx as m } from "react/jsx-runtime";
-import e from "react";
-import { c as d } from "../../chunks/vendor-z35N2Tap.js";
-import { createSizeToClassNameMap as r } from "../../utils/classNameMaps.js";
-const _ = "badgeDot__ac6582a2", f = "sm__19d8761f", g = "md__ac4d2bc8", l = "lg__6c4ffadc", o = {
-  badgeDot: _,
-  sm: f,
-  md: g,
-  lg: l
-}, n = r(o), p = e.forwardRef(({ className: a, size: s, ...t }, c) => /* @__PURE__ */ m("span", { className: d(o.badgeDot, n[s], a), ...t, ref: c }));
-p.displayName = "BadgeDot";
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
+const badgeDot = "badgeDot__d8ce0bef";
+const sm = "sm__b6a93966";
+const md = "md__c5dbcc02";
+const lg = "lg__9ddcda2e";
+const styles = {
+  badgeDot,
+  sm,
+  md,
+  lg
+};
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
+const BadgeDot = React.forwardRef(({ className, size, ...restProps }, ref) => /* @__PURE__ */ jsx("span", { className: clsx(styles.badgeDot, SIZE_TO_CLASS_NAME_MAP[size], className), ...restProps, ref }));
+BadgeDot.displayName = "BadgeDot";
 export {
-  p as BadgeDot
+  BadgeDot
 };
 //# sourceMappingURL=BadgeDot.js.map

package/components/Badge/BadgeDot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeDot.js","sources":["../../../src/components/Badge/BadgeDot.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IBadgeDotProps } from \"./types\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\nimport styles from \"./styles/BadgeDot.module.less\";\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Индикатор статуса или уведомления в виде точки. */\nexport const BadgeDot = React.forwardRef<HTMLSpanElement, IBadgeDotProps>(({ className, size, ...restProps }, ref) => (\n    <span className={clsx(styles.badgeDot, SIZE_TO_CLASS_NAME_MAP[size], className)} {...restProps} ref={ref} />\n));\n\nBadgeDot.displayName = \"BadgeDot\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAMA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,WAAW,MAAM,WAA4C,CAAC,EAAE,WAAW,MAAM,GAAG,UAAA,GAAa,QAC1G,oBAAC,UAAK,WAAW,KAAK,OAAO,UAAU,uBAAuB,IAAI,GAAG,SAAS,GAAI,GAAG,WAAW,KAAU,CAC7G;AAED,SAAS,cAAc;"}