@sima-land/ui-nucleons 40.2.1 → 40.2.2

package/_internal/custom-scrollbar/index.js

@@ -32,8 +32,8 @@ exports.CustomScrollbar = CustomScrollbar;
  */
 const HandleFullScroll = (callback, threshold = 16) => (event) => {
     const el = event === null || event === void 0 ? void 0 : event.target;
-    el instanceof Element
-        && el.scrollTop >= el.scrollHeight - el.clientHeight - threshold
-        && callback();
+    el instanceof Element &&
+        el.scrollTop >= el.scrollHeight - el.clientHeight - threshold &&
+        callback();
 };
 exports.HandleFullScroll = HandleFullScroll;

package/alert/index.js

@@ -70,5 +70,5 @@ const AlertInner = ({ children, className, footer, navBarProps, title, withDivid
         react_1.default.createElement("div", { className: cx('alert', className), "data-testid": 'alert' },
             withNavBar && (react_1.default.createElement(nav_bar_1.NavBar, Object.assign({}, navBarProps, { title: title, bottomBordered: withDivideNavBar, className: cx('header') }))),
             react_1.default.createElement("div", { className: cx('main') }, children),
-            Boolean(footer) && (react_1.default.createElement("div", { className: borders_1.InnerBorder.top }, footer)))));
+            Boolean(footer) && react_1.default.createElement("div", { className: borders_1.InnerBorder.top }, footer))));
 };

package/autocomplete/index.js

@@ -72,9 +72,7 @@ const Autocomplete = (_a) => {
     const canShowDropdown = preset === 'filled-only-list'
         ? needDropdown && realValue && realValue.length > 0
         : needDropdown;
-    const endAdornment = preset === 'default'
-        ? react_1.default.createElement(down_1.default, { fill: colors_1.COLORS.get('gray38') })
-        : undefined;
+    const endAdornment = preset === 'default' ? react_1.default.createElement(down_1.default, { fill: colors_1.COLORS.get('gray38') }) : undefined;
     (0, hooks_1.useOutsideClick)(rootRef, () => {
         toggleDropdown(false);
     });
@@ -90,10 +88,11 @@ const Autocomplete = (_a) => {
         const osInstance = (_a = osComponentRef.current) === null || _a === void 0 ? void 0 : _a.osInstance();
         if (menu && osInstance && activeIndex !== null) {
             const child = menu.querySelectorAll('[role="menuitem"]')[activeIndex];
-            child && osInstance.scroll({
-                el: child,
-                scroll: { y: 'ifneeded' },
-            });
+            child &&
+                osInstance.scroll({
+                    el: child,
+                    scroll: { y: 'ifneeded' },
+                });
         }
     }, [activeIndex]);
     return (react_1.default.createElement("div", { ref: rootRef, style: style, className: cx('root', className), "data-testid": dataTestId },
@@ -125,15 +124,11 @@ const Autocomplete = (_a) => {
                 Number.isFinite(nextIndex) && setActiveIndex(nextIndex);
                 onKeyDown && onKeyDown(e);
             } })),
-        canShowDropdown && (react_1.default.createElement(dropdown_1.Dropdown, Object.assign({}, (0, dropdown_2.placeDropdown)(restProps.size), { ref: menuRef, "data-testid": 'autocomplete:menu', className: cx('menu'), role: 'menu', customScrollbarProps: { osComponentRef } }), loading
-            ? (react_1.default.createElement(dropdown_loading_1.DropdownLoading, { "data-testid": 'autocomplete:loading-area' }))
-            : (react_1.default.createElement(react_1.default.Fragment, null, items && items.length > 0
-                ? items.map((item, index) => (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: itemSize, key: index, role: 'menuitem', checked: index === activeIndex, onClick: () => {
-                        onSelect && onSelect(item);
-                        setActiveIndex(null);
-                        toggleDropdown(false);
-                        fieldRef.current && fieldRef.current.focus();
-                    } }, renderItem(item))))
-                : (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: 'm', noHover: true }, "\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E"))))))));
+        canShowDropdown && (react_1.default.createElement(dropdown_1.Dropdown, Object.assign({}, (0, dropdown_2.placeDropdown)(restProps.size), { ref: menuRef, "data-testid": 'autocomplete:menu', className: cx('menu'), role: 'menu', customScrollbarProps: { osComponentRef } }), loading ? (react_1.default.createElement(dropdown_loading_1.DropdownLoading, { "data-testid": 'autocomplete:loading-area' })) : (react_1.default.createElement(react_1.default.Fragment, null, items && items.length > 0 ? (items.map((item, index) => (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: itemSize, key: index, role: 'menuitem', checked: index === activeIndex, onClick: () => {
+                onSelect && onSelect(item);
+                setActiveIndex(null);
+                toggleDropdown(false);
+                fieldRef.current && fieldRef.current.focus();
+            } }, renderItem(item))))) : (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: 'm', noHover: true }, "\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E"))))))));
 };
 exports.Autocomplete = Autocomplete;

