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

package/status-badge/cssm/Component.js

@@ -1,88 +1,99 @@
-import React from 'react';
-import cn from 'classnames';
-import { CheckmarkCompactMIcon } from '@alfalab/icons-glyph/CheckmarkCompactMIcon';
-import { CheckmarkCompactSIcon } from '@alfalab/icons-glyph/CheckmarkCompactSIcon';
-import { ClockHandsCompactMIcon } from '@alfalab/icons-glyph/ClockHandsCompactMIcon';
-import { ClockHandsCompactSIcon } from '@alfalab/icons-glyph/ClockHandsCompactSIcon';
-import { CrossCompactMIcon } from '@alfalab/icons-glyph/CrossCompactMIcon';
-import { CrossCompactSIcon } from '@alfalab/icons-glyph/CrossCompactSIcon';
-import { ExclamationCompactMIcon } from '@alfalab/icons-glyph/ExclamationCompactMIcon';
-import { ExclamationCompactSIcon } from '@alfalab/icons-glyph/ExclamationCompactSIcon';
-import { InformationCompactMIcon } from '@alfalab/icons-glyph/InformationCompactMIcon';
-import { InformationCompactSIcon } from '@alfalab/icons-glyph/InformationCompactSIcon';
-import { StopBrickCompactMIcon } from '@alfalab/icons-glyph/StopBrickCompactMIcon';
-import { StopBrickMIcon } from '@alfalab/icons-glyph/StopBrickMIcon';
-import { StopBrickSIcon } from '@alfalab/icons-glyph/StopBrickSIcon';
-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 React = require('react');
+var cn = require('classnames');
+var CheckmarkCompactMIcon = require('@alfalab/icons-glyph/CheckmarkCompactMIcon');
+var CheckmarkCompactSIcon = require('@alfalab/icons-glyph/CheckmarkCompactSIcon');
+var ClockHandsCompactMIcon = require('@alfalab/icons-glyph/ClockHandsCompactMIcon');
+var ClockHandsCompactSIcon = require('@alfalab/icons-glyph/ClockHandsCompactSIcon');
+var CrossCompactMIcon = require('@alfalab/icons-glyph/CrossCompactMIcon');
+var CrossCompactSIcon = require('@alfalab/icons-glyph/CrossCompactSIcon');
+var ExclamationCompactMIcon = require('@alfalab/icons-glyph/ExclamationCompactMIcon');
+var ExclamationCompactSIcon = require('@alfalab/icons-glyph/ExclamationCompactSIcon');
+var InformationCompactMIcon = require('@alfalab/icons-glyph/InformationCompactMIcon');
+var InformationCompactSIcon = require('@alfalab/icons-glyph/InformationCompactSIcon');
+var StopBrickCompactMIcon = require('@alfalab/icons-glyph/StopBrickCompactMIcon');
+var StopBrickMIcon = require('@alfalab/icons-glyph/StopBrickMIcon');
+var StopBrickSIcon = require('@alfalab/icons-glyph/StopBrickSIcon');
+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 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 ICON_MAP = {
+var ICON_MAP = {
     'positive-checkmark': {
-        16: CheckmarkCompactSIcon,
-        20: CheckmarkCompactSIcon,
-        24: CheckmarkCompactMIcon,
-        32: CheckmarkCompactMIcon,
-        40: CheckmarkCompactMIcon,
+        16: CheckmarkCompactSIcon.CheckmarkCompactSIcon,
+        20: CheckmarkCompactSIcon.CheckmarkCompactSIcon,
+        24: CheckmarkCompactMIcon.CheckmarkCompactMIcon,
+        32: CheckmarkCompactMIcon.CheckmarkCompactMIcon,
+        40: CheckmarkCompactMIcon.CheckmarkCompactMIcon,
     },
     'negative-cross': {
-        16: CrossCompactSIcon,
-        20: CrossCompactSIcon,
-        24: CrossCompactMIcon,
-        32: CrossCompactMIcon,
-        40: CrossCompactMIcon,
+        16: CrossCompactSIcon.CrossCompactSIcon,
+        20: CrossCompactSIcon.CrossCompactSIcon,
+        24: CrossCompactMIcon.CrossCompactMIcon,
+        32: CrossCompactMIcon.CrossCompactMIcon,
+        40: CrossCompactMIcon.CrossCompactMIcon,
     },
     'negative-alert': {
-        16: ExclamationCompactSIcon,
-        20: ExclamationCompactSIcon,
-        24: ExclamationCompactMIcon,
-        32: ExclamationCompactMIcon,
-        40: ExclamationCompactMIcon,
+        16: ExclamationCompactSIcon.ExclamationCompactSIcon,
+        20: ExclamationCompactSIcon.ExclamationCompactSIcon,
+        24: ExclamationCompactMIcon.ExclamationCompactMIcon,
+        32: ExclamationCompactMIcon.ExclamationCompactMIcon,
+        40: ExclamationCompactMIcon.ExclamationCompactMIcon,
     },
     'negative-block': {
-        16: StopBrickSIcon,
-        20: StopBrickSIcon,
-        24: StopBrickCompactMIcon,
-        32: StopBrickMIcon,
-        40: StopBrickMIcon,
+        16: StopBrickSIcon.StopBrickSIcon,
+        20: StopBrickSIcon.StopBrickSIcon,
+        24: StopBrickCompactMIcon.StopBrickCompactMIcon,
+        32: StopBrickMIcon.StopBrickMIcon,
+        40: StopBrickMIcon.StopBrickMIcon,
     },
     'attention-alert': {
-        16: ExclamationCompactSIcon,
-        20: ExclamationCompactSIcon,
-        24: ExclamationCompactMIcon,
-        32: ExclamationCompactMIcon,
-        40: ExclamationCompactMIcon,
+        16: ExclamationCompactSIcon.ExclamationCompactSIcon,
+        20: ExclamationCompactSIcon.ExclamationCompactSIcon,
+        24: ExclamationCompactMIcon.ExclamationCompactMIcon,
+        32: ExclamationCompactMIcon.ExclamationCompactMIcon,
+        40: ExclamationCompactMIcon.ExclamationCompactMIcon,
     },
     'neutral-information': {
-        16: InformationCompactSIcon,
-        20: InformationCompactSIcon,
-        24: InformationCompactMIcon,
-        32: InformationCompactMIcon,
-        40: InformationCompactMIcon,
+        16: InformationCompactSIcon.InformationCompactSIcon,
+        20: InformationCompactSIcon.InformationCompactSIcon,
+        24: InformationCompactMIcon.InformationCompactMIcon,
+        32: InformationCompactMIcon.InformationCompactMIcon,
+        40: InformationCompactMIcon.InformationCompactMIcon,
     },
     'neutral-operation': {
-        16: ClockHandsCompactSIcon,
-        20: ClockHandsCompactSIcon,
-        24: ClockHandsCompactMIcon,
-        32: ClockHandsCompactMIcon,
-        40: ClockHandsCompactMIcon,
+        16: ClockHandsCompactSIcon.ClockHandsCompactSIcon,
+        20: ClockHandsCompactSIcon.ClockHandsCompactSIcon,
+        24: ClockHandsCompactMIcon.ClockHandsCompactMIcon,
+        32: ClockHandsCompactMIcon.ClockHandsCompactMIcon,
+        40: ClockHandsCompactMIcon.ClockHandsCompactMIcon,
     },
     'neutral-cross': {
-        16: CrossCompactSIcon,
-        20: CrossCompactSIcon,
-        24: CrossCompactMIcon,
-        32: CrossCompactMIcon,
-        40: CrossCompactMIcon,
+        16: CrossCompactSIcon.CrossCompactSIcon,
+        20: CrossCompactSIcon.CrossCompactSIcon,
+        24: CrossCompactMIcon.CrossCompactMIcon,
+        32: CrossCompactMIcon.CrossCompactMIcon,
+        40: CrossCompactMIcon.CrossCompactMIcon,
     },
 };
-const StatusBadge = ({ className, dataTestId, size = 24, view, colors = 'default', }) => {
-    const Icon = ICON_MAP[view][size];
-    return (React.createElement("div", { className: cn(styles.component, className, styles[`size-${size}`], colorStyles[colors].component, colorStyles[colors][view]), "data-test-id": dataTestId },
-        React.createElement(Icon, null)));
+var StatusBadge = function (_a) {
+    var className = _a.className, dataTestId = _a.dataTestId, _b = _a.size, size = _b === void 0 ? 24 : _b, view = _a.view, _c = _a.colors, colors = _c === void 0 ? 'default' : _c;
+    var Icon = ICON_MAP[view][size];
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className, styles__default.default["size-".concat(size)], colorStyles[colors].component, colorStyles[colors][view]), "data-test-id": dataTestId },
+        React__default.default.createElement(Icon, null)));
 };
 
