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

package/sortable-list/cssm/utils.js

@@ -1,15 +1,17 @@
-import { getDataTestId } from '../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const restrictToParentElement = ({ containerNodeRect, draggingNodeRect, transform, }) => {
+var tslib = require('tslib');
+var coreComponentsShared = require('../../shared/cssm');
+
+var restrictToParentElement = function (_a) {
+    var containerNodeRect = _a.containerNodeRect, draggingNodeRect = _a.draggingNodeRect, transform = _a.transform;
     if (!draggingNodeRect || !containerNodeRect) {
         return transform;
     }
     return restrictToBoundingRect(transform, draggingNodeRect, containerNodeRect);
 };
 function restrictToBoundingRect(transform, rect, boundingRect) {
-    const value = {
-        ...transform,
-    };
+    var value = tslib.__assign({}, transform);
     if (rect.top + transform.y <= boundingRect.top) {
         value.y = boundingRect.top - rect.top;
     }
@@ -24,15 +26,18 @@ function restrictToBoundingRect(transform, rect, boundingRect) {
     }
     return value;
 }
-const restrictToVerticalAxis = ({ transform }) => ({
-    ...transform,
-    x: 0,
-});
+var restrictToVerticalAxis = function (_a) {
+    var transform = _a.transform;
+    return (tslib.__assign(tslib.__assign({}, transform), { x: 0 }));
+};
 function getSortableListTestIds(dataTestId, index) {
     return {
-        sortableList: getDataTestId(dataTestId, 'container'),
-        item: getDataTestId(dataTestId, `item_${index}`),
+        sortableList: coreComponentsShared.getDataTestId(dataTestId, 'container'),
+        item: coreComponentsShared.getDataTestId(dataTestId, "item_".concat(index)),
     };
 }
 
-export { getSortableListTestIds, restrictToBoundingRect, restrictToParentElement, restrictToVerticalAxis };
+exports.getSortableListTestIds = getSortableListTestIds;
+exports.restrictToBoundingRect = restrictToBoundingRect;
+exports.restrictToParentElement = restrictToParentElement;
+exports.restrictToVerticalAxis = restrictToVerticalAxis;

package/space/cssm/Component.js

