@alfalab/core-components 45.6.0-beta.1 → 45.6.0-beta.2

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

@@ -1,20 +1,11 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React from 'react';
+import cn from 'classnames';
 
-var React = require('react');
-var cn = require('classnames');
-var styles = require('./index.module.css');
+const styles = {"container":"container","hatch":"hatch","filled":"filled","positive":"positive","attention":"attention","negative":"negative","link":"link","tertiary":"tertiary","secondary":"secondary","primary":"primary","accent":"accent"};
+require('./index.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+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__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;
+export { HatchingProgressBar };

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

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

package/icon-button/cssm/Component.js

@@ -1,26 +1,21 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import cn from 'classnames';
+import { Button } from '../../button/cssm';
 
-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');
+const defaultColors = {"primary":"primary","secondary":"secondary","transparent":"transparent","negative":"negative","tertiary":"tertiary","component":"component","loader":"loader"};
+require('./default.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+const styles = {"size-24":"size-24","size-32":"size-32","size-40":"size-40","size-48":"size-48","size-56":"size-56","iconWrapper":"iconWrapper","center":"center","left":"left","right":"right","icon":"icon"};
+require('./index.css');
 
-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);
+const invertedColors = {"primary":"primary","secondary":"secondary","transparent":"transparent","negative":"negative","tertiary":"tertiary","component":"component","loader":"loader"};
+require('./inverted.css');
 
-var colorStyles = {
-    default: defaultColors__default.default,
-    inverted: invertedColors__default.default,
+const colorStyles = {
+    default: defaultColors,
+    inverted: invertedColors,
 };
-var SIZE_TO_CLASSNAME_MAP = {
+const SIZE_TO_CLASSNAME_MAP = {
     xxs: 'size-24',
     xs: 'size-32',
     s: 'size-48',
@@ -30,13 +25,9 @@ var SIZE_TO_CLASSNAME_MAP = {
     48: 'size-48',
     56: 'size-56',
 };
-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 })))));
-});
+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 }))))));
 
-exports.IconButton = IconButton;
+export { IconButton };

package/icon-button/cssm/index.js

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

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

@@ -1,7 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_circle_component = require('../components/circle/component.js');
-
-
-
-exports.Circle = components_circle_component.Circle;
+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/circle/paths.js';

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

@@ -1,82 +1,75 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef, Fragment } from 'react';
+import cn from 'classnames';
+import { useImageLoadingState, useId } from '@alfalab/hooks';
+import { getPath } from './utils.js';
 
-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');
+const styles = {"componentWrapper":"componentWrapper","component":"component","bg":"bg","border":"border","text":"text","children":"children","addons":"addons","size_128":"size_128","topAddons":"topAddons","bottomAddons":"bottomAddons","size_80":"size_80","indicator":"indicator","size_64":"size_64","size_56":"size_56","size_48":"size_48","size_40":"size_40","size_32":"size_32","size_24":"size_24","size_20":"size_20","size_16":"size_16","size-16":"size-16","size-20":"size-20","size-24":"size-24","size-32":"size-32","size-40":"size-40","size-48":"size-48","size-56":"size-56","size-64":"size-64","size-80":"size-80","size-128":"size-128"};
+require('./index.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: {
+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: {
                         fill: backgroundColor,
-                    }, d: components_baseShape_utils.getPath({
+                    }, d: getPath({
                         size: Math.max(width, height),
-                        hasTopAddons: hasTopAddons,
-                        hasBottomAddons: hasBottomAddons,
-                        hasIndicator: hasIndicator,
+                        hasTopAddons,
+                        hasBottomAddons,
+                        hasIndicator,
                         pathsMap: pathsMap.shape,
                     }) }),
-                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({
+                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({
                             size: Math.max(width, height),
-                            hasTopAddons: hasTopAddons,
-                            hasBottomAddons: hasBottomAddons,
-                            hasIndicator: hasIndicator,
+                            hasTopAddons,
+                            hasBottomAddons,
+                            hasIndicator,
                             pathsMap: pathsMap.shape,
                         }) }))),
