intelicoreact 0.2.37 → 0.2.40

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

@@ -25,12 +25,12 @@ var _helpers = require("chart.js/helpers");
 
 var ChartComponents = _interopRequireWildcard(require("react-chartjs-2"));
 
-var _optionsConstructor = require("./partial/optionsConstructor");
-
 var _utils = require("./partial/utils");
 
 var _Chart = require("./partial/Chart.constants");
 
+var _utils2 = require("../../../Functions/utils");
+
 var _ChartTypeSwitcherIcon = _interopRequireDefault(require("./partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon"));
 
 require("./Chart.scss");
@@ -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,
@@ -53,15 +53,11 @@ var Chart = function Chart(_ref) {
       data = _ref.data;
   if (!data) return null;
 
-  var correctModelKey = function correctModelKey(key) {
-    return key && _Chart.CHART_TYPES.includes((0, _utils.getChartTypeKey)(key)) ? key : _Chart.DEFAULT_CHART_MODEL;
-  };
-
   var _ref2 = description || {},
       label = _ref2.label,
       value = _ref2.value;
 
-  var _useState = (0, _react.useState)(correctModelKey(initialModel)),
+  var _useState = (0, _react.useState)(_Chart.DEFAULT_CHART_MODEL),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       model = _useState2[0],
       setModel = _useState2[1];
@@ -72,46 +68,46 @@ var Chart = function Chart(_ref) {
       setLocalData = _useState4[1];
 
   var chartRef = (0, _react.useRef)(null);
-
-  var isExcludeDescription = _optionsConstructor.componentOptions.disableDescriptionsFor.includes(model);
-
-  var isExcludeChartTypeSwitcher = _optionsConstructor.componentOptions.disableChartTypeSwitcherFor.includes(model);
-
-  var getChartOptions = function getChartOptions(currentModel) {
-    return customOptions || (0, _utils.getOptions)(currentModel);
-  };
-
+  var charContainertRef = (0, _react.useRef)(null);
+  var options = (0, _react.useMemo)(function () {
+    return customOptions || (0, _utils.getOptions)(model);
+  }, [customOptions, model]);
+  var notLibraryOptionsOptions = (0, _react.useMemo)(function () {
+    return customOptions ? customOptions === null || customOptions === void 0 ? void 0 : customOptions.notLibraryOptions : (0, _utils.getNotLibraryOptionsOptions)(model);
+  }, [customOptions, model]);
   var ChartComponent = (0, _react.useCallback)(function (props) {
     var Component = ChartComponents[(0, _utils.getChartTypeKey)(model)];
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: chartRef
     }, props));
   }, [model]);
+
+  var isExcludeDescription = _Chart.COMPONENT_OPTIONS.disableDescriptionsFor.includes(model);
+
+  var isExcludeChartTypeSwitcher = _Chart.COMPONENT_OPTIONS.disableChartTypeSwitcherFor.includes(model);
+
   (0, _react.useLayoutEffect)(function () {
-    setModel(correctModelKey(initialModel));
-  }, [initialModel]);
-  (0, _react.useLayoutEffect)(function () {
-    if (setModelExternalValue) setModelExternalValue(correctModelKey(model));
+    if (setModelExternalValue && model !== 'emptyLayout') setModelExternalValue(model);
   }, [model]);