-export { StatusBadge };
+exports.StatusBadge = StatusBadge;

package/status-badge/cssm/index.js

@@ -1,19 +1,7 @@
-export { StatusBadge } from './Component.js';
-import 'react';
-import 'classnames';
-import '@alfalab/icons-glyph/CheckmarkCompactMIcon';
-import '@alfalab/icons-glyph/CheckmarkCompactSIcon';
-import '@alfalab/icons-glyph/ClockHandsCompactMIcon';
-import '@alfalab/icons-glyph/ClockHandsCompactSIcon';
-import '@alfalab/icons-glyph/CrossCompactMIcon';
-import '@alfalab/icons-glyph/CrossCompactSIcon';
-import '@alfalab/icons-glyph/ExclamationCompactMIcon';
-import '@alfalab/icons-glyph/ExclamationCompactSIcon';
-import '@alfalab/icons-glyph/InformationCompactMIcon';
-import '@alfalab/icons-glyph/InformationCompactSIcon';
-import '@alfalab/icons-glyph/StopBrickCompactMIcon';
-import '@alfalab/icons-glyph/StopBrickMIcon';
-import '@alfalab/icons-glyph/StopBrickSIcon';
-import './default.module.css';
-import './index.module.css';
-import './inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.StatusBadge = Component.StatusBadge;

