@sima-land/ui-nucleons 45.0.0-alpha.2 → 45.0.0-alpha.21

package/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/text/index.ts"],"names":[],"mappings":";;;AACA,+BAAsD;AAA7C,4FAAA,IAAI,OAAA;AAAE,sGAAA,cAAc,OAAA;AAAE,8FAAA,MAAM,OAAA"}

package/text/text.d.ts

@@ -0,0 +1,11 @@
+import { Align, TextProps } from './types';
+import { Size, LineHeight } from '../styling/fonts';
+export declare const defaultHeights: Readonly<Record<Size, LineHeight>>;
+export declare const ALIGNS: Set<Align>;
+/**
+ * Блок с возможностью быстрой стилизации текста по дизайн-гайдам.
+ * @deprecated
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare const Text: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<any>>>;

package/text/text.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = exports.ALIGNS = exports.defaultHeights = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../styling/colors");
+const fonts_1 = require("../styling/fonts");
+const bind_1 = __importDefault(require("classnames/bind"));
+const text_m_scss_1 = __importDefault(require("./text.m.scss"));
+const cx = bind_1.default.bind(text_m_scss_1.default);
+exports.defaultHeights = {
+    12: 16,
+    14: 20,
+    16: 24,
+    20: 28,
+    24: 32,
+    32: 40,
+    48: 60,
+    64: 80,
+};
+exports.ALIGNS = new Set(['left', 'center', 'right', 'justify']);
+/**
+ * Блок с возможностью быстрой стилизации текста по дизайн-гайдам.
+ * @deprecated
+ * @param props Свойства.
+ * @return Элемент.
+ */
+exports.Text = (0, react_1.memo)((0, react_1.forwardRef)(function Text({ children, element: Container = 'span', size, 
+// по гайдам дизайн-системы устанавливаем высоту по умолчанию
+lineHeight = size ? exports.defaultHeights[size] : undefined, 
+// не устанавливаем значения по умолчанию, чтобы компонент вел себя предсказуемо
+align, color, nowrap, truncate, weight, }, ref) {
+    const needLineClamp = typeof truncate === 'number' && truncate > 0;
+    return ((0, jsx_runtime_1.jsx)(Container, { ref: ref, className: cx([
+            // styling
+            size && (0, fonts_1.size)(size),
+            lineHeight && (0, fonts_1.lineHeight)(lineHeight),
+            color && (0, colors_1.color)(color),
+            weight && (0, fonts_1.weight)(weight),
+            // text
+            align && exports.ALIGNS.has(align) && `align-${align}`,
+            nowrap && 'nowrap',
+            truncate === true && 'truncate',
+            needLineClamp && 'line-clamp',
+        ]), style: needLineClamp ? { WebkitLineClamp: truncate } : {}, children: children }));
+}));
+//# sourceMappingURL=text.js.map

package/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/text/text.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAyC;AAEzC,8CAAwD;AACxD,4CAM0B;AAC1B,2DAAyC;AACzC,gEAAoC;AAEpC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,qBAAO,CAAC,CAAC;AAEvB,QAAA,cAAc,GAAuC;IAChE,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAEW,QAAA,MAAM,GAAG,IAAI,GAAG,CAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;AAE7E;;;;;GAKG;AACU,QAAA,IAAI,GAAG,IAAA,YAAI,EACtB,IAAA,kBAAU,EAAiB,SAAS,IAAI,CACtC,EACE,QAAQ,EACR,OAAO,EAAE,SAAS,GAAG,MAAM,EAC3B,IAAI;AAEJ,6DAA6D;AAC7D,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,sBAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS;AAEpD,gFAAgF;AAChF,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,MAAM,GACP,EACD,GAAG;IAEH,MAAM,aAAa,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,GAAG,CAAC,CAAC;IAEnE,OAAO,CACL,uBAAC,SAAS,IACR,GAAG,EAAE,GAAU,EACf,SAAS,EAAE,EAAE,CAAC;YACZ,UAAU;YACV,IAAI,IAAI,IAAA,YAAS,EAAC,IAAI,CAAC;YACvB,UAAU,IAAI,IAAA,kBAAe,EAAC,UAAU,CAAC;YACzC,KAAK,IAAI,IAAA,cAAU,EAAC,KAAK,CAAC;YAC1B,MAAM,IAAI,IAAA,cAAW,EAAC,MAAM,CAAC;YAE7B,OAAO;YACP,KAAK,IAAI,cAAM,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,SAAS,KAAK,EAAE;YAC9C,MAAM,IAAI,QAAQ;YAClB,QAAQ,KAAK,IAAI,IAAI,UAAU;YAC/B,aAAa,IAAI,YAAY;SAC9B,CAAC,EACF,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,EACzD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC,CAAC,CACH,CAAC"}

