intelicoreact 0.2.40 → 0.2.43

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/RadioRowSwitcher/RadioRowSwitcher.js

@@ -0,0 +1,69 @@
+"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"));
+
+require("./RadioRowSwitcher.scss");
+
+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 classNames = require('classnames');
+
+var RadioRowSwitcher = function RadioRowSwitcher(_ref) {
+  var onChange = _ref.onChange,
+      radios = _ref.radios,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? '' : _ref$label,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? '' : _ref$value;
+  var handle = {
+    change: function change(newValue) {
+      if (newValue === value) onChange('');else onChange(newValue);
+    }
+  };
+
+  var itemClass = function itemClass(key) {
+    return classNames('radio-row-switcher__item', (0, _defineProperty2.default)({}, "radio-row-switcher__item--active", key === value));
+  };
+
+  var sliderClass = function sliderClass(key) {
+    return classNames('radio-row-switcher__slider', "radio-row-switcher__slider--".concat(key));
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "radio-row-switcher"
+  }, label && /*#__PURE__*/_react.default.createElement("div", {
+    className: "radio-row-switcher__label"
+  }, label), /*#__PURE__*/_react.default.createElement("div", {
+    className: "radio-row-switcher__items-box"
+  }, radios.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: item.key
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      onClick: function onClick() {
+        return handle.change(item.key);
+      },
+      className: itemClass(item.key)
+    }, item.label));
+  }), value && /*#__PURE__*/_react.default.createElement("div", {
+    onClick: function onClick() {
+      return handle.change('');
+    },
+    className: sliderClass(value)
+  })));
+};
+
+var _default = RadioRowSwitcher;
+exports.default = _default;

package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.scss

@@ -0,0 +1,119 @@
+.radio-row-switcher {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  &__label {
+    color: #1e1e2d;
+    font-weight: 400;
+    font-size: 13px;
+  }
+
+  &__items-box {
+    box-sizing: border-box;
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    justify-content: center;
+    align-items: center;
+    border-radius: 26px;
+    padding: 1px;
+    min-height: 28px;
+    position: relative;
+    background: #fff;
+    max-width: 275px;
+    min-width: 275px;
+  }
+
+  &__item {
+    cursor: pointer;
+    width: 20%;
+    white-space: nowrap;
+    padding: 3px 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid transparent;
+    border-radius: 16px;
+    height: 18px;
+    font-size: 13px;
+    font-weight: 300;
+    user-select: none;
+    transition: 0.2s ease;
+    color: #1e1e2d;
+
+    &:first-child {
+      min-width: 27px;
+    }
+    &:nth-child(2) {
+      min-width: 19px;
+    }
+    &:nth-child(3) {
+      min-width: 46px;
+    }
+    &:nth-child(4) {
+      min-width: 22px;
+    }
+    &:nth-child(5) {
+      min-width: 54px;
+    }
+
+    &--active {
+      &:first-child {
+        color: #78c58d;
+      }
+      &:nth-child(2) {
+        color: #f06d8d;
+      }
+      &:nth-child(3) {
+        color: #f59a2f;
+      }
+      &:nth-child(4) {
+        font-weight: 400;
+      }
+      &:nth-child(5) {
+        color: #6b81dd;
+      }
+    }
+  }
+
+  &__slider {
+    position: absolute;
+    border-radius: 28px;
+    width: 0;
+    left: 1px;
+    top: 2px;
+    bottom: 2px;
+    border: 1px solid transparent;
+    cursor: pointer;
+    transition: 0.3s ease;
+
+    &--pass {
+      left: 1px;
+      width: 44px;
+      border: 1px solid #00b031;
+    }
+    &--fail {
+      left: 46px;
+      width: 37px;
+      border: 1px solid #f06d8d;
+    }
+
+    &--pending {
+      left: 91px;
+      width: 64px;
+      border: 1px solid #f59a2f;
+    }
+
+    &--na {
+      left: 155px;
+      width: 40px;
+      border: 1px solid #9aa0b9;
+    }
+
+    &--exception {
+      left: 200px;
+      width: 72px;
+      border: 1px solid #6b81dd;
+    }
+  }
+}

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/FormElements/SwitcherRadio/SwitcherRadio.js

