intelicoreact 1.6.1 → 1.6.2

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

@@ -1,24 +1,9 @@
-"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 _chart = require("chart.js");
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-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, _chart.Legend);
+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 })=>{
     const options = {
@@ -57,9 +42,9 @@ const PieChart = ({ data, cutout = '80%', resultLabel, resultValue = 0, withLege
         ],
         ...chartOptions
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         "data-testid": testId,
-        className: (0, _classnames.default)(CN, {
+        className: cn(CN, {
             [`${CN}--with-legend`]: withLegend
         }, className),
         style: {
@@ -68,37 +53,37 @@ const PieChart = ({ data, cutout = '80%', resultLabel, resultValue = 0, withLege
         role: "figure",
         "aria-label": chartTitle,
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("h2", {
+            /*#__PURE__*/ _jsx("h2", {
                 className: "visually-hidden",
                 children: chartTitle
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            /*#__PURE__*/ _jsx("div", {
                 className: "visually-hidden",
                 children: chartDescription
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactchartjs2.Pie, {
+            /*#__PURE__*/ _jsx(Pie, {
                 data: data,
                 options: options,
                 "aria-label": chartTitle,
                 role: "img"
             }),
-            Boolean(resultLabel) && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            Boolean(resultLabel) && /*#__PURE__*/ _jsxs("div", {
                 className: "pie-chart__result",
                 role: "complementary",
                 "aria-label": `${resultLabel}: ${resultValue}%`,
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    /*#__PURE__*/ _jsxs("div", {
                         className: "pie-chart__result-value",
                         children: [
                             resultValue,
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            /*#__PURE__*/ _jsx("span", {
                                 className: "pie-chart__result-percent",
                                 children: "%"
                             }),
                             ' '
                         ]
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    /*#__PURE__*/ _jsx("div", {
                         className: "pie-chart__result-label",
                         children: resultLabel
                     })
@@ -107,4 +92,4 @@ const PieChart = ({ data, cutout = '80%', resultLabel, resultValue = 0, withLege
         ]
     });
 };
-const _default = PieChart;
+export default PieChart;

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

@@ -1,31 +1,8 @@
-"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 _PieChart = /*#__PURE__*/ _interop_require_default(require("./PieChart"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const _default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import PieChart from './PieChart';
+export default {
     title: 'UI/PieChart',
-    component: _PieChart.default,
+    component: PieChart,
     argTypes: {},
     args: {
         cutout: '85%',
@@ -75,8 +52,8 @@ const _default = {
     }
 };
 function Template(args) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
+    return /*#__PURE__*/ _jsx(PieChart, {
         ...args
     });
 }
-const ChartTemplate = Template.bind({});
+export const ChartTemplate = Template.bind({});

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

@@ -1,19 +1,10 @@
-"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
-    };
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import PieChart from './PieChart';
 // Мокаем react-chartjs-2, так как она использует canvas, который сложно тестировать
 jest.mock('react-chartjs-2', ()=>({
-        Pie: ()=>/*#__PURE__*/ (0, _jsxruntime.jsx)("canvas", {
+        Pie: ()=>/*#__PURE__*/ _jsx("canvas", {
                 "data-testid": "pie-chart-canvas"
             })
     }));
@@ -44,83 +35,83 @@ describe('pieChart Component', ()=>{
     };
     // Тест на базовый рендер компонента
     it('renders without crashing', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
+        render(/*#__PURE__*/ _jsx(PieChart, {
             ...defaultProps
         }));
-        expect(_react.screen.getByTestId('pie-chart')).toBeInTheDocument();
+        expect(screen.getByTestId('pie-chart')).toBeInTheDocument();
     });
     // Тест на наличие canvas элемента
     it('renders chart canvas', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
+        render(/*#__PURE__*/ _jsx(PieChart, {
             ...defaultProps
         }));
-        expect(_react.screen.getByTestId('pie-chart-canvas')).toBeInTheDocument();
+        expect(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, {
+        render(/*#__PURE__*/ _jsx(PieChart, {
             ...defaultProps,
             resultLabel: resultLabel,
             resultValue: resultValue
         }));
-        expect(_react.screen.getByText(resultLabel)).toBeInTheDocument();
-        expect(_react.screen.getByText('75')).toBeInTheDocument();
-        expect(_react.screen.getByText('%')).toBeInTheDocument();
+        expect(screen.getByText(resultLabel)).toBeInTheDocument();
+        expect(screen.getByText('75')).toBeInTheDocument();
+        expect(screen.getByText('%')).toBeInTheDocument();
     });
     // Тест на отсутствие результата, когда не переданы пропсы
     it('does not display result when no result props provided', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
+        render(/*#__PURE__*/ _jsx(PieChart, {
             ...defaultProps
         }));
-        expect(_react.screen.queryByRole('complementary')).not.toBeInTheDocument();
+        expect(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, {
+        render(/*#__PURE__*/ _jsx(PieChart, {
             ...defaultProps,
             chartTitle: chartTitle,
             chartDescription: chartDescription
         }));
-        const chart = _react.screen.getByRole('figure');
+        const chart = screen.getByRole('figure');
         expect(chart).toHaveAttribute('aria-label', chartTitle);
-        expect(_react.screen.getByText(chartTitle)).toBeInTheDocument();
-        expect(_react.screen.getByText(chartDescription)).toBeInTheDocument();
+        expect(screen.getByText(chartTitle)).toBeInTheDocument();
+        expect(screen.getByText(chartDescription)).toBeInTheDocument();
     });
     // Тест на применение пользовательских стилей
     it('applies custom styles when provided', ()=>{
         const customStyles = {
             backgroundColor: 'red'
         };
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
+        render(/*#__PURE__*/ _jsx(PieChart, {
             ...defaultProps,
             styles: customStyles
         }));
-        expect(_react.screen.getByTestId('pie-chart')).toHaveStyle({
+        expect(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, {
+        render(/*#__PURE__*/ _jsx(PieChart, {
             ...defaultProps,
             className: additionalClass
         }));
-        expect(_react.screen.getByTestId('pie-chart')).toHaveClass('pie-chart-box', additionalClass);
+        expect(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, {
+        render(/*#__PURE__*/ _jsx(PieChart, {
             ...defaultProps,
             cutout: customCutout
         }));
         // Проверяем, что компонент отрендерился
-        expect(_react.screen.getByTestId('pie-chart')).toBeInTheDocument();
+        expect(screen.getByTestId('pie-chart')).toBeInTheDocument();
     });
     // Тест на обработку пустых данных
     it('handles empty data gracefully', ()=>{
@@ -133,10 +124,10 @@ describe('pieChart Component', ()=>{
                 }
             ]
         };
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
+        render(/*#__PURE__*/ _jsx(PieChart, {
             ...defaultProps,
             data: emptyData
         }));
-        expect(_react.screen.getByTestId('pie-chart')).toBeInTheDocument();
+        expect(screen.getByTestId('pie-chart')).toBeInTheDocument();
     });
 });

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

@@ -1,26 +1,5 @@
-"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;
+import PieChart from './PieChart';
+// Экспортируем компонент и все типы
+export { PieChart };
+// дефолт
+export default PieChart;

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

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

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

@@ -1,31 +1,16 @@
-"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
-    };
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from 'classnames';
+import React from 'react';
+import { formatToPriceWithCurrency } from '../../../Functions/fieldValueFormatters';
 const CN = 'price';
 const Price = ({ value, currencyCode, isSymbolAfter, className, testId = CN })=>{
     if (value === undefined || value === null) return null;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+    return /*#__PURE__*/ _jsx("div", {
         "data-testid": testId,
-        className: (0, _classnames.default)(CN, className),
+        className: cn(CN, className),
         role: "contentinfo",
-        "aria-label": `Price: ${(0, _fieldValueFormatters.formatToPriceWithCurrency)(value, currencyCode, isSymbolAfter ? 'after' : 'before')}`,
-        children: (0, _fieldValueFormatters.formatToPriceWithCurrency)(value, currencyCode, isSymbolAfter ? 'after' : 'before')
+        "aria-label": `Price: ${formatToPriceWithCurrency(value, currencyCode, isSymbolAfter ? 'after' : 'before')}`,
+        children: formatToPriceWithCurrency(value, currencyCode, isSymbolAfter ? 'after' : 'before')
     });
 };
-const _default = Price;
+export default Price;

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

@@ -1,32 +1,9 @@
-"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 = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import Price from './Price';
+import '../../../../../scss/main.scss';
+export default {
     title: 'UI/Price',
-    component: _Price.default,
+    component: Price,
     argTypes: {
         value: {
             description: 'string'
@@ -45,8 +22,8 @@ const _default = {
     }
 };
 function Template(args) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
+    return /*#__PURE__*/ _jsx(Price, {
         ...args
     });
 }
-const PriceTemplate = Template.bind({});
+export const PriceTemplate = Template.bind({});

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

@@ -1,32 +1,23 @@
-"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
-    };
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import Price from './Price';
 describe('price', ()=>{
     it('renders without crashing', ()=>{
-        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
+        const { container } = render(/*#__PURE__*/ _jsx(Price, {
             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, {
+        const { getByText } = render(/*#__PURE__*/ _jsx(Price, {
             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, {
+        const { getByText } = render(/*#__PURE__*/ _jsx(Price, {
             value: 100,
             currencyCode: "USD",
             isSymbolAfter: true
@@ -34,7 +25,7 @@ describe('price', ()=>{
         expect(getByText('$100')).toBeInTheDocument();
     });
     it('renders with custom testId', ()=>{
-        const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
+        const { getByTestId } = render(/*#__PURE__*/ _jsx(Price, {
             value: 100,
             currencyCode: "USD",
             testId: "custom-test-id"
@@ -42,7 +33,7 @@ describe('price', ()=>{
         expect(getByTestId('custom-test-id')).toBeInTheDocument();
     });
     it('has role text and aria-label', ()=>{
-        const { getByRole } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
+        const { getByRole } = render(/*#__PURE__*/ _jsx(Price, {
             value: 100,
             currencyCode: "USD"
         }));
@@ -50,7 +41,7 @@ describe('price', ()=>{
         expect(text).toHaveAttribute('aria-label', 'Price: $100');
     });
     it('applies custom className', ()=>{
-        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
+        const { container } = render(/*#__PURE__*/ _jsx(Price, {
             value: 100,
             currencyCode: "USD",
             className: "custom-class"
@@ -59,7 +50,7 @@ describe('price', ()=>{
     });
     it('returns null if value is undefined', ()=>{
         // @ts-expect-error
-        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
+        const { container } = render(/*#__PURE__*/ _jsx(Price, {
             value: undefined,
             currencyCode: "USD"
         }));
@@ -67,14 +58,14 @@ describe('price', ()=>{
     });
     it('returns null if value is null', ()=>{
         // @ts-expect-error
-        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
+        const { container } = render(/*#__PURE__*/ _jsx(Price, {
             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, {
+        const { getByText } = render(/*#__PURE__*/ _jsx(Price, {
             value: "100",
             currencyCode: "USD"
         }));

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

@@ -1,17 +1,2 @@
-"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;
+import Price from './Price';
+export default Price;

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

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

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

@@ -1,44 +1,29 @@
-"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
-    };
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import React from 'react';
+import { formatToPriceWithUSD } from '../../../Functions/fieldValueFormatters';
 const CN = 'price-range';
 const PriceRange = ({ from, to, mode, testId = CN })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+    return /*#__PURE__*/ _jsx("div", {
         "data-testid": testId,
-        className: (0, _classnames.default)(CN, 'j4'),
+        className: cn(CN, 'j4'),
         role: "region",
         "aria-label": "Price range",
-        children: mode === 'simple' ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+        children: mode === 'simple' ? /*#__PURE__*/ _jsxs("span", {
             "aria-live": "polite",
             children: [
                 from,
                 ' - ',
                 to
             ]
-        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+        }) : /*#__PURE__*/ _jsxs("span", {
             "aria-live": "polite",
             children: [
-                (0, _fieldValueFormatters.formatToPriceWithUSD)(from === null || from === void 0 ? void 0 : from.toString()),
+                formatToPriceWithUSD(from === null || from === void 0 ? void 0 : from.toString()),
                 ' - ',
-                (0, _fieldValueFormatters.formatToPriceWithUSD)(to === null || to === void 0 ? void 0 : to.toString())
+                formatToPriceWithUSD(to === null || to === void 0 ? void 0 : to.toString())
             ]
         })
     });
 };
-const _default = PriceRange;
+export default PriceRange;

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

@@ -1,32 +1,9 @@
-"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 = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import PriceRange from './PriceRange';
+import '../../../../../scss/main.scss';
+export default {
     title: 'UI/PriceRange',
-    component: _PriceRange.default,
+    component: PriceRange,
     argTypes: {
         mode: {
             description: 'Convert number from 1000 - 2000 to $1,000 - 2,000 etc',
@@ -45,7 +22,7 @@ const _default = {
         mode: 'simple'
     }
 };
-const Template = (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_PriceRange.default, {
+const Template = (args)=>/*#__PURE__*/ _jsx(PriceRange, {
         ...args
     });
-const PriceRangeTemplate = Template.bind({});
+export const PriceRangeTemplate = Template.bind({});