intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,137 @@
+"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 _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+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, _object_spread_props(_object_spread({}, args), {
+        data: data
+    }));
+};
+const ChartTemplate = Template.bind({});
+ChartTemplate.args = {
+    cutout: '85%',
+    withLegend: false,
+    resultLabel: 'Conversion rate',
+    resultValue: 85.12
+};
+
+//# sourceMappingURL=PieChart.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/PieChart/PieChart.stories.js"],"sourcesContent":["import React from 'react';\nimport PieChart from './PieChart';\n\nexport default {\n  title: 'UI/PieChart',\n  component: PieChart,\n  argTypes: {\n  },\n};\n\nconst Template = args => {\n  const data = {\n      labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],\n\n      datasets: [\n        {\n          label: '# of Votes',\n          data: [12, 19, 3, 5, 2, 3],\n          backgroundColor: [\n            'rgba(255, 99, 132, 0.2)',\n            'rgba(54, 162, 235, 0.2)',\n            'rgba(255, 206, 86, 0.2)',\n            'rgba(75, 192, 192, 0.2)',\n            'rgba(153, 102, 255, 0.2)',\n            'rgba(255, 159, 64, 0.2)',\n          ],\n          borderColor: [\n            'rgba(255, 99, 132, 1)',\n            'rgba(54, 162, 235, 1)',\n            'rgba(255, 206, 86, 1)',\n            'rgba(75, 192, 192, 1)',\n            'rgba(153, 102, 255, 1)',\n            'rgba(255, 159, 64, 1)',\n          ],\n          borderWidth: 0,\n\n        },\n      ],\n    };\n  return <PieChart {...args} data={data} />;\n};\n\nexport const ChartTemplate = Template.bind({});\n\nChartTemplate.args = {\n  cutout: '85%',\n  withLegend: false,\n  resultLabel: 'Conversion rate',\n  resultValue: 85.12,\n};\n"],"names":["ChartTemplate","title","component","PieChart","argTypes","Template","args","data","labels","datasets","label","backgroundColor","borderColor","borderWidth","bind","cutout","withLegend","resultLabel","resultValue"],"mappings":";;;;;;;;;;;IA0CaA,aAAa;eAAbA;;IAvCb,OAKE;eALF;;;;8DAHkB;iEACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAErB,WAAe;IACbC,OAAO;IACPC,WAAWC,iBAAQ;IACnBC,UAAU,CACV;AACF;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAMC,OAAO;QACTC,QAAQ;YAAC;YAAO;YAAQ;YAAU;YAAS;YAAU;SAAS;QAE9DC,UAAU;YACR;gBACEC,OAAO;gBACPH,MAAM;oBAAC;oBAAI;oBAAI;oBAAG;oBAAG;oBAAG;iBAAE;gBAC1BI,iBAAiB;oBACf;oBACA;oBACA;oBACA;oBACA;oBACA;iBACD;gBACDC,aAAa;oBACX;oBACA;oBACA;oBACA;oBACA;oBACA;iBACD;gBACDC,aAAa;YAEf;SACD;IACH;IACF,qBAAO,qBAACV,iBAAQ,0CAAKG;QAAMC,MAAMA;;AACnC;AAEO,MAAMP,gBAAgBK,SAASS,IAAI,CAAC,CAAC;AAE5Cd,cAAcM,IAAI,GAAG;IACnBS,QAAQ;IACRC,YAAY;IACZC,aAAa;IACbC,aAAa;AACf"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=Price.interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Price/Price.interface.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,33 @@
+"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;
+
+//# sourceMappingURL=Price.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Price/Price.tsx"],"sourcesContent":["import type { IPriceProps } from './Price.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport { formatToPriceWithCurrency } from '../../../Functions/fieldValueFormatters';\n\nconst CN = 'price';\n\nconst Price: React.FC<IPriceProps> = ({ value, currencyCode, isSymbolAfter, className, testId = CN }) => {\n  if (value === undefined || value === null) return null;\n  return (\n    <div\n      data-testid={testId}\n      className={cn(CN, className)}\n      role=\"contentinfo\"\n      aria-label={`Price: ${formatToPriceWithCurrency(value, currencyCode, isSymbolAfter ? 'after' : 'before')}`}\n    >\n      {formatToPriceWithCurrency(value, currencyCode, isSymbolAfter ? 'after' : 'before')}\n    </div>\n  );\n};\n\nexport default Price;\n"],"names":["CN","Price","value","currencyCode","isSymbolAfter","className","testId","undefined","div","data-testid","cn","role","aria-label","formatToPriceWithCurrency"],"mappings":";;;;+BAuBA;;;eAAA;;;;mEAtBe;8DAEG;sCAEwB;;;;;;AAE1C,MAAMA,KAAK;AAEX,MAAMC,QAA+B,CAAC,EAAEC,KAAK,EAAEC,YAAY,EAAEC,aAAa,EAAEC,SAAS,EAAEC,SAASN,EAAE,EAAE;IAClG,IAAIE,UAAUK,aAAaL,UAAU,MAAM,OAAO;IAClD,qBACE,qBAACM;QACCC,eAAaH;QACbD,WAAWK,IAAAA,mBAAE,EAACV,IAAIK;QAClBM,MAAK;QACLC,cAAY,CAAC,OAAO,EAAEC,IAAAA,+CAAyB,EAACX,OAAOC,cAAcC,gBAAgB,UAAU,WAAW;kBAEzGS,IAAAA,+CAAyB,EAACX,OAAOC,cAAcC,gBAAgB,UAAU;;AAGhF;MAEA,WAAeH"}

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

