intelicoreact 0.2.39 → 0.2.42

package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js

@@ -21,6 +21,7 @@ var CheckboxInput = function CheckboxInput(_ref) {
   var _cn2;
 
   var label = _ref.label,
+      key = _ref.key,
       id = _ref.id,
       value = _ref.value,
       _onChange = _ref.onChange,
@@ -28,11 +29,14 @@ var CheckboxInput = function CheckboxInput(_ref) {
       className = _ref.className,
       isStark = _ref.isStark;
   return /*#__PURE__*/_react.default.createElement("label", {
+    key: id || key,
     className: (0, _classnames.default)('checkbox-input', className, (0, _defineProperty2.default)({}, "checkbox-input_disabled", disabled)),
     htmlFor: id
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("checkbox-input__input", (_cn2 = {}, (0, _defineProperty2.default)(_cn2, "checkbox-input__input_checked", value), (0, _defineProperty2.default)(_cn2, "checkbox-input__input_indeterminate", isStark), _cn2))
-  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, id ? (0, _defineProperty2.default)({
+  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
+    key: id || key
+  }, id ? (0, _defineProperty2.default)({
     id: id
   }, 'data-id', id) : {}, {
     type: "checkbox",

package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Switcher = _interopRequireDefault(require("../Switcher/Switcher"));
+
+require("./SwitcherCheckbox.scss");
+
+var _CheckboxesLine = _interopRequireDefault(require("../CheckboxesLine/CheckboxesLine"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var RC = 'switcher-hide';
+
+var SwitcherCheckbox = function SwitcherCheckbox(_ref) {
+  var _cn;
+
+  var label = _ref.label,
+      hint = _ref.hint,
+      _ref$items = _ref.items,
+      items = _ref$items === void 0 ? [] : _ref$items,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? [] : _ref$value,
+      className = _ref.className,
+      isLabelBold = _ref.isLabelBold,
+      isActive = _ref.isActive,
+      hintSide = _ref.hintSide,
+      disabled = _ref.disabled,
+      _ref$onSwitcherChange = _ref.onSwitcherChange,
+      onSwitcherChange = _ref$onSwitcherChange === void 0 ? function () {} : _ref$onSwitcherChange,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
+
+  var renderCheckboxes = function renderCheckboxes() {
+    return /*#__PURE__*/_react.default.createElement(_CheckboxesLine.default, {
+      items: items,
+      value: value,
+      onChange: onChange
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(RC, className, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_closed"), !isActive), (0, _defineProperty2.default)(_cn, "".concat(RC, "_disabled"), disabled), _cn))
+  }, /*#__PURE__*/_react.default.createElement(_Switcher.default, {
+    className: "".concat(RC, "__switcher"),
+    hintSide: hintSide,
+    label: label,
+    isActive: isActive,
+    onChange: function onChange(value) {
+      return onSwitcherChange(value);
+    },
+    isLabelBold: isLabelBold,
+    hint: hint
+  }), isActive && renderCheckboxes());
+};
+
+var _default = SwitcherCheckbox;
+exports.default = _default;

package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.scss

@@ -0,0 +1,31 @@
+// @import '../../scss/main.scss';
+
+.switcher-hide {
+  width: 100%;
+  display: inline-block;
+
+  &__switcher, &__content {
+      margin-bottom: 8px;
+  }
+
+  &__switcher {
+    font-family: inherit;
+    font-style: inherit;
+    font-weight:inherit;
+    font-size: inherit;
+    line-height: inherit;
+  }
+
+  &_closed {
+    height: 16px !important;
+  }
+
+  &_disabled {
+    opacity: 0.5;
+    pointer-events: none;
+
+    // & * {
+    //   pointer-events: none;
+    // }
+  }
+}

package/dist/Atomic/FormElements/SwitcherCheckbox/partial/AnyOuterClass.scss

@@ -0,0 +1,6 @@
+.any-outer-class__switcher-hide {
+  font-style: normal;
+  font-size: 12px;
+  line-height: 20px;
+  color: #1E1E2D;
+}

package/dist/Atomic/UI/Chart/Chart.js

@@ -41,7 +41,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var RC = 'chart';
 
-_chart.Chart.register(_chart.CategoryScale, _chart.LinearScale, _chart.BarElement, _chart.PointElement, _chart.LineElement, _chart.Filler);
+_chart.Chart.register(_chart.CategoryScale, _chart.LinearScale, _chart.BarElement, _chart.PointElement, _chart.LineElement, _chart.Filler, _chart.Tooltip);
 
 var Chart = function Chart(_ref) {
   var className = _ref.className,

package/dist/Atomic/UI/Chart/partial/Chart.constants.js

@@ -3,7 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.COMPONENT_OPTIONS = exports.ICON_MODELS = exports.GRADIENTS_OBJECTS = exports.FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = exports.FINTURF_ADD_GRADIENT_COLORS_POSITIVE = exports.DEFAULT_CHART_MODEL = exports.CHART_TYPES = void 0;
+exports.COMPONENT_OPTIONS = exports.ICON_MODELS = exports.FINTURF_TOOLTIP_OPTIONS = exports.GRADIENTS_OBJECTS = exports.FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = exports.FINTURF_ADD_GRADIENT_COLORS_POSITIVE = exports.DEFAULT_CHART_MODEL = exports.CHART_TYPES = void 0;
+
+var _fieldValueFormatters = require("../../../../Functions/fieldValueFormatters");
+
 var CHART_TYPES = ['Bar', 'Line'];
 exports.CHART_TYPES = CHART_TYPES;
 var DEFAULT_CHART_MODEL = 'emptyLayout';
@@ -45,6 +48,40 @@ var GRADIENTS_OBJECTS = {
   }
 };
 exports.GRADIENTS_OBJECTS = GRADIENTS_OBJECTS;
+var FINTURF_TOOLTIP_OPTIONS = {
+  enabled: true,
+  mode: 'index',
+  intersect: false,
+  padding: 8,
+  backgroundColor: '#FFFFFF',
+  titleColor: '#757F8C',
+  titleFont: {
+    family: 'Sarabun',
+    style: 'normal',
+    weight: 500,
+    size: 12 // line-height: 18px;
+
+  },
+  titleAlign: 'center',
+  bodyColor: '#1E1E2D',
+  bodyFont: {
+    family: 'Sarabun',
+    style: 'normal',
+    weight: 400,
+    size: 14
+  },
+  bodyAlign: 'center',
+  caretSize: 0,
+  displayColors: false,
+  borderWidth: 1,
+  borderRadius: 6,
+  callbacks: {
+    label: function label(context) {
+      return (0, _fieldValueFormatters.formatDollarSign)((0, _fieldValueFormatters.formatToAddBitDepthPoints)(context.raw));
+    }
+  }
+};
+exports.FINTURF_TOOLTIP_OPTIONS = FINTURF_TOOLTIP_OPTIONS;
 var ICON_MODELS = ['lineIconLayout', 'finturfPositiveLineIcon', 'finturfNegativeLineIcon'];
 exports.ICON_MODELS = ICON_MODELS;
 var COMPONENT_OPTIONS = {

package/dist/Atomic/UI/Chart/partial/datasetSetters.js

@@ -5,12 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.addNotLibraryAnimation = exports.addGradientsObject = exports.createGradient = exports.addDatasetsObjects = void 0;
+exports.default = exports.addNotLibraryAnimation = exports.addGradientsObject = exports.createGradient = exports.addDatasetsObjects = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _utils = require("../../../../Functions/utils");
+
 var _excluded = ["type"];
 
 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; }
@@ -89,11 +91,11 @@ var createGradient = function createGradient(_ref) {
 
 exports.createGradient = createGradient;
 
-var addGradientsObject = function addGradientsObject(currentData, gradientSettingsObj, chart) {
+var addGradientsObject = function addGradientsObject(currentData, gradientSettingsObj, chartInstance) {
   return addDatasetsObjects(currentData, function (dataset) {
     return _objectSpread((0, _defineProperty2.default)({}, gradientSettingsObj.gradientTargetPropertyName, createGradient({
-      ctx: chart.ctx,
-      area: chart.chartArea,
+      ctx: chartInstance.ctx,
+      area: chartInstance.chartArea,
       colors: gradientSettingsObj.colors,
       direction: gradientSettingsObj.direction,
       correctionFactors: gradientSettingsObj.typeDistributionOfGradientPoints === 'personalBase' ? dataset.data.map(function (value) {
@@ -108,7 +110,7 @@ var addGradientsObject = function addGradientsObject(currentData, gradientSettin
 
 exports.addGradientsObject = addGradientsObject;
 
-var addNotLibraryAnimation = function addNotLibraryAnimation(currentData, animationObj, chart) {
+var addNotLibraryAnimation = function addNotLibraryAnimation(currentData, animationObj, chartInstance) {
   var _ref2 = animationObj || {},
       type = _ref2.type,
       restAnimationObj = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
@@ -139,6 +141,40 @@ var addNotLibraryAnimation = function addNotLibraryAnimation(currentData, animat
     default:
       return currentData;
   }
-};
+}; // must be last function in file
+
+
+exports.addNotLibraryAnimation = addNotLibraryAnimation;
+
+function changeData(currentData, iterationKey, settingsForChange, chartInstance) {
+  // console.log('iterationKey - ', iterationKey);
+  // console.log('settingsForChange - ', settingsForChange);
+  switch (iterationKey) {
+    case 'setMaxBarThickness':
+      return addDatasetsObjects(currentData, {
+        maxBarThickness: settingsForChange
+      });
+
+    case 'addGradientsObjects':
+      return settingsForChange.reduce(function (acc, gradientSettingsObj) {
+        return addGradientsObject(acc, gradientSettingsObj, chartInstance);
+      }, (0, _utils.clone)(currentData));
+
+    case 'addNotLibraryAnimations':
+      return settingsForChange.reduce(function (acc, animationObj) {
+        return addNotLibraryAnimation(acc, animationObj, chartInstance);
+      }, currentData);
+    // ToDo - после выпилить кейс
+
+    case 'consoleCurrentData':
+      console.log(currentData);
+      return currentData;
+
+    default:
+      return currentData;
+  }
+}
 
-exports.addNotLibraryAnimation = addNotLibraryAnimation;
+;
+var _default = changeData;
+exports.default = _default;

package/dist/Atomic/UI/Chart/partial/optionsConstructor.js

@@ -11,6 +11,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _Chart = require("./Chart.constants");
 
+var _optionsSetters = _interopRequireDefault(require("./optionsSetters"));
+
 var _finturfChartLayouts$, _finturfChartLayouts$2, _finturfChartLayouts$3, _finturfChartLayouts$4, _finturfChartLayouts$5, _finturfChartLayouts$6, _finturfChartLayouts$7, _finturfChartLayouts$8, _finturfChartBar$opti, _finturfChartBar$opti2, _finturfChartBar$opti3, _finturfChartBar$notL, _finturfChartLine$opt, _finturfChartLine$opt2, _finturfChartLine$opt3, _finturfChartLine$opt4, _finturfChartLine$opt5, _finturfChartLine$opt6, _finturfChartLine$not;
 
 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; }
@@ -38,7 +40,7 @@ var reactChartJsOptionsLayouts = {
         line: {
           tension: 0.45,
           borderJoinStyle: 'round',
-          borderWidth: 1,
+          borderWidth: 2,
           capBezierPoints: true
         }
       }
@@ -125,7 +127,7 @@ var reactChartJsOptionsLayouts = {
     notLibraryOptions: {
       // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
       // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
-      // => Файл Chart.js => определение ChartComponent
+      // => Файл Chart.js => определение подкомпонента ChartComponent => строка const Component = ...
       chartTypeKey: 'Line'
     }
   }
@@ -134,7 +136,7 @@ exports.reactChartJsOptionsLayouts = reactChartJsOptionsLayouts;
 
 var finturfChartLayouts = function () {
   return ['barLayout', 'lineLayout'].reduce(function (acc, key) {
-    var _reactChartJsOptionsL, _reactChartJsOptionsL2, _reactChartJsOptionsL3, _reactChartJsOptionsL4, _reactChartJsOptionsL5, _reactChartJsOptionsL6, _reactChartJsOptionsL7, _reactChartJsOptionsL8, _reactChartJsOptionsL9, _reactChartJsOptionsL10, _reactChartJsOptionsL11;
+    var _reactChartJsOptionsL, _reactChartJsOptionsL2, _reactChartJsOptionsL3, _reactChartJsOptionsL4, _reactChartJsOptionsL5, _reactChartJsOptionsL6, _reactChartJsOptionsL7, _reactChartJsOptionsL8, _reactChartJsOptionsL9, _reactChartJsOptionsL10, _reactChartJsOptionsL11, _reactChartJsOptionsL12, _reactChartJsOptionsL13, _reactChartJsOptionsL14, _reactChartJsOptionsL15, _reactChartJsOptionsL16, _reactChartJsOptionsL17;
 
     return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, key, _objectSpread(_objectSpread({}, reactChartJsOptionsLayouts[key]), {}, {
       options: _objectSpread(_objectSpread({}, reactChartJsOptionsLayouts[key].options), {}, {
@@ -143,18 +145,51 @@ var finturfChartLayouts = function () {
             grid: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL4 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL4 === void 0 ? void 0 : (_reactChartJsOptionsL5 = _reactChartJsOptionsL4.scales) === null || _reactChartJsOptionsL5 === void 0 ? void 0 : (_reactChartJsOptionsL6 = _reactChartJsOptionsL5.x) === null || _reactChartJsOptionsL6 === void 0 ? void 0 : _reactChartJsOptionsL6.grid), {}, {
               display: false,
               offset: true
+            }),
+            ticks: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL7 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL7 === void 0 ? void 0 : (_reactChartJsOptionsL8 = _reactChartJsOptionsL7.scales) === null || _reactChartJsOptionsL8 === void 0 ? void 0 : (_reactChartJsOptionsL9 = _reactChartJsOptionsL8.y) === null || _reactChartJsOptionsL9 === void 0 ? void 0 : _reactChartJsOptionsL9.ticks), {}, {
+              autoSkipPadding: 10,
+              align: 'center',
+              color: '#757F8C',
+              lineHeight: 18,
+              font: {
+                family: 'Sarabun',
+                style: 'normal',
+                weight: 400,
+                size: 8
+              } // callback: (value, index, ticks) => {
+              //   console.log(value);
+              //   console.log(index);
+              //   console.log(ticks);
+              //   console.log('***********');
+              //   return value;
+              // },
+
             })
           }),
-          y: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL7 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL7 === void 0 ? void 0 : (_reactChartJsOptionsL8 = _reactChartJsOptionsL7.scales) === null || _reactChartJsOptionsL8 === void 0 ? void 0 : _reactChartJsOptionsL8.y), {}, {
+          y: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL10 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL10 === void 0 ? void 0 : (_reactChartJsOptionsL11 = _reactChartJsOptionsL10.scales) === null || _reactChartJsOptionsL11 === void 0 ? void 0 : _reactChartJsOptionsL11.y), {}, {
             min: 0,
+            // grace: '5%',
             bounds: 'data',
-            grid: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL9 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL9 === void 0 ? void 0 : (_reactChartJsOptionsL10 = _reactChartJsOptionsL9.scales) === null || _reactChartJsOptionsL10 === void 0 ? void 0 : (_reactChartJsOptionsL11 = _reactChartJsOptionsL10.y) === null || _reactChartJsOptionsL11 === void 0 ? void 0 : _reactChartJsOptionsL11.grid), {}, {
+            grid: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL12 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL12 === void 0 ? void 0 : (_reactChartJsOptionsL13 = _reactChartJsOptionsL12.scales) === null || _reactChartJsOptionsL13 === void 0 ? void 0 : (_reactChartJsOptionsL14 = _reactChartJsOptionsL13.y) === null || _reactChartJsOptionsL14 === void 0 ? void 0 : _reactChartJsOptionsL14.grid), {}, {
               borderColor: '#E1E8F1',
               color: '#E1E8F1',
               borderDash: [5],
               // borderDashOffset: 12,
               drawTicks: false,
               z: -1
+            }),
+            ticks: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL15 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL15 === void 0 ? void 0 : (_reactChartJsOptionsL16 = _reactChartJsOptionsL15.scales) === null || _reactChartJsOptionsL16 === void 0 ? void 0 : (_reactChartJsOptionsL17 = _reactChartJsOptionsL16.y) === null || _reactChartJsOptionsL17 === void 0 ? void 0 : _reactChartJsOptionsL17.ticks), {}, {
+              autoSkipPadding: 10,
+              align: 'center',
+              color: '#A0A4B0',
+              lineHeight: 18,
+              padding: 6,
+              font: {
+                family: 'Sarabun',
+                style: 'normal',
+                weight: 400,
+                size: 10
+              }
             })
           })
         })
@@ -190,23 +225,13 @@ var finturfChartLine = _objectSpread(_objectSpread({}, finturfChartLayouts.lineL
       })
     })
   })
-}); // gradientsSettings is Array of objects
-
-
-var addGradientsSettings = function addGradientsSettings(currentOptions, gradientsSettings) {
-  var _currentOptions$notLi;
-
-  return _objectSpread(_objectSpread({}, currentOptions), {}, {
-    notLibraryOptions: _objectSpread(_objectSpread({}, currentOptions.notLibraryOptions), {}, {
-      changeData: _objectSpread(_objectSpread({}, (_currentOptions$notLi = currentOptions.notLibraryOptions) === null || _currentOptions$notLi === void 0 ? void 0 : _currentOptions$notLi.changeData), {}, {
-        addGradientsObjects: gradientsSettings
-      })
-    })
-  });
-};
+});
 
 var finturfReactChartJsOptions = {
-  finturfChartBar: _objectSpread({}, addGradientsSettings(finturfChartBar, _Chart.GRADIENTS_OBJECTS.finturf.bar)),
+  finturfChartBar: (0, _optionsSetters.default)(finturfChartBar, {
+    addGradientsSettings: _Chart.GRADIENTS_OBJECTS.finturf.bar,
+    addTooltipOptions: _Chart.FINTURF_TOOLTIP_OPTIONS
+  }),
   finturfLoadingModeBar: _objectSpread(_objectSpread({}, finturfChartBar), {}, {
     options: _objectSpread(_objectSpread({}, finturfChartBar.options), {}, {
       animations: _objectSpread(_objectSpread({}, (_finturfChartBar$opti = finturfChartBar.options) === null || _finturfChartBar$opti === void 0 ? void 0 : _finturfChartBar$opti.animations), {}, {
@@ -231,7 +256,11 @@ var finturfReactChartJsOptions = {
       })
     })
   }),
-  finturfChartLine: _objectSpread({}, addGradientsSettings(finturfChartLine, _Chart.GRADIENTS_OBJECTS.finturf.line)),
+  finturfChartLine: (0, _optionsSetters.default)(finturfChartLine, {
+    addGradientsSettings: _Chart.GRADIENTS_OBJECTS.finturf.line,
+    addTooltipOptions: _Chart.FINTURF_TOOLTIP_OPTIONS // consoleCurrentData: true,
+
+  }),
   finturfLoadingModeLine: _objectSpread(_objectSpread({}, finturfChartLine), {}, {
     options: _objectSpread(_objectSpread({}, finturfChartLine.options), {}, {
       elements: _objectSpread(_objectSpread({}, (_finturfChartLine$opt = finturfChartLine.options) === null || _finturfChartLine$opt === void 0 ? void 0 : _finturfChartLine$opt.elements), {}, {
@@ -261,8 +290,12 @@ var finturfReactChartJsOptions = {
       })
     })
   }),
-  finturfPositiveLineIcon: _objectSpread({}, addGradientsSettings(reactChartJsOptionsLayouts.lineIconLayout, _Chart.GRADIENTS_OBJECTS.finturf.positiveLineIcon)),
-  finturfNegativeLineIcon: _objectSpread({}, addGradientsSettings(reactChartJsOptionsLayouts.lineIconLayout, _Chart.GRADIENTS_OBJECTS.finturf.negativeLineIcon))
+  finturfPositiveLineIcon: (0, _optionsSetters.default)(reactChartJsOptionsLayouts.lineIconLayout, {
+    addGradientsSettings: _Chart.GRADIENTS_OBJECTS.finturf.positiveLineIcon
+  }),
+  finturfNegativeLineIcon: (0, _optionsSetters.default)(reactChartJsOptionsLayouts.lineIconLayout, {
+    addGradientsSettings: _Chart.GRADIENTS_OBJECTS.finturf.negativeLineIcon
+  })
 };
 exports.finturfReactChartJsOptions = finturfReactChartJsOptions;
 

package/dist/Atomic/UI/Chart/partial/optionsSetters.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.addTooltipOptions = exports.addGradientsSettings = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else 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; }
+
+// gradientsSettings is Array of objects
+var addGradientsSettings = function addGradientsSettings(currentOptions, gradientsSettings) {
+  var _currentOptions$notLi;
+
+  return _objectSpread(_objectSpread({}, currentOptions), {}, {
+    notLibraryOptions: _objectSpread(_objectSpread({}, currentOptions.notLibraryOptions), {}, {
+      changeData: _objectSpread(_objectSpread({}, (_currentOptions$notLi = currentOptions.notLibraryOptions) === null || _currentOptions$notLi === void 0 ? void 0 : _currentOptions$notLi.changeData), {}, {
+        addGradientsObjects: gradientsSettings
+      })
+    })
+  });
+};
+
+exports.addGradientsSettings = addGradientsSettings;
+
+var addTooltipOptions = function addTooltipOptions(currentOptions, tooltipOptions) {
+  return _objectSpread(_objectSpread({}, currentOptions), {}, {
+    options: _objectSpread(_objectSpread({}, currentOptions.options), {}, {
+      plugins: _objectSpread(_objectSpread({}, currentOptions.options.plugins), {}, {
+        tooltip: tooltipOptions
+      })
+    })
+  });
+}; // must be last function in file
+
+
+exports.addTooltipOptions = addTooltipOptions;
+
+var addAdditionalOptions = function addAdditionalOptions(currentOptions, optionsToAdd) {
+  var addOption = function addOption(currentOptions, optionKey, optionData) {
+    switch (optionKey) {
+      case 'addGradientsSettings':
+        return addGradientsSettings(currentOptions, optionData);
+
+      case 'addTooltipOptions':
+        return addTooltipOptions(currentOptions, optionData);
+      // ToDo - после выпилить кейс
+
+      case 'consoleCurrentData':
+        console.log(currentOptions);
+        return currentOptions;
+
+      default:
+        return currentOptions;
+    }
+  };
+
+  var iterator = Object.keys(optionsToAdd);
+  return iterator.reduce(function (acc, key) {
+    return addOption(acc, key, optionsToAdd[key]);
+  }, currentOptions);
+};
+
+var _default = addAdditionalOptions;
+exports.default = _default;

package/dist/Atomic/UI/Chart/partial/utils.js

@@ -13,7 +13,7 @@ var _Chart = require("./Chart.constants");
 
 var _utils = require("../../../../Functions/utils");
 
-var _datasetSetters = require("./datasetSetters");
+var _datasetSetters = _interopRequireDefault(require("./datasetSetters"));
 
 var getChartTypeKey = function getChartTypeKey(model) {
   var _optionsConstructor$m, _optionsConstructor$m2;
@@ -44,58 +44,13 @@ var getNotLibraryOptionsOptions = function getNotLibraryOptionsOptions(model) {
 
 exports.getNotLibraryOptionsOptions = getNotLibraryOptionsOptions;
 
-var prepareData = function prepareData(model, data, chart) {
-  if (!chart) return data;
+var prepareData = function prepareData(model, data, chartInstance) {
+  if (!chartInstance) return data;
   var notLibraryOptions = getNotLibraryOptionsOptions(model);
-  var dataPreparationIterationsKeys = notLibraryOptions !== null && notLibraryOptions !== void 0 && notLibraryOptions.changeData ? Object.keys(notLibraryOptions.changeData) : [];
-  return dataPreparationIterationsKeys.reduce(function (acc, iterationKey) {
-    return changeData(acc, iterationKey);
+  var iterator = notLibraryOptions !== null && notLibraryOptions !== void 0 && notLibraryOptions.changeData ? Object.keys(notLibraryOptions.changeData) : [];
+  return iterator.reduce(function (acc, dataChangeKey) {
+    return (0, _datasetSetters.default)(acc, dataChangeKey, notLibraryOptions.changeData[dataChangeKey], chartInstance);
   }, (0, _utils.clone)(data));
-
-  function changeData(currentData, iterationKey) {
-    switch (iterationKey) {
-      case 'setMaxBarThickness':
-        var _ref2 = notLibraryOptions.changeData || {},
-            setMaxBarThickness = _ref2.setMaxBarThickness;
-
-        return (0, _datasetSetters.addDatasetsObjects)(currentData, {
-          maxBarThickness: setMaxBarThickness
-        });
-
-      case 'addGradientsObjects':
-        var _ref3 = notLibraryOptions.changeData || {},
-            addGradientsObjects = _ref3.addGradientsObjects;
-
-        return addGradientsObjects.reduce(function (acc, gradientSettingsObj) {
-          return (0, _datasetSetters.addGradientsObject)(acc, gradientSettingsObj, chart);
-        }, (0, _utils.clone)(currentData));
-
-      case 'addNotLibraryAnimations':
-        var _ref4 = (notLibraryOptions === null || notLibraryOptions === void 0 ? void 0 : notLibraryOptions.changeData) || {},
-            addNotLibraryAnimations = _ref4.addNotLibraryAnimations;
-
-        return addNotLibraryAnimations.reduce(function (acc, animationObj) {
-          return (0, _datasetSetters.addNotLibraryAnimation)(acc, animationObj, chart);
-        }, currentData);
-
-      case 'changeScaleSize':
-        var _ref5 = (notLibraryOptions === null || notLibraryOptions === void 0 ? void 0 : notLibraryOptions.changeData) || {},
-            changeScaleSize = _ref5.changeScaleSize;
-
-        console.log(changeScaleSize);
-        return currentData;
-      // ToDo - после выпилить кейс
-
-      case 'consoleCurrentData':
-        console.log(currentData);
-        return currentData;
-
-      default:
-        return currentData;
-    }
-  }
-
-  ;
 };
 
 exports.prepareData = prepareData;

package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js

@@ -35,61 +35,62 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var ExampleChartIntegration = function ExampleChartIntegration(props) {
   var _ref = props || {},
-      dateRange = _ref.dateRange,
-      chart = _ref.chart;
+      inputDateRangeProps = _ref.inputDateRangeProps,
+      chartProps = _ref.chartProps;
 
-  var _ref2 = chart || {},
-      initialChartType = _ref2.initialChartType;
+  var _ref2 = inputDateRangeProps || {},
+      outerDateRange = _ref2.value,
+      changeDateRange = _ref2.onChange;
 
-  var _useState = (0, _react.useState)({
-    intervalKey: 'thisMonth'
-  }),
+  var _ref3 = chartProps || {},
+      initialChartType = _ref3.initialChartType;
+
+  var dateRange = (0, _react.useMemo)(function () {
+    return (0, _utils.getSafelyDateRange)(outerDateRange);
+  }, [outerDateRange]);
+
+  var _useState = (0, _react.useState)(initialChartType || 'Bar'),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      range = _useState2[0],
-      setRange = _useState2[1];
+      chartType = _useState2[0],
+      setChartType = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(initialChartType || 'Bar'),
+  var _useState3 = (0, _react.useState)('tab1'),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      chartType = _useState4[0],
-      setChartType = _useState4[1];
+      tab = _useState4[0],
+      setTab = _useState4[1];
 
-  var _useState5 = (0, _react.useState)('tab1'),
+  var _useState5 = (0, _react.useState)(chartType === 'Bar' ? 'finturfLoadingModeBar' : 'finturfLoadingModeLine'),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      tab = _useState6[0],
-      setTab = _useState6[1];
+      initialModel = _useState6[0],
+      setInitialModel = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(chartType === 'Bar' ? 'finturfLoadingModeBar' : 'finturfLoadingModeLine'),
+  var _useState7 = (0, _react.useState)(null),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      initialModel = _useState8[0],
-      setInitialModel = _useState8[1];
+      tab1 = _useState8[0],
+      setTab1 = _useState8[1];
 
   var _useState9 = (0, _react.useState)(null),
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      tab1 = _useState10[0],
-      setTab1 = _useState10[1];
+      tab2 = _useState10[0],
+      setTab2 = _useState10[1];
 
   var _useState11 = (0, _react.useState)(null),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      tab2 = _useState12[0],
-      setTab2 = _useState12[1];
+      tab3 = _useState12[0],
+      setTab3 = _useState12[1];
 
   var _useState13 = (0, _react.useState)(null),
       _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      tab3 = _useState14[0],
-      setTab3 = _useState14[1];
+      tab4 = _useState14[0],
+      setTab4 = _useState14[1];
 
   var _useState15 = (0, _react.useState)(null),
       _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      tab4 = _useState16[0],
-      setTab4 = _useState16[1];
-
-  var _useState17 = (0, _react.useState)(null),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      dataForRender = _useState18[0],
-      setDataForRender = _useState18[1];
+      dataForRender = _useState16[0],
+      setDataForRender = _useState16[1];
 
   var getMockData = function getMockData() {
-    var labels = (0, _utils.getLabels)(range);
+    var labels = (0, _utils.getLabels)(dateRange);
 
     var mock = function mock() {
       return labels.map(function (label) {
@@ -124,6 +125,25 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
     }
   };
 
+  var getDescription = function getDescription(tabId) {
+    switch (tabId) {
+      case 'tab1':
+        return 'Tab 1';
+
+      case 'tab2':
+        return 'Tab 2';
+
+      case 'tab3':
+        return 'Tab 3';
+
+      case 'tab4':
+        return 'Tab 4';
+
+      default:
+        return null;
+    }
+  };
+
   var selectData = function selectData() {
     return getTabData(tab) ? getTabData(tab) : getMockData();
   };
@@ -174,17 +194,17 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
     // вся логика происходит в самих входящих промисах
     // Promise.all добавлен для расширения на случай надобности описания эффектов по завершении всех запросов
 
-    Promise.all([(0, _utils.getTab)('tab1', range, processResponse), (0, _utils.getTab)('tab2', range, processResponse), (0, _utils.getTab)('tab3', range, processResponse), (0, _utils.getTab)('tab4', range, processResponse)]);
-  }, [range]);
+    Promise.all([(0, _utils.getTab)('tab1', dateRange, processResponse), (0, _utils.getTab)('tab2', dateRange, processResponse), (0, _utils.getTab)('tab3', dateRange, processResponse), (0, _utils.getTab)('tab4', dateRange, processResponse)]);
+  }, [dateRange]);
   (0, _react.useLayoutEffect)(function () {
     setInitialModel(getModel());
     setDataForRender(selectData());
   }, [!!getTabData(tab), tab, chartType]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "example-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_InputDateRange.default, (0, _extends2.default)({}, dateRange, {
-    value: range,
-    onChange: setRange
+  }, /*#__PURE__*/_react.default.createElement(_InputDateRange.default, (0, _extends2.default)({}, inputDateRangeProps, {
+    value: outerDateRange,
+    onChange: changeDateRange
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "buttons-block"
   }, /*#__PURE__*/_react.default.createElement("button", {
@@ -215,12 +235,15 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
     onClick: function onClick() {
       return setTab('tab4');
     }
-  }, "Tab 4")), /*#__PURE__*/_react.default.createElement(_Chart.default, (0, _extends2.default)({}, chart, {
+  }, "Tab 4")), /*#__PURE__*/_react.default.createElement(_Chart.default, (0, _extends2.default)({}, chartProps, {
     key: JSON.stringify(dataForRender),
     data: dataForRender,
     setModelExternalValue: handleChangeChartType,
     initialModel: initialModel,
-    modelsForSwitch: modelsForSwitch
+    modelsForSwitch: modelsForSwitch,
+    description: {
+      label: getDescription(tab)
+    }
   })));
 };
 

package/dist/Atomic/UI/ExampleChartIntegration/partial/AnyOuterClass.scss

@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Sarabun&display=swap');
+
 .example-wrapper {
   max-width: 850px;
   
@@ -39,6 +41,7 @@
     line-height: 24px;
     letter-spacing: 0.1px;
     color: #3B414B;
+    font-family: 'Sarabun';
   }
 
   .chart__description-value {

package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTab = exports.getMockValue = exports.getLabels = void 0;
+exports.getTab = exports.getMockValue = exports.getLabels = exports.getSafelyDateRange = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -17,6 +17,15 @@ var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 
 var _dependencies = require("../../../FormElements/InputDateRange/dependencies");
 
+var getSafelyDateRange = function getSafelyDateRange(dateRange) {
+  return (!(dateRange !== null && dateRange !== void 0 && dateRange.start) || !(dateRange !== null && dateRange !== void 0 && dateRange.end)) && (!(dateRange !== null && dateRange !== void 0 && dateRange.intervalKey) || (dateRange === null || dateRange === void 0 ? void 0 : dateRange.intervalKey) === 'allTime') ? (0, _dependencies.getActualDateRange)({
+    start: '2022-01-01T00:00:00',
+    end: (0, _momentTimezone.default)().endOf('day').format('YYYY-MM-DDTHH:mm:ss')
+  }) : (0, _dependencies.getActualDateRange)(dateRange);
+};
+
+exports.getSafelyDateRange = getSafelyDateRange;
+
 var getLabels = function getLabels(range) {
   var MINIMUM_INTERVAL = 'hour';
   var NO_MORE_THAN_THREE_HOURS = 3; // this is hours
@@ -75,7 +84,7 @@ var getLabels = function getLabels(range) {
 exports.getLabels = getLabels;
 
 var getMockValue = function getMockValue() {
-  return Math.trunc(Math.random() * 1000);
+  return Math.trunc(Math.random() * 1000000);
 };
 
 exports.getMockValue = getMockValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.2.39",
+  "version": "0.2.42",
   "description": "",
   "main": "dist/index.js",
   "files": [
@@ -22,6 +22,7 @@
     "classnames": "^2.3.1",
     "moment": "^2.29.1",
     "moment-timezone": "^0.5.34",
+    "node-fetch": "^3.2.6",
     "react": "^17.0.2",
     "react-chartjs-2": "^4.1.0",
     "react-feather": "^2.0.9",