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

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;

package/steps/cssm/index.js

@@ -1,13 +1,7 @@
-export { Steps } from './Component.js';
-import 'react';
-import 'classnames';
-import './components/step/Component.js';
-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';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Steps = Component.Steps;

package/switch/cssm/Component.js

@@ -1,35 +1,47 @@
-import React, { forwardRef, useRef } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { dom } from '../../shared/cssm';
-import { useFocus } from '@alfalab/hooks';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Switch = forwardRef(({ reversed = false, checked = false, align = 'start', addons, block, disabled, inactive, error, label, hint, name, value, className, onChange, dataTestId, ...restProps }, ref) => {
-    const labelRef = useRef(null);
-    const [focused] = useFocus(labelRef, 'keyboard');
-    const handleChange = (e) => {
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsShared = require('../../shared/cssm');
+var hooks = require('@alfalab/hooks');
+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 styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Switch = React.forwardRef(function (_a, ref) {
+    var _b;
+    var _c = _a.reversed, reversed = _c === void 0 ? false : _c, _d = _a.checked, checked = _d === void 0 ? false : _d, _e = _a.align, align = _e === void 0 ? 'start' : _e, addons = _a.addons, block = _a.block, disabled = _a.disabled, inactive = _a.inactive, error = _a.error, label = _a.label, hint = _a.hint, name = _a.name, value = _a.value, className = _a.className, onChange = _a.onChange, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["reversed", "checked", "align", "addons", "block", "disabled", "inactive", "error", "label", "hint", "name", "value", "className", "onChange", "dataTestId"]);
+    var labelRef = React.useRef(null);
+    var focused = hooks.useFocus(labelRef, 'keyboard')[0];
+    var handleChange = function (e) {
         if (onChange) {
-            onChange(e, { checked: e.target.checked, name });
+            onChange(e, { checked: e.target.checked, name: name });
         }
     };
-    const errorMessage = typeof error === 'boolean' ? '' : error;
-    return (React.createElement("label", { className: cn(styles.component, styles[align], className, {
-            [styles.disabled]: disabled || inactive,
-            [styles.checked]: checked,
-            [styles.reversed]: reversed,
-            [styles.focused]: focused,
-            [styles.block]: block,
-        }), ref: mergeRefs([labelRef, ref]) },
-        React.createElement("input", { type: 'checkbox', onChange: handleChange, disabled: disabled || inactive, checked: checked, name: name, value: value, "data-test-id": dataTestId, ...restProps }),
-        React.createElement("span", { className: styles.switch }),
-        (label || hint || errorMessage) && (React.createElement("span", { className: styles.content },
-            label && React.createElement("span", { className: styles.label }, label),
-            hint && !errorMessage && React.createElement("span", { className: styles.hint }, hint),
-            errorMessage && (React.createElement("span", { className: styles.errorMessage, role: 'alert' }, errorMessage)))),
+    var errorMessage = typeof error === 'boolean' ? '' : error;
+    return (React__default.default.createElement("label", { className: cn__default.default(styles__default.default.component, styles__default.default[align], className, (_b = {},
+            _b[styles__default.default.disabled] = disabled || inactive,
+            _b[styles__default.default.checked] = checked,
+            _b[styles__default.default.reversed] = reversed,
+            _b[styles__default.default.focused] = focused,
+            _b[styles__default.default.block] = block,
+            _b)), ref: mergeRefs__default.default([labelRef, ref]) },
+        React__default.default.createElement("input", tslib.__assign({ type: 'checkbox', onChange: handleChange, disabled: disabled || inactive, checked: checked, name: name, value: value, "data-test-id": dataTestId }, restProps)),
+        React__default.default.createElement("span", { className: styles__default.default.switch }),
+        (label || hint || errorMessage) && (React__default.default.createElement("span", { className: styles__default.default.content },
+            label && React__default.default.createElement("span", { className: styles__default.default.label }, label),
+            hint && !errorMessage && React__default.default.createElement("span", { className: styles__default.default.hint }, hint),
+            errorMessage && (React__default.default.createElement("span", { className: styles__default.default.errorMessage, role: 'alert' }, errorMessage)))),
         addons && (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-        React.createElement("span", { className: styles.addons, onClick: dom.preventDefault }, addons))));
+        React__default.default.createElement("span", { className: styles__default.default.addons, onClick: coreComponentsShared.dom.preventDefault }, addons))));
 });
 
-export { Switch };
+exports.Switch = Switch;

package/switch/cssm/index.js

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

package/system-message/cssm/Component.js

@@ -1,41 +1,53 @@
-import React, { useMemo, isValidElement } from 'react';
-import cn from 'classnames';
-import { createPaddingStyle } from '../../shared/cssm';
-import { SystemMessageContext } from './Context.js';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const isControlsElement = (obj) => typeof obj === 'object' && obj.type.displayName === 'Controls';
-const DEFAULT_DESKTOP_PADDING = { left: 40, right: 40, bottom: 24 };
-const DEFAULT_MOBILE_PADDING = undefined;
-const SystemMessage = ({ view, dataTestId, children, fullHeight, padding: paddingProp, className, }) => {
-    const contextValue = useMemo(() => ({ dataTestId, view, fullHeight }), [view, dataTestId, fullHeight]);
-    const renderChildrenWithFullHeight = () => {
-        const renderCloned = (child, extraClassName) => React.cloneElement(child, {
-            ...child.props,
-            className: cn(child.props.className, extraClassName),
-        });
-        const childrenArray = React.Children.toArray(children);
-        const childrenCount = childrenArray.length;
-        return childrenArray.map((child, idx) => {
-            const isFirstElement = idx === 0;
-            const isLastElement = idx + 1 === childrenCount;
-            if (isFirstElement && isValidElement(child)) {
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsShared = require('../../shared/cssm');
+var Context = require('./Context.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 isControlsElement = function (obj) {
+    return typeof obj === 'object' && obj.type.displayName === 'Controls';
+};
+var DEFAULT_DESKTOP_PADDING = { left: 40, right: 40, bottom: 24 };
+var DEFAULT_MOBILE_PADDING = undefined;
+var SystemMessage = function (_a) {
+    var _b;
+    var view = _a.view, dataTestId = _a.dataTestId, children = _a.children, fullHeight = _a.fullHeight, paddingProp = _a.padding, className = _a.className;
+    var contextValue = React.useMemo(function () { return ({ dataTestId: dataTestId, view: view, fullHeight: fullHeight }); }, [view, dataTestId, fullHeight]);
+    var renderChildrenWithFullHeight = function () {
+        var renderCloned = function (child, extraClassName) {
+            return React__default.default.cloneElement(child, tslib.__assign(tslib.__assign({}, child.props), { className: cn__default.default(child.props.className, extraClassName) }));
+        };
+        var childrenArray = React__default.default.Children.toArray(children);
+        var childrenCount = childrenArray.length;
+        return childrenArray.map(function (child, idx) {
+            var isFirstElement = idx === 0;
+            var isLastElement = idx + 1 === childrenCount;
+            if (isFirstElement && React.isValidElement(child)) {
                 if (isLastElement) {
-                    return renderCloned(child, styles.both);
+                    return renderCloned(child, styles__default.default.both);
                 }
-                return renderCloned(child, styles.first);
+                return renderCloned(child, styles__default.default.first);
             }
-            if (isLastElement && isValidElement(child)) {
-                return renderCloned(child, isControlsElement(child) ? styles.controls : styles.last);
+            if (isLastElement && React.isValidElement(child)) {
+                return renderCloned(child, isControlsElement(child) ? styles__default.default.controls : styles__default.default.last);
             }
             return child;
         });
     };
-    const padding = paddingProp ?? (view === 'desktop' ? DEFAULT_DESKTOP_PADDING : DEFAULT_MOBILE_PADDING);
-    return (React.createElement(SystemMessageContext.Provider, { value: contextValue },
-        React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, className, {
-                [styles.fullHeight]: fullHeight,
-            }), style: createPaddingStyle(padding) }, fullHeight ? renderChildrenWithFullHeight() : children)));
+    var padding = paddingProp !== null && paddingProp !== void 0 ? paddingProp : (view === 'desktop' ? DEFAULT_DESKTOP_PADDING : DEFAULT_MOBILE_PADDING);
+    return (React__default.default.createElement(Context.SystemMessageContext.Provider, { value: contextValue },
+        React__default.default.createElement("div", { "data-test-id": dataTestId, className: cn__default.default(styles__default.default.component, className, (_b = {},
+                _b[styles__default.default.fullHeight] = fullHeight,
+                _b)), style: coreComponentsShared.createPaddingStyle(padding) }, fullHeight ? renderChildrenWithFullHeight() : children)));
 };
 
-export { SystemMessage };
+exports.SystemMessage = SystemMessage;

package/system-message/cssm/Components.responsive.js

@@ -1,30 +1,23 @@
-import React from 'react';
-import { useMatchMedia } from '../../mq/cssm';
-import { isClient } from '../../shared/cssm';
-import { SystemMessage } from './Component.js';
-import { createCompound } from './utils.js';
-import 'classnames';
-import './Context.js';
-import './index.module.css';
-import './components/caption/Component.js';
-import './components/caption/index.module.css';
-import './components/controls/Component.js';
-import './components/controls/index.module.css';
-import './components/graphic/Component.js';
-import './components/graphic/index.module.css';
-import './components/subtitle/Component.js';
-import './components/subtitle/index.module.css';
-import './components/title/Component.js';
-import './components/title/desktop.module.css';
-import './components/title/index.module.css';
-import './components/title/mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const SystemMessageResponsiveComponent = ({ breakpoint = 1024, defaultMatchMediaValue, children, ...restProps }) => {
-    const query = `(min-width: ${breakpoint}px)`;
-    const getDefaultValue = () => (isClient() ? window.matchMedia(query).matches : false);
-    const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue ?? getDefaultValue);
-    return (React.createElement(SystemMessage, { ...restProps, view: isDesktop ? 'desktop' : 'mobile' }, children));
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/cssm');
+var Component = require('./Component.js');
+var utils = require('./utils.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var SystemMessageResponsiveComponent = function (_a) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
+    var query = "(min-width: ".concat(breakpoint, "px)");
+    var getDefaultValue = function () { return (coreComponentsShared.isClient() ? window.matchMedia(query).matches : false); };
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];
+    return (React__default.default.createElement(Component.SystemMessage, tslib.__assign({}, restProps, { view: isDesktop ? 'desktop' : 'mobile' }), children));
 };
-const SystemMessageResponsive = createCompound(SystemMessageResponsiveComponent);
+var SystemMessageResponsive = utils.createCompound(SystemMessageResponsiveComponent);
 
-export { SystemMessageResponsive };
+exports.SystemMessageResponsive = SystemMessageResponsive;

package/system-message/cssm/Context.js

@@ -1,7 +1,13 @@
-import React from 'react';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const SystemMessageContext = React.createContext({
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var SystemMessageContext = React__default.default.createContext({
     view: 'desktop',
 });
 
-export { SystemMessageContext };
+exports.SystemMessageContext = SystemMessageContext;