-  (0, _react.useEffect)(function () {
-    var _getChartOptions = getChartOptions(model),
-        _getChartOptions$notL = _getChartOptions.notLibraryOptions;
-
-    _getChartOptions$notL = _getChartOptions$notL === void 0 ? {} : _getChartOptions$notL;
-    var setCanvasDimensions = _getChartOptions$notL.setCanvasDimensions;
+  (0, _react.useLayoutEffect)(function () {
+    var _ref3 = notLibraryOptionsOptions || {},
+        setCanvasDimensions = _ref3.setCanvasDimensions;
 
-    if (chartRef.current) {
+    if (charContainertRef.current) {
       var _setCanvasDimensions$, _setCanvasDimensions$2;
 
-      chartRef.current.canvas.parentNode.style.width = (_setCanvasDimensions$ = setCanvasDimensions === null || setCanvasDimensions === void 0 ? void 0 : setCanvasDimensions.width) !== null && _setCanvasDimensions$ !== void 0 ? _setCanvasDimensions$ : '';
-      chartRef.current.canvas.parentNode.style.height = (_setCanvasDimensions$2 = setCanvasDimensions === null || setCanvasDimensions === void 0 ? void 0 : setCanvasDimensions.height) !== null && _setCanvasDimensions$2 !== void 0 ? _setCanvasDimensions$2 : '';
+      charContainertRef.current.style.width = (_setCanvasDimensions$ = setCanvasDimensions === null || setCanvasDimensions === void 0 ? void 0 : setCanvasDimensions.width) !== null && _setCanvasDimensions$ !== void 0 ? _setCanvasDimensions$ : '';
+      charContainertRef.current.style.height = (_setCanvasDimensions$2 = setCanvasDimensions === null || setCanvasDimensions === void 0 ? void 0 : setCanvasDimensions.height) !== null && _setCanvasDimensions$2 !== void 0 ? _setCanvasDimensions$2 : '';
     }
-  }, [model]);
+  }, [notLibraryOptionsOptions]);
+  (0, _react.useEffect)(function () {
+    return setModel((0, _utils.correctModelKey)(initialModel));
+  }, [initialModel]);
   (0, _react.useEffect)(function () {
-    return setLocalData((0, _utils.prepareData)(model, data, chartRef.current));
-  }, [model, data, chartRef]);
+    return setLocalData((0, _utils.prepareData)(model, (0, _utils2.clone)(data), chartRef.current));
+  }, [model, data]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_icon-mode"), _optionsConstructor.iconModels.includes(model)), className)
+    className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_icon-mode"), _Chart.ICON_MODELS.includes(model)), className)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__header"), (0, _defineProperty2.default)({}, "".concat(RC, "__header_only-switcher"), !description))
   }, description && !isExcludeDescription ? /*#__PURE__*/_react.default.createElement("div", {
@@ -135,8 +131,9 @@ var Chart = function Chart(_ref) {
       return setModel((modelsForSwitch === null || modelsForSwitch === void 0 ? void 0 : modelsForSwitch[1]) || 'lineLayout');
     }
   })) : null), /*#__PURE__*/_react.default.createElement("div", {
+    ref: charContainertRef,
     className: (0, _classnames.default)("".concat(RC, "__chart-wrapper"))
-  }, /*#__PURE__*/_react.default.createElement(ChartComponent, (0, _extends2.default)({}, getChartOptions(model), {
+  }, /*#__PURE__*/_react.default.createElement(ChartComponent, (0, _extends2.default)({}, options, {
     data: localData
   }))));
 };

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

@@ -3,10 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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 = 'barLayout';
+var DEFAULT_CHART_MODEL = 'emptyLayout';
 exports.DEFAULT_CHART_MODEL = DEFAULT_CHART_MODEL;
 var FINTURF_ADD_GRADIENT_COLORS_POSITIVE = ['#53D1AD', '#389AA3'];
 exports.FINTURF_ADD_GRADIENT_COLORS_POSITIVE = FINTURF_ADD_GRADIENT_COLORS_POSITIVE;
@@ -30,7 +33,6 @@ var GRADIENTS_OBJECTS = {
       colors: ['rgba(84, 210, 173, 0.2)', 'rgba(84, 210, 173, 0.1)', 'rgba(84, 210, 173, 0)'],
       direction: 'toBottom',
       collorStopPoints: [0.31, 0.72, 1],
-      typeDistributionOfGradientPoints: 'personalBase',
       isAddFill: true
     }],
     positiveLineIcon: [{
@@ -45,4 +47,45 @@ var GRADIENTS_OBJECTS = {
     }]
   }
 };
-exports.GRADIENTS_OBJECTS = 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 = {
+  disableDescriptionsFor: [].concat(ICON_MODELS),
+  disableChartTypeSwitcherFor: [].concat(ICON_MODELS, ['barLayout', 'lineLayout'])
+};
+exports.COMPONENT_OPTIONS = COMPONENT_OPTIONS;

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

@@ -13,8 +13,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _utils = require("../utils");
-
 require("./ChartTypeSwitcherIcon.scss");
 
 var RC = 'chart__type-switcher-icon';

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; }
@@ -19,8 +21,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 // auxiliary functions
 var addDatasetsObjects = function addDatasetsObjects(currentData, mutation) {
+  var _currentData$datasets, _currentData$datasets2;
+
   return _objectSpread(_objectSpread({}, currentData), {}, {
-    datasets: currentData.datasets.map(function (dataset) {
+    datasets: (_currentData$datasets = currentData.datasets) === null || _currentData$datasets === void 0 ? void 0 : (_currentData$datasets2 = _currentData$datasets.map) === null || _currentData$datasets2 === void 0 ? void 0 : _currentData$datasets2.call(_currentData$datasets, function (dataset) {
       return _objectSpread(_objectSpread({}, dataset), typeof mutation === 'function' ? mutation(dataset) : mutation);
     })
   });
@@ -87,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) {
@@ -106,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);
@@ -137,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;