package/text/types.d.ts

@@ -0,0 +1,28 @@
+import type { CSSProperties, ElementType, ReactNode, RefAttributes } from 'react';
+import type { Token } from '../colors';
+import type { LineHeight, Size, Weight } from '../styling/fonts';
+export type Align = 'left' | 'center' | 'right' | 'justify';
+export interface TextProps {
+    /** Направление. */
+    align?: Align;
+    /** Содержимое. */
+    children?: ReactNode;
+    /** Ключ цвета из дизайн системы. */
+    color?: Token;
+    /** Элемент, который будет использован как обертка. */
+    element?: string | ElementType<{
+        className: string;
+        style: CSSProperties;
+        children?: ReactNode;
+    } & RefAttributes<any>>;
+    /** Межстрочный интервал. */
+    lineHeight?: LineHeight;
+    /** Нужно ли добавить стиль "white-space: nowrap". */
+    nowrap?: boolean;
+    /** Размер. */
+    size?: Size;
+    /** Нужно ли обрезать текст многоточием в одну строку. */
+    truncate?: boolean | number;
+    /** Начертание. */
+    weight?: Weight;
+}

package/text/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/text/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/text/types.ts"],"names":[],"mappings":""}

package/text-button/index.d.ts

@@ -1,42 +1,2 @@
-import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, ComponentType, Ref, SVGAttributes } from 'react';
-import { LinkColor } from '../link';
-export type TextButtonSize = 's' | 'm';
-export type TextButtonColor = LinkColor;
-interface CommonProps {
-    /** Размер. */
-    size?: TextButtonSize;
-    /** Цвет. */
-    color?: TextButtonColor;
-    /** Иконка перед текстом. */
-    startIcon?: ComponentType<SVGAttributes<SVGSVGElement>>;
-    /** Иконка после текста. */
-    endIcon?: ComponentType<SVGAttributes<SVGSVGElement>>;
-    /** Ref для элемента button. Будет заполнен только при appearance: 'button'. */
-    buttonRef?: Ref<HTMLButtonElement>;
-    /** Ref для элемента a. Будет заполнен только при appearance: 'link'. */
-    anchorRef?: Ref<HTMLAnchorElement>;
-    /** Нужно ли выводить подчеркивание. */
-    underline?: boolean;
-    /** Отключенное состояние. */
-    disabled?: boolean;
-    /** Отступ от иконок. */
-    iconGutter?: 4 | 8;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-export type TextButtonAsButtonProps = CommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof CommonProps> & {
-    /** Какой элемент выводить в качестве текстовой кнопки. */
-    as?: 'button';
-};
-export type TextButtonAsAnchorProps = CommonProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps> & {
-    /** Какой элемент выводить в качестве текстовой кнопки. */
-    as: 'anchor';
-};
-export type TextButtonProps = TextButtonAsButtonProps | TextButtonAsAnchorProps;
-/**
- * Текстовая кнопка.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function TextButton({ size, color, children, className, startIcon: StartIcon, endIcon: EndIcon, buttonRef, anchorRef, underline, disabled, iconGutter, 'data-testid': testId, ...restProps }: TextButtonProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-export {};
+export type { TextButtonSize, TextButtonColor, TextButtonProps, TextButtonAsAnchorProps, TextButtonAsButtonProps, } from './types';
+export { TextButton } from './text-button';

package/text-button/index.js

@@ -1,46 +1,6 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextButton = void 0;
-const react_1 = __importDefault(require("react"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const text_button_module_scss_1 = __importDefault(require("./text-button.module.scss"));
-const cx = bind_1.default.bind(text_button_module_scss_1.default);
-/**
- * Текстовая кнопка.
- * @param props Свойства.
- * @return Элемент.
- */
-function TextButton(_a) {
-    var { size = 'm', color = 'basic-blue', children, className, startIcon: StartIcon, endIcon: EndIcon, buttonRef, anchorRef, underline, disabled, iconGutter = 8, 'data-testid': testId = 'text-button' } = _a, restProps = __rest(_a, ["size", "color", "children", "className", "startIcon", "endIcon", "buttonRef", "anchorRef", "underline", "disabled", "iconGutter", 'data-testid']);
-    const rooClassName = cx('root', `color-${color}`, `size-${size}`, `icon-gutter-${iconGutter}`, underline && 'underline', disabled && 'disabled', className);
-    const content = (react_1.default.createElement(react_1.default.Fragment, null,
-        StartIcon && react_1.default.createElement(StartIcon, { className: cx('icon-start') }),
-        children,
-        EndIcon && react_1.default.createElement(EndIcon, { className: cx('icon-end') })));
-    let result;
-    switch (restProps.as) {
-        case 'anchor':
-            result = (react_1.default.createElement("a", Object.assign({}, restProps, { ref: anchorRef, className: rooClassName, "data-testid": testId }), content));
-            break;
-        case 'button':
-        default:
-            result = (react_1.default.createElement("button", Object.assign({}, restProps, { ref: buttonRef, className: rooClassName, disabled: disabled, "data-testid": testId }), content));
-            break;
-    }
-    return result;
-}
-exports.TextButton = TextButton;
+var text_button_1 = require("./text-button");
+Object.defineProperty(exports, "TextButton", { enumerable: true, get: function () { return text_button_1.TextButton; } });
+//# sourceMappingURL=index.js.map

package/text-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/text-button/index.ts"],"names":[],"mappings":";;;AAOA,6CAA2C;AAAlC,yGAAA,UAAU,OAAA"}

package/text-button/text-button.d.ts

@@ -0,0 +1,8 @@
+import type { TextButtonProps } from './types';
+import type { ReactElement } from 'react';
+/**
+ * Текстовая кнопка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function TextButton({ size, color, children, className, startIcon: StartIcon, endIcon: EndIcon, buttonRef, anchorRef, underline, disabled, iconGutter, 'data-testid': testId, ...restProps }: TextButtonProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/text-button/text-button.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextButton = TextButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bind_1 = __importDefault(require("classnames/bind"));
+const text_button_m_scss_1 = __importDefault(require("./text-button.m.scss"));
+const cx = bind_1.default.bind(text_button_m_scss_1.default);
+/**
+ * Текстовая кнопка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function TextButton({ size = 'm', color = 'basic-blue', children, className, startIcon: StartIcon, endIcon: EndIcon, buttonRef, anchorRef, underline, disabled, iconGutter = 8, 'data-testid': testId = 'text-button', ...restProps }) {
+    const rooClassName = cx('root', color && color !== 'unset' && `color-${color}`, size && size !== 'unset' && `size-${size}`, typeof iconGutter === 'number' && `icon-gutter-${iconGutter}`, underline && 'underline', disabled && 'disabled', className);
+    const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [StartIcon && (0, jsx_runtime_1.jsx)(StartIcon, { className: cx('icon-start') }), children, EndIcon && (0, jsx_runtime_1.jsx)(EndIcon, { className: cx('icon-end') })] }));
+    let result;
+    switch (restProps.as) {
+        case 'anchor': {
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            const { as, ...anchorProps } = restProps;
+            result = ((0, jsx_runtime_1.jsx)("a", { ...anchorProps, ref: anchorRef, className: rooClassName, "data-testid": testId, children: content }));
+            break;
+        }
+        case 'button':
+        default: {
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            const { as, ...buttonProps } = restProps;
+            result = ((0, jsx_runtime_1.jsx)("button", { ...buttonProps, ref: buttonRef, className: rooClassName, disabled: disabled, "data-testid": testId, children: content }));
+            break;
+        }
+    }
+    return result;
+}
+//# sourceMappingURL=text-button.js.map

package/text-button/text-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.js","sourceRoot":"","sources":["../../src/text-button/text-button.tsx"],"names":[],"mappings":";;;;;AAYA,gCAqEC;;AA/ED,2DAAyC;AACzC,8EAA0C;AAE1C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,4BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,UAAU,CAAC,EACzB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,YAAY,EACpB,QAAQ,EACR,SAAS,EACT,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EACT,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,CAAC,EACd,aAAa,EAAE,MAAM,GAAG,aAAa,EACrC,GAAG,SAAS,EACI;IAChB,MAAM,YAAY,GAAG,EAAE,CACrB,MAAM,EACN,KAAK,IAAI,KAAK,KAAK,OAAO,IAAI,SAAS,KAAK,EAAE,EAC9C,IAAI,IAAI,IAAI,KAAK,OAAO,IAAI,QAAQ,IAAI,EAAE,EAC1C,OAAO,UAAU,KAAK,QAAQ,IAAI,eAAe,UAAU,EAAE,EAC7D,SAAS,IAAI,WAAW,EACxB,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,CAAC;IAEF,MAAM,OAAO,GAAG,CACd,6DACG,SAAS,IAAI,uBAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,GAAI,EACvD,QAAQ,EACR,OAAO,IAAI,uBAAC,OAAO,IAAC,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,GAAI,IACjD,CACJ,CAAC;IAEF,IAAI,MAAoB,CAAC;IAEzB,QAAQ,SAAS,CAAC,EAAE,EAAE,CAAC;QACrB,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,6DAA6D;YAC7D,MAAM,EAAE,EAAE,EAAE,GAAG,WAAW,EAAE,GAAG,SAAS,CAAC;YAEzC,MAAM,GAAG,CACP,iCAAO,WAAW,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,iBAAe,MAAM,YAC7E,OAAO,GACN,CACL,CAAC;YACF,MAAM;QACR,CAAC;QAED,KAAK,QAAQ,CAAC;QACd,OAAO,CAAC,CAAC,CAAC;YACR,6DAA6D;YAC7D,MAAM,EAAE,EAAE,EAAE,GAAG,WAAW,EAAE,GAAG,SAAS,CAAC;YAEzC,MAAM,GAAG,CACP,sCACM,WAAW,EACf,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,YAAY,EACvB,QAAQ,EAAE,QAAQ,iBACL,MAAM,YAElB,OAAO,GACD,CACV,CAAC;YACF,MAAM;QACR,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/text-button/{text-button.module.scss → text-button.m.scss}

@@ -5,14 +5,17 @@
 .root {
   @include utils.reset-button;
   @include utils.focus-visible;
+}
+
+.root {
   display: inline-flex;
   align-items: center;
   font-weight: 600;
   white-space: nowrap;
   background: transparent;
   padding: 0;
-  margin: 0;
   border: 0;
+  // ВАЖНО: не надо указывать здесь сброс margin так как его сложно перебить при сборке стилей
 }
 
 .root,

package/text-button/types.d.ts

@@ -0,0 +1,40 @@
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes, CSSProperties, ComponentType, Ref, SVGAttributes } from 'react';
+import type { LinkColor } from '../link';
+import type { WithTestId } from '../types';
+export type TextButtonSize = 's' | 'm';
+export type TextButtonColor = LinkColor;
+export interface TextButtonStyle extends CSSProperties {
+    '--text-button-icon-gutter'?: string;
+}
+interface CommonProps extends WithTestId {
+    /** Размер. */
+    size?: TextButtonSize | 'unset';
+    /** Цвет. */
+    color?: TextButtonColor | 'unset';
+    /** Иконка перед текстом. */
+    startIcon?: ComponentType<SVGAttributes<SVGSVGElement>>;
+    /** Иконка после текста. */
+    endIcon?: ComponentType<SVGAttributes<SVGSVGElement>>;
+    /** Ref для элемента button. Будет заполнен только при appearance: 'button'. */
+    buttonRef?: Ref<HTMLButtonElement>;
+    /** Ref для элемента a. Будет заполнен только при appearance: 'link'. */
+    anchorRef?: Ref<HTMLAnchorElement>;
+    /** Нужно ли выводить подчеркивание. */
+    underline?: boolean;
+    /** Отключенное состояние. */
+    disabled?: boolean;
+    /** Отступ от иконок. */
+    iconGutter?: 4 | 8 | 'unset';
+    /** Стили. */
+    style?: TextButtonStyle;
+}
+export type TextButtonAsButtonProps = CommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof CommonProps> & {
+    /** Какой элемент выводить в качестве текстовой кнопки. */
+    as?: 'button';
+};
+export type TextButtonAsAnchorProps = CommonProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps> & {
+    /** Какой элемент выводить в качестве текстовой кнопки. */
+    as: 'anchor';
+};
+export type TextButtonProps = TextButtonAsButtonProps | TextButtonAsAnchorProps;
+export {};