@@ -1,47 +1,58 @@
-import React__default, { forwardRef, Children } from 'react';
-import cn from 'classnames';
-import Item from './Item.js';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const SpaceSizes = {
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var Item = require('./Item.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 SpaceSizes = {
     s: 12,
     m: 16,
     l: 20,
 };
-const getNumberSize = (size) => (typeof size === 'string' ? SpaceSizes[size] : size || 0);
+var getNumberSize = function (size) { return (typeof size === 'string' ? SpaceSizes[size] : size || 0); };
 /**
  * Позаимствовано с благодарностью из Ant Design
  */
-const Space = forwardRef((props, ref) => {
-    const { children, className, align = 'start', direction = 'vertical', size = 'm', wrap = false, divider = false, fullWidth = false, dataTestId, useCssGaps = false, } = props;
-    const [horizontalSize, verticalSize] = React__default.useMemo(() => (Array.isArray(size) ? size : [size, size]).map((item) => getNumberSize(item)), [size]);
-    const childNodes = Children.toArray(children);
+var Space = React.forwardRef(function (props, ref) {
+    var _a, _b, _c;
+    var children = props.children, className = props.className, _d = props.align, align = _d === void 0 ? 'start' : _d, _e = props.direction, direction = _e === void 0 ? 'vertical' : _e, _f = props.size, size = _f === void 0 ? 'm' : _f, _g = props.wrap, wrap = _g === void 0 ? false : _g, _h = props.divider, divider = _h === void 0 ? false : _h, _j = props.fullWidth, fullWidth = _j === void 0 ? false : _j, dataTestId = props.dataTestId, _k = props.useCssGaps, useCssGaps = _k === void 0 ? false : _k;
+    var _l = React__default.default.useMemo(function () {
+        return (Array.isArray(size) ? size : [size, size]).map(function (item) {
+            return getNumberSize(item);
+        });
+    }, [size]), horizontalSize = _l[0], verticalSize = _l[1];
+    var childNodes = React.Children.toArray(children);
     if (childNodes.length === 0) {
         return null;
     }
-    const directionClassName = styles[direction];
-    const alignClassName = styles[align];
-    const containerClassName = cn(styles.spaceContainer, directionClassName, {
-        [alignClassName]: align,
-        [styles.spaceContainerFullWidth]: fullWidth,
-    }, className);
-    const itemClassName = cn(styles.spaceItem, {
-        [styles.spaceItemFullWidth]: fullWidth,
-    });
-    const nodes = childNodes.map((child, i) => (
+    var directionClassName = styles__default.default[direction];
+    var alignClassName = styles__default.default[align];
+    var containerClassName = cn__default.default(styles__default.default.spaceContainer, directionClassName, (_a = {},
+        _a[alignClassName] = align,
+        _a[styles__default.default.spaceContainerFullWidth] = fullWidth,
+        _a), className);
+    var itemClassName = cn__default.default(styles__default.default.spaceItem, (_b = {},
+        _b[styles__default.default.spaceItemFullWidth] = fullWidth,
+        _b));
+    var nodes = childNodes.map(function (child, i) { return (
     /* eslint-disable react/no-array-index-key */
-    React__default.createElement(Item, { className: itemClassName, dividerClassName: styles.divider, key: `${itemClassName}-${i}`, direction: direction, horizontalSize: horizontalSize, verticalSize: verticalSize, length: childNodes.length, index: i, wrap: wrap, divider: divider, useCssGaps: useCssGaps }, child)
+    React__default.default.createElement(Item, { className: itemClassName, dividerClassName: styles__default.default.divider, key: "".concat(itemClassName, "-").concat(i), direction: direction, horizontalSize: horizontalSize, verticalSize: verticalSize, length: childNodes.length, index: i, wrap: wrap, divider: divider, useCssGaps: useCssGaps }, child)
     /* eslint-enable */
-    ));
-    return (React__default.createElement("div", { "data-test-id": dataTestId, className: cn(containerClassName, {
-            [styles.wrap]: useCssGaps && wrap,
-        }), style: {
-            ...(useCssGaps && {
-                columnGap: horizontalSize / (divider ? 2 : 1),
-                rowGap: verticalSize / (divider ? 2 : 1),
-            }),
-            ...(wrap && !useCssGaps && { flexWrap: 'wrap', marginBottom: -verticalSize }),
-        }, ref: ref }, nodes));
+    ); });
+    return (React__default.default.createElement("div", { "data-test-id": dataTestId, className: cn__default.default(containerClassName, (_c = {},
+            _c[styles__default.default.wrap] = useCssGaps && wrap,
+            _c)), style: tslib.__assign(tslib.__assign({}, (useCssGaps && {
+            columnGap: horizontalSize / (divider ? 2 : 1),
+            rowGap: verticalSize / (divider ? 2 : 1),
+        })), (wrap && !useCssGaps && { flexWrap: 'wrap', marginBottom: -verticalSize })), ref: ref }, nodes));
 });
 
-export { Space };
+exports.Space = Space;

package/space/cssm/Item.js

@@ -1,8 +1,29 @@
-import * as React from 'react';
+var tslib = require('tslib');
+var React = require('react');
 
-const Item = (props) => {
-    const { className, dividerClassName, horizontalSize, verticalSize, length, direction, index, children, divider, wrap, useCssGaps, } = props;
-    let style;
+function _interopNamespaceCompat(e) {
+    if (e && typeof e === 'object' && 'default' in e) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+
+var Item = function (props) {
+    var className = props.className, dividerClassName = props.dividerClassName, horizontalSize = props.horizontalSize, verticalSize = props.verticalSize, length = props.length, direction = props.direction, index = props.index, children = props.children, divider = props.divider, wrap = props.wrap, useCssGaps = props.useCssGaps;
+    var style;
     if (!useCssGaps) {
         if (direction === 'vertical') {
             if (index < length - 1) {
@@ -10,18 +31,15 @@ const Item = (props) => {
             }
         }
         else {
-            style = {
-                ...(index < length - 1 && { marginRight: horizontalSize / (divider ? 2 : 1) }),
-                ...(wrap && { paddingBottom: verticalSize }),
-            };
+            style = tslib.__assign(tslib.__assign({}, (index < length - 1 && { marginRight: horizontalSize / (divider ? 2 : 1) })), (wrap && { paddingBottom: verticalSize }));
         }
     }
     if (children === null || children === undefined) {
         return null;
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: className, style: style }, children),
-        index < length - 1 && divider && (React.createElement("span", { className: dividerClassName, style: style }, divider))));
+    return (React__namespace.createElement(React__namespace.Fragment, null,
+        React__namespace.createElement("div", { className: className, style: style }, children),
+        index < length - 1 && divider && (React__namespace.createElement("span", { className: dividerClassName, style: style }, divider))));
 };
 
-export { Item as default };
+module.exports = Item;

package/space/cssm/index.js

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

package/space/cssm/utils.js

@@ -1,9 +1,15 @@
-import React__default from 'react';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const SpaceContext = React__default.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 SpaceContext = React__default.default.createContext({
     length: 0,
     horizontalSize: 0,
     verticalSize: 0,
 });
 
-export { SpaceContext };
+exports.SpaceContext = SpaceContext;

package/spinner/cssm/Component.js

@@ -1,15 +1,25 @@
-import React from 'react';
-import cn from 'classnames';
-import { useId } from '@alfalab/hooks';
-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 hooks = require('@alfalab/hooks');
+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 CONFIG = {
+var CONFIG = {
     xs: {
         padding: 1,
         lineWidth: 2,
@@ -41,7 +51,7 @@ const CONFIG = {
         size: 48,
     },
 };
-const SIZE_TO_CLASSNAME_MAP = {
+var SIZE_TO_CLASSNAME_MAP = {
     xs: 'size-16',
     s: 'size-24',
     m: 'size-48',
@@ -49,29 +59,32 @@ const SIZE_TO_CLASSNAME_MAP = {
     24: 'size-24',
     48: 'size-48',
 };
-const Spinner = ({ size: sizeProp = 24, colors = 'default', visible, id, className, dataTestId, }) => {
-    const uniqId = useId();
-    const { size, padding, lineWidth } = CONFIG[sizeProp];
-    const xStart = padding + lineWidth / 2;
-    const xEnd = size - xStart;
-    const y = size / 2;
-    const r = y - xStart;
-    const topGradientId = `${uniqId}_top`;
-    const bottomGradientId = `${uniqId}_bottom`;
-    return (React.createElement("svg", { viewBox: `0 0 ${size} ${size}`, fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: cn(styles.spinner, colorStyles[colors].component, styles[SIZE_TO_CLASSNAME_MAP[sizeProp]], className, {
-            [styles.visible]: visible,
-        }), "data-test-id": dataTestId, id: id },
-        React.createElement("defs", null,
-            React.createElement("linearGradient", { id: topGradientId, x1: '0.05' },
-                React.createElement("stop", { offset: '0.1', stopOpacity: '0', stopColor: 'currentColor' }),
-                React.createElement("stop", { offset: '1', stopOpacity: '0.3', stopColor: 'currentColor' })),
-            React.createElement("linearGradient", { id: bottomGradientId, x1: '0.05' },
-                React.createElement("stop", { offset: '0', stopOpacity: '1', stopColor: 'currentColor' }),
-                React.createElement("stop", { offset: '1', stopOpacity: '0.3', stopColor: 'currentColor' }))),
-        React.createElement("g", { strokeWidth: lineWidth },
-            React.createElement("path", { stroke: `url(#${topGradientId})`, d: `M${xStart},${y} A${r},${r} 0 0 1 ${xEnd},${y}` }),
-            React.createElement("path", { stroke: `url(#${bottomGradientId})`, d: `M${xEnd},${y} A${r},${r} 0 0 1 ${xStart},${y}` }),
-            React.createElement("path", { stroke: 'currentColor', strokeLinecap: 'round', d: `M${xStart},${y} A${r},${r} 0 0 1 ${xStart} ${y}` }))));
+var Spinner = function (_a) {
+    var _b;
+    var _c = _a.size, sizeProp = _c === void 0 ? 24 : _c, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, visible = _a.visible, id = _a.id, className = _a.className, dataTestId = _a.dataTestId;
+    var uniqId = hooks.useId();
+    var _e = CONFIG[sizeProp], size = _e.size, padding = _e.padding, lineWidth = _e.lineWidth;
+    var xStart = padding + lineWidth / 2;
+    var xEnd = size - xStart;
+    var y = size / 2;
+    var r = y - xStart;
+    var topGradientId = "".concat(uniqId, "_top");
+    var bottomGradientId = "".concat(uniqId, "_bottom");
+    return (React__default.default.createElement("svg", { viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: cn__default.default(styles__default.default.spinner, colorStyles[colors].component, styles__default.default[SIZE_TO_CLASSNAME_MAP[sizeProp]], className, (_b = {},
+            _b[styles__default.default.visible] = visible,
+            _b)), "data-test-id": dataTestId, id: id },
+        React__default.default.createElement("defs", null,
+            React__default.default.createElement("linearGradient", { id: topGradientId, x1: '0.05' },
+                React__default.default.createElement("stop", { offset: '0.1', stopOpacity: '0', stopColor: 'currentColor' }),
+                React__default.default.createElement("stop", { offset: '1', stopOpacity: '0.3', stopColor: 'currentColor' })),
+            React__default.default.createElement("linearGradient", { id: bottomGradientId, x1: '0.05' },
+                React__default.default.createElement("stop", { offset: '0', stopOpacity: '1', stopColor: 'currentColor' }),
+                React__default.default.createElement("stop", { offset: '1', stopOpacity: '0.3', stopColor: 'currentColor' }))),
+        React__default.default.createElement("g", { strokeWidth: lineWidth },
+            React__default.default.createElement("path", { stroke: "url(#".concat(topGradientId, ")"), d: "M".concat(xStart, ",").concat(y, " A").concat(r, ",").concat(r, " 0 0 1 ").concat(xEnd, ",").concat(y) }),
+            React__default.default.createElement("path", { stroke: "url(#".concat(bottomGradientId, ")"), d: "M".concat(xEnd, ",").concat(y, " A").concat(r, ",").concat(r, " 0 0 1 ").concat(xStart, ",").concat(y) }),
+            React__default.default.createElement("path", { stroke: 'currentColor', strokeLinecap: 'round', d: "M".concat(xStart, ",").concat(y, " A").concat(r, ",").concat(r, " 0 0 1 ").concat(xStart, " ").concat(y) }))));
 };
 
-export { SIZE_TO_CLASSNAME_MAP, Spinner };
+exports.SIZE_TO_CLASSNAME_MAP = SIZE_TO_CLASSNAME_MAP;
+exports.Spinner = Spinner;

package/spinner/cssm/index.js

@@ -1,7 +1,8 @@
-export { SIZE_TO_CLASSNAME_MAP, Spinner } from './Component.js';
-import 'react';
-import 'classnames';
-import '@alfalab/hooks';
-import './default.module.css';
-import './index.module.css';
-import './inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.SIZE_TO_CLASSNAME_MAP = Component.SIZE_TO_CLASSNAME_MAP;
+exports.Spinner = Component.Spinner;

package/stack/cssm/component.js

@@ -1,11 +1,18 @@
-import React, { useContext } from 'react';
-import { StackingContext, stackingOrder } from './context.js';
-
-const Stack = ({ children, value = stackingOrder.DEFAULT }) => {
-    const previousValue = useContext(StackingContext);
-    const currentValue = Math.max(value, previousValue);
-    const nextValue = currentValue + 1;
-    return (React.createElement(StackingContext.Provider, { value: nextValue }, children(currentValue)));
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var context = require('./context.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var Stack = function (_a) {
+    var children = _a.children, _b = _a.value, value = _b === void 0 ? context.stackingOrder.DEFAULT : _b;
+    var previousValue = React.useContext(context.StackingContext);
+    var currentValue = Math.max(value, previousValue);
+    var nextValue = currentValue + 1;
+    return (React__default.default.createElement(context.StackingContext.Provider, { value: nextValue }, children(currentValue)));
 };
 
-export { Stack };
+exports.Stack = Stack;

package/stack/cssm/context.js

@@ -1,10 +1,12 @@
-import { createContext } from 'react';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
 
 /**
  * Набор констант для z-index соответствующих классов компонентов.
  * Значения выбраны по приоритету.
  */
-const stackingOrder = {
+var stackingOrder = {
     /**
      * Для компонентов с возможностью фокуса: кнопки, поля ввода
      */
@@ -26,6 +28,7 @@ const stackingOrder = {
      */
     TOAST: 1000,
 };
-const StackingContext = createContext(stackingOrder.DEFAULT);
+var StackingContext = React.createContext(stackingOrder.DEFAULT);
 
-export { StackingContext, stackingOrder };
+exports.StackingContext = StackingContext;
+exports.stackingOrder = stackingOrder;

package/stack/cssm/index.js

@@ -1,3 +1,10 @@
-export { StackingContext, stackingOrder } from './context.js';
-export { Stack } from './component.js';
-import 'react';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var context = require('./context.js');
+var component = require('./component.js');
+
+
+
+exports.StackingContext = context.StackingContext;
+exports.stackingOrder = context.stackingOrder;
+exports.Stack = component.Stack;

package/status/cssm/Component.js

@@ -1,8 +1,20 @@
-import React from 'react';
-import cn from 'classnames';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
-const Status = ({ className, view = 'soft', color = 'green', children, dataTestId, }) => (React.createElement("span", { className: cn(styles.component, styles[color], styles[view], className), "data-test-id": dataTestId }, children));
+var React = require('react');
+var cn = require('classnames');
+var styles = require('./index.module.css');
 
-export { Status, colors };
+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 colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
+var Status = function (_a) {
+    var className = _a.className, _b = _a.view, view = _b === void 0 ? 'soft' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
+    return (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.component, styles__default.default[color], styles__default.default[view], className), "data-test-id": dataTestId }, children));
+};
+
+exports.Status = Status;
+exports.colors = colors;

package/status/cssm/index.js

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