@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.1

package/tooltip/cssm/desktop/Component.desktop.js

@@ -1,23 +1,36 @@
-import React, { useState, useRef, useCallback, useEffect, Fragment } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { Popover } from '../../../popover/cssm';
-import defaultColors from '../default.module.css';
-import styles from '../index.module.css';
-import invertedColors from '../inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const colorStyles = {
-    default: defaultColors,
-    inverted: invertedColors,
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsPopover = require('../../../popover/cssm');
+var defaultColors = require('../default.module.css');
+var styles = require('../index.module.css');
+var invertedColors = require('../inverted.module.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 defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
+
+var colorStyles = {
+    default: defaultColors__default.default,
+    inverted: invertedColors__default.default,
 };
-const DEFAULT_OFFSET = [0, 16];
-const TooltipDesktop = ({ children, content, trigger = 'hover', onCloseDelay = 300, onOpenDelay = 300, dataTestId, open: forcedOpen, offset = DEFAULT_OFFSET, position, contentClassName, arrowClassName, popoverClassName, updatePopover, targetClassName, targetTag: TargetTag = 'div', zIndex, onClose, onOpen, getPortalContainer, view = 'tooltip', targetRef = null, fallbackPlacements, preventOverflow = true, availableHeight = false, anchor = null, colors = 'default', useAnchorWidth, }) => {
-    const [visible, setVisible] = useState(!!forcedOpen);
-    const [target, setTarget] = useState(null);
-    const contentRef = useRef(null);
-    const timer = useRef(0);
-    const show = forcedOpen === undefined ? visible : forcedOpen;
-    const open = () => {
+var DEFAULT_OFFSET = [0, 16];
+var TooltipDesktop = function (_a) {
+    var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.onCloseDelay, onCloseDelay = _c === void 0 ? 300 : _c, _d = _a.onOpenDelay, onOpenDelay = _d === void 0 ? 300 : _d, dataTestId = _a.dataTestId, forcedOpen = _a.open, _e = _a.offset, offset = _e === void 0 ? DEFAULT_OFFSET : _e, position = _a.position, contentClassName = _a.contentClassName, arrowClassName = _a.arrowClassName, popoverClassName = _a.popoverClassName, updatePopover = _a.updatePopover, targetClassName = _a.targetClassName, _f = _a.targetTag, TargetTag = _f === void 0 ? 'div' : _f, zIndex = _a.zIndex, onClose = _a.onClose, onOpen = _a.onOpen, getPortalContainer = _a.getPortalContainer, _g = _a.view, view = _g === void 0 ? 'tooltip' : _g, _h = _a.targetRef, targetRef = _h === void 0 ? null : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k, _l = _a.anchor, anchor = _l === void 0 ? null : _l, _m = _a.colors, colors = _m === void 0 ? 'default' : _m, useAnchorWidth = _a.useAnchorWidth;
+    var _o = React.useState(!!forcedOpen), visible = _o[0], setVisible = _o[1];
+    var _p = React.useState(null), target = _p[0], setTarget = _p[1];
+    var contentRef = React.useRef(null);
+    var timer = React.useRef(0);
+    var show = forcedOpen === undefined ? visible : forcedOpen;
+    var open = function () {
         if (!show) {
             setVisible(true);
             if (onOpen) {
@@ -25,7 +38,7 @@ const TooltipDesktop = ({ children, content, trigger = 'hover', onCloseDelay = 3
             }
         }
     };
-    const close = useCallback(() => {
+    var close = React.useCallback(function () {
         if (show) {
             setVisible(false);
             if (onClose) {
@@ -33,7 +46,7 @@ const TooltipDesktop = ({ children, content, trigger = 'hover', onCloseDelay = 3
             }
         }
     }, [onClose, show]);
-    const toggle = () => {
+    var toggle = function () {
         if (show) {
             close();
         }
@@ -41,7 +54,7 @@ const TooltipDesktop = ({ children, content, trigger = 'hover', onCloseDelay = 3
             open();
         }
     };
-    const clickedOutside = useCallback((node) => {
+    var clickedOutside = React.useCallback(function (node) {
         if (target && target.contains(node)) {
             return false;
         }
@@ -50,41 +63,41 @@ const TooltipDesktop = ({ children, content, trigger = 'hover', onCloseDelay = 3
         }
         return true;
     }, [target]);
-    useEffect(() => {
-        const handleBodyClick = (event) => {
-            const eventTarget = event.target;
+    React.useEffect(function () {
+        var handleBodyClick = function (event) {
+            var eventTarget = event.target;
             if (clickedOutside(eventTarget)) {
                 close();
             }
         };
         document.body.addEventListener('click', handleBodyClick);
         document.body.addEventListener('touchstart', handleBodyClick);
-        return () => {
+        return function () {
             document.body.removeEventListener('click', handleBodyClick);
             document.body.removeEventListener('touchstart', handleBodyClick);
             clearTimeout(timer.current);
         };
     }, [clickedOutside, close]);
-    const handleTargetClick = () => {
+    var handleTargetClick = function () {
         toggle();
     };
-    const handleMouseOver = () => {
+    var handleMouseOver = function () {
         clearTimeout(timer.current);
-        timer.current = window.setTimeout(() => {
+        timer.current = window.setTimeout(function () {
             open();
         }, onOpenDelay);
     };
-    const handleMouseOut = () => {
+    var handleMouseOut = function () {
         clearTimeout(timer.current);
-        timer.current = window.setTimeout(() => {
+        timer.current = window.setTimeout(function () {
             close();
         }, onCloseDelay);
     };
-    const handleTouchStart = (event) => {
-        const eventTarget = event.target;
+    var handleTouchStart = function (event) {
+        var eventTarget = event.target;
         clearTimeout(timer.current);
         if (clickedOutside(eventTarget)) {
-            timer.current = window.setTimeout(() => {
+            timer.current = window.setTimeout(function () {
                 close();
             }, onCloseDelay);
         }
@@ -92,55 +105,47 @@ const TooltipDesktop = ({ children, content, trigger = 'hover', onCloseDelay = 3
             open();
         }
     };
-    const onClickProps = { onClick: handleTargetClick };
-    const onHoverProps = {
+    var onClickProps = { onClick: handleTargetClick };
+    var onHoverProps = {
         onMouseOver: handleMouseOver,
         onMouseOut: handleMouseOut,
         onTouchStart: handleTouchStart,
     };
-    const getTargetProps = () => {
-        const props = {
-            className: cn(styles.target, targetClassName, {
-                [styles.inline]: TargetTag === 'span',
-            }),
+    var getTargetProps = function () {
+        var _a;
+        var props = {
+            className: cn__default.default(styles__default.default.target, targetClassName, (_a = {},
+                _a[styles__default.default.inline] = TargetTag === 'span',
+                _a)),
         };
         switch (trigger) {
             case 'click':
-                return {
-                    ...props,
-                    ...onClickProps,
-                };
+                return tslib.__assign(tslib.__assign({}, props), onClickProps);
             case 'hover':
-                return {
-                    ...props,
-                    ...onHoverProps,
-                };
+                return tslib.__assign(tslib.__assign({}, props), onHoverProps);
             default:
                 return {};
         }
     };
-    const getContentProps = () => {
-        const props = {
+    var getContentProps = function () {
+        var props = {
             ref: contentRef,
             'data-test-id': dataTestId,
-            className: cn(styles.component, contentClassName),
+            className: cn__default.default(styles__default.default.component, contentClassName),
         };
         switch (trigger) {
             case 'hover':
-                return {
-                    ...props,
-                    ...onHoverProps,
-                };
+                return tslib.__assign(tslib.__assign({}, props), onHoverProps);
             default:
                 return props;
         }
     };
-    return (React.createElement(Fragment, null,
-        React.createElement(TargetTag, { ref: mergeRefs([targetRef, setTarget]), ...getTargetProps() },
-            children.props.disabled && React.createElement("div", { className: styles.overlap }),
+    return (React__default.default.createElement(React.Fragment, null,
+        React__default.default.createElement(TargetTag, tslib.__assign({ ref: mergeRefs__default.default([targetRef, setTarget]) }, getTargetProps()),
+            children.props.disabled && React__default.default.createElement("div", { className: styles__default.default.overlap }),
             children),
-        React.createElement(Popover, { anchorElement: anchor || target, open: show, getPortalContainer: getPortalContainer, arrowClassName: cn(arrowClassName, styles.arrow, colorStyles[colors].arrow), popperClassName: cn(styles.popper, styles[view], colorStyles[colors][view]), className: popoverClassName, offset: offset, withArrow: true, position: position, update: updatePopover, zIndex: zIndex, fallbackPlacements: fallbackPlacements, preventOverflow: preventOverflow, availableHeight: availableHeight, useAnchorWidth: useAnchorWidth },
-            React.createElement("div", { ...getContentProps() }, content))));
+        React__default.default.createElement(coreComponentsPopover.Popover, { anchorElement: anchor || target, open: show, getPortalContainer: getPortalContainer, arrowClassName: cn__default.default(arrowClassName, styles__default.default.arrow, colorStyles[colors].arrow), popperClassName: cn__default.default(styles__default.default.popper, styles__default.default[view], colorStyles[colors][view]), className: popoverClassName, offset: offset, withArrow: true, position: position, update: updatePopover, zIndex: zIndex, fallbackPlacements: fallbackPlacements, preventOverflow: preventOverflow, availableHeight: availableHeight, useAnchorWidth: useAnchorWidth },
+            React__default.default.createElement("div", tslib.__assign({}, getContentProps()), content))));
 };
 
-export { TooltipDesktop };
+exports.TooltipDesktop = TooltipDesktop;

package/tooltip/cssm/desktop/index.js

@@ -1,8 +1,7 @@
-export { TooltipDesktop } from './Component.desktop.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import '../../../popover/cssm';
-import '../default.module.css';
-import '../index.module.css';
-import '../inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var desktop_Component_desktop = require('./Component.desktop.js');
+
+
+
+exports.TooltipDesktop = desktop_Component_desktop.TooltipDesktop;

package/tooltip/cssm/index.js

@@ -1,14 +1,7 @@
-export { TooltipResponsive as Tooltip } from './Component.responsive.js';
-import 'react';
-import '../../mq/cssm';
-import './desktop/Component.desktop.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../popover/cssm';
-import './default.module.css';
-import './index.module.css';
-import './inverted.module.css';
-import './mobile/Component.mobile.js';
-import '../../bottom-sheet/cssm';
-import '../../button/cssm/mobile';
-import './mobile/mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.Tooltip = Component_responsive.TooltipResponsive;

package/tooltip/cssm/mobile/Component.mobile.js

@@ -1,33 +1,44 @@
-import React, { useState, Fragment } from 'react';
-import cn from 'classnames';
-import { BottomSheet } from '../../../bottom-sheet/cssm';
-import { ButtonMobile } from '../../../button/cssm/mobile';
-import styles from './mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const TooltipMobile = ({ onClose, actionButtonTitle = 'Понятно', content, targetRef, onOpen, targetClassName, children, getPortalContainer, targetTag: TargetTag = 'div', open: openProp, ...restProps }) => {
-    const [visible, setVisible] = useState(!!openProp);
-    const show = openProp === undefined ? visible : openProp;
-    const handleOpen = () => {
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsBottomSheet = require('../../../bottom-sheet/cssm');
+var mobile = require('../../../button/cssm/mobile');
+var styles = require('./mobile.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var TooltipMobile = function (_a) {
+    var _b;
+    var onClose = _a.onClose, _c = _a.actionButtonTitle, actionButtonTitle = _c === void 0 ? 'Понятно' : _c, content = _a.content, targetRef = _a.targetRef, onOpen = _a.onOpen, targetClassName = _a.targetClassName, children = _a.children, getPortalContainer = _a.getPortalContainer, _d = _a.targetTag, TargetTag = _d === void 0 ? 'div' : _d, openProp = _a.open, restProps = tslib.__rest(_a, ["onClose", "actionButtonTitle", "content", "targetRef", "onOpen", "targetClassName", "children", "getPortalContainer", "targetTag", "open"]);
+    var _e = React.useState(!!openProp), visible = _e[0], setVisible = _e[1];
+    var show = openProp === undefined ? visible : openProp;
+    var handleOpen = function () {
         if (!show) {
             if (openProp === undefined)
                 setVisible(true);
-            onOpen?.();
+            onOpen === null || onOpen === void 0 ? void 0 : onOpen();
         }
     };
-    const handleClose = () => {
+    var handleClose = function () {
         if (show) {
             if (openProp === undefined)
                 setVisible(false);
-            onClose?.();
+            onClose === null || onClose === void 0 ? void 0 : onClose();
         }
     };
-    return (React.createElement(Fragment, null,
-        React.createElement(BottomSheet, { open: show, actionButton: React.createElement(ButtonMobile, { view: 'secondary', block: true, size: 's', onClick: handleClose }, actionButtonTitle), ...restProps, container: getPortalContainer, onClose: handleClose }, content),
-        React.createElement(TargetTag, { ref: targetRef, onClick: handleOpen, className: cn(styles.target, targetClassName, {
-                [styles.inline]: TargetTag === 'span',
-            }) },
-            children?.props.disabled && React.createElement("div", { className: styles.overlap }),
+    return (React__default.default.createElement(React.Fragment, null,
+        React__default.default.createElement(coreComponentsBottomSheet.BottomSheet, tslib.__assign({ open: show, actionButton: React__default.default.createElement(mobile.ButtonMobile, { view: 'secondary', block: true, size: 's', onClick: handleClose }, actionButtonTitle) }, restProps, { container: getPortalContainer, onClose: handleClose }), content),
+        React__default.default.createElement(TargetTag, { ref: targetRef, onClick: handleOpen, className: cn__default.default(styles__default.default.target, targetClassName, (_b = {},
+                _b[styles__default.default.inline] = TargetTag === 'span',
+                _b)) },
+            (children === null || children === void 0 ? void 0 : children.props.disabled) && React__default.default.createElement("div", { className: styles__default.default.overlap }),
             children)));
 };
 
-export { TooltipMobile };
+exports.TooltipMobile = TooltipMobile;

package/tooltip/cssm/mobile/index.js

@@ -1,6 +1,7 @@
-export { TooltipMobile } from './Component.mobile.js';
-import 'react';
-import 'classnames';
-import '../../../bottom-sheet/cssm';
-import '../../../button/cssm/mobile';
-import './mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var mobile_Component_mobile = require('./Component.mobile.js');
+
+
+
+exports.TooltipMobile = mobile_Component_mobile.TooltipMobile;

package/typography/cssm/colors.js

@@ -1,4 +1,6 @@
-const colors = [
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var colors = [
     'tertiary',
     'disabled',
     'accent',
@@ -20,4 +22,4 @@ const colors = [
     'static-accent',
 ];
 
-export { colors };
+exports.colors = colors;

package/typography/cssm/component.js

@@ -1,29 +1,15 @@
-import { Text } from './text/component.js';
-import { Title } from './title/index.js';
-import { TitleMobile } from './title-mobile/component.js';
-import { TitleResponsive } from './title-responsive/component.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import './hooks/use-skeleton.js';
-import '../../skeleton/cssm';
-import '@alfalab/hooks';
-import './hooks/use-skeleton.module.css';
-import './colors.module.css';
-import './text/index.module.css';
-import './title/component.js';
-import './title/utils.js';
-import './title/common.module.css';
-import './title/index.module.css';
-import './title-mobile/index.module.css';
-import '../../mq/cssm';
-import './title-responsive/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Typography = {
-    Title,
-    Text,
-    TitleResponsive,
-    TitleMobile,
+var text_component = require('./text/component.js');
+var title_index = require('./title/index.js');
+var titleMobile_component = require('./title-mobile/component.js');
+var titleResponsive_component = require('./title-responsive/component.js');
+
+var Typography = {
+    Title: title_index.Title,
+    Text: text_component.Text,
+    TitleResponsive: titleResponsive_component.TitleResponsive,
+    TitleMobile: titleMobile_component.TitleMobile,
 };
 
-export { Typography };
+exports.Typography = Typography;

package/typography/cssm/hooks/index.js

@@ -1,6 +1,7 @@
-export { useSkeleton } from './use-skeleton.js';
-import 'react';
-import 'classnames';
-import '../../../skeleton/cssm';
-import '@alfalab/hooks';
-import './use-skeleton.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks_useSkeleton = require('./use-skeleton.js');
+
+
+
+exports.useSkeleton = hooks_useSkeleton.useSkeleton;

package/typography/cssm/hooks/use-skeleton.js

@@ -1,50 +1,59 @@
-import React, { useState, useRef } from 'react';
-import cn from 'classnames';
-import { Skeleton } from '../../../skeleton/cssm';
-import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
-import styles from './use-skeleton.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsSkeleton = require('../../../skeleton/cssm');
+var hooks = require('@alfalab/hooks');
+var styles = require('./use-skeleton.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 function useSkeleton(showSkeleton, skeletonProps) {
-    const [skeletonParams, setSkeletonParams] = useState();
-    const textRef = useRef(null);
-    useLayoutEffect_SAFE_FOR_SSR(() => {
+    var _a = React.useState(), skeletonParams = _a[0], setSkeletonParams = _a[1];
+    var textRef = React.useRef(null);
+    hooks.useLayoutEffect_SAFE_FOR_SSR(function () {
         if (showSkeleton && textRef.current) {
-            const style = getComputedStyle(textRef.current);
-            const textHeight = textRef.current.offsetHeight;
-            const fontSize = parseInt(style.fontSize, 10);
-            const lineHeight = parseInt(style.lineHeight, 10);
-            const padding = (lineHeight - fontSize) % 2 === 0
+            var style = getComputedStyle(textRef.current);
+            var textHeight = textRef.current.offsetHeight;
+            var fontSize = parseInt(style.fontSize, 10);
+            var lineHeight = parseInt(style.lineHeight, 10);
+            var padding = (lineHeight - fontSize) % 2 === 0
                 ? (lineHeight - fontSize) / 2
                 : (lineHeight - fontSize - 1) / 2;
-            const rows = skeletonProps?.rows
-                ? skeletonProps?.rows
+            var rows = (skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.rows)
+                ? skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.rows
                 : Math.ceil(textHeight / lineHeight);
             setSkeletonParams({
                 height: lineHeight - padding * 2,
-                padding: `${padding}px 0`,
-                rows,
+                padding: "".concat(padding, "px 0"),
+                rows: rows,
             });
         }
         else {
             setSkeletonParams(undefined);
         }
-    }, [showSkeleton, skeletonProps?.rows]);
-    const renderSkeleton = (props) => {
+    }, [showSkeleton, skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.rows]);
+    var renderSkeleton = function (props) {
         if (showSkeleton && skeletonParams) {
-            return (React.createElement("div", { className: cn(skeletonProps?.wrapperClassName, props.wrapperClassName, skeletonProps?.align && styles[skeletonProps.align]), "data-test-id": props.dataTestId }, [...Array(skeletonParams.rows)].map((_, idx) => {
-                const width = Array.isArray(skeletonProps?.width)
-                    ? skeletonProps?.width[idx]
-                    : skeletonProps?.width;
+            return (React__default.default.createElement("div", { className: cn__default.default(skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.wrapperClassName, props.wrapperClassName, (skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.align) && styles__default.default[skeletonProps.align]), "data-test-id": props.dataTestId }, tslib.__spreadArray([], Array(skeletonParams.rows), true).map(function (_, idx) {
+                var width = Array.isArray(skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.width)
+                    ? skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.width[idx]
+                    : skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.width;
                 return (
                 // eslint-disable-next-line react/no-array-index-key
-                React.createElement("div", { key: idx, style: { width, padding: skeletonParams.padding } },
-                    React.createElement(Skeleton, { visible: true, className: styles.skeletonText },
-                        React.createElement("div", { style: { height: skeletonParams.height } }))));
+                React__default.default.createElement("div", { key: idx, style: { width: width, padding: skeletonParams.padding } },
+                    React__default.default.createElement(coreComponentsSkeleton.Skeleton, { visible: true, className: styles__default.default.skeletonText },
+                        React__default.default.createElement("div", { style: { height: skeletonParams.height } }))));
             })));
         }
         return null;
     };
-    return { renderSkeleton, textRef };
+    return { renderSkeleton: renderSkeleton, textRef: textRef };
 }
 
-export { useSkeleton };
+exports.useSkeleton = useSkeleton;

package/typography/cssm/index.js

@@ -1,22 +1,9 @@
-export { Typography } from './component.js';
-export { typographyPresets } from './presets.js';
-import './text/component.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import './hooks/use-skeleton.js';
-import '../../skeleton/cssm';
-import '@alfalab/hooks';
-import './hooks/use-skeleton.module.css';
-import './colors.module.css';
-import './text/index.module.css';
-import './title/index.js';
-import './title/component.js';
-import './title/utils.js';
-import './title/common.module.css';
-import './title/index.module.css';
-import './title-mobile/component.js';
-import './title-mobile/index.module.css';
-import './title-responsive/component.js';
-import '../../mq/cssm';
-import './title-responsive/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var component = require('./component.js');
+var presets = require('./presets.js');
+
+
+
+exports.Typography = component.Typography;
+exports.typographyPresets = presets.typographyPresets;

package/typography/cssm/presets.js

@@ -1,4 +1,6 @@
-const typographyPresets = {
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var typographyPresets = {
     mobile: {
         list: {
             text: {
@@ -16,4 +18,4 @@ const typographyPresets = {
     },
 };
 
-export { typographyPresets };
+exports.typographyPresets = typographyPresets;

package/typography/cssm/text/component.js

@@ -1,46 +1,56 @@
-import React, { forwardRef } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { useSkeleton } from '../hooks/use-skeleton.js';
-import colors from '../colors.module.css';
-import styles from './index.module.css';
-import '../../../skeleton/cssm';
-import '@alfalab/hooks';
-import '../hooks/use-skeleton.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const logWarning = (view) => {
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var hooks_useSkeleton = require('../hooks/use-skeleton.js');
+var colors = require('../colors.module.css');
+var styles = require('./index.module.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 colors__default = /*#__PURE__*/_interopDefaultCompat(colors);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var logWarning = function (view) {
     if (process.env.NODE_ENV !== 'development') {
         return;
     }
-    const viewsMap = {
+    var viewsMap = {
         component: 'component-primary',
     };
     // eslint-disable-next-line no-console
     console.warn(
     // eslint-disable-next-line prefer-template
-    `@alfalab/core-components/typography: view='${view}' будет удален в следующих мажорных версиях. ` +
-        `Используйте view='${viewsMap[view]}'.`);
+    "@alfalab/core-components/typography: view='".concat(view, "' \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D \u0432 \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0445 \u043C\u0430\u0436\u043E\u0440\u043D\u044B\u0445 \u0432\u0435\u0440\u0441\u0438\u044F\u0445. ") +
+        "\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 view='".concat(viewsMap[view], "'."));
 };
-const Text = forwardRef(({ view = 'primary-medium', tag: Component = 'span', weight, monospaceNumbers = false, defaultMargins = true, color, className, dataTestId, children, rowLimit, showSkeleton, skeletonProps, ...restProps }, ref) => {
+var Text = React.forwardRef(function (_a, ref) {
+    var _b, _c;
+    var _d = _a.view, view = _d === void 0 ? 'primary-medium' : _d, _e = _a.tag, Component = _e === void 0 ? 'span' : _e, weight = _a.weight, _f = _a.monospaceNumbers, monospaceNumbers = _f === void 0 ? false : _f, _g = _a.defaultMargins, defaultMargins = _g === void 0 ? true : _g, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, rowLimit = _a.rowLimit, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps, restProps = tslib.__rest(_a, ["view", "tag", "weight", "monospaceNumbers", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit", "showSkeleton", "skeletonProps"]);
     if (view === 'component') {
         logWarning(view);
     }
-    const { renderSkeleton, textRef } = useSkeleton(showSkeleton, skeletonProps);
-    const skeleton = renderSkeleton({
-        wrapperClassName: cn({
-            [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,
-        }),
-        dataTestId,
+    var _h = hooks_useSkeleton.useSkeleton(showSkeleton, skeletonProps), renderSkeleton = _h.renderSkeleton, textRef = _h.textRef;
+    var skeleton = renderSkeleton({
+        wrapperClassName: cn__default.default((_b = {},
+            _b[styles__default.default.paragraphWithMargins] = Component === 'p' && defaultMargins,
+            _b)),
+        dataTestId: dataTestId,
     });
     if (skeleton) {
         return skeleton;
     }
-    return (React.createElement(Component, { className: cn({
-            [styles.paragraph]: Component === 'p' && !defaultMargins,
-            [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,
-            [styles.monospace]: monospaceNumbers,
-            [styles[`rowLimit${rowLimit}`]]: rowLimit,
-        }, className, color && colors[color], styles[view], weight && styles[weight]), "data-test-id": dataTestId, ref: mergeRefs([ref, textRef]), ...restProps }, children));
+    return (React__default.default.createElement(Component, tslib.__assign({ className: cn__default.default((_c = {},
+            _c[styles__default.default.paragraph] = Component === 'p' && !defaultMargins,
+            _c[styles__default.default.paragraphWithMargins] = Component === 'p' && defaultMargins,
+            _c[styles__default.default.monospace] = monospaceNumbers,
+            _c[styles__default.default["rowLimit".concat(rowLimit)]] = rowLimit,
+            _c), className, color && colors__default.default[color], styles__default.default[view], weight && styles__default.default[weight]), "data-test-id": dataTestId, ref: mergeRefs__default.default([ref, textRef]) }, restProps), children));
 });
 
-export { Text };
+exports.Text = Text;