@sima-land/ui-nucleons 45.0.0-alpha.5 → 45.0.0-alpha.51

package/dist/autocomplete/utils.d.ts

@@ -0,0 +1,36 @@
+import type { SyntheticEvent } from 'react';
+/**
+ * Наивная реализация синтетического события.
+ * Не рекомендуется к использованию за пределами библиотеки.
+ */
+export declare class NaiveSyntheticEvent<T extends Element = Element> implements SyntheticEvent<T> {
+    nativeEvent: Event;
+    currentTarget: EventTarget & T;
+    target: EventTarget & T;
+    bubbles: boolean;
+    cancelable: boolean;
+    defaultPrevented: boolean;
+    eventPhase: number;
+    isTrusted: boolean;
+    timeStamp: number;
+    type: string;
+    /** @inheritdoc */
+    constructor(nativeEvent: Event, target: T);
+    /** @inheritdoc */
+    persist(): undefined;
+    /** @inheritdoc */
+    stopPropagation(): void;
+    /** @inheritdoc */
+    isPropagationStopped(): boolean;
+    /** @inheritdoc */
+    preventDefault(): void;
+    /** @inheritdoc */
+    isDefaultPrevented(): boolean;
+}
+/**
+ * Вызывает переданную функцию только если переданное значение не является null или undefined.
+ * @param value Значение.
+ * @param callback Функция.
+ * @return Результат функции или undefined.
+ */
+export declare function when<A, B>(value: A, callback: (value: NonNullable<A>) => B): B | undefined;

package/dist/autocomplete/utils.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NaiveSyntheticEvent = void 0;
+exports.when = when;
+/**
+ * Наивная реализация синтетического события.
+ * Не рекомендуется к использованию за пределами библиотеки.
+ */
+class NaiveSyntheticEvent {
+    nativeEvent;
+    currentTarget;
+    target;
+    bubbles;
+    cancelable;
+    defaultPrevented;
+    eventPhase;
+    isTrusted;
+    timeStamp;
+    type;
+    /** @inheritdoc */
+    constructor(nativeEvent, target) {
+        this.target = target;
+        this.currentTarget = target;
+        this.nativeEvent = nativeEvent;
+        this.type = nativeEvent.type;
+        this.timeStamp = nativeEvent.timeStamp;
+        this.bubbles = nativeEvent.bubbles;
+        this.cancelable = nativeEvent.cancelable;
+        this.defaultPrevented = nativeEvent.defaultPrevented;
+        this.eventPhase = nativeEvent.eventPhase;
+        this.isTrusted = nativeEvent.isTrusted;
+    }
+    /** @inheritdoc */
+    persist() {
+        return void 0;
+    }
+    /** @inheritdoc */
+    stopPropagation() {
+        this.nativeEvent.stopPropagation();
+    }
+    /** @inheritdoc */
+    isPropagationStopped() {
+        return false;
+    }
+    /** @inheritdoc */
+    preventDefault() {
+        this.nativeEvent.preventDefault();
+        this.defaultPrevented = this.nativeEvent.defaultPrevented;
+    }
+    /** @inheritdoc */
+    isDefaultPrevented() {
+        return this.defaultPrevented;
+    }
+}
+exports.NaiveSyntheticEvent = NaiveSyntheticEvent;
+/**
+ * Вызывает переданную функцию только если переданное значение не является null или undefined.
+ * @param value Значение.
+ * @param callback Функция.
+ * @return Результат функции или undefined.
+ */
+function when(value, callback) {
+    return value !== null && value !== undefined ? callback(value) : undefined;
+}
+//# sourceMappingURL=utils.js.map

