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

package/grid/cssm/Component.js

@@ -1,15 +1,11 @@
-import { Col } from './col/Component.js';
-import { Row } from './row/Component.js';
-import 'react';
-import 'classnames';
-import './utils/index.js';
-import './gutters.module.css';
-import './col/index.module.css';
-import './row/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Grid = {
-    Row,
-    Col,
+var col_Component = require('./col/Component.js');
+var row_Component = require('./row/Component.js');
+
+var Grid = {
+    Row: row_Component.Row,
+    Col: col_Component.Col,
 };
 
-export { Grid };
+exports.Grid = Grid;

package/grid/cssm/col/Component.js

@@ -1,12 +1,25 @@
-import React, { useMemo } from 'react';
-import cn from 'classnames';
-import { createClassNames } from '../utils/index.js';
-import guttersStyles from '../gutters.module.css';
-import styles from './index.module.css';
-
-const Col = ({ tag: Component = 'div', className, align, order, offset, width, children, dataTestId, }) => {
-    const classNames = useMemo(() => createClassNames({ order, offset, width }, styles), [order, offset, width]);
-    return (React.createElement(Component, { className: cn(guttersStyles.col, styles.component, align && styles[`align-${align}`], ...classNames, className), "data-test-id": dataTestId }, children));
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var utils_index = require('../utils/index.js');
+var guttersStyles = require('../gutters.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 cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var guttersStyles__default = /*#__PURE__*/_interopDefaultCompat(guttersStyles);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Col = function (_a) {
+    var _b = _a.tag, Component = _b === void 0 ? 'div' : _b, className = _a.className, align = _a.align, order = _a.order, offset = _a.offset, width = _a.width, children = _a.children, dataTestId = _a.dataTestId;
+    var classNames = React.useMemo(function () { return utils_index.createClassNames({ order: order, offset: offset, width: width }, styles__default.default); }, [order, offset, width]);
+    return (React__default.default.createElement(Component, { className: cn__default.default.apply(void 0, tslib.__spreadArray(tslib.__spreadArray([guttersStyles__default.default.col,
+            styles__default.default.component,
+            align && styles__default.default["align-".concat(align)]], classNames, false), [className], false)), "data-test-id": dataTestId }, children));
 };
 
-export { Col };
+exports.Col = Col;

package/grid/cssm/col/index.js

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

package/grid/cssm/index.js

@@ -1,9 +1,7 @@
-export { Grid } from './Component.js';
-import './col/Component.js';
-import 'react';
-import 'classnames';
-import './utils/index.js';
-import './gutters.module.css';
-import './col/index.module.css';
-import './row/Component.js';
-import './row/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Grid = Component.Grid;

package/grid/cssm/row/Component.js

@@ -1,19 +1,33 @@
-import React, { useMemo } from 'react';
-import cn from 'classnames';
-import { createClassNames } from '../utils/index.js';
-import guttersStyles from '../gutters.module.css';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Row = ({ tag: Component = 'div', className, gutter = {
-    mobile: {
-        s: 16,
-    },
-    desktop: {
-        m: 24,
-    },
-}, align, justify = 'between', children, dataTestId, }) => {
-    const classNames = useMemo(() => createClassNames({ gutter }, guttersStyles), [gutter]);
-    return (React.createElement(Component, { className: cn(guttersStyles.row, styles.component, align && styles[align], styles[justify], ...classNames, className), "data-test-id": dataTestId }, children));
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var utils_index = require('../utils/index.js');
+var guttersStyles = require('../gutters.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 cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var guttersStyles__default = /*#__PURE__*/_interopDefaultCompat(guttersStyles);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Row = function (_a) {
+    var _b = _a.tag, Component = _b === void 0 ? 'div' : _b, className = _a.className, _c = _a.gutter, gutter = _c === void 0 ? {
+        mobile: {
+            s: 16,
+        },
+        desktop: {
+            m: 24,
+        },
+    } : _c, align = _a.align, _d = _a.justify, justify = _d === void 0 ? 'between' : _d, children = _a.children, dataTestId = _a.dataTestId;
+    var classNames = React.useMemo(function () { return utils_index.createClassNames({ gutter: gutter }, guttersStyles__default.default); }, [gutter]);
+    return (React__default.default.createElement(Component, { className: cn__default.default.apply(void 0, tslib.__spreadArray(tslib.__spreadArray([guttersStyles__default.default.row,
+            styles__default.default.component,
+            align && styles__default.default[align],
+            styles__default.default[justify]], classNames, false), [className], false)), "data-test-id": dataTestId }, children));
 };
 
-export { Row };
+exports.Row = Row;

package/grid/cssm/row/index.js

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

package/grid/cssm/utils/index.js

@@ -1,35 +1,37 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 function createClassNames(props, styles) {
-    const classNames = [];
-    Object.keys(props).forEach((name) => {
-        const prop = props[name];
+    var classNames = [];
+    Object.keys(props).forEach(function (name) {
+        var prop = props[name];
         if (!prop) {
             return;
         }
         if (typeof prop !== 'object') {
-            classNames.push(styles[`${name}-${prop}`]);
+            classNames.push(styles["".concat(name, "-").concat(prop)]);
             return;
         }
-        Object.keys(prop).forEach((breakpoint) => {
+        Object.keys(prop).forEach(function (breakpoint) {
             if (prop[breakpoint] === null) {
                 return;
             }
             if (typeof prop[breakpoint] === 'object') {
-                const propBreakpointObject = prop[breakpoint];
-                Object.keys(propBreakpointObject).forEach((size) => {
-                    const value = propBreakpointObject[size];
+                var propBreakpointObject_1 = prop[breakpoint];
+                Object.keys(propBreakpointObject_1).forEach(function (size) {
+                    var value = propBreakpointObject_1[size];
                     if (value === null) {
                         return;
                     }
-                    classNames.push(styles[`${name}-${breakpoint}-${size}-${value}`]);
+                    classNames.push(styles["".concat(name, "-").concat(breakpoint, "-").concat(size, "-").concat(value)]);
                 });
             }
             else {
-                const value = prop[breakpoint];
-                classNames.push(styles[`${name}-${breakpoint}-${value}`]);
+                var value = prop[breakpoint];
+                classNames.push(styles["".concat(name, "-").concat(breakpoint, "-").concat(value)]);
             }
         });
     });
     return classNames;
 }
 
-export { createClassNames };
+exports.createClassNames = createClassNames;

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

@@ -1,9 +1,20 @@
-import React from 'react';
-import cn from 'classnames';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const HatchingProgressBar = React.forwardRef(({ className, value, hatchValue, view = 'positive', dataTestId }, ref) => (React.createElement("div", { role: 'progressbar', "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, className: cn(styles.container, className), "data-test-id": dataTestId, ref: ref },
-    React.createElement("div", { className: styles.hatch, style: { transform: `translateX(${hatchValue - 100}%)` } }),
-    React.createElement("div", { className: cn(styles.filled, styles[view]), style: { transform: `translateX(${value - 100}%)` } }))));
+var React = require('react');
+var cn = require('classnames');
+var styles = require('./index.module.css');
 
-export { HatchingProgressBar };
+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 HatchingProgressBar = React__default.default.forwardRef(function (_a, ref) {
+    var className = _a.className, value = _a.value, hatchValue = _a.hatchValue, _b = _a.view, view = _b === void 0 ? 'positive' : _b, dataTestId = _a.dataTestId;
+    return (React__default.default.createElement("div", { role: 'progressbar', "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, className: cn__default.default(styles__default.default.container, className), "data-test-id": dataTestId, ref: ref },
+        React__default.default.createElement("div", { className: styles__default.default.hatch, style: { transform: "translateX(".concat(hatchValue - 100, "%)") } }),
+        React__default.default.createElement("div", { className: cn__default.default(styles__default.default.filled, styles__default.default[view]), style: { transform: "translateX(".concat(value - 100, "%)") } })));
+});
+
+exports.HatchingProgressBar = HatchingProgressBar;

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

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

package/icon-button/cssm/Component.js

@@ -1,15 +1,26 @@
-import React, { forwardRef } from 'react';
-import cn from 'classnames';
-import { Button } from '../../button/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 cn = require('classnames');
+var coreComponentsButton = require('../../button/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 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 SIZE_TO_CLASSNAME_MAP = {
+var SIZE_TO_CLASSNAME_MAP = {
     xxs: 'size-24',
     xs: 'size-32',
     s: 'size-48',
@@ -19,9 +30,13 @@ const SIZE_TO_CLASSNAME_MAP = {
     48: 'size-48',
     56: 'size-56',
 };
-const IconButton = forwardRef(({ className, icon: Icon, view = 'primary', size = 48, colors = 'default', alignIcon = 'center', ...restProps }, ref) => (React.createElement(Button, { ...restProps, ref: ref, view: 'text', className: cn('cc-icon-button', className, colorStyles[colors][view], colorStyles[colors].component, {
-        [colorStyles[colors].loader]: restProps.loading,
-    }), size: 's' },
-    React.createElement("span", { className: cn(styles.iconWrapper, styles[SIZE_TO_CLASSNAME_MAP[size]], styles[alignIcon]) }, React.isValidElement(Icon) ? (React.cloneElement(Icon, { className: cn(styles.icon, Icon.props.className) })) : (React.createElement(Icon, { className: styles.icon }))))));
+var IconButton = React.forwardRef(function (_a, ref) {
+    var _b;
+    var className = _a.className, Icon = _a.icon, _c = _a.view, view = _c === void 0 ? 'primary' : _c, _d = _a.size, size = _d === void 0 ? 48 : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.alignIcon, alignIcon = _f === void 0 ? 'center' : _f, restProps = tslib.__rest(_a, ["className", "icon", "view", "size", "colors", "alignIcon"]);
+    return (React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, restProps, { ref: ref, view: 'text', className: cn__default.default('cc-icon-button', className, colorStyles[colors][view], colorStyles[colors].component, (_b = {},
+            _b[colorStyles[colors].loader] = restProps.loading,
+            _b)), size: 's' }),
+        React__default.default.createElement("span", { className: cn__default.default(styles__default.default.iconWrapper, styles__default.default[SIZE_TO_CLASSNAME_MAP[size]], styles__default.default[alignIcon]) }, React__default.default.isValidElement(Icon) ? (React__default.default.cloneElement(Icon, { className: cn__default.default(styles__default.default.icon, Icon.props.className) })) : (React__default.default.createElement(Icon, { className: styles__default.default.icon })))));
+});
 
-export { IconButton };
+exports.IconButton = IconButton;

package/icon-button/cssm/index.js

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

package/icon-view/cssm/circle/index.js

@@ -1,8 +1,7 @@
-export { Circle } from '../components/circle/component.js';
-import 'react';
-import '../components/base-shape/component.js';
-import 'classnames';
-import '@alfalab/hooks';
-import '../components/base-shape/utils.js';
-import '../components/base-shape/index.module.css';
-import '../components/circle/paths.js';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_circle_component = require('../components/circle/component.js');
+
+
+
+exports.Circle = components_circle_component.Circle;

package/icon-view/cssm/components/base-shape/component.js

@@ -1,73 +1,82 @@
-import React, { forwardRef, Fragment } from 'react';
-import cn from 'classnames';
-import { useImageLoadingState, useId } from '@alfalab/hooks';
-import { getPath } from './utils.js';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const BaseShape = forwardRef(({ size = 64, border = false, backgroundColor, imageUrl, backgroundIcon: Icon, className, shapeClassName, text, children, topAddons, bottomAddons, indicator, pathsMap, dataTestId, mainSize, iconContainerClassName, }, ref) => {
-    const [width, height] = typeof size === 'object' ? [size.width, size.height] : [size, size];
-    const imageLoadingState = useImageLoadingState({ src: imageUrl || '' });
-    const loadedUrl = imageLoadingState === 'loaded' ? imageUrl : undefined;
-    const imagePatternId = useId();
-    const svgPatternId = useId();
-    const hasTopAddons = Boolean(topAddons) && width > 32;
-    const hasBottomAddons = Boolean(bottomAddons) && width > 32;
-    const hasIndicator = Boolean(indicator) && width < 128;
-    return (React.createElement("div", { className: cn(styles.componentWrapper, styles[`size_${Math.max(width, height)}`], className), ref: ref, "data-test-id": dataTestId },
-        React.createElement("div", { className: styles.component, style: { width, height } },
-            React.createElement("svg", { width: width, height: height, viewBox: `0 0 ${width} ${height}`, xmlns: 'http://www.w3.org/2000/svg', focusable: false },
-                React.createElement("path", { className: cn(styles.bg, shapeClassName), style: {
+var React = require('react');
+var cn = require('classnames');
+var hooks = require('@alfalab/hooks');
+var components_baseShape_utils = require('./utils.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 BaseShape = React.forwardRef(function (_a, ref) {
+    var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, backgroundColor = _a.backgroundColor, imageUrl = _a.imageUrl, Icon = _a.backgroundIcon, className = _a.className, shapeClassName = _a.shapeClassName, text = _a.text, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, indicator = _a.indicator, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId, mainSize = _a.mainSize, iconContainerClassName = _a.iconContainerClassName;
+    var _d = typeof size === 'object' ? [size.width, size.height] : [size, size], width = _d[0], height = _d[1];
+    var imageLoadingState = hooks.useImageLoadingState({ src: imageUrl || '' });
+    var loadedUrl = imageLoadingState === 'loaded' ? imageUrl : undefined;
+    var imagePatternId = hooks.useId();
+    var svgPatternId = hooks.useId();
+    var hasTopAddons = Boolean(topAddons) && width > 32;
+    var hasBottomAddons = Boolean(bottomAddons) && width > 32;
+    var hasIndicator = Boolean(indicator) && width < 128;
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.componentWrapper, styles__default.default["size_".concat(Math.max(width, height))], className), ref: ref, "data-test-id": dataTestId },
+        React__default.default.createElement("div", { className: styles__default.default.component, style: { width: width, height: height } },
+            React__default.default.createElement("svg", { width: width, height: height, viewBox: "0 0 ".concat(width, " ").concat(height), xmlns: 'http://www.w3.org/2000/svg', focusable: false },
+                React__default.default.createElement("path", { className: cn__default.default(styles__default.default.bg, shapeClassName), style: {
                         fill: backgroundColor,
-                    }, d: getPath({
+                    }, d: components_baseShape_utils.getPath({
                         size: Math.max(width, height),
-                        hasTopAddons,
-                        hasBottomAddons,
-                        hasIndicator,
+                        hasTopAddons: hasTopAddons,
+                        hasBottomAddons: hasBottomAddons,
+                        hasIndicator: hasIndicator,
                         pathsMap: pathsMap.shape,
                     }) }),
-                loadedUrl && (React.createElement(Fragment, null,
-                    React.createElement("defs", null,
-                        React.createElement("pattern", { id: imagePatternId, width: '100%', height: '100%' },
-                            React.createElement("image", { href: loadedUrl, width: '100%', height: '100%', preserveAspectRatio: 'xMidYMid slice' }))),
-                    React.createElement("path", { style: {
-                            fill: `url(#${imagePatternId})`,
-                        }, d: getPath({
+                loadedUrl && (React__default.default.createElement(React.Fragment, null,
+                    React__default.default.createElement("defs", null,
+                        React__default.default.createElement("pattern", { id: imagePatternId, width: '100%', height: '100%' },
+                            React__default.default.createElement("image", { href: loadedUrl, width: '100%', height: '100%', preserveAspectRatio: 'xMidYMid slice' }))),
+                    React__default.default.createElement("path", { style: {
+                            fill: "url(#".concat(imagePatternId, ")"),
+                        }, d: components_baseShape_utils.getPath({
                             size: Math.max(width, height),
-                            hasTopAddons,
-                            hasBottomAddons,
-                            hasIndicator,
+                            hasTopAddons: hasTopAddons,
+                            hasBottomAddons: hasBottomAddons,
+                            hasIndicator: hasIndicator,
                             pathsMap: pathsMap.shape,
                         }) }))),
-                Icon && (React.createElement(Fragment, null,
-                    React.createElement("defs", null,
-                        React.createElement("pattern", { id: svgPatternId, width: '100%', height: '100%' },
-                            React.createElement(Icon, { width: width, height: height }))),
-                    React.createElement("path", { style: {
-                            fill: `url(#${svgPatternId})`,
-                        }, d: getPath({
+                Icon && (React__default.default.createElement(React.Fragment, null,
+                    React__default.default.createElement("defs", null,
+                        React__default.default.createElement("pattern", { id: svgPatternId, width: '100%', height: '100%' },
+                            React__default.default.createElement(Icon, { width: width, height: height }))),
+                    React__default.default.createElement("path", { style: {
+                            fill: "url(#".concat(svgPatternId, ")"),
+                        }, d: components_baseShape_utils.getPath({
                             size: Math.max(width, height),
-                            hasTopAddons,
-                            hasBottomAddons,
-                            hasIndicator,
+                            hasTopAddons: hasTopAddons,
+                            hasBottomAddons: hasBottomAddons,
+                            hasIndicator: hasIndicator,
                             pathsMap: pathsMap.shape,
                         }) }))),
-                border && (React.createElement("path", { className: styles.border, style: typeof border === 'object'
+                border && (React__default.default.createElement("path", { className: styles__default.default.border, style: typeof border === 'object'
                         ? {
                             stroke: border.color,
                             strokeWidth: border.width,
                         }
-                        : undefined, d: getPath({
+                        : undefined, d: components_baseShape_utils.getPath({
                         size: Math.max(width, height),
-                        hasTopAddons,
-                        hasBottomAddons,
-                        hasIndicator,
+                        hasTopAddons: hasTopAddons,
+                        hasBottomAddons: hasBottomAddons,
+                        hasIndicator: hasIndicator,
                         pathsMap: pathsMap.border,
                     }) }))),
-            text && React.createElement("div", { className: styles.text }, text),
-            children && (React.createElement("div", { className: cn(styles.children, styles[`size-${mainSize}`], iconContainerClassName) }, children))),
-        hasTopAddons && (React.createElement("div", { className: cn(styles.addons, styles.topAddons) }, topAddons)),
-        hasBottomAddons && (React.createElement("div", { className: cn(styles.addons, styles.bottomAddons) }, bottomAddons)),
-        hasIndicator && !hasTopAddons && (React.createElement("div", { className: cn(styles.addons, styles.indicator) }, indicator))));
+            text && React__default.default.createElement("div", { className: styles__default.default.text }, text),
+            children && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.children, styles__default.default["size-".concat(mainSize)], iconContainerClassName) }, children))),
+        hasTopAddons && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.addons, styles__default.default.topAddons) }, topAddons)),
+        hasBottomAddons && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.addons, styles__default.default.bottomAddons) }, bottomAddons)),
+        hasIndicator && !hasTopAddons && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.addons, styles__default.default.indicator) }, indicator))));
 });
 
-export { BaseShape };
+exports.BaseShape = BaseShape;

package/icon-view/cssm/components/base-shape/index.js

@@ -1,6 +1,7 @@
-export { BaseShape } from './component.js';
-import 'react';
-import 'classnames';
-import '@alfalab/hooks';
-import './utils.js';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_baseShape_component = require('./component.js');
+
+
+
+exports.BaseShape = components_baseShape_component.BaseShape;

package/icon-view/cssm/components/base-shape/utils.js

@@ -1,4 +1,7 @@
-const getPath = ({ size, hasTopAddons, hasBottomAddons, hasIndicator, pathsMap, }) => {
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getPath = function (_a) {
+    var size = _a.size, hasTopAddons = _a.hasTopAddons, hasBottomAddons = _a.hasBottomAddons, hasIndicator = _a.hasIndicator, pathsMap = _a.pathsMap;
     if (hasBottomAddons && hasTopAddons) {
         return pathsMap[size].topBottom || '';
     }
@@ -17,4 +20,4 @@ const getPath = ({ size, hasTopAddons, hasBottomAddons, hasIndicator, pathsMap,
     return pathsMap[size].none;
 };
 
-export { getPath };
+exports.getPath = getPath;

package/icon-view/cssm/components/circle/component.js

@@ -1,11 +1,14 @@
-import React, { forwardRef } from 'react';
-import { BaseShape } from '../base-shape/component.js';
-import { pathsMap } from './paths.js';
-import 'classnames';
-import '@alfalab/hooks';
-import '../base-shape/utils.js';
-import '../base-shape/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Circle = forwardRef((props, ref) => (React.createElement(BaseShape, { ...props, pathsMap: pathsMap, ref: ref })));
+var tslib = require('tslib');
+var React = require('react');
+var components_baseShape_component = require('../base-shape/component.js');
+var components_circle_paths = require('./paths.js');
 
-export { Circle };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var Circle = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseShape_component.BaseShape, tslib.__assign({}, props, { pathsMap: components_circle_paths.pathsMap, ref: ref }))); });
+
+exports.Circle = Circle;

package/icon-view/cssm/components/circle/index.js

@@ -1,8 +1,7 @@
-export { Circle } from './component.js';
-import 'react';
-import '../base-shape/component.js';
-import 'classnames';
-import '@alfalab/hooks';
-import '../base-shape/utils.js';
-import '../base-shape/index.module.css';
-import './paths.js';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_circle_component = require('./component.js');
+
+
+
+exports.Circle = components_circle_component.Circle;

package/icon-view/cssm/components/circle/paths.js

@@ -1,4 +1,6 @@
-const borderPaths = {
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var borderPaths = {
     16: {
         none: 'M15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5C12.1421 0.5 15.5 3.85786 15.5 8Z',
         indicator: 'M8 0.5C8.90848 0.5 9.77826 0.661305 10.583 0.956496C10.9814 3.22779 12.7722 5.01859 15.0435 5.41704C15.3387 6.22174 15.5 7.09152 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5Z',
@@ -62,7 +64,7 @@ const borderPaths = {
         top: 'M91.5082 11.3607L92.008 11.3735L91.5082 11.3607C91.5027 11.5732 91.5 11.7863 91.5 12C91.5 25.531 102.469 36.5 116 36.5C116.214 36.5 116.427 36.4973 116.639 36.4918C119.271 36.4244 121.817 37.5875 122.759 39.8805C125.815 47.3165 127.5 55.4608 127.5 64C127.5 99.0701 99.0701 127.5 64 127.5C28.9299 127.5 0.5 99.0701 0.5 64C0.5 28.9299 28.9299 0.5 64 0.5C72.5392 0.5 80.6835 2.18526 88.1195 5.24085C90.4125 6.18309 91.5756 8.72885 91.5082 11.3607Z',
     },
 };
-const shapePaths = {
+var shapePaths = {
     16: {
         none: 'M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8Z',
         indicator: 'M11.0351 0.595837C10.0992 0.211767 9.07433 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 6.92567 15.7882 5.90081 15.4042 4.96487C13.119 4.69352 11.3065 2.881 11.0351 0.595837Z',
@@ -126,9 +128,10 @@ const shapePaths = {
         none: 'M128 64C128 99.3462 99.3462 128 64 128C28.6538 128 0 99.3462 0 64C0 28.6538 28.6538 0 64 0C99.3462 0 128 28.6538 128 64Z',
     },
 };
-const pathsMap = {
+var pathsMap = {
     shape: shapePaths,
     border: borderPaths,
 };
 
-export { borderPaths, pathsMap };
+exports.borderPaths = borderPaths;
+exports.pathsMap = pathsMap;