intelicoreact 1.5.41 → 1.6.0

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

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const _PieChart = /*#__PURE__*/ _interop_require_default(require("./PieChart"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+// Мокаем react-chartjs-2, так как она использует canvas, который сложно тестировать
+jest.mock('react-chartjs-2', ()=>({
+        Pie: ()=>/*#__PURE__*/ (0, _jsxruntime.jsx)("canvas", {
+                "data-testid": "pie-chart-canvas"
+            })
+    }));
+describe('pieChart Component', ()=>{
+    // Подготавливаем тестовые данные, которые будем использовать в тестах
+    const mockData = {
+        labels: [
+            'Red',
+            'Blue'
+        ],
+        datasets: [
+            {
+                data: [
+                    30,
+                    70
+                ],
+                backgroundColor: [
+                    '#FF6384',
+                    '#36A2EB'
+                ]
+            }
+        ]
+    };
+    // Базовые пропсы для тестов
+    const defaultProps = {
+        data: mockData,
+        testId: 'pie-chart'
+    };
+    // Тест на базовый рендер компонента
+    it('renders without crashing', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
+            ...defaultProps
+        }));
+        expect(_react.screen.getByTestId('pie-chart')).toBeInTheDocument();
+    });
+    // Тест на наличие canvas элемента
+    it('renders chart canvas', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
+            ...defaultProps
+        }));
+        expect(_react.screen.getByTestId('pie-chart-canvas')).toBeInTheDocument();
+    });
+    // Тест на отображение результата
+    it('displays result label and value when provided', ()=>{
+        const resultLabel = 'Total Progress';
+        const resultValue = 75;
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
+            ...defaultProps,
+            resultLabel: resultLabel,
+            resultValue: resultValue
+        }));
+        expect(_react.screen.getByText(resultLabel)).toBeInTheDocument();
+        expect(_react.screen.getByText('75')).toBeInTheDocument();
+        expect(_react.screen.getByText('%')).toBeInTheDocument();
+    });
+    // Тест на отсутствие результата, когда не переданы пропсы
+    it('does not display result when no result props provided', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
+            ...defaultProps
+        }));
+        expect(_react.screen.queryByRole('complementary')).not.toBeInTheDocument();
+    });
+    // Тест на доступность
+    it('renders with correct accessibility attributes', ()=>{
+        const chartTitle = 'Test Chart Title';
+        const chartDescription = 'Test Chart Description';
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
+            ...defaultProps,
+            chartTitle: chartTitle,
+            chartDescription: chartDescription
+        }));
+        const chart = _react.screen.getByRole('figure');
+        expect(chart).toHaveAttribute('aria-label', chartTitle);
+        expect(_react.screen.getByText(chartTitle)).toBeInTheDocument();
+        expect(_react.screen.getByText(chartDescription)).toBeInTheDocument();
+    });
+    // Тест на применение пользовательских стилей
+    it('applies custom styles when provided', ()=>{
+        const customStyles = {
+            backgroundColor: 'red'
+        };
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
+            ...defaultProps,
+            styles: customStyles
+        }));
+        expect(_react.screen.getByTestId('pie-chart')).toHaveStyle({
+            backgroundColor: 'red'
+        });
+    });
+    // Тест на применение дополнительных классов
+    it('applies additional className when provided', ()=>{
+        const additionalClass = 'custom-class';
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
+            ...defaultProps,
+            className: additionalClass
+        }));
+        expect(_react.screen.getByTestId('pie-chart')).toHaveClass('pie-chart-box', additionalClass);
+    });
+    // Тест на корректную обработку пропса cutout
+    it('renders with custom cutout value', ()=>{
+        const customCutout = '60%';
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
+            ...defaultProps,
+            cutout: customCutout
+        }));
+        // Проверяем, что компонент отрендерился
+        expect(_react.screen.getByTestId('pie-chart')).toBeInTheDocument();
+    });
+    // Тест на обработку пустых данных
+    it('handles empty data gracefully', ()=>{
+        const emptyData = {
+            labels: [],
+            datasets: [
+                {
+                    data: [],
+                    backgroundColor: []
+                }
+            ]
+        };
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
+            ...defaultProps,
+            data: emptyData
+        }));
+        expect(_react.screen.getByTestId('pie-chart')).toBeInTheDocument();
+    });
+});

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

