@alfalab/core-components 45.6.0-beta.1 → 45.6.0-beta.2

package/intl-phone-input/cssm/components/select/component.js

@@ -1,40 +1,34 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { useMemo, useCallback } from 'react';
+import { SelectDesktop } from '../../../../select/cssm/desktop';
+import { VirtualOptionsList } from '../../../../select/cssm/shared';
+import { FlagIcon } from '../flag-icon/component.js';
+import { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from '../select-field/component.js';
+import 'classnames';
+import '../flag-icon/flagSprite.js';
+import 'react-merge-refs';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 
-var tslib = require('tslib');
-var React = require('react');
-var desktop = require('../../../../select/cssm/desktop');
-var shared = require('../../../../select/cssm/shared');
-var components_flagIcon_component = require('../flag-icon/component.js');
-var components_selectField_component = require('../select-field/component.js');
-var styles = require('./index.module.css');
+const styles = {"component":"component","option":"option","flag":"flag","countryName":"countryName","dialCode":"dialCode"};
+require('./index.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var CountriesSelect = function (_a) {
-    var disabled = _a.disabled, size = _a.size, selected = _a.selected, countries = _a.countries, fieldWidth = _a.fieldWidth, preventFlip = _a.preventFlip, onChange = _a.onChange, dataTestId = _a.dataTestId;
-    var options = React.useMemo(function () {
-        return countries.map(function (_a) {
-            var iso2 = _a.iso2, dialCode = _a.dialCode, name = _a.name;
-            return ({
-                key: iso2,
-                value: iso2,
-                content: (React__default.default.createElement("span", { className: styles__default.default.option },
-                    React__default.default.createElement(components_flagIcon_component.FlagIcon, { country: iso2, className: styles__default.default.flag }),
-                    React__default.default.createElement("span", { className: styles__default.default.optionTextWrap },
-                        React__default.default.createElement("span", { className: styles__default.default.countryName }, name),
-                        React__default.default.createElement("span", { className: styles__default.default.dialCode },
-                            "+",
-                            dialCode)))),
-            });
-        });
-    }, [countries]);
-    var renderOptionsList = React.useCallback(function (props) { return (React__default.default.createElement("div", { style: { width: fieldWidth || 0 } },
-        React__default.default.createElement(shared.VirtualOptionsList, tslib.__assign({}, props, { optionsListWidth: 'field' })))); }, [fieldWidth]);
-    return (React__default.default.createElement("div", { className: styles__default.default.component, onClick: function (event) { return event.stopPropagation(); } },
-        React__default.default.createElement(desktop.SelectDesktop, { dataTestId: dataTestId, disabled: disabled, size: size, options: options, selected: selected || components_selectField_component.EMPTY_COUNTRY_SELECT_FIELD, onChange: onChange, Field: components_selectField_component.SelectField, OptionsList: renderOptionsList, preventFlip: preventFlip })));
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+const CountriesSelect = ({ disabled, size, selected, countries, fieldWidth, preventFlip, onChange, dataTestId, }) => {
+    const options = useMemo(() => countries.map(({ iso2, dialCode, name }) => ({
+        key: iso2,
+        value: iso2,
+        content: (React.createElement("span", { className: styles.option },
+            React.createElement(FlagIcon, { country: iso2, className: styles.flag }),
+            React.createElement("span", { className: styles.optionTextWrap },
+                React.createElement("span", { className: styles.countryName }, name),
+                React.createElement("span", { className: styles.dialCode },
+                    "+",
+                    dialCode)))),
+    })), [countries]);
+    const renderOptionsList = useCallback((props) => (React.createElement("div", { style: { width: fieldWidth || 0 } },
+        React.createElement(VirtualOptionsList, { ...props, optionsListWidth: 'field' }))), [fieldWidth]);
+    return (React.createElement("div", { className: styles.component, onClick: (event) => event.stopPropagation() },
+        React.createElement(SelectDesktop, { dataTestId: dataTestId, disabled: disabled, size: size, options: options, selected: selected || EMPTY_COUNTRY_SELECT_FIELD, onChange: onChange, Field: SelectField, OptionsList: renderOptionsList, preventFlip: preventFlip })));
 };
 
-exports.CountriesSelect = CountriesSelect;
+export { CountriesSelect };

package/intl-phone-input/cssm/components/select/index.js

@@ -1,7 +1,11 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_select_component = require('./component.js');
-
-
-
-exports.CountriesSelect = components_select_component.CountriesSelect;
+export { CountriesSelect } from './component.js';
+import 'react';
+import '../../../../select/cssm/desktop';
+import '../../../../select/cssm/shared';
+import '../flag-icon/component.js';
+import 'classnames';
+import '../flag-icon/flagSprite.js';
+import '../select-field/component.js';
+import 'react-merge-refs';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/WorldMagnifierMIcon';

package/intl-phone-input/cssm/components/select-field/component.js

@@ -1,40 +1,29 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { useRef } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import { useFocus } from '@alfalab/hooks';
+import WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';
+import { FlagIcon } from '../flag-icon/component.js';
+import '../flag-icon/flagSprite.js';
 
-var tslib = require('tslib');
-var React = require('react');
-var mergeRefs = require('react-merge-refs');
-var cn = require('classnames');
-var hooks = require('@alfalab/hooks');
-var WorldMagnifierMIcon = require('@alfalab/icons-glyph/WorldMagnifierMIcon');
-var components_flagIcon_component = require('../flag-icon/component.js');
-var styles = require('./index.module.css');
+const styles = {"component":"component","flagIconContainer":"flagIconContainer","emptyCountryIcon":"emptyCountryIcon","disabled":"disabled","inner":"inner","l":"l","xl":"xl","focusVisible":"focusVisible"};
+require('./index.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var EMPTY_COUNTRY_SELECT_FIELD = {
+const EMPTY_COUNTRY_SELECT_FIELD = {
     value: 'EMPTY_COUNTRY_SELECT_VALUE',
     key: 'EMPTY_COUNTRY_SELECT_KEY',
 };
-var SelectField = function (_a) {
-    var _b;
-    var selected = _a.selected, Arrow = _a.Arrow, size = _a.size, disabled = _a.disabled, _c = _a.innerProps, innerProps = _c === void 0 ? {} : _c;
-    var wrapperRef = React.useRef(null);
-    var focusVisible = hooks.useFocus(wrapperRef, 'keyboard')[0];
-    var ref = innerProps.ref ? mergeRefs__default.default([innerProps.ref, wrapperRef]) : wrapperRef;
-    return (React__default.default.createElement("div", { ref: ref, className: cn__default.default(styles__default.default.component, size && styles__default.default[size], (_b = {},
-            _b[styles__default.default.focusVisible] = focusVisible,
-            _b[styles__default.default.disabled] = disabled,
-            _b)) },
-        React__default.default.createElement("div", tslib.__assign({}, innerProps, { className: styles__default.default.inner }),
-            React__default.default.createElement("span", { className: styles__default.default.flagIconContainer }, !selected || selected === EMPTY_COUNTRY_SELECT_FIELD ? (React__default.default.createElement(WorldMagnifierMIcon__default.default, { className: styles__default.default.emptyCountryIcon })) : (React__default.default.createElement(components_flagIcon_component.FlagIcon, { country: selected.value }))),
+const SelectField = ({ selected, Arrow, size, disabled, innerProps = {}, }) => {
+    const wrapperRef = useRef(null);
+    const [focusVisible] = useFocus(wrapperRef, 'keyboard');
+    const ref = innerProps.ref ? mergeRefs([innerProps.ref, wrapperRef]) : wrapperRef;
+    return (React.createElement("div", { ref: ref, className: cn(styles.component, size && styles[size], {
+            [styles.focusVisible]: focusVisible,
+            [styles.disabled]: disabled,
+        }) },
+        React.createElement("div", { ...innerProps, className: styles.inner },
+            React.createElement("span", { className: styles.flagIconContainer }, !selected || selected === EMPTY_COUNTRY_SELECT_FIELD ? (React.createElement(WorldMagnifierMIcon, { className: styles.emptyCountryIcon })) : (React.createElement(FlagIcon, { country: selected.value }))),
             Arrow)));
 };
 
-exports.EMPTY_COUNTRY_SELECT_FIELD = EMPTY_COUNTRY_SELECT_FIELD;
-exports.SelectField = SelectField;
+export { EMPTY_COUNTRY_SELECT_FIELD, SelectField };

package/intl-phone-input/cssm/components/select-field/index.js

@@ -1,8 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_selectField_component = require('./component.js');
-
-
-
-exports.EMPTY_COUNTRY_SELECT_FIELD = components_selectField_component.EMPTY_COUNTRY_SELECT_FIELD;
-exports.SelectField = components_selectField_component.SelectField;
+export { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from './component.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/WorldMagnifierMIcon';
+import '../flag-icon/component.js';
+import '../flag-icon/flagSprite.js';

package/intl-phone-input/cssm/index.js

@@ -1,7 +1,18 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var component = require('./component.js');
-
-
-
-exports.IntlPhoneInput = component.IntlPhoneInput;
+export { IntlPhoneInput } from './component.js';
+import 'react';
+import 'classnames';
+import '../../input-autocomplete/cssm/desktop';
+import '@alfalab/icons-glyph/WorldMagnifierMIcon';
+import '@alfalab/utils';
+import './utils/calculateCaretPos.js';
+import './utils/format-phone-with-unclearable-country-code.js';
+import './utils/preparePasteData.js';
+import 'react-merge-refs';
+import '@alfalab/hooks';
+import './components/flag-icon/component.js';
+import './components/flag-icon/flagSprite.js';
+import './components/select/component.js';
+import '../../select/cssm/desktop';
+import '../../select/cssm/shared';
+import './components/select-field/component.js';
+import './useCaretAvoidCountryCode.js';

package/intl-phone-input/cssm/useCaretAvoidCountryCode.js

@@ -1,30 +1,27 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import { useEffect } from 'react';
 
-var React = require('react');
-
-function useCaretAvoidCountryCode(_a) {
-    var inputRef = _a.inputRef, countryCodeLength = _a.countryCodeLength, clearableCountryCode = _a.clearableCountryCode;
-    React.useEffect(function () {
-        var input = inputRef.current;
+function useCaretAvoidCountryCode({ inputRef, countryCodeLength, clearableCountryCode, }) {
+    useEffect(() => {
+        const input = inputRef.current;
         if (!input || clearableCountryCode)
             return;
-        var moveCaretFromCountryCode = function () {
-            var selectionStart = input.selectionStart || 0;
+        const moveCaretFromCountryCode = () => {
+            const selectionStart = input.selectionStart || 0;
             if (selectionStart < countryCodeLength) {
                 input.focus();
                 input.setSelectionRange(countryCodeLength, countryCodeLength);
             }
         };
-        var preventCaretMovingOnCountryCode = function (event) {
-            var selectionStart = input.selectionStart || 0;
-            var toLeftKey = event.keyCode === 37;
+        const preventCaretMovingOnCountryCode = (event) => {
+            const selectionStart = input.selectionStart || 0;
+            const toLeftKey = event.keyCode === 37;
             if (toLeftKey) {
                 if (selectionStart <= countryCodeLength) {
                     event.preventDefault();
                 }
                 // Если нажали ctrl + arrowLeft, то восстанавливаем положение каретки.
                 if (event.metaKey || event.ctrlKey) {
-                    requestAnimationFrame(function () {
+                    requestAnimationFrame(() => {
                         moveCaretFromCountryCode();
                     });
                 }
@@ -33,11 +30,11 @@ function useCaretAvoidCountryCode(_a) {
         input.addEventListener('click', moveCaretFromCountryCode);
         input.addEventListener('keydown', preventCaretMovingOnCountryCode);
         // eslint-disable-next-line consistent-return
-        return function () {
+        return () => {
             input.removeEventListener('click', moveCaretFromCountryCode);
             input.removeEventListener('keydown', preventCaretMovingOnCountryCode);
         };
     }, [clearableCountryCode, countryCodeLength, inputRef]);
 }
 
-exports.useCaretAvoidCountryCode = useCaretAvoidCountryCode;
+export { useCaretAvoidCountryCode };

package/intl-phone-input/cssm/utils/calculateCaretPos.js

@@ -1,14 +1,12 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /**
  * Расчет нового положения каретки.
  * @param phonePart Шаблон с которым сравнивается новое значение. (Часть телефона без маски с учетом удаленных и добавленных цифр).
  * @param newVal Новый отформатированный телефон.
  */
 function calculateCaretPos(phonePart, newVal) {
-    var newCaretPosition = 0;
-    for (var idx = 0; idx < phonePart.length; idx++) {
-        var digit = phonePart.charAt(idx);
+    let newCaretPosition = 0;
+    for (let idx = 0; idx < phonePart.length; idx++) {
+        const digit = phonePart.charAt(idx);
         if (digit !== newVal.charAt(newCaretPosition)) {
             idx -= 1;
         }
@@ -22,4 +20,4 @@ function calculateCaretPos(phonePart, newVal) {
     return newCaretPosition;
 }
 
-exports.calculateCaretPos = calculateCaretPos;
+export { calculateCaretPos };

package/intl-phone-input/cssm/utils/format-phone-with-unclearable-country-code.js

@@ -1,12 +1,10 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var RUSSIAN_DIAL_CODE = '7';
-var RUSSIAN_NATIONAL_DIAL_CODE = '8';
+const RUSSIAN_DIAL_CODE = '7';
+const RUSSIAN_NATIONAL_DIAL_CODE = '8';
 /**
  * Форматирует телефон с неудаляемым кодом страны
  */
-var formatPhoneWithUnclearableCountryCode = function (phone, country) {
-    var countryPrefix = "+".concat(country.dialCode);
+const formatPhoneWithUnclearableCountryCode = (phone, country) => {
+    const countryPrefix = `+${country.dialCode}`;
     if (phone.startsWith(countryPrefix)) {
         return phone;
     }
@@ -16,7 +14,7 @@ var formatPhoneWithUnclearableCountryCode = function (phone, country) {
     if (countryPrefix.startsWith(phone) || !phone) {
         return countryPrefix;
     }
-    return "".concat(countryPrefix, " ").concat(phone);
+    return `${countryPrefix} ${phone}`;
 };
 
-exports.formatPhoneWithUnclearableCountryCode = formatPhoneWithUnclearableCountryCode;
+export { formatPhoneWithUnclearableCountryCode };

package/intl-phone-input/cssm/utils/preparePasteData.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /**
  * Подготовка данных для вставки из буфера обмена.
  * @param phoneValue Телефон уже введённый в поле ввода.
@@ -10,35 +8,35 @@ Object.defineProperty(exports, '__esModule', { value: true });
  */
 /* eslint complexity: [1, 25] */
 function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selectionEnd, ruNumberPriority) {
-    var trimNumber = phoneFromBuffer.trim();
-    var cutNumberWithPlus = trimNumber.replace(/[^+\d]/g, '');
-    var isTextHavePlus = cutNumberWithPlus[0] === '+';
-    var cutNumber = trimNumber.replace(/[^\d]/g, '');
-    var isRuNumberInBuffer = cutNumber[0] === '7' || cutNumber[0] === '8' || cutNumber.substring(0, 2) === '+7';
-    var resultNumber = '';
+    const trimNumber = phoneFromBuffer.trim();
+    const cutNumberWithPlus = trimNumber.replace(/[^+\d]/g, '');
+    const isTextHavePlus = cutNumberWithPlus[0] === '+';
+    const cutNumber = trimNumber.replace(/[^\d]/g, '');
+    const isRuNumberInBuffer = cutNumber[0] === '7' || cutNumber[0] === '8' || cutNumber.substring(0, 2) === '+7';
+    let resultNumber = '';
     // вставка в поле c "+"
     if (phoneValue === '+') {
-        resultNumber = "+".concat(cutNumber);
+        resultNumber = `+${cutNumber}`;
         // вставка в поле, в которое введена часть номера
     }
     else if (phoneValue === '+7' && isRuNumberInBuffer) {
-        resultNumber = "+7".concat(cutNumber.substring(cutNumber.length - 10));
+        resultNumber = `+7${cutNumber.substring(cutNumber.length - 10)}`;
     }
     else if (phoneValue) {
-        var startText = phoneValue.substring(0, selectionStart || 0);
-        var endText = phoneValue.substring(selectionEnd || 0);
-        var isSelectPlus = selectionStart === 0 && selectionEnd !== 0;
+        const startText = phoneValue.substring(0, selectionStart || 0);
+        const endText = phoneValue.substring(selectionEnd || 0);
+        const isSelectPlus = selectionStart === 0 && selectionEnd !== 0;
         if (selectionStart === 0 && selectionEnd === 0 && !isTextHavePlus) {
-            resultNumber = "+".concat(cutNumber).concat(phoneValue.substring(1)).replace(/[^+\d]/g, '');
+            resultNumber = `+${cutNumber}${phoneValue.substring(1)}`.replace(/[^+\d]/g, '');
         }
         else if (!isTextHavePlus && !isSelectPlus) {
-            resultNumber = "".concat(startText).concat(cutNumber).concat(endText).replace(/[^+\d]/g, '');
+            resultNumber = `${startText}${cutNumber}${endText}`.replace(/[^+\d]/g, '');
         }
         else if (isTextHavePlus && isSelectPlus) {
-            resultNumber = "".concat(cutNumberWithPlus).concat(endText).replace(/[^+\d]/g, '');
+            resultNumber = `${cutNumberWithPlus}${endText}`.replace(/[^+\d]/g, '');
         }
         else if (!isTextHavePlus && isSelectPlus) {
-            resultNumber = "+".concat(cutNumber).concat(endText).replace(/[^+\d]/g, '');
+            resultNumber = `+${cutNumber}${endText}`.replace(/[^+\d]/g, '');
         }
         // вставка в пустое поле
     }
@@ -49,18 +47,18 @@ function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selection
             // вставка номера начинающегося с "7" или "8" в пустое поле
         }
         else if (isRuNumberInBuffer) {
-            resultNumber = "+7".concat(cutNumber.substring(1));
+            resultNumber = `+7${cutNumber.substring(1)}`;
             // вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле с российским флагом
         }
         else if (ruNumberPriority) {
-            resultNumber = "+7".concat(cutNumber);
+            resultNumber = `+7${cutNumber}`;
             // вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле без российского флага
         }
         else {
-            resultNumber = "+".concat(cutNumber);
+            resultNumber = `+${cutNumber}`;
         }
     }
     return resultNumber;
 }
 
-exports.preparePasteData = preparePasteData;
+export { preparePasteData };

package/keyboard-focusable/cssm/Component.js

@@ -1,14 +1,11 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-var hooks = require('@alfalab/hooks');
+import { useRef } from 'react';
+import { useFocus } from '@alfalab/hooks';
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-var KeyboardFocusable = function (_a) {
-    var children = _a.children;
-    var targetRef = react.useRef(null);
-    var focused = hooks.useFocus(targetRef, 'keyboard')[0];
+const KeyboardFocusable = ({ children }) => {
+    const targetRef = useRef(null);
+    const [focused] = useFocus(targetRef, 'keyboard');
     return children(targetRef, focused);
 };
 
-exports.KeyboardFocusable = KeyboardFocusable;
+export { KeyboardFocusable };

package/keyboard-focusable/cssm/index.js

@@ -1,7 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component = require('./Component.js');
-
-
-
-exports.KeyboardFocusable = Component.KeyboardFocusable;
+export { KeyboardFocusable } from './Component.js';
+import 'react';
+import '@alfalab/hooks';

package/link/cssm/Component.js

@@ -1,44 +1,43 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef, useRef } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import { useFocus } from '@alfalab/hooks';
 
-var tslib = require('tslib');
-var React = require('react');
-var mergeRefs = require('react-merge-refs');
-var cn = require('classnames');
-var hooks = require('@alfalab/hooks');
-var defaultColors = require('./default.module.css');
-var styles = require('./index.module.css');
-var invertedColors = require('./inverted.module.css');
+const defaultColors = {"primary":"primary","secondary":"secondary","defaultView":"defaultView"};
+require('./default.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+const styles = {"component":"component","text":"text","withAddons":"withAddons","focused":"focused","pseudo":"pseudo","withoutUnderline":"withoutUnderline","addons":"addons"};
+require('./index.css');
 
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
+const invertedColors = {"primary":"primary","secondary":"secondary","defaultView":"defaultView"};
+require('./inverted.css');
 
-var colorStyles = {
-    default: defaultColors__default.default,
-    inverted: invertedColors__default.default,
+const colorStyles = {
+    default: defaultColors,
+    inverted: invertedColors,
 };
-var Link = React.forwardRef(function (_a, ref) {
-    var _b, _c;
-    var _d = _a.view, view = _d === void 0 ? 'primary' : _d, _e = _a.pseudo, pseudo = _e === void 0 ? false : _e, _f = _a.underline, underline = _f === void 0 ? true : _f, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, _g = _a.colors, colors = _g === void 0 ? 'default' : _g, href = _a.href, _h = _a.Component, Component = _h === void 0 ? pseudo ? 'button' : 'a' : _h, restProps = tslib.__rest(_a, ["view", "pseudo", "underline", "leftAddons", "rightAddons", "className", "dataTestId", "children", "colors", "href", "Component"]);
-    var linkRef = React.useRef(null);
-    var focused = hooks.useFocus(linkRef, 'keyboard')[0];
-    var viewClassName = view === 'default' ? 'defaultView' : view;
-    var componentProps = tslib.__assign((_b = { className: cn__default.default(styles__default.default.component, colorStyles[colors][viewClassName], (_c = {},
-                _c[styles__default.default.withoutUnderline] = !underline && !pseudo,
-                _c[styles__default.default.pseudo] = pseudo,
-                _c[styles__default.default.focused] = focused,
-                _c[styles__default.default.withAddons] = leftAddons || rightAddons,
-                _c), className), 'data-test-id': dataTestId, rel: restProps.target === '_blank' ? 'noreferrer noopener' : undefined }, _b[typeof Component === 'string' ? 'href' : 'to'] = href, _b), (pseudo && { type: 'button' }));
-    return (React__default.default.createElement(Component, tslib.__assign({}, componentProps, restProps, { ref: mergeRefs__default.default([linkRef, ref]) }), leftAddons || rightAddons ? (React__default.default.createElement(React__default.default.Fragment, null,
-        leftAddons && React__default.default.createElement("span", { className: styles__default.default.addons }, leftAddons),
-        children && (React__default.default.createElement("span", null,
-            React__default.default.createElement("span", { className: styles__default.default.text }, children))),
-        rightAddons && React__default.default.createElement("span", { className: styles__default.default.addons }, rightAddons))) : (React__default.default.createElement("span", { className: styles__default.default.text }, children))));
+const Link = forwardRef(({ view = 'primary', pseudo = false, underline = true, leftAddons, rightAddons, className, dataTestId, children, colors = 'default', href, Component = pseudo ? 'button' : 'a', ...restProps }, ref) => {
+    const linkRef = useRef(null);
+    const [focused] = useFocus(linkRef, 'keyboard');
+    const viewClassName = view === 'default' ? 'defaultView' : view;
+    const componentProps = {
+        className: cn(styles.component, colorStyles[colors][viewClassName], {
+            [styles.withoutUnderline]: !underline && !pseudo,
+            [styles.pseudo]: pseudo,
+            [styles.focused]: focused,
+            [styles.withAddons]: leftAddons || rightAddons,
+        }, className),
+        'data-test-id': dataTestId,
+        rel: restProps.target === '_blank' ? 'noreferrer noopener' : undefined,
+        // Для совместимости с react-router-dom, меняем href на to
+        [typeof Component === 'string' ? 'href' : 'to']: href,
+        ...(pseudo && { type: 'button' }),
+    };
+    return (React.createElement(Component, { ...componentProps, ...restProps, ref: mergeRefs([linkRef, ref]) }, leftAddons || rightAddons ? (React.createElement(React.Fragment, null,
+        leftAddons && React.createElement("span", { className: styles.addons }, leftAddons),
+        children && (React.createElement("span", null,
+            React.createElement("span", { className: styles.text }, children))),
+        rightAddons && React.createElement("span", { className: styles.addons }, rightAddons))) : (React.createElement("span", { className: styles.text }, children))));
 });
 /**
  * Для отображения в сторибуке
@@ -48,4 +47,4 @@ Link.defaultProps = {
     pseudo: false,
 };
 
-exports.Link = Link;
+export { Link };

package/link/cssm/index.js

@@ -1,7 +1,5 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component = require('./Component.js');
-
-
-
-exports.Link = Component.Link;
+export { Link } from './Component.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';

package/list/{modern-pcss-raw → cssm}/Component-431b98c8.js

@@ -1,6 +1,6 @@
 import React, { useContext, Children } from 'react';
 import cn from 'classnames';
-import { Typography } from '../../typography/modern-pcss-raw';
+import { Typography } from '../../typography/cssm';
 import { isItem } from './utils.js';
 
 const styles$1 = {"item":"item","reversed":"reversed","unorderedItem":"unorderedItem","slot":"slot","defaultColor":"defaultColor","disc":"disc","caption":"caption"};

package/list/cssm/Component.js

@@ -1,13 +1,5 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('tslib');
-require('react');
-require('classnames');
-var components_item_Component = require('./Component-7cc47e0b.js');
-require('./utils.js');
-require('./index.module.css');
-
-
-
-exports.List = components_item_Component.List;
-exports.ListContext = components_item_Component.ListContext;
+import 'react';
+import 'classnames';
+export { a as List, L as ListContext } from './Component-431b98c8.js';
+import '../../typography/cssm';
+import './utils.js';

package/list/cssm/components/item/Component.js

@@ -1,11 +1,5 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('react');
-require('classnames');
-require('../../../../typography/cssm');
-var components_item_Component = require('../../Component-7cc47e0b.js');
-require('./index.module.css');
-
-
-
-exports.Item = components_item_Component.Item;
+import 'react';
+import 'classnames';
+import '../../../../typography/cssm';
+export { I as Item } from '../../Component-431b98c8.js';
+import '../../utils.js';

package/list/cssm/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-7cc47e0b";
+export * from "../../Component-431b98c8";

package/list/cssm/components/item/index.js

@@ -1,7 +1,5 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_item_Component = require('../../Component-7cc47e0b.js');
-
-
-
-exports.Item = components_item_Component.Item;
+export { I as Item } from '../../Component-431b98c8.js';
+import 'react';
+import 'classnames';
+import '../../../../typography/cssm';
+import '../../utils.js';

package/list/cssm/index.js

@@ -1,10 +1,6 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_item_Component = require('./Component-7cc47e0b.js');
-var presets = require('./presets.js');
-
-
-
-exports.List = components_item_Component.List;
-exports.ListContext = components_item_Component.ListContext;
-exports.listPresets = presets.listPresets;
+export { a as List, L as ListContext } from './Component-431b98c8.js';
+export { listPresets } from './presets.js';
+import 'react';
+import 'classnames';
+import '../../typography/cssm';
+import './utils.js';