@@ -0,0 +1,19 @@
+"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;
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Price/index.ts"],"sourcesContent":["import Price from './Price';\n\nexport default Price;\nexport type { IPriceProps } from './Price.interface';\n"],"names":["Price"],"mappings":";;;;+BAEA;;;eAAA;;;8DAFkB;;;;;;MAElB,WAAeA,cAAK"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=PriceRange.interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/PriceRange/PriceRange.interface.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,46 @@
+"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;
+
+//# sourceMappingURL=PriceRange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/PriceRange/PriceRange.tsx"],"sourcesContent":["import type { IPriceRangeProps } from './PriceRange.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport { formatToPriceWithUSD } from '../../../Functions/fieldValueFormatters';\n\nconst CN = 'price-range';\n\nconst PriceRange: React.FC<IPriceRangeProps> = ({ from, to, mode, testId = CN }) => {\n  return (\n    <div data-testid={testId} className={cn(CN, 'j4')} role=\"region\" aria-label=\"Price range\">\n      {mode === 'simple'\n        ? (\n            <span aria-live=\"polite\">\n              {from}\n              {' - '}\n              {to}\n            </span>\n          )\n        : (\n            <span aria-live=\"polite\">\n              {formatToPriceWithUSD(from?.toString())}\n              {' - '}\n              {formatToPriceWithUSD(to?.toString())}\n            </span>\n          )}\n    </div>\n  );\n};\n\nexport default PriceRange;\n"],"names":["CN","PriceRange","from","to","mode","testId","div","data-testid","className","cn","role","aria-label","span","aria-live","formatToPriceWithUSD","toString"],"mappings":";;;;+BA+BA;;;eAAA;;;;mEA9Be;8DAEG;sCAEmB;;;;;;AAErC,MAAMA,KAAK;AAEX,MAAMC,aAAyC,CAAC,EAAEC,IAAI,EAAEC,EAAE,EAAEC,IAAI,EAAEC,SAASL,EAAE,EAAE;IAC7E,qBACE,qBAACM;QAAIC,eAAaF;QAAQG,WAAWC,IAAAA,mBAAE,EAACT,IAAI;QAAOU,MAAK;QAASC,cAAW;kBACzEP,SAAS,yBAEJ,sBAACQ;YAAKC,aAAU;;gBACbX;gBACA;gBACAC;;2BAIH,sBAACS;YAAKC,aAAU;;gBACbC,IAAAA,0CAAoB,EAACZ,iBAAAA,2BAAAA,KAAMa,QAAQ;gBACnC;gBACAD,IAAAA,0CAAoB,EAACX,eAAAA,yBAAAA,GAAIY,QAAQ;;;;AAKhD;MAEA,WAAed"}

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