package/stepped-progress-bar/cssm/Component.js

@@ -1,22 +1,32 @@
-import React from 'react';
-import cn from 'classnames';
-import { Typography } from '../../typography/cssm';
-import { StepBar } from './components/step-bar/Component.js';
-import defaultColors from './default.module.css';
-import styles from './index.module.css';
-import invertedColors from './inverted.module.css';
-import './components/step-bar/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const colorStyles = {
-    default: defaultColors,
-    inverted: invertedColors,
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsTypography = require('../../typography/cssm');
+var components_stepBar_Component = require('./components/step-bar/Component.js');
+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 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 SteppedProgressBar = ({ maxStep, description, step = 0, view, dataTestId, colors = 'default', className, }) => {
-    const validMaxSteps = maxStep <= 0 ? 1 : maxStep;
-    const isViewString = typeof view === 'string';
-    return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
-        React.createElement("div", { className: styles.stepsContainer }, Array.from(Array(validMaxSteps), (_, index) => (React.createElement(StepBar, { key: index, isDone: index < step, view: (isViewString ? view : view?.[index]), classNameStep: colorStyles[colors].bar })))),
-        description && (React.createElement(Typography.Text, { tag: 'div', className: cn(styles.description, colorStyles[colors].description), view: 'primary-small' },
+var SteppedProgressBar = function (_a) {
+    var maxStep = _a.maxStep, description = _a.description, _b = _a.step, step = _b === void 0 ? 0 : _b, view = _a.view, dataTestId = _a.dataTestId, _c = _a.colors, colors = _c === void 0 ? 'default' : _c, className = _a.className;
+    var validMaxSteps = maxStep <= 0 ? 1 : maxStep;
+    var isViewString = typeof view === 'string';
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className), "data-test-id": dataTestId },
+        React__default.default.createElement("div", { className: styles__default.default.stepsContainer }, Array.from(Array(validMaxSteps), function (_, index) { return (React__default.default.createElement(components_stepBar_Component.StepBar, { key: index, isDone: index < step, view: (isViewString ? view : view === null || view === void 0 ? void 0 : view[index]), classNameStep: colorStyles[colors].bar })); })),
+        description && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { tag: 'div', className: cn__default.default(styles__default.default.description, colorStyles[colors].description), view: 'primary-small' },
             "\u0428\u0430\u0433 ",
             step,
             " \u0438\u0437 ",
@@ -25,4 +35,4 @@ const SteppedProgressBar = ({ maxStep, description, step = 0, view, dataTestId,
             description))));
 };
 
-export { SteppedProgressBar };
+exports.SteppedProgressBar = SteppedProgressBar;

package/stepped-progress-bar/cssm/components/step-bar/Component.js

@@ -1,7 +1,18 @@
-import React, { memo } from 'react';
-import cn from 'classnames';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const StepBar = memo(({ isDone, view = 'positive', classNameStep }) => (React.createElement("span", { "data-test-id": isDone ? 'on' : 'off', className: cn(styles.bar, isDone && styles[view], classNameStep) })));
+var React = require('react');
+var cn = require('classnames');
+var styles = require('./index.module.css');
 
