@sima-land/ui-nucleons 45.0.0-alpha.4 → 45.0.0-alpha.41

package/autocomplete/autocomplete.js.map

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

package/autocomplete/index.d.ts

@@ -1,2 +1,2 @@
-export type { AutocompleteProps } from './types';
+export type { AutocompleteProps, AutocompleteChangeMeta } from './types';
 export { Autocomplete } from './autocomplete';

package/autocomplete/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Autocomplete = void 0;
 var autocomplete_1 = require("./autocomplete");
 Object.defineProperty(exports, "Autocomplete", { enumerable: true, get: function () { return autocomplete_1.Autocomplete; } });
+//# sourceMappingURL=index.js.map

package/autocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/autocomplete/index.ts"],"names":[],"mappings":";;;AACA,+CAA8C;AAArC,4GAAA,YAAY,OAAA"}

package/autocomplete/menu.d.ts

@@ -0,0 +1,8 @@
+import { DropdownProps } from '../dropdown';
+/**
+ * Выпадающее меню для Autocomplete.
+ * @inheritdoc
+ */
+export declare function AutocompleteMenu({ rootRef, children, onDismiss, ...restProps }: DropdownProps & {
+    onDismiss?: VoidFunction;
+}): import("react/jsx-runtime").JSX.Element;

package/autocomplete/menu.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteMenu = AutocompleteMenu;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const dropdown_1 = require("../dropdown");
+/**
+ * Выпадающее меню для Autocomplete.
+ * @inheritdoc
+ */
+function AutocompleteMenu({ rootRef, children, onDismiss, ...restProps }) {
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(rootRef, () => ref.current);
+    // скрытие меню при прокрутке колесом за пределами меню
+    (0, dropdown_1.useDismissByWheel)(ref, () => {
+        onDismiss?.();
+    });
+    return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { ...restProps, rootRef: ref, children: children }));
+}
+//# sourceMappingURL=menu.js.map

package/autocomplete/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/autocomplete/menu.tsx"],"names":[],"mappings":";;AAOA,4CAoBC;;AA3BD,iCAAoD;AACpD,0CAAyE;AAEzE;;;GAGG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACiC;IAC7C,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,IAAA,2BAAmB,EAA+C,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAE9F,uDAAuD;IACvD,IAAA,4BAAiB,EAAC,GAAG,EAAE,GAAG,EAAE;QAC1B,SAAS,EAAE,EAAE,CAAC;IAChB,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,mBAAQ,OAAK,SAAS,EAAE,OAAO,EAAE,GAAG,YAClC,QAAQ,GACA,CACZ,CAAC;AACJ,CAAC"}

package/autocomplete/types.d.ts

@@ -1,9 +1,14 @@
-import type { ReactNode } from 'react';
+import type { ChangeEvent, ReactNode } from 'react';
 import type { DropdownProps } from '../dropdown';
 import type { DropdownItemElement } from '../dropdown-item/types';
-import type { FieldBlockProps } from '../field-block';
 import type { InputProps } from '../input';