package/dist/autocomplete/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/autocomplete/utils.ts"],"names":[],"mappings":";;;AAiEA,oBAEC;AAjED;;;GAGG;AACH,MAAa,mBAAmB;IAC9B,WAAW,CAAQ;IACnB,aAAa,CAAkB;IAC/B,MAAM,CAAkB;IACxB,OAAO,CAAU;IACjB,UAAU,CAAU;IACpB,gBAAgB,CAAU;IAC1B,UAAU,CAAS;IACnB,SAAS,CAAU;IACnB,SAAS,CAAS;IAClB,IAAI,CAAS;IAEb,kBAAkB;IAClB,YAAY,WAAkB,EAAE,MAAS;QACvC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;QAC5B,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;QAC7B,IAAI,CAAC,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC;QACvC,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC;QACzC,IAAI,CAAC,gBAAgB,GAAG,WAAW,CAAC,gBAAgB,CAAC;QACrD,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC;IACzC,CAAC;IAED,kBAAkB;IAClB,OAAO;QACL,OAAO,KAAK,CAAC,CAAC;IAChB,CAAC;IAED,kBAAkB;IAClB,eAAe;QACb,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC;IAED,kBAAkB;IAClB,oBAAoB;QAClB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,kBAAkB;IAClB,cAAc;QACZ,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC;QAClC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC;IAC5D,CAAC;IAED,kBAAkB;IAClB,kBAAkB;QAChB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;CACF;AAnDD,kDAmDC;AAED;;;;;GAKG;AACH,SAAgB,IAAI,CAAO,KAAQ,EAAE,QAAsC;IACzE,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC7E,CAAC"}

package/dist/avatar/avatar.d.ts

@@ -0,0 +1,7 @@
+import type { AvatarProps } from './types';
+/**
+ * Аватар - блок для репрезентации пользователя с помощью картинки, инициалов или иконки-заглушки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Avatar({ src, className, style, children, 'data-testid': testId, }: AvatarProps): import("react/jsx-runtime").JSX.Element;

package/dist/avatar/avatar.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = Avatar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const bind_1 = __importDefault(require("classnames/bind"));
+const avatar_m_scss_1 = __importDefault(require("./avatar.m.scss"));
+const cx = bind_1.default.bind(avatar_m_scss_1.default);
+/**
+ * Аватар - блок для репрезентации пользователя с помощью картинки, инициалов или иконки-заглушки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Avatar({ src, className, style, children, 'data-testid': testId = 'avatar', }) {
+    const [needImage, toggleNeedImage] = (0, react_1.useState)(() => Boolean(src));
+    (0, react_1.useEffect)(() => {
+        toggleNeedImage(Boolean(src));
+    }, [src]);
+    const rootClassName = cx('root', needImage && 'image-overlay', className);
+    return ((0, jsx_runtime_1.jsxs)("span", { className: rootClassName, style: style, "data-testid": testId, children: [needImage && ((0, jsx_runtime_1.jsx)("img", { src: src, alt: '', className: cx('image'), onError: () => toggleNeedImage(false) })), !needImage && (0, jsx_runtime_1.jsx)("span", { className: cx('content'), children: children })] }));
+}
+//# sourceMappingURL=avatar.js.map

package/dist/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/avatar/avatar.tsx"],"names":[],"mappings":";;;;;AAYA,wBA0BC;;AArCD,iCAA4C;AAC5C,2DAAyC;AACzC,oEAAqC;AAErC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,uBAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,MAAM,CAAC,EACrB,GAAG,EACH,SAAS,EACT,KAAK,EACL,QAAQ,EACR,aAAa,EAAE,MAAM,GAAG,QAAQ,GACpB;IACZ,MAAM,CAAC,SAAS,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAElE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,MAAM,aAAa,GAAG,EAAE,CAAC,MAAM,EAAE,SAAS,IAAI,eAAe,EAAE,SAAS,CAAC,CAAC;IAE1E,OAAO,CACL,kCAAM,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,iBAAe,MAAM,aAE9D,SAAS,IAAI,CACZ,gCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,EAAE,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,GAAI,CACxF,EAGA,CAAC,SAAS,IAAI,iCAAM,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAAG,QAAQ,GAAQ,IAC3D,CACR,CAAC;AACJ,CAAC"}

package/dist/avatar/avatar.m.scss

@@ -0,0 +1,52 @@
+@use '../colors';
+
+@mixin layer {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.root {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  flex-grow: 0;
+  flex-shrink: 0;
+  border-radius: 50%;
+  overflow: hidden;
+  width: var(--avatar-size, 72px);
+  height: var(--avatar-size, 72px);
+  color: var(--avatar-text-color, #{colors.$basic-gray87});
+  &::before {
+    @include layer;
+    content: '';
+    display: block;
+    background: var(--avatar-color, #{colors.$basic-gray4});
+    opacity: var(--avatar-color-opacity, 1);
+  }
+  &.image-overlay::after {
+    @include layer;
+    content: '';
+    pointer-events: none;
+    background: #000;
+    opacity: 0.04;
+  }
+}
+
+.image {
+  @include layer;
+  object-fit: cover;
+}
+
+.content {
+  font-size: var(--avatar-font-size, calc(var(--avatar-size, 72px) / 3));
+  position: relative;
+  font-weight: 600;
+  white-space: nowrap;
+
+  // ВАЖНО: чтобы например обертка в виде ссылки не накидывала text-decoration: underline
+  text-decoration: none;
+}

package/dist/avatar/index.d.ts

@@ -0,0 +1,3 @@
+export type { AvatarProps, AvatarStyle } from './types';
+export { Avatar } from './avatar';
+export { getNameInitials, getAvatarIconProps, getUserAvatarProps, getUserAvatarColor, } from './utils';

package/dist/avatar/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUserAvatarColor = exports.getUserAvatarProps = exports.getAvatarIconProps = exports.getNameInitials = exports.Avatar = void 0;
+var avatar_1 = require("./avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return avatar_1.Avatar; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "getNameInitials", { enumerable: true, get: function () { return utils_1.getNameInitials; } });
+Object.defineProperty(exports, "getAvatarIconProps", { enumerable: true, get: function () { return utils_1.getAvatarIconProps; } });
+Object.defineProperty(exports, "getUserAvatarProps", { enumerable: true, get: function () { return utils_1.getUserAvatarProps; } });
+Object.defineProperty(exports, "getUserAvatarColor", { enumerable: true, get: function () { return utils_1.getUserAvatarColor; } });
+//# sourceMappingURL=index.js.map

package/dist/avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/avatar/index.ts"],"names":[],"mappings":";;;AACA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,iCAKiB;AAJf,wGAAA,eAAe,OAAA;AACf,2GAAA,kBAAkB,OAAA;AAClB,2GAAA,kBAAkB,OAAA;AAClB,2GAAA,kBAAkB,OAAA"}

package/dist/avatar/types.d.ts

@@ -0,0 +1,19 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { WithTestId } from '../types';
+export interface AvatarStyle extends CSSProperties {
+    '--avatar-size'?: string;
+    '--avatar-color'?: string;
+    '--avatar-color-opacity'?: number | string;
+    '--avatar-text-color'?: string;
+    '--avatar-font-size'?: string;
+}
+export interface AvatarProps extends WithTestId {
+    /** Класс. */
+    className?: string;
+    /** Изображение. */
+    src?: string;
+    /** Стили. */
+    style?: AvatarStyle;
+    /** Содержимое. */
+    children?: ReactNode;
+}