@@ -0,0 +1,26 @@
+"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, {
+    PieChart: function() {
+        return _PieChart.default;
+    },
+    // дефолт
+    default: function() {
+        return _default;
+    }
+});
+const _PieChart = /*#__PURE__*/ _interop_require_default(require("./PieChart"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _PieChart.default;

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

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

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

@@ -1,24 +1,31 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-const Price = _ref => {
-  let {
-    value,
-    currencyCode,
-    isSymbolAfter,
-    className,
-    testId = "test-price"
-  } = _ref;
-  if (value === undefined || value === null) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: `price ${className}`
-  }, (0, _fieldValueFormatters.formatToPriceWithCurrency)(value, currencyCode, isSymbolAfter ? "after" : "before"));
+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__*/ (0, _jsxruntime.jsx)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(CN, className),
+        role: "contentinfo",
+        "aria-label": `Price: ${(0, _fieldValueFormatters.formatToPriceWithCurrency)(value, currencyCode, isSymbolAfter ? 'after' : 'before')}`,
+        children: (0, _fieldValueFormatters.formatToPriceWithCurrency)(value, currencyCode, isSymbolAfter ? 'after' : 'before')
+    });
 };
-var _default = exports.default = Price;
+const _default = Price;

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

@@ -0,0 +1,52 @@
+"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.default,
+    argTypes: {
+        value: {
+            description: 'string'
+        },
+        currencyCode: {
+            description: 'string'
+        },
+        isSymbolAfter: {
+            description: 'boolean'
+        }
+    },
+    args: {
+        value: '15000',
+        currencyCode: 'USD',
+        isSymbolAfter: false
+    }
+};
+function Template(args) {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
+        ...args
+    });
+}
+const PriceTemplate = Template.bind({});

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

@@ -0,0 +1,83 @@
+"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 } = (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 } = (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 } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
+            value: 100,
+            currencyCode: "USD",
+            isSymbolAfter: true
+        }));
+        expect(getByText('$100')).toBeInTheDocument();
+    });
+    it('renders with custom testId', ()=>{
+        const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
+            value: 100,
+            currencyCode: "USD",
+            testId: "custom-test-id"
+        }));
+        expect(getByTestId('custom-test-id')).toBeInTheDocument();
+    });
+    it('has role text and aria-label', ()=>{
+        const { getByRole } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
+            value: 100,
+            currencyCode: "USD"
+        }));
+        const text = getByRole('contentinfo');
+        expect(text).toHaveAttribute('aria-label', 'Price: $100');
+    });
+    it('applies custom className', ()=>{
+        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
+            value: 100,
+            currencyCode: "USD",
+            className: "custom-class"
+        }));
+        expect(container.querySelector('.custom-class')).toBeInTheDocument();
+    });
+    it('returns null if value is undefined', ()=>{
+        // @ts-expect-error
+        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
+            value: undefined,
+            currencyCode: "USD"
+        }));
+        expect(container.firstChild).toBeNull();
+    });
+    it('returns null if value is null', ()=>{
+        // @ts-expect-error
+        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 } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
+            value: "100",
+            currencyCode: "USD"
+        }));
+        expect(getByText('$100')).toBeInTheDocument();
+    });
+});

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

@@ -0,0 +1,17 @@
+"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

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

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