package/text-button/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/text-button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/text-button/types.ts"],"names":[],"mappings":""}

package/textarea/index.d.ts

@@ -1,21 +1,2 @@
-import { TextareaHTMLAttributes, Ref } from 'react';
-import { BaseInputAsTextareaProps } from '../base-input';
-import { FieldBlockProps } from '../field-block';
-type HTMLTextareaProps = Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'autoComplete' | 'autoFocus' | 'defaultValue' | 'disabled' | 'id' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onInput' | 'placeholder' | 'readOnly' | 'required' | 'rows' | 'value'>;
-export interface TextareaProps extends HTMLTextareaProps, FieldBlockProps {
-    /** Ref элемента textarea. */
-    textareaRef?: Ref<HTMLTextAreaElement>;
-    /** Свойства BaseInputProps. */
-    baseInputProps?: BaseInputAsTextareaProps;
-    /** Стили корневого элемента. */
-    style?: Required<FieldBlockProps>['rootProps']['style'];
-    /** CSS-класс корневого элемента. */
-    className?: Required<FieldBlockProps>['rootProps']['className'];
-}
-/**
- * Текстовая область.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function Textarea({ textareaRef, baseInputProps, style, className, autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, rows, value, label, failed, caption, blockProps, 'data-testid': testId, ...restProps }: TextareaProps): JSX.Element;
-export {};
+export type { TextareaProps } from './types';
+export { Textarea } from './textarea';

package/textarea/index.js

@@ -1,85 +1,6 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Textarea = void 0;
-const react_1 = __importStar(require("react"));
-const base_input_1 = require("../base-input");
-const field_block_1 = require("../field-block");
-const utils_1 = require("../input/utils");
-const bind_1 = __importDefault(require("classnames/bind"));
-const textarea_module_scss_1 = __importDefault(require("./textarea.module.scss"));
-const cx = bind_1.default.bind(textarea_module_scss_1.default);
-/**
- * Текстовая область.
- * @param props Свойства.
- * @return Элемент.
- */
-function Textarea(_a) {
-    var { 
-    // specific Textarea props
-    textareaRef, baseInputProps, 
-    // root props
-    style, className, 
-    // textarea element props (popular)
-    autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, rows = 4, value, 
-    // FieldBlock props
-    label, failed, caption, blockProps, 'data-testid': testId = 'textarea' } = _a, restProps = __rest(_a, ["textareaRef", "baseInputProps", "style", "className", "autoComplete", "autoFocus", "defaultValue", "disabled", "id", "name", "onBlur", "onChange", "onFocus", "onInput", "placeholder", "readOnly", "required", "rows", "value", "label", "failed", "caption", "blockProps", 'data-testid']);
-    const ref = (0, react_1.useRef)(null);
-    const [filled, updateFilled] = (0, utils_1.useFilledState)(ref, { value, defaultValue });
-    const [focused, setFocused] = (0, react_1.useState)(false);
-    const handleMouseDown = (0, utils_1.useFieldMouseDown)(ref, blockProps === null || blockProps === void 0 ? void 0 : blockProps.onMouseDown);
-    (0, react_1.useImperativeHandle)(textareaRef, () => ref.current);
-    return (react_1.default.createElement(field_block_1.FieldBlock, Object.assign({}, restProps, { rootProps: Object.assign(Object.assign({}, restProps.rootProps), { style,
-            className }), "data-testid": testId, caption: caption, disabled: disabled, failed: failed, fixedHeight: false, focused: focused, label: label, labelAsPlaceholder: !focused && !filled, labelProps: { htmlFor: id }, size: 'l', blockProps: Object.assign(Object.assign({}, blockProps), { onMouseDown: handleMouseDown }), main: react_1.default.createElement(base_input_1.BaseInput, Object.assign({}, baseInputProps, { textareaRef: ref, multiline: true, className: cx('textarea', baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.className), style: Object.assign(Object.assign({}, baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.style), { '--placeholder-color': (0, utils_1.definePlaceholderColor)({ failed, disabled }) }), autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, id: id, name: name, placeholder: placeholder, readOnly: readOnly, required: required, rows: rows, value: value, onFocus: (event) => {
-                onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
-                updateFilled(event);
-                setFocused(true);
-            }, onBlur: (event) => {
-                onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
-                updateFilled(event);
-                setFocused(false);
-            }, onInput: (event) => {
-                onInput === null || onInput === void 0 ? void 0 : onInput(event);
-                updateFilled(event);
-            }, onChange: (event) => {
-                onChange === null || onChange === void 0 ? void 0 : onChange(event);
-                updateFilled(event);
-            } })), mainProps: { className: cx('main') } })));
-}
-exports.Textarea = Textarea;
+var textarea_1 = require("./textarea");
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return textarea_1.Textarea; } });
+//# sourceMappingURL=index.js.map