-                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({
+                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({
                             size: Math.max(width, height),
-                            hasTopAddons: hasTopAddons,
-                            hasBottomAddons: hasBottomAddons,
-                            hasIndicator: hasIndicator,
+                            hasTopAddons,
+                            hasBottomAddons,
+                            hasIndicator,
                             pathsMap: pathsMap.shape,
                         }) }))),
-                border && (React__default.default.createElement("path", { className: styles__default.default.border, style: typeof border === 'object'
+                border && (React.createElement("path", { className: styles.border, style: typeof border === 'object'
                         ? {
                             stroke: border.color,
                             strokeWidth: border.width,
                         }
-                        : undefined, d: components_baseShape_utils.getPath({
+                        : undefined, d: getPath({
                         size: Math.max(width, height),
-                        hasTopAddons: hasTopAddons,
-                        hasBottomAddons: hasBottomAddons,
-                        hasIndicator: hasIndicator,
+                        hasTopAddons,
+                        hasBottomAddons,
+                        hasIndicator,
                         pathsMap: pathsMap.border,
                     }) }))),
-            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))));
+            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))));
 });
 
-exports.BaseShape = BaseShape;
+export { BaseShape };

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

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

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

@@ -1,7 +1,4 @@
-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;
+const getPath = ({ size, hasTopAddons, hasBottomAddons, hasIndicator, pathsMap, }) => {
     if (hasBottomAddons && hasTopAddons) {
         return pathsMap[size].topBottom || '';
     }
@@ -20,4 +17,4 @@ var getPath = function (_a) {
     return pathsMap[size].none;
 };
 
-exports.getPath = getPath;
+export { getPath };

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

@@ -1,14 +1,10 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+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';
 
-var tslib = require('tslib');
-var React = require('react');
-var components_baseShape_component = require('../base-shape/component.js');
-var components_circle_paths = require('./paths.js');
+const Circle = forwardRef((props, ref) => (React.createElement(BaseShape, { ...props, pathsMap: pathsMap, ref: ref })));
 
-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;
+export { Circle };

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

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

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

@@ -1,6 +1,4 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var borderPaths = {
+const 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',
@@ -64,7 +62,7 @@ var 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',
     },
 };
-var shapePaths = {
+const 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',
@@ -128,10 +126,9 @@ var 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',
     },
 };
-var pathsMap = {
+const pathsMap = {
     shape: shapePaths,
     border: borderPaths,
 };
 
-exports.borderPaths = borderPaths;
-exports.pathsMap = pathsMap;
+export { borderPaths, pathsMap };

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

@@ -1,15 +1,13 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_superEllipse_component = require('./super-ellipse/component.js');
-var components_circle_component = require('./circle/component.js');
-var components_rectangle_component = require('./rectangle/component.js');
-var components_noShape_component = require('./no-shape/component.js');
-var components_baseShape_component = require('./base-shape/component.js');
-
-
-
-exports.SuperEllipse = components_superEllipse_component.SuperEllipse;
-exports.Circle = components_circle_component.Circle;
-exports.Rectangle = components_rectangle_component.Rectangle;
-exports.NoShape = components_noShape_component.NoShape;
-exports.BaseShape = components_baseShape_component.BaseShape;
+export { SuperEllipse } from './super-ellipse/component.js';
+export { Circle } from './circle/component.js';
+export { Rectangle } from './rectangle/component.js';
+export { NoShape } from './no-shape/component.js';
+export { BaseShape } from './base-shape/component.js';
+import 'react';
+import './super-ellipse/paths.js';
+import './circle/paths.js';
+import './rectangle/paths.js';
+import './no-shape/paths.js';
+import 'classnames';
+import '@alfalab/hooks';
+import './base-shape/utils.js';

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

@@ -1,14 +1,10 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+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';
 
-var tslib = require('tslib');
-var React = require('react');
-var components_baseShape_component = require('../base-shape/component.js');
-var components_noShape_paths = require('./paths.js');
+const NoShape = forwardRef((props, ref) => (React.createElement(BaseShape, { ...props, pathsMap: pathsMap, ref: ref })));
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var NoShape = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseShape_component.BaseShape, tslib.__assign({}, props, { pathsMap: components_noShape_paths.pathsMap, ref: ref }))); });
-
-exports.NoShape = NoShape;
+export { NoShape };

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

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