@@ -1,22 +1,44 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-const PriceRange = _ref => {
-  let {
-    from,
-    to,
-    mode,
-    testId = "test-priceRange"
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: "j4"
-  }, mode === "simple" ? /*#__PURE__*/_react.default.createElement("span", null, from, " - ", to) : /*#__PURE__*/_react.default.createElement("span", null, (0, _fieldValueFormatters.formatToPriceWithUSD)(from?.toString()), " -", " ", (0, _fieldValueFormatters.formatToPriceWithUSD)(to?.toString())));
+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__*/ (0, _jsxruntime.jsx)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(CN, 'j4'),
+        role: "region",
+        "aria-label": "Price range",
+        children: mode === 'simple' ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+            "aria-live": "polite",
+            children: [
+                from,
+                ' - ',
+                to
+            ]
+        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+            "aria-live": "polite",
+            children: [
+                (0, _fieldValueFormatters.formatToPriceWithUSD)(from === null || from === void 0 ? void 0 : from.toString()),
+                ' - ',
+                (0, _fieldValueFormatters.formatToPriceWithUSD)(to === null || to === void 0 ? void 0 : to.toString())
+            ]
+        })
+    });
 };
-var _default = exports.default = PriceRange;
+const _default = PriceRange;

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

@@ -0,0 +1,51 @@
+"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, {
+    PriceRangeTemplate: function() {
+        return PriceRangeTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _PriceRange = /*#__PURE__*/ _interop_require_default(require("./PriceRange"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = {
+    title: 'UI/PriceRange',
+    component: _PriceRange.default,
+    argTypes: {
+        mode: {
+            description: 'Convert number from 1000 - 2000 to $1,000 - 2,000 etc',
+            control: {
+                type: 'select',
+                options: [
+                    'simple',
+                    'formatted'
+                ]
+            }
+        }
+    },
+    args: {
+        from: 1000,
+        to: 2000000,
+        mode: 'simple'
+    }
+};
+const Template = (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_PriceRange.default, {
+        ...args
+    });
+const PriceRangeTemplate = Template.bind({});

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

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("@testing-library/react");
+const _PriceRange = /*#__PURE__*/ _interop_require_default(require("./PriceRange"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+describe('priceRange', ()=>{
+    it('renders without crashing', ()=>{
+        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PriceRange.default, {
+            from: 10,
+            to: 20,
+            mode: "simple"
+        }));
+        expect(container).toBeInTheDocument();
+    });
+    it('renders simple mode correctly', ()=>{
+        var _span_textContent;
+        const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PriceRange.default, {
+            from: 10,
+            to: 20,
+            mode: "simple"
+        }));
+        const element = getByTestId('price-range');
+        const span = element.querySelector('span');
+        expect(span === null || span === void 0 ? void 0 : (_span_textContent = span.textContent) === null || _span_textContent === void 0 ? void 0 : _span_textContent.replace(/\s+/g, ' ').trim()).toBe('10 - 20');
+    });
+    it('renders formatted mode correctly', ()=>{
+        var _span_textContent;
+        const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PriceRange.default, {
+            from: 10,
+            to: 20,
+            mode: "formatted"
+        }));
+        const element = getByTestId('price-range');
+        const span = element.querySelector('span');
+        expect(span === null || span === void 0 ? void 0 : (_span_textContent = span.textContent) === null || _span_textContent === void 0 ? void 0 : _span_textContent.replace(/\s+/g, ' ').trim()).toBe('$10 - $20');
+    });
+    it('renders with custom testId', ()=>{
+        const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PriceRange.default, {
+            from: 10,
+            to: 20,
+            mode: "simple",
+            testId: "custom-test-id"
+        }));
+        expect(getByTestId('custom-test-id')).toBeInTheDocument();
+    });
+    it('has role region and aria-label', ()=>{
+        const { getByRole } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PriceRange.default, {
+            from: 10,
+            to: 20,
+            mode: "simple"
+        }));
+        const region = getByRole('region');
+        expect(region).toHaveAttribute('aria-label', 'Price range');
+    });
+    it('has aria-live attribute', ()=>{
+        const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PriceRange.default, {
+            from: 10,
+            to: 20,
+            mode: "simple"
+        }));
+        const element = getByTestId('price-range');
+        const span = element.querySelector('span');
+        expect(span).toHaveAttribute('aria-live', 'polite');
+    });
+});

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _PriceRange = /*#__PURE__*/ _interop_require_default(require("./PriceRange"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _PriceRange.default;

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

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