@sima-land/ui-nucleons 40.2.1 → 40.2.2

package/styling/utils.js

@@ -14,8 +14,6 @@ const bind_1 = __importDefault(require("classnames/bind"));
  */
 const ClassGetter = (classes, isValidKey, prefix = '') => {
     const cx = bind_1.default.bind(classes);
-    return (value) => isValidKey(value)
-        ? cx(`${prefix}${value}`)
-        : undefined;
+    return (value) => (isValidKey(value) ? cx(`${prefix}${value}`) : undefined);
 };
 exports.ClassGetter = ClassGetter;

package/text-field/index.js

@@ -45,7 +45,7 @@ const isVisible = (value) => !(0, lodash_1.isNil)(value) && `${value}` !== '';
  * @param modifiers Данные визуальных модификаторов.
  * @return Строка с css-классами.
  */
-const modifiersToClasses = ({ disabled, failed, focused, variant }) => cx(disabled && 'disabled', failed && 'failed', focused && 'focused', variant && `variant-${variant}`);
+const modifiersToClasses = ({ disabled, failed, focused, variant, }) => cx(disabled && 'disabled', failed && 'failed', focused && 'focused', variant && `variant-${variant}`);
 /**
  * Компонент текстового поля.
  * @param props Свойства.
@@ -73,20 +73,13 @@ exports.TextField = (0, react_1.forwardRef)(function TextField({ autoFocus, capt
         react_1.default.createElement("div", { "data-testid": 'text-field:block', className: cx('reset', 'input-block', commonModifyClasses, size && `size-${size}`, focused && classes.blockFocused, multiline && 'multiline', withLabel && 'with-label', variant === 'desktop' && rounds !== 'none' && shapes_1.SmallRounds[rounds]), onClick: event => {
                 const input = baseInputRef.current;
                 onClick === null || onClick === void 0 ? void 0 : onClick(event);
-                input
-                    && !disabled
-                    && input !== document.activeElement
-                    && input.focus();
+                input && !disabled && input !== document.activeElement && input.focus();
             } },
             !multiline && Boolean(startAdornment) && (react_1.default.createElement(box_1.Box, { display: 'flex', alignItems: 'center', marginRight: 4 }, startAdornment)),
             react_1.default.createElement("div", { className: cx('main-column') },
                 withLabel && (react_1.default.createElement("label", { className: cx('label', commonModifyClasses, hasValue && 'filled', labelAsPlaceholder && 'as-placeholder'), children: label })),
                 react_1.default.createElement("div", { className: cx('input-wrapper') },
-                    react_1.default.createElement(base_input_1.BaseInput, Object.assign({}, baseInputProps, { "data-testid": 'text-field:field', multiline: multiline, ref: baseInputRef, placeholder: withLabel && labelAsPlaceholder
-                            ? undefined
-                            : placeholder, restPlaceholder: withLabel && labelAsPlaceholder
-                            ? undefined
-                            : restPlaceholder, autoFocus: autoFocus, className: cx('base-input', commonModifyClasses, classes.baseInput, size && `size-${size}`), defaultValue: defaultValue, value: value, readOnly: readOnly, disabled: disabled, onFocus: (event) => {
+                    react_1.default.createElement(base_input_1.BaseInput, Object.assign({}, baseInputProps, { "data-testid": 'text-field:field', multiline: multiline, ref: baseInputRef, placeholder: withLabel && labelAsPlaceholder ? undefined : placeholder, restPlaceholder: withLabel && labelAsPlaceholder ? undefined : restPlaceholder, autoFocus: autoFocus, className: cx('base-input', commonModifyClasses, classes.baseInput, size && `size-${size}`), defaultValue: defaultValue, value: value, readOnly: readOnly, disabled: disabled, onFocus: (event) => {
                             (0, lodash_1.isFunction)(onFocus) && onFocus(event);
                             toggleHasValue(Boolean(event.target.value));
                             toggleFocused(true);

package/timer/index.d.ts

@@ -9,8 +9,8 @@ export interface TimerProps {
     timeout?: number;
 }
 /**
- * Возвращает таймер с временем между событием и текущим временем.
- * @param props Свойства компонента.
+ * Компонент для вывода оставшегося времени до целевой временной отметки.
+ * @param props Свойства.
  * @return Элемент.
  */
-export declare const Timer: ({ date, format, timeout, }: TimerProps) => JSX.Element;
+export declare const Timer: ({ date, format, timeout }: TimerProps) => JSX.Element;

package/timer/index.js