@@ -0,0 +1,19 @@
+"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;
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/PriceRange/index.ts"],"sourcesContent":["import PriceRange from './PriceRange';\n\nexport default PriceRange;\nexport type { IPriceRangeProps } from './PriceRange.interface';\n"],"names":["PriceRange"],"mappings":";;;;+BAEA;;;eAAA;;;mEAFuB;;;;;;MAEvB,WAAeA,mBAAU"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=ProgressLine.interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/ProgressLine/ProgressLine.interface.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,100 @@
+"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;
+
+//# sourceMappingURL=ProgressLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import type { IProgressLineProps } from './ProgressLine.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport { addBitDepthPoints } from '../../../Functions/utils';\n\nimport './ProgressLine.scss';\n\nconst CN = 'progress-line';\nconst ProgressLine: React.FC<IProgressLineProps> = ({\n  label = '',\n  labelAlign = 'left',\n  renderValue = false,\n  renderValueInPercents = false,\n  valueMeasurement = '',\n  valueHorizontalPosition = 'right',\n  valueVerticalPosition = 'center',\n  symbolsAfterComma = 0,\n  minValue = 0,\n  maxValue = 100,\n  value = 0,\n  showExtremums = false,\n  extremumsPosition = 'top',\n  variant = 'info',\n  useVariantLabelColor = true,\n  isShowLine = true,\n  className,\n  testId = CN,\n}) => {\n  const getFilledLineWidth = (): string => {\n    if (value > maxValue) value = maxValue;\n    return `${(((value - minValue) * 100) / (maxValue - minValue)).toFixed(symbolsAfterComma)}%`;\n  };\n\n  const renderLabel = (): JSX.Element | null => {\n    if (!label) return null;\n    return <div className={`progress-line__wrapper__label align-${labelAlign}`}>{label}</div>;\n  };\n\n  const renderProgressValue = (): JSX.Element | null => {\n    if (!renderValue) return null;\n    return (\n      <div className=\"progress-line__wrapper__value\" aria-live=\"polite\">\n        {renderValueInPercents\n          ? getFilledLineWidth()\n          : `${addBitDepthPoints(String(value))} ${valueMeasurement}`}\n      </div>\n    );\n  };\n\n  const renderExtremums = (): JSX.Element | null => {\n    if (!showExtremums) return null;\n    return (\n      <div aria-hidden=\"true\" className={`progress-line__wrapper__extremums position-${extremumsPosition}`}>\n        <div className=\"progress-line__wrapper__extremums--min\">\n          {renderValueInPercents ? '0 %' : `${minValue} ${valueMeasurement}`}\n        </div>\n        <div className=\"progress-line__wrapper__extremums--max\">\n          {renderValueInPercents ? '100 %' : `${maxValue} ${valueMeasurement}`}\n        </div>\n      </div>\n    );\n  };\n\n  const renderFilledLine = (): JSX.Element => {\n    return (\n      <div\n        className=\"progress-line__wrapper__line--filled\"\n        role=\"progressbar\"\n        aria-label={`Progress: ${value} out of ${maxValue}`}\n        aria-valuenow={value}\n        aria-valuemin={minValue}\n        aria-valuemax={maxValue}\n        style={{ width: getFilledLineWidth() }}\n      >\n      </div>\n    );\n  };\n\n  const renderLine = (): JSX.Element => {\n    return (\n      <div className=\"progress-line__wrapper__line\">\n        {renderExtremums()}\n        {renderFilledLine()}\n      </div>\n    );\n  };\n\n  return (\n    <div className={cn(CN, className)} data-testid={testId} role=\"region\" aria-label=\"Progress line\">\n      {renderLabel()}\n      <div\n        className={`progress-line__wrapper variant-${\n          useVariantLabelColor && variant\n        } value-${valueVerticalPosition}-${valueHorizontalPosition} ${className}`}\n      >\n        {renderProgressValue()}\n        {isShowLine && renderLine()}\n      </div>\n    </div>\n  );\n};\n\nexport default ProgressLine;\n"],"names":["CN","ProgressLine","label","labelAlign","renderValue","renderValueInPercents","valueMeasurement","valueHorizontalPosition","valueVerticalPosition","symbolsAfterComma","minValue","maxValue","value","showExtremums","extremumsPosition","variant","useVariantLabelColor","isShowLine","className","testId","getFilledLineWidth","toFixed","renderLabel","div","renderProgressValue","aria-live","addBitDepthPoints","String","renderExtremums","aria-hidden","renderFilledLine","role","aria-label","aria-valuenow","aria-valuemin","aria-valuemax","style","width","renderLine","cn","data-testid"],"mappings":";;;;+BAwGA;;;eAAA;;;;mEAvGe;8DAEG;uBAEgB;QAE3B;;;;;;AAEP,MAAMA,KAAK;AACX,MAAMC,eAA6C,CAAC,EAClDC,QAAQ,EAAE,EACVC,aAAa,MAAM,EACnBC,cAAc,KAAK,EACnBC,wBAAwB,KAAK,EAC7BC,mBAAmB,EAAE,EACrBC,0BAA0B,OAAO,EACjCC,wBAAwB,QAAQ,EAChCC,oBAAoB,CAAC,EACrBC,WAAW,CAAC,EACZC,WAAW,GAAG,EACdC,QAAQ,CAAC,EACTC,gBAAgB,KAAK,EACrBC,oBAAoB,KAAK,EACzBC,UAAU,MAAM,EAChBC,uBAAuB,IAAI,EAC3BC,aAAa,IAAI,EACjBC,SAAS,EACTC,SAASnB,EAAE,EACZ;IACC,MAAMoB,qBAAqB;QACzB,IAAIR,QAAQD,UAAUC,QAAQD;QAC9B,OAAO,GAAG,AAAC,CAAA,AAAEC,CAAAA,QAAQF,QAAO,IAAK,MAAQC,CAAAA,WAAWD,QAAO,CAAC,EAAGW,OAAO,CAACZ,mBAAmB,CAAC,CAAC;IAC9F;IAEA,MAAMa,cAAc;QAClB,IAAI,CAACpB,OAAO,OAAO;QACnB,qBAAO,qBAACqB;YAAIL,WAAW,CAAC,oCAAoC,EAAEf,YAAY;sBAAGD;;IAC/E;IAEA,MAAMsB,sBAAsB;QAC1B,IAAI,CAACpB,aAAa,OAAO;QACzB,qBACE,qBAACmB;YAAIL,WAAU;YAAgCO,aAAU;sBACtDpB,wBACGe,uBACA,GAAGM,IAAAA,wBAAiB,EAACC,OAAOf,QAAQ,CAAC,EAAEN,kBAAkB;;IAGnE;IAEA,MAAMsB,kBAAkB;QACtB,IAAI,CAACf,eAAe,OAAO;QAC3B,qBACE,sBAACU;YAAIM,eAAY;YAAOX,WAAW,CAAC,2CAA2C,EAAEJ,mBAAmB;;8BAClG,qBAACS;oBAAIL,WAAU;8BACZb,wBAAwB,QAAQ,GAAGK,SAAS,CAAC,EAAEJ,kBAAkB;;8BAEpE,qBAACiB;oBAAIL,WAAU;8BACZb,wBAAwB,UAAU,GAAGM,SAAS,CAAC,EAAEL,kBAAkB;;;;IAI5E;IAEA,MAAMwB,mBAAmB;QACvB,qBACE,qBAACP;YACCL,WAAU;YACVa,MAAK;YACLC,cAAY,CAAC,UAAU,EAAEpB,MAAM,QAAQ,EAAED,UAAU;YACnDsB,iBAAerB;YACfsB,iBAAexB;YACfyB,iBAAexB;YACfyB,OAAO;gBAAEC,OAAOjB;YAAqB;;IAI3C;IAEA,MAAMkB,aAAa;QACjB,qBACE,sBAACf;YAAIL,WAAU;;gBACZU;gBACAE;;;IAGP;IAEA,qBACE,sBAACP;QAAIL,WAAWqB,IAAAA,mBAAE,EAACvC,IAAIkB;QAAYsB,eAAarB;QAAQY,MAAK;QAASC,cAAW;;YAC9EV;0BACD,sBAACC;gBACCL,WAAW,CAAC,+BAA+B,EACzCF,wBAAwBD,QACzB,OAAO,EAAEP,sBAAsB,CAAC,EAAED,wBAAwB,CAAC,EAAEW,WAAW;;oBAExEM;oBACAP,cAAcqB;;;;;AAIvB;MAEA,WAAerC"}

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _ProgressLine = /*#__PURE__*/ _interop_require_default(require("./ProgressLine"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _ProgressLine.default;
+
+//# sourceMappingURL=index.js.map

package/dist/Atomic/UI/ProgressLine/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/ProgressLine/index.ts"],"sourcesContent":["import ProgressLine from './ProgressLine';\n\nexport default ProgressLine;\nexport type { IProgressLineProps } from './ProgressLine.interface';\n"],"names":["ProgressLine"],"mappings":";;;;+BAEA;;;eAAA;;;qEAFyB;;;;;;MAEzB,WAAeA,qBAAY"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=Status.interface.js.map

package/dist/Atomic/UI/Status/Status.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Status/Status.interface.ts"],"names":[],"mappings":""}

package/dist/Atomic/UI/Status/Status.js

@@ -0,0 +1,69 @@
+"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"));
+require("./Status.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function defaultOnClick() {}
+const Status = ({ icon, value, label, status, disabled, type, active = 0, pause = 0, className, noBackground, children, testId = 'status', onClick = defaultOnClick })=>{
+    if (!status) return null;
+    const text = children && typeof children === 'string' ? children : value || label || status;
+    const formattedLabel = (text === null || text === void 0 ? void 0 : text[0].toUpperCase()) + (text === null || text === void 0 ? void 0 : text.slice(1));
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        onClick: onClick,
+        "data-testid": testId,
+        className: (0, _classnames.default)({
+            disabled
+        }, className),
+        children: type === 'number' ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            children: active === 0 && pause === 0 ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "status status--error",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    children: active
+                })
+            }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "status status--warning",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: "status--number-active",
+                        children: active
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: "color--gray-gull",
+                        children: " / "
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: pause > 0 ? 'color--froly' : 'color--gray-gull',
+                        children: pause
+                    })
+                ]
+            })
+        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: (0, _classnames.default)('status', `status--${status}`, {
+                'status--no-bg': noBackground && status === 'pause',
+                'color--gray-gull': noBackground && status === 'pause' && !className,
+                'j4': !!icon
+            }, className),
+            children: [
+                icon,
+                formattedLabel
+            ]
+        })
+    });
+};
+const _default = Status;
+
+//# sourceMappingURL=Status.js.map