package/dist/avatar/types.js

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

package/dist/avatar/types.js.map

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

package/dist/avatar/utils.d.ts

@@ -0,0 +1,30 @@
+import type { SVGAttributes } from 'react';
+import type { AvatarProps } from './types';
+/**
+ * Возвращает свойства для аватара пользователя.
+ * @param payload Данные пользователя.
+ * @param customProps Дополнительные свойства аватара.
+ * @return Свойства.
+ */
+export declare function getUserAvatarProps({ id, name, image, }: {
+    id?: number;
+    name?: string;
+    image?: string;
+}, customProps?: AvatarProps): AvatarProps;
+/**
+ * Возвращает цвет аватара текущего пользователя.
+ * @param identity Срока, идентифицирующая пользователя.
+ * @return Цвет.
+ */
+export declare function getUserAvatarColor(identity: string): string;
+/**
+ * Формирует инициалы имени.
+ * @param value Строка.
+ * @return Инициалы.
+ */
+export declare function getNameInitials(value: any): string;
+/**
+ * Возвращает свойства для иконки внутри аватара.
+ * @return Свойства.
+ */
+export declare function getAvatarIconProps(): SVGAttributes<SVGSVGElement>;

package/dist/avatar/utils.js

@@ -0,0 +1,83 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUserAvatarProps = getUserAvatarProps;
+exports.getUserAvatarColor = getUserAvatarColor;
+exports.getNameInitials = getNameInitials;
+exports.getAvatarIconProps = getAvatarIconProps;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Person_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/Person"));
+const classnames_1 = __importDefault(require("classnames"));
+const utils_m_scss_1 = __importDefault(require("./utils.m.scss"));
+const USER_AVATAR_COLORS = [
+    '#eb8585',
+    '#fda09b',
+    '#f49bb1',
+    '#ffd785',
+    '#ffbb85',
+    '#89d7c7',
+    '#85e5ac',
+    '#b5ef90',
+    '#93c4ee',
+    '#85caf5',
+    '#85ddea',
+    '#b3c1c7',
+    '#dc9bd5',
+    '#b4a8f0',
+    '#c999e9',
+];
+/**
+ * Возвращает свойства для аватара пользователя.
+ * @param payload Данные пользователя.
+ * @param customProps Дополнительные свойства аватара.
+ * @return Свойства.
+ */
+function getUserAvatarProps({ id, name, image, }, customProps) {
+    return {
+        src: image,
+        children: getNameInitials(name) || (0, jsx_runtime_1.jsx)(Person_1.default, { ...getAvatarIconProps() }),
+        ...customProps,
+        className: (0, classnames_1.default)(utils_m_scss_1.default.user, customProps?.className),
+        style: {
+            '--avatar-color': id ? getUserAvatarColor(`${id}`) : undefined,
+            ...customProps?.style,
+        },
+    };
+}
+/**
+ * Возвращает цвет аватара текущего пользователя.
+ * @param identity Срока, идентифицирующая пользователя.
+ * @return Цвет.
+ */
+function getUserAvatarColor(identity) {
+    let total = 0;
+    for (let i = 0; i < identity.length; i++) {
+        total += identity.charCodeAt(i);
+    }
+    const list = USER_AVATAR_COLORS;
+    const hash = total % list.length;
+    return list[hash];
+}
+/**
+ * Формирует инициалы имени.
+ * @param value Строка.
+ * @return Инициалы.
+ */
+function getNameInitials(value) {
+    if (typeof value === 'string') {
+        return (value[0] ?? '').toUpperCase();
+    }
+    return '';
+}
+/**
+ * Возвращает свойства для иконки внутри аватара.
+ * @return Свойства.
+ */
+function getAvatarIconProps() {
+    return {
+        className: utils_m_scss_1.default.icon,
+    };
+}
+//# sourceMappingURL=utils.js.map