-export { StepBar };
+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 StepBar = React.memo(function (_a) {
+    var isDone = _a.isDone, _b = _a.view, view = _b === void 0 ? 'positive' : _b, classNameStep = _a.classNameStep;
+    return (React__default.default.createElement("span", { "data-test-id": isDone ? 'on' : 'off', className: cn__default.default(styles__default.default.bar, isDone && styles__default.default[view], classNameStep) }));
+});
+
+exports.StepBar = StepBar;

package/stepped-progress-bar/cssm/components/step-bar/index.js

@@ -1,4 +1,7 @@
-export { StepBar } from './Component.js';
-import 'react';
-import 'classnames';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_stepBar_Component = require('./Component.js');
+
+
+
+exports.StepBar = components_stepBar_Component.StepBar;

package/stepped-progress-bar/cssm/index.js

@@ -1,9 +1,7 @@
-export { SteppedProgressBar } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../typography/cssm';
-import './components/step-bar/Component.js';
-import './components/step-bar/index.module.css';
-import './default.module.css';
-import './index.module.css';
-import './inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.SteppedProgressBar = Component.SteppedProgressBar;

package/steps/cssm/Component.js

@@ -1,25 +1,27 @@
-import React, { useState, useEffect } from 'react';
-import cn from 'classnames';
-import { Step } from './components/step/Component.js';
-import styles from './index.module.css';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/ClockMIcon';
-import '@alfalab/icons-glyph/ExclamationCircleMIcon';
-import './components/step-indicator/Component.js';
-import '../../badge/cssm';
-import './components/step-indicator/index.module.css';
-import './components/step/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Steps = ({ className, children, defaultActiveStep = 1, activeStep: activeStepProp, isMarkCompletedSteps = true, isVerticalAlign = false, ordered = true, interactive = true, fullWidth = false, minSpaceBetweenSteps = 24, checkIsStepDisabled, checkIsStepError, checkIsStepWarning, checkIsStepWaiting, checkIsStepPositive, checkIsStepCustom, onChange, dataTestId, }) => {
-    const [activeStep, setActiveStep] = useState(activeStepProp || defaultActiveStep);
-    const stepsLength = React.Children.count(children);
-    useEffect(() => {
+var React = require('react');
+var cn = require('classnames');
+var components_step_Component = require('./components/step/Component.js');
+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 cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Steps = function (_a) {
+    var _b;
+    var className = _a.className, children = _a.children, _c = _a.defaultActiveStep, defaultActiveStep = _c === void 0 ? 1 : _c, activeStepProp = _a.activeStep, _d = _a.isMarkCompletedSteps, isMarkCompletedSteps = _d === void 0 ? true : _d, _e = _a.isVerticalAlign, isVerticalAlign = _e === void 0 ? false : _e, _f = _a.ordered, ordered = _f === void 0 ? true : _f, _g = _a.interactive, interactive = _g === void 0 ? true : _g, _h = _a.fullWidth, fullWidth = _h === void 0 ? false : _h, _j = _a.minSpaceBetweenSteps, minSpaceBetweenSteps = _j === void 0 ? 24 : _j, checkIsStepDisabled = _a.checkIsStepDisabled, checkIsStepError = _a.checkIsStepError, checkIsStepWarning = _a.checkIsStepWarning, checkIsStepWaiting = _a.checkIsStepWaiting, checkIsStepPositive = _a.checkIsStepPositive, checkIsStepCustom = _a.checkIsStepCustom, onChange = _a.onChange, dataTestId = _a.dataTestId;
+    var _k = React.useState(activeStepProp || defaultActiveStep), activeStep = _k[0], setActiveStep = _k[1];
+    var stepsLength = React__default.default.Children.count(children);
+    React.useEffect(function () {
         if (activeStepProp) {
             setActiveStep(activeStepProp);
         }
     }, [activeStepProp]);
-    const handleStepClick = (stepNumber) => {
+    var handleStepClick = function (stepNumber) {
         setActiveStep(stepNumber);
         if (onChange) {
             onChange(stepNumber);
@@ -27,22 +29,22 @@ const Steps = ({ className, children, defaultActiveStep = 1, activeStep: activeS
     };
     if (!stepsLength)
         return null;
-    return (React.createElement("div", { className: cn(className, styles.component, {
-            [styles.vertical]: isVerticalAlign,
-        }), "data-test-id": dataTestId }, React.Children.map(children, (step, index) => {
-        const stepNumber = index + 1;
-        const isSelected = stepNumber === activeStep;
-        const isStepCompleted = isMarkCompletedSteps && stepNumber < activeStep;
-        const disabled = checkIsStepDisabled ? checkIsStepDisabled(stepNumber) : false;
-        const isPositive = checkIsStepPositive ? checkIsStepPositive(stepNumber) : false;
-        const isError = checkIsStepError ? checkIsStepError(stepNumber) : false;
-        const isWarning = checkIsStepWarning ? checkIsStepWarning(stepNumber) : false;
-        const isWaiting = checkIsStepWaiting ? checkIsStepWaiting(stepNumber) : false;
-        const customStepIndicator = checkIsStepCustom && checkIsStepCustom(stepNumber);
-        const isNotLastStep = stepsLength !== stepNumber;
-        const isInteractive = !disabled && interactive;
-        return (React.createElement(Step, { stepNumber: stepNumber, isSelected: isSelected, isStepCompleted: isStepCompleted, disabled: disabled, isPositive: isPositive, isError: isError, isWarning: isWarning, isWaiting: isWaiting, customStepIndicator: customStepIndicator, onClick: handleStepClick, ordered: ordered, interactive: isInteractive, isVerticalAlign: isVerticalAlign, isNotLastStep: isNotLastStep, key: stepNumber, fullWidth: fullWidth, minSpaceBetweenSteps: minSpaceBetweenSteps }, step));
+    return (React__default.default.createElement("div", { className: cn__default.default(className, styles__default.default.component, (_b = {},
+            _b[styles__default.default.vertical] = isVerticalAlign,
+            _b)), "data-test-id": dataTestId }, React__default.default.Children.map(children, function (step, index) {
+        var stepNumber = index + 1;
+        var isSelected = stepNumber === activeStep;
+        var isStepCompleted = isMarkCompletedSteps && stepNumber < activeStep;
+        var disabled = checkIsStepDisabled ? checkIsStepDisabled(stepNumber) : false;
+        var isPositive = checkIsStepPositive ? checkIsStepPositive(stepNumber) : false;
+        var isError = checkIsStepError ? checkIsStepError(stepNumber) : false;
+        var isWarning = checkIsStepWarning ? checkIsStepWarning(stepNumber) : false;
+        var isWaiting = checkIsStepWaiting ? checkIsStepWaiting(stepNumber) : false;
+        var customStepIndicator = checkIsStepCustom && checkIsStepCustom(stepNumber);
+        var isNotLastStep = stepsLength !== stepNumber;
+        var isInteractive = !disabled && interactive;
+        return (React__default.default.createElement(components_step_Component.Step, { stepNumber: stepNumber, isSelected: isSelected, isStepCompleted: isStepCompleted, disabled: disabled, isPositive: isPositive, isError: isError, isWarning: isWarning, isWaiting: isWaiting, customStepIndicator: customStepIndicator, onClick: handleStepClick, ordered: ordered, interactive: isInteractive, isVerticalAlign: isVerticalAlign, isNotLastStep: isNotLastStep, key: stepNumber, fullWidth: fullWidth, minSpaceBetweenSteps: minSpaceBetweenSteps }, step));
     })));
 };
 
-export { Steps };
+exports.Steps = Steps;

package/steps/cssm/components/step/Component.js

@@ -1,91 +1,103 @@
-import React, { useRef } from 'react';
-import cn from 'classnames';
-import { useFocus } from '@alfalab/hooks';
-import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';
-import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMIcon';
-import { StepIndicator } from '../step-indicator/Component.js';
-import styles from './index.module.css';
-import '../../../../badge/cssm';
-import '../step-indicator/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const SIZE_TO_CLASSNAME_MAP = {
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var hooks = require('@alfalab/hooks');
+var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+var ClockMIcon = require('@alfalab/icons-glyph/ClockMIcon');
+var ExclamationCircleMIcon = require('@alfalab/icons-glyph/ExclamationCircleMIcon');
+var components_stepIndicator_Component = require('../step-indicator/Component.js');
+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 cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var SIZE_TO_CLASSNAME_MAP = {
     8: 'size-8',
     16: 'size-16',
     24: 'size-24',
 };
-const Step = ({ children, stepNumber, isSelected, disabled, ordered, isPositive, isError, isWarning, isWaiting, customStepIndicator, isStepCompleted, onClick, interactive, isVerticalAlign, isNotLastStep, fullWidth, minSpaceBetweenSteps = 24, }) => {
-    const stepRef = useRef(null);
-    const [focused] = useFocus(stepRef, 'keyboard');
-    const handleButtonClick = () => {
+var Step = function (_a) {
+    var _b, _c, _d, _e;
+    var children = _a.children, stepNumber = _a.stepNumber, isSelected = _a.isSelected, disabled = _a.disabled, ordered = _a.ordered, isPositive = _a.isPositive, isError = _a.isError, isWarning = _a.isWarning, isWaiting = _a.isWaiting, customStepIndicator = _a.customStepIndicator, isStepCompleted = _a.isStepCompleted, onClick = _a.onClick, interactive = _a.interactive, isVerticalAlign = _a.isVerticalAlign, isNotLastStep = _a.isNotLastStep, fullWidth = _a.fullWidth, _f = _a.minSpaceBetweenSteps, minSpaceBetweenSteps = _f === void 0 ? 24 : _f;
+    var stepRef = React.useRef(null);
+    var focused = hooks.useFocus(stepRef, 'keyboard')[0];
+    var handleButtonClick = function () {
         if (!disabled && interactive && onClick) {
             onClick(stepNumber);
         }
     };
-    const handleTextClick = (e) => {
+    var handleTextClick = function (e) {
         if (!interactive) {
             e.stopPropagation();
         }
     };
-    const handleKeyDown = (event) => {
+    var handleKeyDown = function (event) {
         if (event.key === 'Enter') {
             handleButtonClick();
         }
     };
-    const getStepIndicator = () => {
+    var getStepIndicator = function () {
         if (customStepIndicator) {
-            return React.createElement(StepIndicator, { ...customStepIndicator });
+            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, tslib.__assign({}, customStepIndicator));
         }
         if (isError) {
-            return React.createElement(StepIndicator, { iconColor: 'negative', content: React.createElement(ExclamationCircleMIcon, null) });
+            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'negative', content: React__default.default.createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, null) });
         }
         if (isWarning) {
-            return React.createElement(StepIndicator, { iconColor: 'attention', content: React.createElement(ExclamationCircleMIcon, null) });
+            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'attention', content: React__default.default.createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, null) });
         }
         if (isWaiting) {
-            return React.createElement(StepIndicator, { iconColor: 'secondary', content: React.createElement(ClockMIcon, null) });
+            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'secondary', content: React__default.default.createElement(ClockMIcon.ClockMIcon, null) });
         }
         if (isPositive) {
-            return React.createElement(StepIndicator, { iconColor: 'positive', content: React.createElement(CheckmarkCircleMIcon, null) });
+            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'positive', content: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, null) });
         }
         if (isStepCompleted) {
-            return (React.createElement(StepIndicator, { iconColor: 'positive', content: React.createElement(CheckmarkCircleMIcon, null), className: styles.completedIndicator }));
+            return (React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'positive', content: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, null), className: styles__default.default.completedIndicator }));
         }
         if (!ordered) {
-            return (React.createElement("div", { className: styles.checkbox },
-                React.createElement("span", { className: styles.dot })));
+            return (React__default.default.createElement("div", { className: styles__default.default.checkbox },
+                React__default.default.createElement("span", { className: styles__default.default.dot })));
         }
         return stepNumber;
     };
-    const renderDash = () => (React.createElement("div", { className: cn(styles.dash, {
-            [styles.vertical]: isVerticalAlign,
-            [styles.completed]: isStepCompleted,
-        }, styles[SIZE_TO_CLASSNAME_MAP[minSpaceBetweenSteps]]) }));
-    return (React.createElement("div", { role: 'button', tabIndex: 0, ref: stepRef, className: cn(styles.step, {
-            [styles.completed]: isStepCompleted,
-            [styles.error]: isError,
-            [styles.selected]: isSelected,
-            [styles.disabled]: disabled,
-            [styles.focused]: focused,
-            [styles.vertical]: isVerticalAlign,
-            [styles.interactive]: interactive,
-            [styles.fullWidth]: fullWidth && isVerticalAlign,
-        }), onClick: handleButtonClick, onKeyDown: handleKeyDown },
-        React.createElement("div", { className: cn(styles.indicator, {
-                [styles.vertical]: isVerticalAlign,
-                [styles.interactive]: interactive,
-            }) },
-            React.createElement("div", { className: cn(styles.option, {
-                    [styles.unordered]: !ordered,
-                    [styles.vertical]: isVerticalAlign,
-                    [styles.error]: isError,
-                }) }, getStepIndicator()),
+    var renderDash = function () {
+        var _a;
+        return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.dash, (_a = {},
+                _a[styles__default.default.vertical] = isVerticalAlign,
+                _a[styles__default.default.completed] = isStepCompleted,
+                _a), styles__default.default[SIZE_TO_CLASSNAME_MAP[minSpaceBetweenSteps]]) }));
+    };
+    return (React__default.default.createElement("div", { role: 'button', tabIndex: 0, ref: stepRef, className: cn__default.default(styles__default.default.step, (_b = {},
+            _b[styles__default.default.completed] = isStepCompleted,
+            _b[styles__default.default.error] = isError,
+            _b[styles__default.default.selected] = isSelected,
+            _b[styles__default.default.disabled] = disabled,
+            _b[styles__default.default.focused] = focused,
+            _b[styles__default.default.vertical] = isVerticalAlign,
+            _b[styles__default.default.interactive] = interactive,
+            _b[styles__default.default.fullWidth] = fullWidth && isVerticalAlign,
+            _b)), onClick: handleButtonClick, onKeyDown: handleKeyDown },
+        React__default.default.createElement("div", { className: cn__default.default(styles__default.default.indicator, (_c = {},
+                _c[styles__default.default.vertical] = isVerticalAlign,
+                _c[styles__default.default.interactive] = interactive,
+                _c)) },
+            React__default.default.createElement("div", { className: cn__default.default(styles__default.default.option, (_d = {},
+                    _d[styles__default.default.unordered] = !ordered,
+                    _d[styles__default.default.vertical] = isVerticalAlign,
+                    _d[styles__default.default.error] = isError,
+                    _d)) }, getStepIndicator()),
             isNotLastStep && isVerticalAlign && renderDash()),
-        React.createElement("div", { className: cn(styles.text, {
-                [styles.interactive]: interactive,
-                [styles.fullWidth]: fullWidth && isVerticalAlign,
-            }), onClick: handleTextClick }, children),
+        React__default.default.createElement("div", { className: cn__default.default(styles__default.default.text, (_e = {},
+                _e[styles__default.default.interactive] = interactive,
+                _e[styles__default.default.fullWidth] = fullWidth && isVerticalAlign,
+                _e)), onClick: handleTextClick }, children),
         isNotLastStep && !isVerticalAlign && renderDash()));
 };
 