package/icon-view/cssm/components/no-shape/paths.js

@@ -1,6 +1,4 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var shapePaths = {
+const shapePaths = {
     16: {
         none: 'M0 0 H16 V16 H0 Z',
     },
@@ -32,10 +30,9 @@ var shapePaths = {
         none: 'M0 0 H128 V128 H0 Z',
     },
 };
-var pathsMap = {
+const pathsMap = {
     shape: shapePaths,
     border: shapePaths,
 };
 
-exports.pathsMap = pathsMap;
-exports.shapePaths = shapePaths;
+export { pathsMap, shapePaths };

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

@@ -1,15 +1,11 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+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';
 
-var tslib = require('tslib');
-var React = require('react');
-var components_baseShape_component = require('../base-shape/component.js');
-var components_rectangle_paths = require('./paths.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var heights = {
+const heights = {
     20: 14,
     24: 16,
     32: 22,
@@ -20,9 +16,6 @@ var heights = {
     80: 58,
     128: 94,
 };
-var Rectangle = React.forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? 64 : _b, props = tslib.__rest(_a, ["size"]);
-    return (React__default.default.createElement(components_baseShape_component.BaseShape, tslib.__assign({}, props, { size: { width: size, height: heights[size] }, pathsMap: components_rectangle_paths.pathsMap, ref: ref })));
-});
+const Rectangle = forwardRef(({ size = 64, ...props }, ref) => (React.createElement(BaseShape, { ...props, size: { width: size, height: heights[size] }, pathsMap: pathsMap, ref: ref })));
 
-exports.Rectangle = Rectangle;
+export { Rectangle };

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

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

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

@@ -1,6 +1,4 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var borderPaths = {
+const borderPaths = {
     20: {
         none: 'M0.5 6.4C0.5 5.27165 0.500389 4.45545 0.552836 3.81352C0.604807 3.17744 0.705391 2.75662 0.881477 2.41103C1.21703 1.75247 1.75247 1.21703 2.41103 0.881477C2.75662 0.705391 3.17744 0.604807 3.81352 0.552836C4.45545 0.500389 5.27164 0.5 6.4 0.5H13.6C14.7284 0.5 15.5446 0.500389 16.1865 0.552836C16.8226 0.604807 17.2434 0.705391 17.589 0.881477C18.2475 1.21703 18.783 1.75247 19.1185 2.41103C19.2946 2.75662 19.3952 3.17744 19.4472 3.81352C19.4996 4.45545 19.5 5.27164 19.5 6.4V7.6C19.5 8.72836 19.4996 9.54455 19.4472 10.1865C19.3952 10.8226 19.2946 11.2434 19.1185 11.589C18.783 12.2475 18.2475 12.783 17.589 13.1185C17.2434 13.2946 16.8226 13.3952 16.1865 13.4472C15.5446 13.4996 14.7284 13.5 13.6 13.5H6.4C5.27164 13.5 4.45545 13.4996 3.81352 13.4472C3.17744 13.3952 2.75662 13.2946 2.41103 13.1185C1.75247 12.783 1.21703 12.2475 0.881477 11.589C0.705391 11.2434 0.604807 10.8226 0.552836 10.1865C0.500389 9.54455 0.5 8.72836 0.5 7.6V6.4Z',
     },
@@ -29,7 +27,7 @@ var borderPaths = {
         none: 'M0.5 41.6C0.5 34.3111 0.500389 28.8744 0.852568 24.564C1.20427 20.2593 1.90432 17.1219 3.27933 14.4232C5.7241 9.62511 9.62511 5.7241 14.4232 3.27933C17.1219 1.90432 20.2593 1.20427 24.564 0.852568C28.8744 0.500389 34.3111 0.5 41.6 0.5H86.4C93.6889 0.5 99.1256 0.500389 103.436 0.852568C107.741 1.20427 110.878 1.90432 113.577 3.27933C118.375 5.7241 122.276 9.62511 124.721 14.4232C126.096 17.1219 126.796 20.2593 127.147 24.564C127.5 28.8744 127.5 34.3111 127.5 41.6V50.4C127.5 57.6889 127.5 63.1256 127.147 67.436C126.796 71.7407 126.096 74.8781 124.721 77.5768C122.276 82.3749 118.375 86.2759 113.577 88.7207C110.878 90.0957 107.741 90.7957 103.436 91.1474C99.1256 91.4996 93.6889 91.5 86.4 91.5H41.6C34.3111 91.5 28.8744 91.4996 24.564 91.1474C20.2593 90.7957 17.1219 90.0957 14.4232 88.7207C9.62511 86.2759 5.7241 82.3749 3.27933 77.5768C1.90432 74.8781 1.20427 71.7407 0.852568 67.436C0.500389 63.1256 0.5 57.6889 0.5 50.4V41.6Z',
     },
 };
-var shapePaths = {
+const shapePaths = {
     20: {
         none: 'M0 6.4C0 4.15979 0 3.03968 0.435974 2.18404C0.819467 1.43139 1.43139 0.819467 2.18404 0.435974C3.03968 0 4.15979 0 6.4 0H13.6C15.8402 0 16.9603 0 17.816 0.435974C18.5686 0.819467 19.1805 1.43139 19.564 2.18404C20 3.03968 20 4.15979 20 6.4V7.6C20 9.84021 20 10.9603 19.564 11.816C19.1805 12.5686 18.5686 13.1805 17.816 13.564C16.9603 14 15.8402 14 13.6 14H6.4C4.15979 14 3.03968 14 2.18404 13.564C1.43139 13.1805 0.819467 12.5686 0.435974 11.816C0 10.9603 0 9.84021 0 7.6V6.4Z',
     },
@@ -58,11 +56,9 @@ var shapePaths = {
         none: 'M0 41.6C0 27.0386 0 19.758 2.83383 14.1962C5.32654 9.30403 9.30403 5.32654 14.1962 2.83383C19.758 0 27.0386 0 41.6 0H86.4C100.961 0 108.242 0 113.804 2.83383C118.696 5.32654 122.673 9.30403 125.166 14.1962C128 19.758 128 27.0386 128 41.6V50.4C128 64.9614 128 72.2421 125.166 77.8038C122.673 82.696 118.696 86.6735 113.804 89.1662C108.242 92 100.961 92 86.4 92H41.6C27.0386 92 19.758 92 14.1962 89.1662C9.30403 86.6735 5.32654 82.696 2.83383 77.8038C0 72.2421 0 64.9614 0 50.4V41.6Z',
     },
 };
-var pathsMap = {
+const pathsMap = {
     shape: shapePaths,
     border: borderPaths,
 };
 
-exports.borderPaths = borderPaths;
-exports.pathsMap = pathsMap;
-exports.shapePaths = shapePaths;
+export { borderPaths, pathsMap, shapePaths };

package/icon-view/cssm/components/super-ellipse/component.js

@@ -1,14 +1,10 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+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';
 
-var tslib = require('tslib');
-var React = require('react');
-var components_baseShape_component = require('../base-shape/component.js');
-var components_superEllipse_paths = require('./paths.js');
+const SuperEllipse = forwardRef((props, ref) => (React.createElement(BaseShape, { ...props, pathsMap: pathsMap, ref: ref })));
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var SuperEllipse = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseShape_component.BaseShape, tslib.__assign({}, props, { pathsMap: components_superEllipse_paths.pathsMap, ref: ref }))); });
-
-exports.SuperEllipse = SuperEllipse;
+export { SuperEllipse };

package/icon-view/cssm/components/super-ellipse/index.js

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