package/avatar/index.d.ts

@@ -25,6 +25,6 @@ export interface AvatarProps {
 /**
  * Компонент аватара.
  * @param props Свойства компонента.
- * @return Компонент.
+ * @return Элемент.
  */
 export declare const Avatar: ({ size: sizeProp, imageUrl, bgColor, bgOpacity, textColor, title, monogram, className, style, "data-testid": testId, }: AvatarProps) => JSX.Element;

package/avatar/index.js

@@ -44,7 +44,7 @@ const ICON_SIZES = {
 /**
  * Компонент аватара.
  * @param props Свойства компонента.
- * @return Компонент.
+ * @return Элемент.
  */
 const Avatar = ({ size: sizeProp = 72, imageUrl, bgColor = 'gray4', bgOpacity = 1, textColor = 'gray87', title, monogram = (0, utils_1.getMonogram)(title), className, style, 'data-testid': testId = 'avatar', }) => {
     const [needImage, toggleImage] = (0, react_1.useState)(Boolean(imageUrl));
@@ -53,9 +53,7 @@ const Avatar = ({ size: sizeProp = 72, imageUrl, bgColor = 'gray4', bgOpacity =
     }, [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, 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') })))));

package/avatar/user.d.ts

@@ -4,6 +4,6 @@ export declare const colorKey: unique symbol;
 /**
  * Компонент аватара пользователя (не сотрудника).
  * @param props Свойства. Поддерживаются свойства Avatar.
- * @return Компонент.
+ * @return Элемент.
  */
 export declare const UserAvatar: (props: UserAvatarProps) => JSX.Element;

package/avatar/user.js

@@ -44,7 +44,7 @@ exports.colorKey = Symbol.for('user-avatar:color-key');
 /**
  * Компонент аватара пользователя (не сотрудника).
  * @param props Свойства. Поддерживаются свойства Avatar.
- * @return Компонент.
+ * @return Элемент.
  */
 const UserAvatar = (props) => {
     const [color, setColor] = (0, react_1.useState)();
@@ -53,6 +53,6 @@ const UserAvatar = (props) => {
         window[exports.colorKey] = window[exports.colorKey] || (0, lodash_1.sample)(COLORS);
         setColor(window[exports.colorKey]);
     }, []);
-    return (react_1.default.createElement(_1.Avatar, Object.assign({}, props, { bgColor: color, bgOpacity: color ? 0.48 : 0, textColor: 'white' })));
+    return react_1.default.createElement(_1.Avatar, Object.assign({}, props, { bgColor: color, bgOpacity: color ? 0.48 : 0, textColor: 'white' }));
 };
 exports.UserAvatar = UserAvatar;

package/avatar/utils.js

@@ -8,6 +8,12 @@ const lodash_1 = require("lodash");
  * @return Монограмма.
  */
 const getMonogram = (value) => (0, lodash_1.isString)(value)
-    ? value.split(/\s+/g).slice(0, 2).map(s => s[0]).reverse().join('').toUpperCase()
+    ? value
+        .split(/\s+/g)
+        .slice(0, 2)
+        .map(s => s[0])
+        .reverse()
+        .join('')
+        .toUpperCase()
     : '';
 exports.getMonogram = getMonogram;

package/base-input/index.d.ts

@@ -17,7 +17,7 @@ export declare type BaseInputProps = CustomProps & React.TextareaHTMLAttributes<
 /**
  * Компонент поля ввода.
  * @param props Свойства. Поддерживаются свойства элемента input.
- * @return Компонент поля ввода.
+ * @return Элемент.
  */
 export declare const BaseInput: React.ForwardRefExoticComponent<CustomProps & React.TextareaHTMLAttributes<HTMLTextAreaElement> & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement | undefined>>;
 export {};

package/base-input/index.js

@@ -43,7 +43,7 @@ const cx = bind_1.default.bind(base_input_module_scss_1.default);
 /**
  * Компонент поля ввода.
  * @param props Свойства. Поддерживаются свойства элемента input.
- * @return Компонент поля ввода.
+ * @return Элемент.
  */
 exports.BaseInput = (0, react_1.forwardRef)(function BaseInput(_a, ref) {
     var { className, disabled, multiline, onInput, restPlaceholder: restPlaceholderProp, rows = 1, style, value } = _a, props = __rest(_a, ["className", "disabled", "multiline", "onInput", "restPlaceholder", "rows", "style", "value"]);

package/bordered-layout/index.d.ts

@@ -10,6 +10,6 @@ export interface BorderedLayoutProps {
 /**
  * Выводит содержимое по мобильному layout'у с вертикальными полосками.
  * @param props Свойства компонента.
- * @return Компонент добавления рамки.
+ * @return Элемент.
  */
 export declare const BorderedLayout: ({ top, bottom, children }: BorderedLayoutProps) => JSX.Element;

package/bordered-layout/index.js

@@ -13,7 +13,7 @@ const cx = bind_1.default.bind(bordered_layout_module_scss_1.default);
 /**
  * Выводит содержимое по мобильному layout'у с вертикальными полосками.
  * @param props Свойства компонента.
- * @return Компонент добавления рамки.
+ * @return Элемент.
  */
 const BorderedLayout = ({ top, bottom, children }) => {
     let borderClass;

package/box/index.js

@@ -34,51 +34,26 @@ const cx = bind_1.default.bind(box_module_scss_1.default);
  * Возможные значения свойства "display".
  * @enum {string}
  */
-const DISPLAY = new Set([
-    'block',
-    'none',
-    'flex',
-    'inline',
-    'inline-block',
-]);
+const DISPLAY = new Set(['block', 'none', 'flex', 'inline', 'inline-block']);
 /**
  * Возможные значения свойства "flex".
  * @enum {string}
  */
-const FLEX = new Set([
-    'shrink',
-    'grow',
-    'none',
-]);
+const FLEX = new Set(['shrink', 'grow', 'none']);
 /**
  * Возможные значения свойства "direction".
  * @enum {string}
  */
-const DIRECTION = new Set([
-    'row',
-    'column',
-]);
+const DIRECTION = new Set(['row', 'column']);
 /**
  * Возможные значения свойства "alignItems".
  * @enum {string}
  */
-const ALIGN_ITEMS = new Set([
-    'start',
-    'end',
-    'center',
-    'baseline',
-    'stretch',
-]);
+const ALIGN_ITEMS = new Set(['start', 'end', 'center', 'baseline', 'stretch']);
 /**
  * Возможные значения свойства "justifyContent".
  */
-const JUSTIFY_CONTENT = new Set([
-    'start',
-    'end',
-    'center',
-    'between',
-    'around',
-]);
+const JUSTIFY_CONTENT = new Set(['start', 'end', 'center', 'between', 'around']);
 /**
  * Компонент блока, реализующего оформление в соответствии с дизайн-системой.
  * @param props Свойства.
@@ -158,9 +133,12 @@ const getMarginClasses = ({ margin, marginTop, marginBottom, marginLeft, marginR
     const hasMarginBottom = isValid(marginBottom);
     const hasMarginLeft = isValid(marginLeft);
     const hasMarginRight = isValid(marginRight);
-    hasMargin && result.push(!hasMarginTop && !hasMarginY && Spacing.marginTop(margin), !hasMarginBottom && !hasMarginY && Spacing.marginBottom(margin), !hasMarginLeft && !hasMarginX && Spacing.marginLeft(margin), !hasMarginRight && !hasMarginX && Spacing.marginRight(margin));
-    hasMarginX && result.push(!hasMarginLeft && Spacing.marginLeft(marginX), !hasMarginRight && Spacing.marginRight(marginX));
-    hasMarginY && result.push(!hasMarginTop && Spacing.marginTop(marginY), !hasMarginBottom && Spacing.marginBottom(marginY));
+    hasMargin &&
+        result.push(!hasMarginTop && !hasMarginY && Spacing.marginTop(margin), !hasMarginBottom && !hasMarginY && Spacing.marginBottom(margin), !hasMarginLeft && !hasMarginX && Spacing.marginLeft(margin), !hasMarginRight && !hasMarginX && Spacing.marginRight(margin));
+    hasMarginX &&
+        result.push(!hasMarginLeft && Spacing.marginLeft(marginX), !hasMarginRight && Spacing.marginRight(marginX));
+    hasMarginY &&
+        result.push(!hasMarginTop && Spacing.marginTop(marginY), !hasMarginBottom && Spacing.marginBottom(marginY));
     hasMarginTop && result.push(Spacing.marginTop(marginTop));
     hasMarginRight && result.push(Spacing.marginRight(marginRight));
     hasMarginBottom && result.push(Spacing.marginBottom(marginBottom));
@@ -189,9 +167,12 @@ const getPaddingClasses = ({ padding, paddingTop, paddingBottom, paddingLeft, pa
     const hasPaddingBottom = isValid(paddingBottom);
     const hasPaddingLeft = isValid(paddingLeft);
     const hasPaddingRight = isValid(paddingRight);
-    hasPadding && result.push(!hasPaddingTop && !hasPaddingY && Spacing.paddingTop(padding), !hasPaddingBottom && !hasPaddingY && Spacing.paddingBottom(padding), !hasPaddingLeft && !hasPaddingX && Spacing.paddingLeft(padding), !hasPaddingRight && !hasPaddingX && Spacing.paddingRight(padding));
-    hasPaddingX && result.push(!hasPaddingLeft && Spacing.paddingLeft(paddingX), !hasPaddingRight && Spacing.paddingRight(paddingX));
-    hasPaddingY && result.push(!hasPaddingTop && Spacing.paddingTop(paddingY), !hasPaddingBottom && Spacing.paddingBottom(paddingY));
+    hasPadding &&
+        result.push(!hasPaddingTop && !hasPaddingY && Spacing.paddingTop(padding), !hasPaddingBottom && !hasPaddingY && Spacing.paddingBottom(padding), !hasPaddingLeft && !hasPaddingX && Spacing.paddingLeft(padding), !hasPaddingRight && !hasPaddingX && Spacing.paddingRight(padding));
+    hasPaddingX &&
+        result.push(!hasPaddingLeft && Spacing.paddingLeft(paddingX), !hasPaddingRight && Spacing.paddingRight(paddingX));
+    hasPaddingY &&
+        result.push(!hasPaddingTop && Spacing.paddingTop(paddingY), !hasPaddingBottom && Spacing.paddingBottom(paddingY));
     hasPaddingTop && result.push(Spacing.paddingTop(paddingTop));
     hasPaddingRight && result.push(Spacing.paddingRight(paddingRight));
     hasPaddingBottom && result.push(Spacing.paddingBottom(paddingBottom));

package/button/index.d.ts

@@ -18,11 +18,11 @@ interface CustomProps<T extends Appearance = Appearance> {
     'data-testid'?: string;
 }
 declare type ExcludeKeys<T> = Omit<T, 'ref' | keyof CustomProps>;
-export declare type Props = (CustomProps<'button'> & ExcludeKeys<JSX.IntrinsicElements['button']> | CustomProps<'link'> & ExcludeKeys<JSX.IntrinsicElements['a']> | CustomProps<'container'> & ExcludeKeys<JSX.IntrinsicElements['div']>);
+export declare type Props = (CustomProps<'button'> & ExcludeKeys<JSX.IntrinsicElements['button']>) | (CustomProps<'link'> & ExcludeKeys<JSX.IntrinsicElements['a']>) | (CustomProps<'container'> & ExcludeKeys<JSX.IntrinsicElements['div']>);
 /**
- * Компонент кнопки.
+ * Компонент кнопки, стилизованной по дизайн-гайдам.
  * @param props Свойства.
- * @return Компонент кнопки.
+ * @return Элемент.
  */
 export declare const Button: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
 /**

package/button/index.js

@@ -40,9 +40,9 @@ const bind_1 = __importDefault(require("classnames/bind"));
 const button_module_scss_1 = __importDefault(require("./button.module.scss"));
 const cx = bind_1.default.bind(button_module_scss_1.default);
 /**
- * Компонент кнопки.
+ * Компонент кнопки, стилизованной по дизайн-гайдам.
  * @param props Свойства.
- * @return Компонент кнопки.
+ * @return Элемент.
  */
 exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
     var { children, className, viewType = 'primary', appearance = 'button', size = 'm', icon: Icon, iconPosition = 'start', 'data-testid': testId = 'button' } = _a, restProps = __rest(_a, ["children", "className", "viewType", "appearance", "size", "icon", "iconPosition", 'data-testid']);
@@ -55,10 +55,10 @@ exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
         withContent: Boolean(children) && children !== 0,
         iconPosition,
     });
-    return (react_1.default.createElement(Element, Object.assign({}, restProps, moreProps, { "data-testid": testId, ref: ref, className: readyClassName, children: (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement(Element, Object.assign({}, restProps, moreProps, { "data-testid": testId, ref: ref, className: readyClassName, children: react_1.default.createElement(react_1.default.Fragment, null,
             Icon && iconPosition === 'start' && (react_1.default.createElement(Icon, { width: 24, height: 24, className: cx('icon', children && 'icon-start') })),
             children,
-            Icon && iconPosition === 'end' && (react_1.default.createElement(Icon, { width: 24, height: 24, className: cx('icon', children && 'icon-end') })))) })));
+            Icon && iconPosition === 'end' && (react_1.default.createElement(Icon, { width: 24, height: 24, className: cx('icon', children && 'icon-end') }))) })));
 });
 /**
  * Возвращает строку с классами для стилизации кнопки.

package/card/slots.js

@@ -63,7 +63,7 @@ exports.CardHeader.displayName = 'Card.Header';
  */
 const CardContent = (_a) => {
     var { className } = _a, restProps = __rest(_a, ["className"]);
-    return (react_1.default.createElement("div", Object.assign({}, restProps, { className: (0, classnames_1.default)(card_module_scss_1.default.content, className) })));
+    return react_1.default.createElement("div", Object.assign({}, restProps, { className: (0, classnames_1.default)(card_module_scss_1.default.content, className) }));
 };
 exports.CardContent = CardContent;
 exports.CardContent.displayName = 'Card.Content';

package/carousel/draggable.js

@@ -81,11 +81,12 @@ class Draggable extends react_1.Component {
      */
     passControl() {
         const { takeControl } = this.props;
-        takeControl && takeControl({
-            isGrabbed: () => this.isGrabbed,
-            setOffset: this.setOffset.bind(this),
-            toggleTransition: this.toggleTransition.bind(this),
-        });
+        takeControl &&
+            takeControl({
+                isGrabbed: () => this.isGrabbed,
+                setOffset: this.setOffset.bind(this),
+                toggleTransition: this.toggleTransition.bind(this),
+            });
     }
     /**
      * Выполняет отписку от глобальных событий.
@@ -108,10 +109,11 @@ class Draggable extends react_1.Component {
                 event.preventDefault();
                 window.getSelection().removeAllRanges();
             }
-            onDragStart && onDragStart(new draggable_event_1.default({
-                offset: (0, point_1.default)(x, y),
-                client: (0, events_1.getEventClientPos)(event),
-            }));
+            onDragStart &&
+                onDragStart(new draggable_event_1.default({
+                    offset: (0, point_1.default)(x, y),
+                    client: (0, events_1.getEventClientPos)(event),
+                }));
         }
     }
     /**
@@ -198,9 +200,7 @@ class Draggable extends react_1.Component {
         const { current: draggableEl } = this.draggableRef;
         if (draggableEl && this.hasTransition !== Boolean(active)) {
             this.hasTransition = Boolean(active);
-            draggableEl.style.transition = active
-                ? (0, styles_1.getTransitionStyle)(duration, 'transform')
-                : '';
+            draggableEl.style.transition = active ? (0, styles_1.getTransitionStyle)(duration, 'transform') : '';
         }
     }
     /**
@@ -236,14 +236,12 @@ class Draggable extends react_1.Component {
      * @inheritdoc
      */
     render() {
-        const { children, containerProps = {}, transitionDuration: duration = 320, } = this.props;
+        const { children, containerProps = {}, transitionDuration: duration = 320 } = this.props;
         const { x, y } = this.currentOffset;
         return (react_1.default.createElement("div", Object.assign({}, containerProps, { className: cx('draggable-container', containerProps.className), onClick: this.handleClick, onMouseDown: this.startCapture, onTouchStart: this.startCapture }),
             react_1.default.createElement("div", { ref: this.draggableRef, style: {
                     transform: (0, styles_1.getTranslateStyle)(x, y),
-                    transition: this.hasTransition
-                        ? (0, styles_1.getTransitionStyle)(duration, 'transform')
-                        : '',
+                    transition: this.hasTransition ? (0, styles_1.getTransitionStyle)(duration, 'transform') : '',
                 }, className: cx('draggable'), children: children })));
     }
 }

package/carousel/index.d.ts

@@ -237,7 +237,7 @@ export declare class Carousel extends Component<CarouselProps, State> {
      * @param options.targetIndex Индекс.
      * @param options.needTransition Нужна ли плавная анимация прокрутки.
      */
-    scrollToItem({ targetIndex, needTransition, }?: {
+    scrollToItem({ targetIndex, needTransition }?: {
         targetIndex?: number | undefined;
         needTransition?: boolean | undefined;
     }): void;

package/carousel/index.js

@@ -55,9 +55,7 @@ class Carousel extends react_1.Component {
         this.infinite = Boolean(infinite);
         this.dragStartClient = (0, point_1.default)();
         this.dragStartOffset = (0, point_1.default)();
-        this.currentIndex = (0, lodash_1.inRange)(targetIndex, (0, lodash_1.size)(items))
-            ? targetIndex
-            : 0;
+        this.currentIndex = (0, lodash_1.inRange)(targetIndex, (0, lodash_1.size)(items)) ? targetIndex : 0;
         this.state = {
             currentOffset: 0,
             isAllItemsVisible: false,
@@ -85,7 +83,7 @@ class Carousel extends react_1.Component {
      * @return Элемент списка.
      */
     static defaultRenderItem(item, index) {
-        return (react_1.default.createElement("div", { key: index }, String(item)));
+        return react_1.default.createElement("div", { key: index }, String(item));
     }
     /**
      * Возвращает кнопку управления.
@@ -162,15 +160,13 @@ class Carousel extends react_1.Component {
      */
     componentDidUpdate(prevProps) {
         const { autoplay, targetIndex } = this.props;
-        const { autoplay: prevAutoplay, targetIndex: prevTargetIndex, } = prevProps;
+        const { autoplay: prevAutoplay, targetIndex: prevTargetIndex } = prevProps;
         if (targetIndex !== prevTargetIndex) {
             this.setCurrentIndex(targetIndex || 0);
             this.toggleDragTransition(true);
         }
         if (!autoplay !== !prevAutoplay) {
-            autoplay
-                ? this.enableAutoplay()
-                : this.disableAutoplay();
+            autoplay ? this.enableAutoplay() : this.disableAutoplay();
         }
         this.updateItemsVisibility();
     }
@@ -237,9 +233,7 @@ class Carousel extends react_1.Component {
      */
     moveForward() {
         const { step = 3 } = this.props;
-        this.infinite
-            ? this.moveInfinite(step, true)
-            : this.moveForwardFinite(step);
+        this.infinite ? this.moveInfinite(step, true) : this.moveForwardFinite(step);
     }
     /**
      * Выполняет конечную прокрутку карусели вперед.
@@ -258,9 +252,7 @@ class Carousel extends react_1.Component {
      */
     moveBackward() {
         const { step = 3 } = this.props;
-        this.infinite
-            ? this.moveInfinite(step, false)
-            : this.moveBackwardFinite(step);
+        this.infinite ? this.moveInfinite(step, false) : this.moveBackwardFinite(step);
     }
     /**
      * Выполняет конечную прокрутку карусели назад.
@@ -281,9 +273,7 @@ class Carousel extends react_1.Component {
             needBreakLoop: passed => !passed,
         });
         this.toggleDragTransition(true);
-        this.setCurrentIndex(newIndex !== -1 && newIndex - step >= 0
-            ? newIndex - step
-            : 0);
+        this.setCurrentIndex(newIndex !== -1 && newIndex - step >= 0 ? newIndex - step : 0);
     }
     /**
      * Выполняет прокрутка в бесконечном режиме.
@@ -295,7 +285,8 @@ class Carousel extends react_1.Component {
         const { currentOffset } = this.state;
         const { items, vertical } = this.props;
         const realItemsCount = (0, lodash_1.size)(items);
-        if ((forward && currentIndex >= realItemsCount) || (!forward && currentIndex < realItemsCount)) {
+        if ((forward && currentIndex >= realItemsCount) ||
+            (!forward && currentIndex < realItemsCount)) {
             const itemsSize = this.listElement[vertical ? 'scrollHeight' : 'scrollWidth'] / CLONE_FACTOR;
             const newOffset = currentOffset + (forward ? itemsSize : -itemsSize);
             const newIndex = currentIndex + (forward ? -realItemsCount : realItemsCount);
@@ -308,9 +299,7 @@ class Carousel extends react_1.Component {
             this.setCurrentIndex(this.currentIndex + (forward ? step : -step));
         }
         else {
-            forward
-                ? this.moveForwardFinite(step)
-                : this.moveBackwardFinite(step);
+            forward ? this.moveForwardFinite(step) : this.moveBackwardFinite(step);
         }
     }
     /**
@@ -380,7 +369,7 @@ class Carousel extends react_1.Component {
      * @param dragEvent Событие.
      */
     onDragEnd({ offset: endOffset, client: endClient }) {
-        const { dragStartOffset: startOffset, dragStartClient: startClient, } = this;
+        const { dragStartOffset: startOffset, dragStartClient: startClient } = this;
         if (this.listElement && !(0, lodash_1.isEqual)(startOffset, endOffset)) {
             const { backward } = this.defineDirection(startClient, endClient);
             const lastIndex = (0, max_index_of_1.default)(this.listElement.children);
@@ -396,7 +385,7 @@ class Carousel extends react_1.Component {
                     backward,
                 }),
                 // если прокрутили вперед, завершаем поиск когда нашли первый прошедший проверку, иначе - первый непрошедший
-                needBreakLoop: passed => backward ? !passed : passed,
+                needBreakLoop: passed => (backward ? !passed : passed),
             });
             this.setCurrentIndex(newIndex !== -1 ? newIndex : edgeIndex);
             this.toggleDragTransition(true);
@@ -435,7 +424,7 @@ class Carousel extends react_1.Component {
      * @param options.targetIndex Индекс.
      * @param options.needTransition Нужна ли плавная анимация прокрутки.
      */
-    scrollToItem({ targetIndex = this.currentIndex, needTransition = true, } = {}) {
+    scrollToItem({ targetIndex = this.currentIndex, needTransition = true } = {}) {
         const targetItemEl = this.listElement.children[targetIndex];
         if (targetItemEl) {
             this.toggleDragTransition(needTransition);
@@ -446,16 +435,12 @@ class Carousel extends react_1.Component {
                 const { vertical } = this.props;
                 const viewport = this.getViewport();
                 const targetItemPos = (0, get_relative_pos_1.default)(targetItemEl);
-                const viewportEndBound = vertical
-                    ? viewport.bottom
-                    : viewport.right;
+                const viewportEndBound = vertical ? viewport.bottom : viewport.right;
                 const nextItemsEndBound = vertical
                     ? viewport.top + this.listElement.scrollHeight - targetItemPos.y
                     : viewport.left + this.listElement.scrollWidth - targetItemPos.x;
                 if (nextItemsEndBound >= viewportEndBound) {
-                    const itemBound = vertical
-                        ? targetItemPos.y
-                        : targetItemPos.x;
+                    const itemBound = vertical ? targetItemPos.y : targetItemPos.x;
                     this.setCurrentOffset(-itemBound);
                 }
                 else {
@@ -485,9 +470,7 @@ class Carousel extends react_1.Component {
         let minOffset = NaN;
         if (this.listElement) {
             const viewport = this.getViewport();
-            const viewportEndBound = vertical
-                ? viewport.bottom
-                : viewport.right;
+            const viewportEndBound = vertical ? viewport.bottom : viewport.right;
             const maxItemsEndBound = vertical
                 ? viewport.top + this.listElement.scrollHeight
                 : viewport.left + this.listElement.scrollWidth;
@@ -570,10 +553,7 @@ class Carousel extends react_1.Component {
             }, onMouseLeave: () => {
                 autoplay && autoplayHoverPause && !this.isGrabbed() && this.toggleAutoMove(true);
             } }),
-            react_1.default.createElement(draggable_1.default, { active: this.canDrag(), axis: vertical ? 'y' : 'x', transitionDuration: 320, containerProps: Object.assign(Object.assign({}, viewportElementProps), { ref: this.wrapperRef, className: cx('full-size', viewportElementProps.className) }), takeControl: this.takeDragControl, onDragStart: this.onDragStart, onDragMove: this.onDragMove, onDragEnd: this.onDragEnd, children: (react_1.default.createElement("div", { className: cx([
-                        'carousel-items-container',
-                        vertical && 'vertical',
-                    ]), ref: this.containerRef, children: this.renderItems() })) }),
+            react_1.default.createElement(draggable_1.default, { active: this.canDrag(), axis: vertical ? 'y' : 'x', transitionDuration: 320, containerProps: Object.assign(Object.assign({}, viewportElementProps), { ref: this.wrapperRef, className: cx('full-size', viewportElementProps.className) }), takeControl: this.takeDragControl, onDragStart: this.onDragStart, onDragMove: this.onDragMove, onDragEnd: this.onDragEnd, children: react_1.default.createElement("div", { className: cx(['carousel-items-container', vertical && 'vertical']), ref: this.containerRef, children: this.renderItems() }) }),
             needShowControls && (react_1.default.createElement(react_1.default.Fragment, null,
                 renderControl({
                     type: 'backward',

package/chips/index.js

@@ -31,7 +31,7 @@ const Chips = (_a) => {
         const { href, target, children, withCross } = item;
         return (react_1.default.createElement("a", { href: href, role: href ? undefined : 'button', key: index, className: cx('item', (isItemChecked === null || isItemChecked === void 0 ? void 0 : isItemChecked(item, index)) && 'checked'), target: target, onClick: e => onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item, e), "data-testid": 'chips:item' },
             react_1.default.createElement("span", { className: chips_module_scss_1.default.text }, children),
-            withCross && (react_1.default.createElement(cross_1.default, { className: cx('cross-svg') }))));
+            withCross && react_1.default.createElement(cross_1.default, { className: cx('cross-svg') })));
     })));
 };
 exports.Chips = Chips;

package/clean-buttons/index.js

@@ -44,9 +44,7 @@ const cx = bind_1.default.bind(clean_buttons_module_scss_1.default);
  * @param props Свойства.
  * @return Элемент.
  */
-const CleanGroup = ({ children }) => (react_1.default.createElement("div", { className: cx('clean-group') }, react_1.Children.toArray(children).map(item => (0, react_1.isValidElement)(item) && item.type === CleanButton
-    ? item
-    : null)));
+const CleanGroup = ({ children }) => (react_1.default.createElement("div", { className: cx('clean-group') }, react_1.Children.toArray(children).map(item => (0, react_1.isValidElement)(item) && item.type === CleanButton ? item : null)));
 /**
  * Компонент прозрачной кнопки.
  * @param props Свойства. Поддерживаются свойства элементов button/a (зависит от того, передан ли asLink).

package/dot-nav/dot-nav.module.scss

@@ -40,12 +40,12 @@
     background: colors.$gray12;
 
     // используем 10 чтобы проще считать коэффициенты масштабирования
-    // ВАЖНО: не надо использовать здесь число болье чем размер родителя с overflow:hidden - моргает в Safari
+    // ВАЖНО: не надо использовать здесь число больше чем размер родителя с overflow:hidden - моргает в Safari
     width: 10px;
     height: 10px;
 
     // используем scale() чтобы плавное изменение размера выглядело нормально
-    transform: translate3d(-50%, -50%, 0) scale(calc(1 / (10 / var(--dot-size))));
+    transform: translate3d(-50%, -50%, 0) scale(calc(var(--dot-size) / 10));
     transition: transform 0.3s, background 0.3s;
   }
   &.active::after {

package/dropdown/dropdown.module.scss

@@ -9,7 +9,5 @@
 }
 
 .inner {
-  max-height: calc(
-    var(--dropdown-max-height, 304px) - 16px
-  ); // вычитаем padding корневого элемента
+  max-height: calc(var(--dropdown-max-height, 304px) - 16px); // вычитаем padding корневого элемента
 }

package/field-grid/index.d.ts

@@ -33,7 +33,7 @@ export interface FieldGridComponent extends React.FC<FieldGridProps> {
  * @param props Свойства.
  * @param props.children Содержимое, дочерними элементами могут быть только FieldGrid.Row.
  * @param props.rootProps Свойства корневого элемента.
- * @return Компонент сетки полей.
+ * @return Элемент.
  */
 export declare const FieldGrid: FieldGridComponent;
 /**
@@ -52,7 +52,7 @@ declare const Row: React.FC<RowProps>;
  * @param props.rounds Скругления для поля (будет задан автоматически).
  * @param props.field Поле.
  * @param props.renderField Должна вернуть поле получив свойства для него.
- * @return Компонент ряда для сетки полей.
+ * @return Элемент.
  */
 declare const Cell: React.FC<CellProps>;
 export {};