@@ -23,11 +23,11 @@ exports.Timer = void 0;
 const react_1 = __importStar(require("react"));
 const utils_1 = require("./utils");
 /**
- * Возвращает таймер с временем между событием и текущим временем.
- * @param props Свойства компонента.
+ * Компонент для вывода оставшегося времени до целевой временной отметки.
+ * @param props Свойства.
  * @return Элемент.
  */
-const Timer = ({ date, format = utils_1.formatDistance, timeout = 1000, }) => {
+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(() => {
@@ -36,6 +36,6 @@ const Timer = ({ date, format = utils_1.formatDistance, timeout = 1000, }) => {
         setDistance((0, utils_1.getDistanceToNow)(date));
         return () => clearInterval(timerId);
     }, [timeout]);
-    return (react_1.default.createElement(react_1.default.Fragment, null, format(distance)));
+    return react_1.default.createElement(react_1.default.Fragment, null, format(distance));
 };
 exports.Timer = Timer;

package/timer/utils.js

@@ -14,10 +14,7 @@ const UNITS = ['day', 'hour', 'minute', 'second'];
  * @param distance Оставшееся время.
  * @return Отформатированное время.
  */
-const formatDistance = ({ days, hours, minutes, seconds }) => [
-    days,
-    ...[hours % 24, minutes % 60, seconds % 60].map(s => `${s}`.padStart(2, '0')),
-].join(':');
+const formatDistance = ({ days, hours, minutes, seconds }) => [days, ...[hours % 24, minutes % 60, seconds % 60].map(s => `${s}`.padStart(2, '0'))].join(':');
 exports.formatDistance = formatDistance;
 /**
  * Возвращает объект с данными об оставшемся времени от текущего момента.

package/top-bar/index.js

@@ -43,7 +43,7 @@ const TopBar = ({ divided, size = 'm', title, subtitle, buttonsProps: { start, s
         hasStartSecondary ? react_1.default.createElement(exports.IconButton, Object.assign({}, startSecondary)) : secondaryStub,
         react_1.default.createElement("div", { className: cx('main-section') },
             react_1.default.createElement("div", { className: cx('title', 'ellipsis') }, title),
-            Boolean(subtitle) && (react_1.default.createElement("div", { className: cx('subtitle', 'ellipsis') }, subtitle))),
+            Boolean(subtitle) && react_1.default.createElement("div", { className: cx('subtitle', 'ellipsis') }, subtitle)),
         hasEndSecondary ? react_1.default.createElement(exports.IconButton, Object.assign({}, endSecondary)) : secondaryStub,
         hasEnd ? react_1.default.createElement(exports.IconButton, Object.assign({}, end)) : stub));
 };

package/upload/area.js

@@ -33,7 +33,9 @@ const cx = bind_1.default.bind(area_module_scss_1.default);
 const UploadArea = (_a) => {
     var { onSelect, className, fileRole = 'файл', formats, sizeLimit = '2 Mb', multiple, countLimit = multiple ? undefined : 1, failed, 'data-testid': testId = 'upload-area' } = _a, restProps = __rest(_a, ["onSelect", "className", "fileRole", "formats", "sizeLimit", "multiple", "countLimit", "failed", 'data-testid']);
     const secondaryInfo = (0, lodash_1.upperFirst)([
-        countLimit && countLimit > 0 && `${countLimit} ${(0, get_declination_1.default)(countLimit, ['файл', 'файла', 'файлов'])}`,
+        countLimit &&
+            countLimit > 0 &&
+            `${countLimit} ${(0, get_declination_1.default)(countLimit, ['файл', 'файла', 'файлов'])}`,
         formats && `формат ${formats}`,
         `до ${sizeLimit}`,
     ]

package/upload/utils.d.ts

@@ -16,13 +16,13 @@ declare type DnDResult<T> = {
  * @param options Опции.
  * @return Данные.
  */
-export declare const useDragAndDrop: <T extends HTMLElement = HTMLElement>({ onDrop }: DnDProps<T>) => DnDResult<T>;
+export declare const useDragAndDrop: <T extends HTMLElement = HTMLElement>({ onDrop, }: DnDProps<T>) => DnDResult<T>;
 /**
  * Возвращает функцию обработки FileList по заданным ограничениям.
  * @param props Свойства.
  * @return Функция.
  */
-export declare const getFilesPreparer: ({ multiple, countLimit, }: {
+export declare const getFilesPreparer: ({ multiple, countLimit }: {
     multiple?: boolean | undefined;
     countLimit?: number | undefined;
 }) => (list: File[] | FileList) => File[];

package/upload/utils.js

@@ -11,7 +11,7 @@ const with_prevent_1 = __importDefault(require("../helpers/with-prevent"));
  * @param options Опции.
  * @return Данные.
  */
-const useDragAndDrop = ({ onDrop }) => {
+const useDragAndDrop = ({ onDrop, }) => {
     const [active, setActive] = (0, react_1.useState)(false);
     return {
         active,
@@ -35,7 +35,7 @@ exports.useDragAndDrop = useDragAndDrop;
  * @param props Свойства.
  * @return Функция.
  */
-const getFilesPreparer = ({ multiple, countLimit, }) => (list) => {
+const getFilesPreparer = ({ multiple, countLimit }) => (list) => {
     const files = [...list];
     multiple
         ? countLimit && Number.isFinite(countLimit) && files.splice(countLimit)

package/with-hint/positioning-hint.d.ts

@@ -8,5 +8,5 @@ interface Props extends HintProps {
  * @param props Свойства.
  * @return Элемент.
  */
-export declare const PositioningHint: ({ children, direction, openerRef, }: Props) => JSX.Element;
+export declare const PositioningHint: ({ children, direction, openerRef }: Props) => JSX.Element;
 export {};

package/with-hint/positioning-hint.js

@@ -35,7 +35,7 @@ const cx = bind_1.default.bind(positioning_hint_module_scss_1.default);
  * @param props Свойства.
  * @return Элемент.
  */
-const PositioningHint = ({ children, direction, openerRef, }) => {
+const PositioningHint = ({ children, direction, openerRef }) => {
     const layer = (0, layer_1.useLayer)();
     const ref = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {

package/with-hint/utils.js

@@ -16,23 +16,23 @@ exports.PlaceAt = {
     ],
     top: (hint, opener) => {
         const [hintRect, openerRect, correct] = exports.PlaceAt.commons(hint, opener);
-        hint.style.left = `${correct.x + openerRect.left + (openerRect.width / 2) - (hintRect.width / 2)}px`;
+        hint.style.left = `${correct.x + openerRect.left + openerRect.width / 2 - hintRect.width / 2}px`;
         hint.style.top = `${correct.y - SPACE + openerRect.top - hintRect.height}px`;
     },
     right: (hint, opener) => {
         const [hintRect, openerRect, correct] = exports.PlaceAt.commons(hint, opener);
         hint.style.left = `${correct.x + SPACE + openerRect.right}px`;
-        hint.style.top = `${correct.y + openerRect.top + (openerRect.height / 2) - (hintRect.height / 2)}px`;
+        hint.style.top = `${correct.y + openerRect.top + openerRect.height / 2 - hintRect.height / 2}px`;
     },
     bottom: (hint, opener) => {
         const [hintRect, openerRect, correct] = exports.PlaceAt.commons(hint, opener);
-        hint.style.left = `${correct.x + openerRect.left + (openerRect.width / 2) - (hintRect.width / 2)}px`;
+        hint.style.left = `${correct.x + openerRect.left + openerRect.width / 2 - hintRect.width / 2}px`;
         hint.style.top = `${correct.y + SPACE + openerRect.bottom}px`;
     },
     left: (hint, opener) => {
         const [hintRect, openerRect, correct] = exports.PlaceAt.commons(hint, opener);
         hint.style.left = `${correct.x - SPACE + openerRect.left - hintRect.width}px`;
-        hint.style.top = `${correct.y + openerRect.top + (openerRect.height / 2) - (hintRect.height / 2)}px`;
+        hint.style.top = `${correct.y + openerRect.top + openerRect.height / 2 - hintRect.height / 2}px`;
     },
 };
 /**
@@ -44,9 +44,7 @@ exports.PlaceAt = {
 const onParentScroll = (element, callback) => {
     let scrollParent = (0, get_scroll_parent_1.getScrollParent)(element);
     // прокрутка на body не работает с addEventListener, https://stackoverflow.com/a/43632204/13166471
-    scrollParent = scrollParent === document.body
-        ? document
-        : scrollParent;
+    scrollParent = scrollParent === document.body ? document : scrollParent;
     return (0, on_1.default)(scrollParent, 'scroll', callback);
 };
 exports.onParentScroll = onParentScroll;

package/with-in-viewport-observer/index.js

@@ -32,7 +32,7 @@ function makeInViewportObserverHOC(observersDataList) {
          * @param props Свойства для оборачиваемого компонента.
          * @return Компонент высшего порядка.
          */
-        const Wrapper = (props) => react_1.default.createElement(Component, Object.assign({}, { [propName]: addObserve }, props));
+        const Wrapper = (props) => (react_1.default.createElement(Component, Object.assign({}, { [propName]: addObserve }, props)));
         Wrapper.displayName = `withInViewportObserver(${Component.displayName || Component.name})`;
         return Wrapper;
     };