package/textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/textarea/index.ts"],"names":[],"mappings":";;;AACA,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA"}

package/textarea/textarea.d.ts

@@ -0,0 +1,7 @@
+import type { TextareaProps } from './types';
+/**
+ * Текстовая область.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Textarea({ textareaRef, baseInputProps, style, className, autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, rows, value, label, failed, caption, blockProps, 'data-testid': testId, ...restProps }: TextareaProps): import("react/jsx-runtime").JSX.Element;

package/textarea/textarea.js

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textarea = Textarea;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const base_input_1 = require("../base-input");
+const field_block_1 = require("../field-block");
+const utils_1 = require("../input/utils");
+const bind_1 = __importDefault(require("classnames/bind"));
+const textarea_m_scss_1 = __importDefault(require("./textarea.m.scss"));
+const cx = bind_1.default.bind(textarea_m_scss_1.default);
+/**
+ * Текстовая область.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Textarea({ 
+// specific Textarea props
+textareaRef, baseInputProps, 
+// root props
+style, className, 
+// textarea element props (popular)
+autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, rows = 2, value, 
+// FieldBlock props
+label, failed, caption, blockProps, 'data-testid': testId = 'textarea', ...restProps }) {
+    const ref = (0, react_1.useRef)(null);
+    const [filled, updateFilled] = (0, utils_1.useFilledState)(ref, { value, defaultValue });
+    const [focused, setFocused] = (0, react_1.useState)(false);
+    const handleMouseDown = (0, utils_1.useFieldMouseDown)(ref, blockProps?.onMouseDown);
+    (0, react_1.useImperativeHandle)(textareaRef, () => ref.current);
+    return ((0, jsx_runtime_1.jsx)(field_block_1.FieldBlock, { ...restProps, rootProps: {
+            ...restProps.rootProps,
+            style,
+            className,
+        }, "data-testid": testId, caption: caption, disabled: disabled, failed: failed, fixedHeight: false, focused: focused, label: label, labelAsPlaceholder: !focused && !filled, labelProps: { htmlFor: id }, size: 'l', blockProps: {
+            ...blockProps,
+            onMouseDown: handleMouseDown,
+        }, main: (0, jsx_runtime_1.jsx)(base_input_1.BaseInput, { ...baseInputProps, textareaRef: ref, multiline: true, className: cx('textarea', baseInputProps?.className), style: {
+                '--base-input-placeholder-color': (0, utils_1.definePlaceholderColor)({ failed, disabled }),
+                ...baseInputProps?.style,
+            }, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, id: id, name: name, placeholder: placeholder, readOnly: readOnly, required: required, rows: rows, value: value, onFocus: event => {
+                onFocus?.(event);
+                updateFilled(event);
+                setFocused(true);
+            }, onBlur: event => {
+                onBlur?.(event);
+                updateFilled(event);
+                setFocused(false);
+            }, onInput: event => {
+                onInput?.(event);
+                updateFilled(event);
+            }, onChange: event => {
+                onChange?.(event);
+                updateFilled(event);
+            } }), mainProps: { className: cx('main') } }));
+}
+//# sourceMappingURL=textarea.js.map

package/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/textarea/textarea.tsx"],"names":[],"mappings":"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"}

package/textarea/types.d.ts

@@ -0,0 +1,15 @@
+import type { Ref, TextareaHTMLAttributes } from 'react';
+import type { FieldBlockProps } from '../field-block';
+import type { BaseInputAsTextareaProps } from '../base-input';
+type HTMLTextareaProps = Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'autoComplete' | 'autoFocus' | 'defaultValue' | 'disabled' | 'id' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onInput' | 'placeholder' | 'readOnly' | 'required' | 'rows' | 'value'>;
+export interface TextareaProps extends HTMLTextareaProps, FieldBlockProps {
+    /** Ref элемента textarea. */
+    textareaRef?: Ref<HTMLTextAreaElement>;
+    /** Свойства BaseInputProps. */
+    baseInputProps?: Omit<BaseInputAsTextareaProps, 'multiline'>;
+    /** Стили корневого элемента. */
+    style?: Required<FieldBlockProps>['rootProps']['style'];
+    /** CSS-класс корневого элемента. */
+    className?: Required<FieldBlockProps>['rootProps']['className'];
+}
+export {};

