intelicoreact 1.5.38 → 1.5.41

package/dist/Atomic/UI/PageTitle/PageTitle.scss

@@ -1,24 +1,6 @@
-@use '../../../scss/vars';
+@import "../../../scss/vars";
 
 .page-title {
-  // settings
-  --pt-font-size-title: 16px;
-  --pt-font-size-text: 13px;
-  --pt-font-size-delimiter: 12px;
-  --pt-line-height: 20px;
-  --pt-spacing-small: 4px;
-  --pt-spacing-medium: 8px;
-  --pt-outline-width: 2px;
-  --pt-border-radius: 2px;
-  --pt-outline-offset: 2px;
-
-  // colors
-  --pt-color-text: #{vars.$color--dark};
-  --pt-color-primary: #{vars.$color--primary};
-  --pt-color-gray: #{vars.$color--gray--dark};
-  --pt-color-hover: #{vars.$color--blue--dark};
-  --pt-color-focus: #0366d6;
-
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -26,69 +8,49 @@
   &__title {
     display: block;
 
-    margin: 0;
-    padding: 0;
-
-    font-size: var(--pt-font-size-title);
-    font-weight: normal;
-    line-height: var(--pt-line-height);
+    font-size: 16px;
+    line-height: 20px;
 
-    color: var(--pt-color-text);
+    color: $color--dark;
   }
 
   &__pages {
     display: flex;
     align-items: center;
 
-    margin-top: var(--pt-spacing-small);
-  }
-
-  &__list {
-    display: flex;
-    align-items: center;
-
-    margin: 0;
-    padding: 0;
-
-    list-style: none;
+    margin-top: 4px;
   }
 
   &__delimiter {
-    margin: 0 var(--pt-spacing-medium);
+    margin: 0 8px;
 
-    font-size: var(--pt-font-size-delimiter);
+    font-size: 12px;
     font-weight: 500;
 
-    color: var(--pt-color-text);
+    color: $color--dark;
   }
 
   &__link {
-    font-size: var(--pt-font-size-text);
+    font-size: 13px;
 
-    color: var(--pt-color-primary);
+    color: $color--primary;
 
     &_last {
       cursor: default;
 
-      color: var(--pt-color-gray);
+      color: $color--gray--dark;
     }
 
     svg path {
-      stroke: var(--pt-color-primary);
+      stroke: $color--primary;
     }
 
     &:hover:not(.page-title__link_last) {
-      color: var(--pt-color-hover);
+      color: $color--blue--dark;
 
       svg path {
-        stroke: var(--pt-color-hover);
+        stroke: $color--blue--dark;
       }
     }
-
-    &:focus-visible {
-      border-radius: var(--pt-border-radius);
-      outline: var(--pt-outline-width) solid var(--pt-color-focus);
-      outline-offset: var(--pt-outline-offset);
-    }
   }
 }

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

@@ -1,110 +1,47 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  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");
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _chart = require("chart.js");
+var _reactChartjs = 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);
-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 = {
-        cutout,
-        plugins: {
-            legend: {
-                display: withLegend,
-                position: 'left',
-                align: 'center',
-                labels: {
-                    usePointStyle: true,
-                    padding: 20,
-                    font: {
-                        size: 12
-                    }
-                }
-            },
-            // Добавляем aria-label для графика
-            tooltip: {
-                enabled: true,
-                callbacks: {
-                    label: (context)=>{
-                        return `${context.label}: ${context.formattedValue}%`;
-                    }
-                }
-            }
-        },
-        // поддержка клавиатурной навигации
-        events: [
-            'mousemove',
-            'mouseout',
-            'click',
-            'touchstart',
-            'touchmove',
-            'keydown'
-        ],
-        ...chartOptions
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        "data-testid": testId,
-        className: (0, _classnames.default)(CN, {
-            [`${CN}--with-legend`]: withLegend
-        }, className),
-        style: {
-            ...styles
-        },
-        role: "figure",
-        "aria-label": chartTitle,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("h2", {
-                className: "visually-hidden",
-                children: chartTitle
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: "visually-hidden",
-                children: chartDescription
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactchartjs2.Pie, {
-                data: data,
-                options: options,
-                "aria-label": chartTitle,
-                role: "img"
-            }),
-            Boolean(resultLabel) && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: "pie-chart__result",
-                role: "complementary",
-                "aria-label": `${resultLabel}: ${resultValue}%`,
-                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
-                    })
-                ]
-            })
-        ]
-    });
+_chart.Chart.register(_chart.ArcElement, _chart.Tooltip);
+const PieChart = _ref => {
+  let {
+    data,
+    cutout = "80%",
+    resultLabel,
+    resultValue = 0,
+    withLegend = false
+  } = _ref;
+  const options = {
+    cutout,
+    plugins: {
+      legend: {
+        display: withLegend
+      }
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "pie-chart-box",
+    style: {
+      maxWidth: `320px`
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactChartjs.Pie, {
+    data: data,
+    options: options
+  }), Boolean(resultLabel) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "pie-chart__result"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pie-chart__result-value"
+  }, resultValue, /*#__PURE__*/_react.default.createElement("span", {
+    className: "pie-chart__result-percent"
+  }, "%"), " "), /*#__PURE__*/_react.default.createElement("div", {
+    className: "pie-chart__result-label"
+  }, resultLabel)));
 };
-const _default = PieChart;
+var _default = exports.default = PieChart;

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

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

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

@@ -1,31 +1,24 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  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')
-    });
+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"));
 };
-const _default = Price;
+var _default = exports.default = Price;

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

@@ -1,44 +1,22 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  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())
-            ]
-        })
-    });
+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())));
 };
-const _default = PriceRange;
+var _default = exports.default = PriceRange;