@@ -51,6 +51,7 @@ var SwitcherRadio = function SwitcherRadio(_ref) {
       className: (0, _classnames.default)("".concat(RC, "__wrap"), (0, _defineProperty2.default)({}, "switcher-radio_".concat(direction), direction))
     }, options === null || options === void 0 ? void 0 : options.map(function (option) {
       return /*#__PURE__*/_react.default.createElement(_RadioInput.default, (0, _extends2.default)({}, option, {
+        key: option.id,
         className: "switcher-radio__radio",
         checked: safelyValue,
         onChange: function onChange(val) {

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

@@ -50,7 +50,9 @@ var Chart = function Chart(_ref) {
       setModelExternalValue = _ref.setModelExternalValue,
       description = _ref.description,
       customOptions = _ref.customOptions,
-      data = _ref.data;
+      data = _ref.data,
+      addToDatasets = _ref.addToDatasets,
+      modifyOptions = _ref.modifyOptions;
   if (!data) return null;
 
   var _ref2 = description || {},
@@ -70,11 +72,11 @@ var Chart = function Chart(_ref) {
   var chartRef = (0, _react.useRef)(null);
   var charContainertRef = (0, _react.useRef)(null);
   var options = (0, _react.useMemo)(function () {
-    return customOptions || (0, _utils.getOptions)(model);
-  }, [customOptions, model]);
+    return customOptions || (modifyOptions ? modifyOptions((0, _utils.getOptions)(model)) : (0, _utils.getOptions)(model));
+  }, [customOptions, model, modifyOptions.toString(), data]);
   var notLibraryOptionsOptions = (0, _react.useMemo)(function () {
     return customOptions ? customOptions === null || customOptions === void 0 ? void 0 : customOptions.notLibraryOptions : (0, _utils.getNotLibraryOptionsOptions)(model);
-  }, [customOptions, model]);
+  }, [customOptions, model, data]);
   var ChartComponent = (0, _react.useCallback)(function (props) {
     var Component = ChartComponents[(0, _utils.getChartTypeKey)(model)];
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
@@ -104,7 +106,7 @@ var Chart = function Chart(_ref) {
     return setModel((0, _utils.correctModelKey)(initialModel));
   }, [initialModel]);
   (0, _react.useEffect)(function () {
-    return setLocalData((0, _utils.prepareData)(model, (0, _utils2.clone)(data), chartRef.current));
+    return setLocalData((0, _utils.prepareData)(model, (0, _utils2.clone)(data), chartRef.current, addToDatasets));
   }, [model, data]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_icon-mode"), _Chart.ICON_MODELS.includes(model)), className)

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

@@ -4,9 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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';
@@ -77,7 +74,7 @@ var FINTURF_TOOLTIP_OPTIONS = {
   borderRadius: 6,
   callbacks: {
     label: function label(context) {
-      return (0, _fieldValueFormatters.formatDollarSign)((0, _fieldValueFormatters.formatToAddBitDepthPoints)(context.raw));
+      return context.raw || '0';
     }
   }
 };

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

@@ -40,12 +40,11 @@ var reactChartJsOptionsLayouts = {
         line: {
           tension: 0.45,
           borderJoinStyle: 'round',
-          borderWidth: 1,
+          borderWidth: 2,
           capBezierPoints: true
         }
       }
     },
-    plugins: {},
     redraw: true,
     notLibraryOptions: {
       // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
@@ -76,7 +75,6 @@ var reactChartJsOptionsLayouts = {
         }
       }
     },
-    plugins: {},
     redraw: true,
     notLibraryOptions: {
       // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
@@ -94,7 +92,6 @@ var reactChartJsOptionsLayouts = {
         }
       }
     },
-    plugins: {},
     redraw: true,
     notLibraryOptions: {
       // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности

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

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.prepareData = exports.getNotLibraryOptionsOptions = exports.getOptions = exports.correctModelKey = exports.getChartTypeKey = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 var _optionsConstructor = _interopRequireDefault(require("./optionsConstructor"));
 
 var _Chart = require("./Chart.constants");
@@ -15,6 +19,10 @@ var _utils = require("../../../../Functions/utils");
 
 var _datasetSetters = _interopRequireDefault(require("./datasetSetters"));
 
+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; }
+
 var getChartTypeKey = function getChartTypeKey(model) {
   var _optionsConstructor$m, _optionsConstructor$m2;
 
@@ -44,13 +52,18 @@ var getNotLibraryOptionsOptions = function getNotLibraryOptionsOptions(model) {
 
 exports.getNotLibraryOptionsOptions = getNotLibraryOptionsOptions;
 
-var prepareData = function prepareData(model, data, chartInstance) {
+var prepareData = function prepareData(model, data, chartInstance, addToDatasets) {
   if (!chartInstance) return data;
   var notLibraryOptions = getNotLibraryOptionsOptions(model);
   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);
+  var changedData = iterator.reduce(function (acc, dataChangeKey) {
+    return (0, _datasetSetters.default)(acc, dataChangeKey, notLibraryOptions.changeData[dataChangeKey], chartInstance, addToDatasets);
   }, (0, _utils.clone)(data));
+  return addToDatasets && (0, _typeof2.default)(addToDatasets) === 'object' && !Array.isArray(addToDatasets) ? _objectSpread(_objectSpread({}, changedData), {}, {
+    datasets: changedData.datasets.map(function (dataset) {
+      return _objectSpread(_objectSpread({}, dataset), addToDatasets);
+    })
+  }) : changedData;
 };
 
 exports.prepareData = prepareData;

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

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -27,69 +29,76 @@ var _utils = require("./partial/utils");
 
 var _utils2 = require("../../../Functions/utils");
 
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+
 require("./partial/AnyOuterClass.scss");
 
 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; }
 
+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; }
+
 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) {
@@ -193,17 +202,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", {
@@ -234,7 +243,7 @@ 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,
@@ -242,6 +251,26 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
     modelsForSwitch: modelsForSwitch,
     description: {
       label: getDescription(tab)
+    },
+    addToDatasets: {
+      id: tab
+    },
+    modifyOptions: function modifyOptions(options) {
+      var _options$options, _options$options2, _options$options2$plu, _options$options3, _options$options3$plu, _options$options3$plu2;
+
+      return _objectSpread(_objectSpread({}, options), {}, {
+        options: _objectSpread(_objectSpread({}, options === null || options === void 0 ? void 0 : options.options), {}, {
+          plugins: _objectSpread(_objectSpread({}, options === null || options === void 0 ? void 0 : (_options$options = options.options) === null || _options$options === void 0 ? void 0 : _options$options.plugins), {}, {
+            tooltip: _objectSpread(_objectSpread({}, options === null || options === void 0 ? void 0 : (_options$options2 = options.options) === null || _options$options2 === void 0 ? void 0 : (_options$options2$plu = _options$options2.plugins) === null || _options$options2$plu === void 0 ? void 0 : _options$options2$plu.tooltip), {}, {
+              callbacks: _objectSpread(_objectSpread({}, options === null || options === void 0 ? void 0 : (_options$options3 = options.options) === null || _options$options3 === void 0 ? void 0 : (_options$options3$plu = _options$options3.plugins) === null || _options$options3$plu === void 0 ? void 0 : (_options$options3$plu2 = _options$options3$plu.tooltip) === null || _options$options3$plu2 === void 0 ? void 0 : _options$options3$plu2.callbacks), {}, {
+                label: function label(context) {
+                  return context.dataset.id === 'tab3' || context.dataset.id === 'tab4' ? (0, _fieldValueFormatters.formatDollarSign)((0, _fieldValueFormatters.formatToAddBitDepthPoints)(context.raw || '0')) : context.raw || '0';
+                }
+              })
+            })
+          })
+        })
+      });
     }
   })));
 };

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.2.40",
+  "version": "0.2.43",
   "description": "",
   "main": "dist/index.js",
   "files": [