intelicoreact 1.6.2 → 1.6.3

package/dist/Atomic/UI/PieChart/PieChart.js

@@ -1,89 +1,58 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArcElement, Chart as ChartJS, Legend, Tooltip } from 'chart.js';
-import cn from 'classnames';
-import { Pie } from 'react-chartjs-2';
-import './PieChart.scss';
-ChartJS.register(ArcElement, Tooltip, Legend);
-const CN = 'pie-chart-box';
-const PieChart = ({ data, cutout = '80%', resultLabel, resultValue = 0, withLegend = false, chartTitle = 'Pie Chart', chartDescription = 'Statistical data visualization', className, testId = CN, styles, ...chartOptions })=>{
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _chart = require("chart.js");
+const _reactchartjs2 = require("react-chartjs-2");
+require("./PieChart.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+_chart.Chart.register(_chart.ArcElement, _chart.Tooltip);
+const PieChart = ({ data, cutout = "80%", resultLabel, resultValue = 0, withLegend = false })=>{
     const options = {
         cutout,
         plugins: {
             legend: {
-                display: withLegend,
-                position: 'left',
-                align: 'center',
-                labels: {
-                    usePointStyle: true,
-                    padding: 20,
-                    font: {
-                        size: 12
-                    }
-                }
-            },
-            // Добавляем aria-label для графика
-            tooltip: {
-                enabled: true,
-                callbacks: {
-                    label: (context)=>{
-                        return `${context.label}: ${context.formattedValue}%`;
-                    }
-                }
+                display: withLegend
             }
-        },
-        // поддержка клавиатурной навигации
-        events: [
-            'mousemove',
-            'mouseout',
-            'click',
-            'touchstart',
-            'touchmove',
-            'keydown'
-        ],
-        ...chartOptions
+        }
     };
-    return /*#__PURE__*/ _jsxs("div", {
-        "data-testid": testId,
-        className: cn(CN, {
-            [`${CN}--with-legend`]: withLegend
-        }, className),
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: "pie-chart-box",
         style: {
-            ...styles
+            maxWidth: `320px`
         },
-        role: "figure",
-        "aria-label": chartTitle,
         children: [
-            /*#__PURE__*/ _jsx("h2", {
-                className: "visually-hidden",
-                children: chartTitle
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: "visually-hidden",
-                children: chartDescription
-            }),
-            /*#__PURE__*/ _jsx(Pie, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactchartjs2.Pie, {
                 data: data,
-                options: options,
-                "aria-label": chartTitle,
-                role: "img"
+                options: options
             }),
-            Boolean(resultLabel) && /*#__PURE__*/ _jsxs("div", {
+            Boolean(resultLabel) && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                 className: "pie-chart__result",
-                role: "complementary",
-                "aria-label": `${resultLabel}: ${resultValue}%`,
                 children: [
-                    /*#__PURE__*/ _jsxs("div", {
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                         className: "pie-chart__result-value",
                         children: [
                             resultValue,
-                            /*#__PURE__*/ _jsx("span", {
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                                 className: "pie-chart__result-percent",
                                 children: "%"
                             }),
-                            ' '
+                            " "
                         ]
                     }),
-                    /*#__PURE__*/ _jsx("div", {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                         className: "pie-chart__result-label",
                         children: resultLabel
                     })
@@ -92,4 +61,4 @@ const PieChart = ({ data, cutout = '80%', resultLabel, resultValue = 0, withLege
         ]
     });
 };
-export default PieChart;
+const _default = PieChart;

package/dist/Atomic/UI/PieChart/PieChart.scss

@@ -1,83 +1,8 @@
 .pie-chart-box {
-  // Colors
-  --pie-chart-percent-color: #7a8599;
-  --pie-chart-label-color: #9aa0b9;
-
-  // Sizes
-  --pie-chart-box-width: 180px;
-  --pie-chart-box-width-with-legend: 350px;
-  --pie-chart-legend-padding: 20px;
-
-  // Typography
-  --pie-chart-value-font-size: 24px;
-  --pie-chart-value-line-height: 34px;
-
-  --pie-chart-percent-font-size: 18px;
-  --pie-chart-percent-line-height: 25px;
-  --pie-chart-percent-margin-right: -14px;
-  --pie-chart-percent-transform-y: -5px;
-  --pie-chart-percent-transform-x: 2px;
-
-  --pie-chart-label-font-size: 12px;
-  --pie-chart-label-line-height: 24px;
-
-  // Legend
-  --pie-chart-legend-font-size: 12px;
-  --pie-chart-legend-line-height: 16px;
-  --pie-chart-legend-item-margin: 8px;
-  --pie-chart-legend-dot-size: 8px;
-
   position: relative;
 
-  width: var(--pie-chart-box-width, 180px);
+  width: 180px;
   max-width: 100%;
-
-  &--with-legend {
-    width: var(--pie-chart-box-width-with-legend, 350px);
-
-    // Стили для легенды Chart.js
-    .chartjs-legend {
-      margin-left: var(--pie-chart-legend-padding, 20px);
-    }
-
-    .chartjs-legend ul {
-      margin: 0;
-      padding: 0;
-
-      list-style: none;
-    }
-
-    .chartjs-legend li {
-      display: flex;
-      align-items: center;
-
-      margin-bottom: var(--pie-chart-legend-item-margin, 8px);
-
-      font-size: var(--pie-chart-legend-font-size, 12px);
-      line-height: var(--pie-chart-legend-line-height, 16px);
-    }
-
-    .chartjs-legend li span {
-      display: flex;
-      align-items: center;
-    }
-
-    .chartjs-legend li span::before {
-      display: inline-block;
-
-      width: var(--pie-chart-legend-dot-size, 8px);
-      height: var(--pie-chart-legend-dot-size, 8px);
-      margin-right: var(--pie-chart-legend-item-margin, 8px);
-
-      content: "";
-
-      border-radius: 50%;
-    }
-
-    .pie-chart__result {
-      transform: translateX(-15%) translateY(-50%);
-    }
-  }
 }
 
 .pie-chart__result {
@@ -92,37 +17,36 @@
 
 .pie-chart__result-value {
   font-family: inherit;
-  font-size: var(--pie-chart-value-font-size, 24px);
+  font-size: 24px;
   font-weight: 500;
-  line-height: var(--pie-chart-value-line-height, 34px);
+  line-height: 34px;
   letter-spacing: 0;
 }
 
 .pie-chart__result-percent {
   display: inline-block;
 
-  margin-right: var(--pie-chart-percent-margin-right, -14px);
+  margin-right: -14px;
 
   font-family: inherit;
-  font-size: var(--pie-chart-percent-font-size, 18px);
+  font-size: 18px;
   font-weight: 400;
-  line-height: var(--pie-chart-percent-line-height, 25px);
+  line-height: 25px;
   letter-spacing: 0;
 
-  color: var(--pie-chart-percent-color, #7a8599);
+  color: #7a8599;
 
-  transform: translateY(var(--pie-chart-percent-transform-y, -5px))
-    translateX(var(--pie-chart-percent-transform-x, 2px));
+  transform: translateY(-5px) translateX(2px);
 }
 
 .pie-chart__result-label {
   font-family: inherit;
-  font-size: var(--pie-chart-label-font-size, 12px);
+  font-size: 12px;
   font-weight: 400;
-  line-height: var(--pie-chart-label-line-height, 24px);
+  line-height: 24px;
   white-space: nowrap;
   letter-spacing: 0;
   text-transform: uppercase;
 
-  color: var(--pie-chart-label-color, #9aa0b9);
+  color: #9aa0b9;
 }

package/dist/Atomic/UI/PieChart/PieChart.stories.js

@@ -1,59 +1,84 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import PieChart from './PieChart';
-export default {
-    title: 'UI/PieChart',
-    component: PieChart,
-    argTypes: {},
-    args: {
-        cutout: '85%',
-        withLegend: false,
-        resultLabel: 'Conversion rate',
-        resultValue: 85.12,
-        data: {
-            labels: [
-                'Red',
-                'Blue',
-                'Yellow',
-                'Green',
-                'Purple',
-                'Orange'
-            ],
-            datasets: [
-                {
-                    label: '# of Votes',
-                    data: [
-                        12,
-                        19,
-                        3,
-                        5,
-                        2,
-                        3
-                    ],
-                    backgroundColor: [
-                        'rgba(255, 99, 132, 0.2)',
-                        'rgba(54, 162, 235, 0.2)',
-                        'rgba(255, 206, 86, 0.2)',
-                        'rgba(75, 192, 192, 0.2)',
-                        'rgba(153, 102, 255, 0.2)',
-                        'rgba(255, 159, 64, 0.2)'
-                    ],
-                    borderColor: [
-                        'rgba(255, 99, 132, 1)',
-                        'rgba(54, 162, 235, 1)',
-                        'rgba(255, 206, 86, 1)',
-                        'rgba(75, 192, 192, 1)',
-                        'rgba(153, 102, 255, 1)',
-                        'rgba(255, 159, 64, 1)'
-                    ],
-                    borderWidth: 0
-                }
-            ]
-        }
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ChartTemplate: function() {
+        return ChartTemplate;
+    },
+    default: function() {
+        return _default;
     }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _PieChart = /*#__PURE__*/ _interop_require_default(require("./PieChart"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = {
+    title: 'UI/PieChart',
+    component: _PieChart.default,
+    argTypes: {}
 };
-function Template(args) {
-    return /*#__PURE__*/ _jsx(PieChart, {
-        ...args
+const Template = (args)=>{
+    const data = {
+        labels: [
+            'Red',
+            'Blue',
+            'Yellow',
+            'Green',
+            'Purple',
+            'Orange'
+        ],
+        datasets: [
+            {
+                label: '# of Votes',
+                data: [
+                    12,
+                    19,
+                    3,
+                    5,
+                    2,
+                    3
+                ],
+                backgroundColor: [
+                    'rgba(255, 99, 132, 0.2)',
+                    'rgba(54, 162, 235, 0.2)',
+                    'rgba(255, 206, 86, 0.2)',
+                    'rgba(75, 192, 192, 0.2)',
+                    'rgba(153, 102, 255, 0.2)',
+                    'rgba(255, 159, 64, 0.2)'
+                ],
+                borderColor: [
+                    'rgba(255, 99, 132, 1)',
+                    'rgba(54, 162, 235, 1)',
+                    'rgba(255, 206, 86, 1)',
+                    'rgba(75, 192, 192, 1)',
+                    'rgba(153, 102, 255, 1)',
+                    'rgba(255, 159, 64, 1)'
+                ],
+                borderWidth: 0
+            }
+        ]
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
+        ...args,
+        data: data
     });
-}
-export const ChartTemplate = Template.bind({});
+};
+const ChartTemplate = Template.bind({});
+ChartTemplate.args = {
+    cutout: '85%',
+    withLegend: false,
+    resultLabel: 'Conversion rate',
+    resultValue: 85.12
+};

package/dist/Atomic/UI/Price/Price.interface.js

@@ -1 +1,4 @@
-export { };
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/Atomic/UI/Price/Price.js

@@ -1,16 +1,31 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import cn from 'classnames';
-import React from 'react';
-import { formatToPriceWithCurrency } from '../../../Functions/fieldValueFormatters';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const CN = 'price';
 const Price = ({ value, currencyCode, isSymbolAfter, className, testId = CN })=>{
     if (value === undefined || value === null) return null;
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         "data-testid": testId,
-        className: cn(CN, className),
+        className: (0, _classnames.default)(CN, className),
         role: "contentinfo",
-        "aria-label": `Price: ${formatToPriceWithCurrency(value, currencyCode, isSymbolAfter ? 'after' : 'before')}`,
-        children: formatToPriceWithCurrency(value, currencyCode, isSymbolAfter ? 'after' : 'before')
+        "aria-label": `Price: ${(0, _fieldValueFormatters.formatToPriceWithCurrency)(value, currencyCode, isSymbolAfter ? 'after' : 'before')}`,
+        children: (0, _fieldValueFormatters.formatToPriceWithCurrency)(value, currencyCode, isSymbolAfter ? 'after' : 'before')
     });
 };
-export default Price;
+const _default = Price;

package/dist/Atomic/UI/Price/Price.stories.js

@@ -1,9 +1,32 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Price from './Price';
-import '../../../../../scss/main.scss';
-export default {
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PriceTemplate: function() {
+        return PriceTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _Price = /*#__PURE__*/ _interop_require_default(require("./Price"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = {
     title: 'UI/Price',
-    component: Price,
+    component: _Price.default,
     argTypes: {
         value: {
             description: 'string'
@@ -22,8 +45,8 @@ export default {
     }
 };
 function Template(args) {
-    return /*#__PURE__*/ _jsx(Price, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
         ...args
     });
 }
-export const PriceTemplate = Template.bind({});
+const PriceTemplate = Template.bind({});

package/dist/Atomic/UI/Price/Price.test.js

@@ -1,23 +1,32 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '@testing-library/react';
-import Price from './Price';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("@testing-library/react");
+const _Price = /*#__PURE__*/ _interop_require_default(require("./Price"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 describe('price', ()=>{
     it('renders without crashing', ()=>{
-        const { container } = render(/*#__PURE__*/ _jsx(Price, {
+        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
             value: 100,
             currencyCode: "USD"
         }));
         expect(container).toBeInTheDocument();
     });
     it('renders price correctly with symbol before', ()=>{
-        const { getByText } = render(/*#__PURE__*/ _jsx(Price, {
+        const { getByText } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
             value: 100,
             currencyCode: "USD"
         }));
         expect(getByText('$100')).toBeInTheDocument();
     });
     it('renders price correctly with symbol after', ()=>{
-        const { getByText } = render(/*#__PURE__*/ _jsx(Price, {
+        const { getByText } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
             value: 100,
             currencyCode: "USD",
             isSymbolAfter: true
@@ -25,7 +34,7 @@ describe('price', ()=>{
         expect(getByText('$100')).toBeInTheDocument();
     });
     it('renders with custom testId', ()=>{
-        const { getByTestId } = render(/*#__PURE__*/ _jsx(Price, {
+        const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
             value: 100,
             currencyCode: "USD",
             testId: "custom-test-id"
@@ -33,7 +42,7 @@ describe('price', ()=>{
         expect(getByTestId('custom-test-id')).toBeInTheDocument();
     });
     it('has role text and aria-label', ()=>{
-        const { getByRole } = render(/*#__PURE__*/ _jsx(Price, {
+        const { getByRole } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
             value: 100,
             currencyCode: "USD"
         }));
@@ -41,7 +50,7 @@ describe('price', ()=>{
         expect(text).toHaveAttribute('aria-label', 'Price: $100');
     });
     it('applies custom className', ()=>{
-        const { container } = render(/*#__PURE__*/ _jsx(Price, {
+        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
             value: 100,
             currencyCode: "USD",
             className: "custom-class"
@@ -50,7 +59,7 @@ describe('price', ()=>{
     });
     it('returns null if value is undefined', ()=>{
         // @ts-expect-error
-        const { container } = render(/*#__PURE__*/ _jsx(Price, {
+        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
             value: undefined,
             currencyCode: "USD"
         }));
@@ -58,14 +67,14 @@ describe('price', ()=>{
     });
     it('returns null if value is null', ()=>{
         // @ts-expect-error
-        const { container } = render(/*#__PURE__*/ _jsx(Price, {
+        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
             value: null,
             currencyCode: "USD"
         }));
         expect(container.firstChild).toBeNull();
     });
     it('formats price correctly with different value types', ()=>{
-        const { getByText } = render(/*#__PURE__*/ _jsx(Price, {
+        const { getByText } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
             value: "100",
             currencyCode: "USD"
         }));

package/dist/Atomic/UI/Price/index.js

@@ -1,2 +1,17 @@
-import Price from './Price';
-export default Price;
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _Price = /*#__PURE__*/ _interop_require_default(require("./Price"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _Price.default;

package/dist/Atomic/UI/PriceRange/PriceRange.interface.js

@@ -1 +1,4 @@
-export { };
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/Atomic/UI/PriceRange/PriceRange.js

@@ -1,29 +1,44 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from 'classnames';
-import React from 'react';
-import { formatToPriceWithUSD } from '../../../Functions/fieldValueFormatters';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const CN = 'price-range';
 const PriceRange = ({ from, to, mode, testId = CN })=>{
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         "data-testid": testId,
-        className: cn(CN, 'j4'),
+        className: (0, _classnames.default)(CN, 'j4'),
         role: "region",
         "aria-label": "Price range",
-        children: mode === 'simple' ? /*#__PURE__*/ _jsxs("span", {
+        children: mode === 'simple' ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
             "aria-live": "polite",
             children: [
                 from,
                 ' - ',
                 to
             ]
-        }) : /*#__PURE__*/ _jsxs("span", {
+        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
             "aria-live": "polite",
             children: [
-                formatToPriceWithUSD(from === null || from === void 0 ? void 0 : from.toString()),
+                (0, _fieldValueFormatters.formatToPriceWithUSD)(from === null || from === void 0 ? void 0 : from.toString()),
                 ' - ',
-                formatToPriceWithUSD(to === null || to === void 0 ? void 0 : to.toString())
+                (0, _fieldValueFormatters.formatToPriceWithUSD)(to === null || to === void 0 ? void 0 : to.toString())
             ]
         })
     });
 };
-export default PriceRange;
+const _default = PriceRange;