-export interface AutocompleteProps extends InputProps {
+export type AutocompleteChangeMeta = {
+    reason: 'userInput';
+} | {
+    reason: 'suggestionSelect';
+    selectedIndex: number;
+};
+export interface AutocompleteProps extends Omit<InputProps, 'adornmentEnd' | 'onChange'> {
     /** Содержимое. */
     children?: ReactNode;
     /** Выводить вместо списка спиннер. */
@@ -11,9 +16,16 @@ export interface AutocompleteProps extends InputProps {
     /** Получив опцию должен определить, нужно ли выводить ее в списке. */
     filterOption?: (option: DropdownItemElement, inputValue: string) => boolean;
     /** Украшение после основного содержимого. */
-    adornmentEnd?: FieldBlockProps['adornmentEnd'] | ((data: {
+    adornmentEnd?: ReactNode | ((data: {
         menuShown: boolean;
     }) => ReactNode);
-    /** Свойства выпадающего списка. */
-    dropdownProps?: Pick<DropdownProps, 'className' | 'style'>;
+    /** Свойства компонента Dropdown. */
+    dropdownProps?: Omit<DropdownProps, 'rootRef' | 'viewportRef'>;
+    /** Сработает при открытии меню. */
+    onMenuOpen?: VoidFunction;
+    /** Сработает при закрытии меню. */
+    onMenuClose?: VoidFunction;
+    onChange?: (event: ChangeEvent<HTMLInputElement>, meta: AutocompleteChangeMeta) => void;
+    /** Заглушка, которая будет выведена если подсказок нет. */
+    optionsStub?: ReactNode;
 }

package/autocomplete/types.js

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

package/autocomplete/types.js.map

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

package/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/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/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/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/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/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/avatar/{avatar.module.scss → avatar.m.scss}

@@ -1,14 +1,4 @@
-$sizes: 40, 48, 56, 64, 72, 80, 104;
-
-$textSizes: (
-  40: 12,
-  48: 16,
-  56: 16,
-  64: 16,
-  72: 16,
-  80: 16,
-  104: 24,
-);
+@use '../colors';
 
 @mixin layer {
   position: absolute;
@@ -27,49 +17,36 @@ $textSizes: (
   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, none);
+    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;
+  }
 }
 
-@each $size in $sizes {
-  .size-#{$size} {
-    width: #{$size}px;
-    height: #{$size}px;
-    .monogram {
-      font-size: #{map-get($textSizes, $size)}px;
-    }
-  }
+.image {
+  @include layer;
+  object-fit: cover;
 }
 
-.monogram {
+.content {
+  font-size: var(--avatar-font-size, calc(var(--avatar-size, 72px) / 3));
   position: relative;
-  padding: 0 8px;
   font-weight: 600;
   white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
 
   // ВАЖНО: чтобы например обертка в виде ссылки не накидывала text-decoration: underline
   text-decoration: none;
 }
-
-.icon {
-  position: relative;
-  fill: currentColor;
-}
-
-.layer {
-  @include layer;
-  &.image {
-    object-fit: cover;
-  }
-  &.image-overlay {
-    background: #000;
-    opacity: 0.04;
-  }
-}

package/avatar/index.d.ts

@@ -1,30 +1,3 @@
-import { CSSProperties } from 'react';
-import { Token } from '../colors';
-export interface AvatarProps {
-    /** Цвет аватара без картинки. */
-    bgColor?: Token;
-    /** Цвет аватара без картинки. */
-    bgOpacity?: number;
-    /** Класс. */
-    className?: string;
-    /** Ссылка на картинку. */
-    imageUrl?: string;
-    /** Монограмма без картинки. */
-    monogram?: string;
-    /** Размер аватара. */
-    size?: number;
-    /** Стиль элементов rect/image, формирующего маску "super ellipse". */
-    style?: CSSProperties;
-    /** Цвет текста без картинки. */
-    textColor?: Token;
-    /** Текст без картинки. */
-    title?: string;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * Компонент аватара.
- * @param props Свойства компонента.
- * @return Элемент.
- */
-export declare const Avatar: ({ size: sizeProp, imageUrl, bgColor, bgOpacity, textColor, title, monogram, className, style, "data-testid": testId, }: AvatarProps) => JSX.Element;
+export type { AvatarProps, AvatarStyle } from './types';
+export { Avatar } from './avatar';
+export { getNameInitials, getAvatarIconProps, getUserAvatarProps, getUserAvatarColor, } from './utils';

package/avatar/index.js

@@ -1,65 +1,11 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-const react_1 = __importStar(require("react"));
-const colors_1 = require("../colors");
-const utils_1 = require("./utils");
-const colors_2 = require("../styling/colors");
-const person_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/person"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const avatar_module_scss_1 = __importDefault(require("./avatar.module.scss"));
-const SIZES = [40, 48, 56, 64, 72, 80, 104];
-const ICON_SIZES = {
-    40: 16,
-    48: 24,
-    56: 24,
-    64: 24,
-    72: 24,
-    80: 24,
-    104: 24,
-};
-const cx = bind_1.default.bind(avatar_module_scss_1.default);
-/**
- * Компонент аватара.
- * @param props Свойства компонента.
- * @return Элемент.
- */
-const Avatar = ({ size: sizeProp = 72, imageUrl, bgColor = 'basic-gray4', bgOpacity = 1, textColor = 'basic-gray87', title, monogram = (0, utils_1.getMonogram)(title), className, style, 'data-testid': testId = 'avatar', }) => {
-    const [needImage, toggleImage] = (0, react_1.useState)(Boolean(imageUrl));
-    (0, react_1.useEffect)(() => {
-        toggleImage(Boolean(imageUrl));
-    }, [imageUrl]);
-    const size = SIZES.includes(sizeProp) ? sizeProp : 72;
-    return (react_1.default.createElement("div", { "data-testid": testId, className: cx('root', `size-${size}`, (0, colors_2.color)(textColor), className), style: Object.assign(Object.assign({}, style), { '--avatar-color': !needImage ? colors_1.COLORS.get(bgColor) : undefined, '--avatar-color-opacity': bgOpacity }) },
-        !needImage && (react_1.default.createElement(react_1.default.Fragment, null, monogram ? (react_1.default.createElement("span", { className: cx('monogram') }, monogram.slice(0, 2).toUpperCase())) : (react_1.default.createElement(person_1.default, { fill: colors_1.COLORS.get(textColor), width: ICON_SIZES[size], height: ICON_SIZES[size], className: cx('icon') })))),
-        needImage && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("img", { src: imageUrl, alt: '', className: cx('layer', 'image'), onError: () => toggleImage(false) }),
-            react_1.default.createElement("div", { className: cx('layer', 'image-overlay') })))));
-};
-exports.Avatar = Avatar;
+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/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/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/avatar/types.js

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

package/avatar/types.js.map

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

package/avatar/utils.d.ts

@@ -1,6 +1,30 @@
+import type { SVGAttributes } from 'react';
+import type { AvatarProps } from './types';
 /**
- * Формирует монограмму из переданной строки.
- * @param value Переданная строка.
- * @return Монограмма.
+ * Возвращает свойства для аватара пользователя.
+ * @param payload Данные пользователя.
+ * @param customProps Дополнительные свойства аватара.
+ * @return Свойства.
  */
-export declare function getMonogram(value: any): string;
+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/avatar/utils.js

@@ -1,21 +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.getMonogram = void 0;
+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 value Переданная строка.
- * @return Монограмма.
+ * Возвращает свойства для аватара пользователя.
+ * @param payload Данные пользователя.
+ * @param customProps Дополнительные свойства аватара.
+ * @return Свойства.
  */
-function getMonogram(value) {
+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
-            .split(/\s+/g)
-            .slice(0, 2)
-            .map(s => s[0])
-            .reverse()
-            .join('')
-            .toUpperCase();
+        return (value[0] ?? '').toUpperCase();
     }
     return '';
 }
-exports.getMonogram = getMonogram;
+/**
+ * Возвращает свойства для иконки внутри аватара.
+ * @return Свойства.
+ */
+function getAvatarIconProps() {
+    return {
+        className: utils_m_scss_1.default.icon,
+    };
+}
+//# sourceMappingURL=utils.js.map

package/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/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;
+}