package/textarea/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/textarea/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/textarea/types.ts"],"names":[],"mappings":""}

package/timer/index.d.ts

@@ -1,16 +1,2 @@
-import React from 'react';
-import { Distance } from './types';
-export interface TimerProps {
-    /** Дата и время события. */
-    date: string;
-    /** Должна отформатировать данные об оставшемся времени для вывода. */
-    format?: (d: Distance) => React.ReactNode;
-    /** Частота обновления таймера в миллисекундах. */
-    timeout?: number;
-}
-/**
- * Компонент для вывода оставшегося времени до целевой временной отметки.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Timer: ({ date, format, timeout }: TimerProps) => JSX.Element;
+export type { TimeDistance, TimerProps } from './types';
+export { Timer } from './timer';

package/timer/index.js

@@ -1,45 +1,6 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Timer = void 0;
-const react_1 = __importStar(require("react"));
-const utils_1 = require("./utils");
-/**
- * Компонент для вывода оставшегося времени до целевой временной отметки.
- * @param props Свойства.
- * @return Элемент.
- */
-const Timer = ({ date, format = utils_1.formatDistance, timeout = 1000 }) => {
-    const [distance, setDistance] = (0, react_1.useState)((0, utils_1.getDistanceToNow)(date));
-    (0, react_1.useEffect)(() => {
-        const timerId = setInterval(() => {
-            setDistance((0, utils_1.getDistanceToNow)(date));
-        }, timeout);
-        setDistance((0, utils_1.getDistanceToNow)(date));
-        return () => clearInterval(timerId);
-    }, [timeout]);
-    return react_1.default.createElement(react_1.default.Fragment, null, format(distance));
-};
-exports.Timer = Timer;
+var timer_1 = require("./timer");
+Object.defineProperty(exports, "Timer", { enumerable: true, get: function () { return timer_1.Timer; } });
+//# sourceMappingURL=index.js.map

package/timer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/timer/index.ts"],"names":[],"mappings":";;;AACA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}