package/dist/avatar/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/avatar/utils.tsx"],"names":[],"mappings":";;;;;AA8BA,gDAsBC;AAOD,gDAWC;AAOD,0CAMC;AAMD,gDAIC;;AA3FD,6FAAwE;AACxE,4DAAoC;AACpC,kEAAoC;AAEpC,MAAM,kBAAkB,GAA0B;IAChD,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF;;;;;GAKG;AACH,SAAgB,kBAAkB,CAChC,EACE,EAAE,EACF,IAAI,EACJ,KAAK,GAKN,EACD,WAAyB;IAEzB,OAAO;QACL,GAAG,EAAE,KAAK;QACV,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,uBAAC,gBAAS,OAAK,kBAAkB,EAAE,GAAI;QAC1E,GAAG,WAAW;QACd,SAAS,EAAE,IAAA,oBAAU,EAAC,sBAAM,CAAC,IAAI,EAAE,WAAW,EAAE,SAAS,CAAC;QAC1D,KAAK,EAAE;YACL,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS;YAC9D,GAAG,WAAW,EAAE,KAAK;SACtB;KACF,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,kBAAkB,CAAC,QAAgB;IACjD,IAAI,KAAK,GAAG,CAAC,CAAC;IAEd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACzC,KAAK,IAAI,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAClC,CAAC;IAED,MAAM,IAAI,GAAG,kBAAkB,CAAC;IAChC,MAAM,IAAI,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;IAEjC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;AACpB,CAAC;AAED;;;;GAIG;AACH,SAAgB,eAAe,CAAC,KAAU;IACxC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;IACxC,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AAED;;;GAGG;AACH,SAAgB,kBAAkB;IAChC,OAAO;QACL,SAAS,EAAE,sBAAM,CAAC,IAAI;KACvB,CAAC;AACJ,CAAC"}

package/dist/avatar/utils.m.scss

@@ -0,0 +1,10 @@
+.icon {
+  display: block;
+  fill: currentColor;
+  width: calc(var(--avatar-size, 72px) / 2);
+  height: calc(var(--avatar-size, 72px) / 2);
+}
+
+.user {
+  --avatar-text-color: #fff;
+}

package/dist/base-input/base-input.d.ts