package/dist/Atomic/UI/Status/Status.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Status/Status.tsx"],"sourcesContent":["import type { IStatusProps } from './Status.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport './Status.scss';\n\nfunction defaultOnClick(): void {}\n\nconst Status: React.FC<IStatusProps> = ({\n  icon,\n  value,\n  label,\n  status,\n  disabled,\n  type,\n  active = 0,\n  pause = 0,\n  className,\n  noBackground,\n  children,\n  testId = 'status',\n  onClick = defaultOnClick,\n}) => {\n  if (!status) return null;\n\n  const text = children && typeof children === 'string' ? children : value || label || status;\n  const formattedLabel = text?.[0].toUpperCase() + text?.slice(1);\n\n  return (\n    <div onClick={onClick} data-testid={testId} className={cn({ disabled }, className)}>\n      {type === 'number'\n        ? (\n            <div>\n              {active === 0 && pause === 0\n                ? (\n                    <div className=\"status status--error\">\n                      <span>{active}</span>\n                    </div>\n                  )\n                : (\n                    <div className=\"status status--warning\">\n                      <span className=\"status--number-active\">{active}</span>\n                      <span className=\"color--gray-gull\"> / </span>\n                      <span className={pause > 0 ? 'color--froly' : 'color--gray-gull'}>{pause}</span>\n                    </div>\n                  )}\n            </div>\n          )\n        : (\n            <div\n              className={cn(\n                'status',\n                `status--${status}`,\n                {\n                  'status--no-bg': noBackground && status === 'pause',\n                  'color--gray-gull': noBackground && status === 'pause' && !className,\n                  'j4': !!icon,\n                },\n                className,\n              )}\n            >\n              {icon}\n              {formattedLabel}\n            </div>\n          )}\n    </div>\n  );\n};\n\nexport default Status;\n"],"names":["defaultOnClick","Status","icon","value","label","status","disabled","type","active","pause","className","noBackground","children","testId","onClick","text","formattedLabel","toUpperCase","slice","div","data-testid","cn","span"],"mappings":";;;;+BAsEA;;;eAAA;;;;mEArEe;8DAEG;QAEX;;;;;;AAEP,SAASA,kBAAwB;AAEjC,MAAMC,SAAiC,CAAC,EACtCC,IAAI,EACJC,KAAK,EACLC,KAAK,EACLC,MAAM,EACNC,QAAQ,EACRC,IAAI,EACJC,SAAS,CAAC,EACVC,QAAQ,CAAC,EACTC,SAAS,EACTC,YAAY,EACZC,QAAQ,EACRC,SAAS,QAAQ,EACjBC,UAAUd,cAAc,EACzB;IACC,IAAI,CAACK,QAAQ,OAAO;IAEpB,MAAMU,OAAOH,YAAY,OAAOA,aAAa,WAAWA,WAAWT,SAASC,SAASC;IACrF,MAAMW,iBAAiBD,CAAAA,iBAAAA,2BAAAA,IAAM,CAAC,EAAE,CAACE,WAAW,OAAKF,iBAAAA,2BAAAA,KAAMG,KAAK,CAAC;IAE7D,qBACE,qBAACC;QAAIL,SAASA;QAASM,eAAaP;QAAQH,WAAWW,IAAAA,mBAAE,EAAC;YAAEf;QAAS,GAAGI;kBACrEH,SAAS,yBAEJ,qBAACY;sBACEX,WAAW,KAAKC,UAAU,kBAErB,qBAACU;gBAAIT,WAAU;0BACb,cAAA,qBAACY;8BAAMd;;+BAIT,sBAACW;gBAAIT,WAAU;;kCACb,qBAACY;wBAAKZ,WAAU;kCAAyBF;;kCACzC,qBAACc;wBAAKZ,WAAU;kCAAmB;;kCACnC,qBAACY;wBAAKZ,WAAWD,QAAQ,IAAI,iBAAiB;kCAAqBA;;;;2BAM7E,sBAACU;YACCT,WAAWW,IAAAA,mBAAE,EACX,UACA,CAAC,QAAQ,EAAEhB,QAAQ,EACnB;gBACE,iBAAiBM,gBAAgBN,WAAW;gBAC5C,oBAAoBM,gBAAgBN,WAAW,WAAW,CAACK;gBAC3D,MAAM,CAAC,CAACR;YACV,GACAQ;;gBAGDR;gBACAc;;;;AAKf;MAEA,WAAef"}

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _Status = /*#__PURE__*/ _interop_require_default(require("./Status"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _Status.default;
+
+//# sourceMappingURL=index.js.map

package/dist/Atomic/UI/Status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Status/index.ts"],"sourcesContent":["import Status from './Status';\n\nexport default Status;\nexport type { IStatusProps } from './Status.interface';\n"],"names":["Status"],"mappings":";;;;+BAEA;;;eAAA;;;+DAFmB;;;;;;MAEnB,WAAeA,eAAM"}