intelicoreact 1.6.7 → 1.6.8

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

@@ -1,64 +0,0 @@
-"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
-            }
-        }
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: "pie-chart-box",
-        style: {
-            maxWidth: `320px`
-        },
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactchartjs2.Pie, {
-                data: data,
-                options: options
-            }),
-            Boolean(resultLabel) && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: "pie-chart__result",
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                        className: "pie-chart__result-value",
-                        children: [
-                            resultValue,
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                                className: "pie-chart__result-percent",
-                                children: "%"
-                            }),
-                            " "
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: "pie-chart__result-label",
-                        children: resultLabel
-                    })
-                ]
-            })
-        ]
-    });
-};
-const _default = PieChart;

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

@@ -1,84 +0,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: {}
-};
-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
-    });
-};
-const ChartTemplate = Template.bind({});
-ChartTemplate.args = {
-    cutout: '85%',
-    withLegend: false,
-    resultLabel: 'Conversion rate',
-    resultValue: 85.12
-};

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

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

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

@@ -1,31 +0,0 @@
-"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__*/ (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')
-    });
-};
-const _default = Price;

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

@@ -1,52 +0,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, {
-    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/src/Atomic/UI/Price/Price.test.js

@@ -1,83 +0,0 @@
-"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/src/Atomic/UI/Price/index.js

@@ -1,17 +0,0 @@
-"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/src/Atomic/UI/PriceRange/PriceRange.interface.js

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

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

@@ -1,44 +0,0 @@
-"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__*/ (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())
-            ]
-        })
-    });
-};
-const _default = PriceRange;

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

@@ -1,51 +0,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, {
-    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/src/Atomic/UI/PriceRange/PriceRange.test.js

@@ -1,72 +0,0 @@
-"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/src/Atomic/UI/PriceRange/index.js

@@ -1,17 +0,0 @@
-"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/src/Atomic/UI/ProgressLine/ProgressLine.interface.js

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

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

@@ -1,98 +0,0 @@
-"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 _utils = require("../../../Functions/utils");
-require("./ProgressLine.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const CN = 'progress-line';
-const ProgressLine = ({ label = '', labelAlign = 'left', renderValue = false, renderValueInPercents = false, valueMeasurement = '', valueHorizontalPosition = 'right', valueVerticalPosition = 'center', symbolsAfterComma = 0, minValue = 0, maxValue = 100, value = 0, showExtremums = false, extremumsPosition = 'top', variant = 'info', useVariantLabelColor = true, isShowLine = true, className, testId = CN })=>{
-    const getFilledLineWidth = ()=>{
-        if (value > maxValue) value = maxValue;
-        return `${((value - minValue) * 100 / (maxValue - minValue)).toFixed(symbolsAfterComma)}%`;
-    };
-    const renderLabel = ()=>{
-        if (!label) return null;
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            className: `progress-line__wrapper__label align-${labelAlign}`,
-            children: label
-        });
-    };
-    const renderProgressValue = ()=>{
-        if (!renderValue) return null;
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            className: "progress-line__wrapper__value",
-            "aria-live": "polite",
-            children: renderValueInPercents ? getFilledLineWidth() : `${(0, _utils.addBitDepthPoints)(String(value))} ${valueMeasurement}`
-        });
-    };
-    const renderExtremums = ()=>{
-        if (!showExtremums) return null;
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            "aria-hidden": "true",
-            className: `progress-line__wrapper__extremums position-${extremumsPosition}`,
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: "progress-line__wrapper__extremums--min",
-                    children: renderValueInPercents ? '0 %' : `${minValue} ${valueMeasurement}`
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: "progress-line__wrapper__extremums--max",
-                    children: renderValueInPercents ? '100 %' : `${maxValue} ${valueMeasurement}`
-                })
-            ]
-        });
-    };
-    const renderFilledLine = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            className: "progress-line__wrapper__line--filled",
-            role: "progressbar",
-            "aria-label": `Progress: ${value} out of ${maxValue}`,
-            "aria-valuenow": value,
-            "aria-valuemin": minValue,
-            "aria-valuemax": maxValue,
-            style: {
-                width: getFilledLineWidth()
-            }
-        });
-    };
-    const renderLine = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: "progress-line__wrapper__line",
-            children: [
-                renderExtremums(),
-                renderFilledLine()
-            ]
-        });
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)(CN, className),
-        "data-testid": testId,
-        role: "region",
-        "aria-label": "Progress line",
-        children: [
-            renderLabel(),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: `progress-line__wrapper variant-${useVariantLabelColor && variant} value-${valueVerticalPosition}-${valueHorizontalPosition} ${className}`,
-                children: [
-                    renderProgressValue(),
-                    isShowLine && renderLine()
-                ]
-            })
-        ]
-    });
-};
-const _default = ProgressLine;