@@ -0,0 +1,10 @@
+import { BaseInputProps } from './types';
+/**
+ * Базовое поле ввода текста.
+ * Позволяет выводить "остаточный placeholder".
+ * Может выводиться в однострочном и многострочном режимах.
+ * В многострочном режиме автоматически подстраивает высоту под введенный текст.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function BaseInput({ inputRef, textareaRef, style, className, restPlaceholder: restPlaceholderProp, 'data-testid': testId, ...props }: BaseInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/base-input/base-input.js

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseInput = BaseInput;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const fit_element_height_1 = require("../helpers/fit-element-height");
+const hooks_1 = require("../hooks");
+const utils_1 = require("./utils");
+const bind_1 = __importDefault(require("classnames/bind"));
+const base_input_m_scss_1 = __importDefault(require("./base-input.m.scss"));
+const cx = bind_1.default.bind(base_input_m_scss_1.default);
+/**
+ * Базовое поле ввода текста.
+ * Позволяет выводить "остаточный placeholder".
+ * Может выводиться в однострочном и многострочном режимах.
+ * В многострочном режиме автоматически подстраивает высоту под введенный текст.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function BaseInput({ inputRef, textareaRef, style, className, restPlaceholder: restPlaceholderProp, 'data-testid': testId = 'base-input', ...props }) {
+    const textareaInnerRef = (0, react_1.useRef)(null);
+    const inputInnerRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(textareaRef, () => textareaInnerRef.current);
+    (0, react_1.useImperativeHandle)(inputRef, () => inputInnerRef.current);
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        // ВАЖНО: после каждого render'а подгоняем высоту многострочного поля под содержимое
+        if (textareaInnerRef.current) {
+            (0, fit_element_height_1.fitElementHeight)({ target: textareaInnerRef.current });
+        }
+    });
+    let field;
+    if (props.multiline) {
+        field = ((0, jsx_runtime_1.jsx)("textarea", { ...(0, utils_1.omitMultiline)(props), ref: textareaInnerRef, rows: props.rows ?? 1, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
+            , className: cx('field', 'reset', 'multiline'), onInput: e => {
+                props.onInput?.(e);
+                (0, fit_element_height_1.fitElementHeight)({ target: e.currentTarget });
+            } }));
+    }
+    else {
+        field = ((0, jsx_runtime_1.jsx)("input", { ...(0, utils_1.omitMultiline)(props), ref: inputInnerRef, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
+            , className: cx('field', 'reset') }));
+    }
+    let restPlaceholder = null;
+    // скрываем rest placeholder для неконтролируемых полей
+    if (typeof props.value !== 'undefined') {
+        restPlaceholder =
+            typeof restPlaceholderProp === 'string'
+                ? { shiftValue: String(props.value), value: restPlaceholderProp }
+                : { shiftValue: String(props.value), value: '', ...restPlaceholderProp };
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: cx('reset', 'root', className), "data-testid": testId, children: [!props.multiline && restPlaceholder && restPlaceholder.value && ((0, jsx_runtime_1.jsxs)("span", { "aria-hidden": true, className: cx('rest-placeholder'), children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": 'rest-placeholder-shift', className: cx('shift-part'), children: restPlaceholder.shiftValue }), (0, jsx_runtime_1.jsx)("span", { "data-testid": 'rest-placeholder', className: cx('main-part'), children: restPlaceholder.value })] })), field] }));
+}
+//# sourceMappingURL=base-input.js.map

package/dist/base-input/base-input.js.map

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

package/dist/base-input/base-input.m.scss

@@ -0,0 +1,78 @@
+@use '../utils';
+@use '../colors';
+
+.reset {
+  border: 0;
+  box-sizing: border-box;
+  font: inherit;
+  margin: 0;
+  outline: 0;
+  padding: 0;
+}
+
+.root {
+  position: relative;
+  background-color: transparent;
+  width: 0;
+  flex-grow: 1;
+  display: flex;
+  overflow: hidden;
+  background: var(--base-input-background);
+}
+
+.field {
+  width: 0;
+  flex-grow: 1;
+  display: block;
+  background: var(--base-input-background, inherit);
+  color: var(--base-input-color, inherit);
+  font-size: inherit;
+  line-height: inherit;
+  z-index: 0;
+  text-overflow: inherit;
+  &::placeholder {
+    color: var(--base-input-placeholder-color);
+    -webkit-text-fill-color: var(--base-input-placeholder-color);
+    opacity: 1;
+  }
+  &:disabled {
+    background: var(--base-input-background);
+    color: var(--base-input-color);
+  }
+  &:disabled::placeholder {
+    color: var(--base-input-placeholder-color);
+    -webkit-text-fill-color: var(--base-input-placeholder-color);
+    opacity: 1;
+  }
+  &::-ms-clear {
+    // отключаем системный крестик в IE
+    display: none;
+    height: 0;
+    width: 0;
+  }
+  &.multiline {
+    resize: none;
+    @include utils.hidden-scrollbars;
+  }
+}
+
+.rest-placeholder {
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  overflow: hidden;
+  z-index: 1;
+  .shift-part {
+    color: transparent;
+  }
+  .main-part {
+    color: var(--base-input-placeholder-color);
+  }
+}

package/dist/base-input/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseInput = void 0;
+var base_input_1 = require("./base-input");
+Object.defineProperty(exports, "BaseInput", { enumerable: true, get: function () { return base_input_1.BaseInput; } });
+//# sourceMappingURL=index.js.map

package/dist/base-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/base-input/index.ts"],"names":[],"mappings":";;;AAOA,2CAAyC;AAAhC,uGAAA,SAAS,OAAA"}

package/dist/base-input/types.d.ts

@@ -0,0 +1,32 @@
+import type { CSSProperties, InputHTMLAttributes, Ref, TextareaHTMLAttributes } from 'react';
+import type { WithTestId } from '../types';
+export interface RestPlaceholderDefinition {
+    /** Текст placeholder'а. */
+    value: string;
+    /** Значение, смещающее placeholder. По умолчанию используется значение в поле ввода. */
+    shiftValue?: string;
+}
+export interface BaseInputStyle extends CSSProperties {
+    '--base-input-background'?: string;
+    '--base-input-color'?: string;
+    '--base-input-placeholder-color'?: string;
+}
+export interface CommonProps extends WithTestId {
+    /** Остаточный placeholder (выводится после введенного значения). */
+    restPlaceholder?: string | RestPlaceholderDefinition;
+    /** Стили корневого элемента. */
+    style?: BaseInputStyle;
+    /** CSS-класс корневого элемента. */
+    className?: string;
+    /** Ref элемента input. Будет заполнен только при multiline=false. */
+    inputRef?: Ref<HTMLInputElement | null>;
+    /** Ref элемента textarea. Будет заполнен только при multiline=true. */
+    textareaRef?: Ref<HTMLTextAreaElement | null>;
+}
+export type BaseInputAsInputProps = CommonProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof CommonProps> & {
+    multiline?: false;
+};
+export type BaseInputAsTextareaProps = CommonProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, keyof CommonProps> & {
+    multiline: true;
+};
+export type BaseInputProps = BaseInputAsInputProps | BaseInputAsTextareaProps;