-export { Step };
+exports.Step = Step;

package/steps/cssm/components/step/index.js

@@ -1,11 +1,7 @@
-export { Step } from './Component.js';
-import 'react';
-import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/ClockMIcon';
-import '@alfalab/icons-glyph/ExclamationCircleMIcon';
-import '../step-indicator/Component.js';
-import '../../../../badge/cssm';
-import '../step-indicator/index.module.css';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_step_Component = require('./Component.js');
+
+
+
+exports.Step = components_step_Component.Step;

package/steps/cssm/components/step-indicator/Component.js

@@ -1,8 +1,19 @@
-import React from 'react';
-import cn from 'classnames';
-import { Badge } from '../../../../badge/cssm';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const StepIndicator = ({ content, iconColor, className }) => (React.createElement(Badge, { size: 'l', view: 'icon', iconColor: iconColor, className: cn(styles.component, className), content: content }));
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsBadge = require('../../../../badge/cssm');
+var styles = require('./index.module.css');
 
-export { StepIndicator };
+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 StepIndicator = function (_a) {
+    var content = _a.content, iconColor = _a.iconColor, className = _a.className;
+    return (React__default.default.createElement(coreComponentsBadge.Badge, { size: 'l', view: 'icon', iconColor: iconColor, className: cn__default.default(styles__default.default.component, className), content: content }));
+};
+
+exports.StepIndicator = StepIndicator;

package/steps/cssm/components/step-indicator/index.js

@@ -1,5 +1,7 @@
-export { StepIndicator } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../../../badge/cssm';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_stepIndicator_Component = require('./Component.js');
+
+
+
+exports.StepIndicator = components_stepIndicator_Component.StepIndicator;