package/dist/base-input/types.js

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

package/dist/base-input/types.js.map

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

package/dist/base-input/utils.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.omitMultiline = omitMultiline;
+/**
+ * Получив объект, вернет его копию но без свойства multiline.
+ * @param source Объект.
+ * @return Копия без свойства multiline.
+ */
+function omitMultiline(source) {
+    const next = { ...source };
+    delete next.multiline;
+    return next;
+}
+//# sourceMappingURL=utils.js.map

package/dist/base-input/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/base-input/utils.ts"],"names":[],"mappings":";;AAKA,sCAMC;AAXD;;;;GAIG;AACH,SAAgB,aAAa,CAAgC,MAAS;IACpE,MAAM,IAAI,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC;IAE3B,OAAO,IAAI,CAAC,SAAS,CAAC;IAEtB,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/bottom-bar/bottom-bar.d.ts

@@ -0,0 +1,11 @@
+import { BottomBarProps, type BottomBarSize } from './types';
+export declare const BOTTOM_BAR_HEIGHT: Record<BottomBarSize, number>;
+export declare const BOTTOM_BAR_DEFAULTS: {
+    readonly size: "m";
+};
+/**
+ * Боттом-бар - блок для вывода содержимого в нижней части карточек, модальных окон и других сложных элементов.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function BottomBar({ size, divided, children, className, rounds, 'data-testid': testId, ...rest }: BottomBarProps): import("react/jsx-runtime").JSX.Element;