intelicoreact 0.2.25 → 0.2.28

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

@@ -0,0 +1,145 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _chart = require("chart.js");
+
+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 _ChartTypeSwitcherIcon = _interopRequireDefault(require("./partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon"));
+
+require("./Chart.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 RC = 'chart';
+
+_chart.Chart.register(_chart.CategoryScale, _chart.LinearScale, _chart.BarElement, _chart.PointElement, _chart.LineElement);
+
+var Chart = function Chart(_ref) {
+  var className = _ref.className,
+      initialModel = _ref.initialModel,
+      modelsForSwitch = _ref.modelsForSwitch,
+      setModelExternalValue = _ref.setModelExternalValue,
+      description = _ref.description,
+      customOptions = _ref.customOptions,
+      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)),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      model = _useState2[0],
+      setModel = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(data),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      localData = _useState4[0],
+      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() {
+    return customOptions || (0, _utils.getOptions)(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]);
+  (0, _react.useLayoutEffect)(function () {
+    if (initialModel !== model) setModel(correctModelKey(initialModel));
+  }, [initialModel]);
+  (0, _react.useLayoutEffect)(function () {
+    if (setModelExternalValue) setModelExternalValue(correctModelKey(model));
+  }, [model]);
+  (0, _react.useEffect)(function () {
+    return setLocalData((0, _utils.prepareData)(model, data, chartRef.current));
+  }, [model, data, chartRef]);
+  (0, _react.useEffect)(function () {
+    var _getChartOptions = getChartOptions(),
+        _getChartOptions$notL = _getChartOptions.notLibraryOptions;
+
+    _getChartOptions$notL = _getChartOptions$notL === void 0 ? {} : _getChartOptions$notL;
+    var setCanvasDimensions = _getChartOptions$notL.setCanvasDimensions;
+
+    if (chartRef.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 : '';
+    }
+  }, [model]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_icon-mode"), _optionsConstructor.iconModels.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", {
+    className: (0, _classnames.default)("".concat(RC, "__description"))
+  }, label ? /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)("".concat(RC, "__description-title"))
+  }, label) : null, value ? /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("".concat(RC, "__description-value"))
+  }, value) : null) : null, !isExcludeChartTypeSwitcher ? /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("".concat(RC, "__type-switcher"))
+  }, /*#__PURE__*/_react.default.createElement(_ChartTypeSwitcherIcon.default, {
+    iconType: "Bar",
+    isActive: (0, _utils.getChartTypeKey)(model) === 'Bar',
+    onClick: function onClick() {
+      return setModel((modelsForSwitch === null || modelsForSwitch === void 0 ? void 0 : modelsForSwitch[0]) || 'barLayout');
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ChartTypeSwitcherIcon.default, {
+    iconType: "Line",
+    isActive: (0, _utils.getChartTypeKey)(model) === 'Line',
+    onClick: function onClick() {
+      return setModel((modelsForSwitch === null || modelsForSwitch === void 0 ? void 0 : modelsForSwitch[1]) || 'lineLayout');
+    }
+  })) : null), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("".concat(RC, "__chart-wrapper"))
+  }, /*#__PURE__*/_react.default.createElement(ChartComponent, (0, _extends2.default)({}, getChartOptions(), {
+    data: localData
+  }))));
+};
+
+var _default = Chart;
+exports.default = _default;

package/dist/Atomic/UI/Chart/Chart.scss

@@ -0,0 +1,57 @@
+
+.chart {
+  box-sizing: border-box;
+  position: relative;
+  height: fit-content;
+  padding: 24px;
+
+  &__header {
+    margin-bottom: 24px;
+    display: flex;
+    flex-flow: row nowrap;
+    justify-content: space-between;
+    align-items: flex-start;
+
+    &_only-switcher {
+      justify-content: flex-end;
+    }
+  }
+
+  &__description {
+    flex-grow: 1;
+    padding-left: 24px;
+
+    display: flex;
+    flex-flow: column nowrap;
+    justify-content: flex-start;
+    align-items: flex-start;
+  }
+
+  &__type-switcher {
+    width: fit-content;
+    height: fit-content;
+
+    display: flex;
+    flex-flow: row nowrap;
+    justify-content: flex-start;
+    align-items: flex-start;
+
+    &-icon {
+      margin-right: 8px;
+
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+
+  // не менять положение этого/этих классов, класс-модификаторы должны быть внизу
+  &_icon-mode {
+    width: fit-content;
+    padding: 0;
+
+    .chart__header {
+      margin-bottom: 0;
+    }
+  }
+}

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

@@ -0,0 +1,38 @@
+.any-outer-class__chart:not(.chart_icon-mode) {
+  max-width: 806px;
+
+  background: #FFFFFF;
+  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.05);
+  border-radius: 16px;
+}
+
+
+.any-outer-class__chart {
+  .chart__description-title {
+    font-style: normal;
+    font-weight: 600;
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: 0.1px;
+    color: #3B414B;
+  }
+  .chart__description-value {
+    span {
+      font-style: normal;
+      font-weight: 600;
+      font-size: 20px;
+      line-height: 30px;
+      letter-spacing: 0.359794px;
+      color: #3B414B;
+
+      
+
+      &:last-child {
+        font-size: 14px;
+        line-height: 20px;
+        letter-spacing: 0.2px;
+        color: #757F8C;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GRADIENT_OBJECTS = exports.FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = exports.FINTURF_ADD_GRADIENT_COLORS_POSITIVE = exports.DEFAULT_CHART_MODEL = exports.CHART_TYPES = void 0;
+var CHART_TYPES = ['Bar', 'Line'];
+exports.CHART_TYPES = CHART_TYPES;
+var DEFAULT_CHART_MODEL = 'barLayout';
+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;
+var FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = ['#FDB4DB', '#FA2E69'];
+exports.FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = FINTURF_ADD_GRADIENT_COLORS_NEGATIVE;
+var GRADIENT_OBJECTS = {
+  finturf: {
+    bar: {
+      gradientTargetPropertyName: 'backgroundColor',
+      colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,
+      direction: 'toBottom',
+      typeDistributionOfGradientPoints: 'personalBase'
+    },
+    line: {
+      gradientTargetPropertyName: 'borderColor',
+      colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,
+      direction: 'toRight'
+    }
+  }
+};
+exports.GRADIENT_OBJECTS = GRADIENT_OBJECTS;

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

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _utils = require("../utils");
+
+require("./ChartTypeSwitcherIcon.scss");
+
+var RC = 'chart__type-switcher-icon';
+
+var getIcon = function getIcon(type) {
+  switch (type) {
+    case 'Bar':
+      return /*#__PURE__*/_react.default.createElement("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 25",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, /*#__PURE__*/_react.default.createElement("rect", {
+        y: "0.5",
+        width: "24",
+        height: "24",
+        rx: "4",
+        fill: "#EAF2FF"
+      }), /*#__PURE__*/_react.default.createElement("path", {
+        d: "M18 18V11",
+        stroke: "#1F7499",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }), /*#__PURE__*/_react.default.createElement("path", {
+        d: "M12 18V6",
+        stroke: "#1F7499",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }), /*#__PURE__*/_react.default.createElement("path", {
+        d: "M6 18V13",
+        stroke: "#1F7499",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }));
+
+    case 'Line':
+      return /*#__PURE__*/_react.default.createElement("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 25",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, /*#__PURE__*/_react.default.createElement("rect", {
+        y: "0.5",
+        width: "24",
+        height: "24",
+        rx: "4",
+        fill: "#EAF2FF"
+      }), /*#__PURE__*/_react.default.createElement("path", {
+        d: "M21 8L15.2544 13.2668C14.1075 14.3181 12.3288 14.3014 11.1818 13.25V13.25C10.0349 12.1986 8.25615 12.1819 7.10919 13.2332L3 17",
+        stroke: "#1F7499",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }));
+
+    default:
+      return null;
+  }
+};
+
+var ChartTypeSwitcherIcon = function ChartTypeSwitcherIcon(_ref) {
+  var iconType = _ref.iconType,
+      isActive = _ref.isActive,
+      className = _ref.className,
+      onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_active"), isActive), className),
+    onClick: onClick
+  }, getIcon(iconType));
+};
+
+var _default = ChartTypeSwitcherIcon;
+exports.default = _default;

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

@@ -0,0 +1,18 @@
+.chart__type-switcher-icon {
+  overflow: hidden;
+  width: 24px;
+  height: 24px;
+  cursor: pointer;
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+  &_active {
+    svg rect{
+      fill: #1F7499;
+    }
+    svg path {
+      stroke: white;
+    }
+  }
+}

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

@@ -0,0 +1,286 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.componentOptions = exports.iconModels = exports.chartTypeKeysFormatter = exports.default = exports.reactChartJsOptionsLayouts = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _Chart = require("./Chart.constants");
+
+var _reactChartJsOptionsL, _reactChartJsOptionsL2, _reactChartJsOptionsL3, _reactChartJsOptionsL4, _reactChartJsOptionsL5, _reactChartJsOptionsL6, _reactChartJsOptionsL7, _reactChartJsOptionsL8, _reactChartJsOptionsL9, _reactChartJsOptionsL10, _reactChartJsOptionsL11, _reactChartJsOptionsL12, _reactChartJsOptionsL13, _reactChartJsOptionsL14, _reactChartJsOptionsL15, _reactChartJsOptionsL16, _reactChartJsOptionsL17, _reactChartJsOptionsL18, _reactChartJsOptionsL19, _reactChartJsOptionsL20, _reactChartJsOptionsL21, _reactChartJsOptionsL22, _reactChartJsOptionsL23, _reactChartJsOptionsL24, _reactChartJsOptionsL25, _finturfChartLine$opt, _finturfChartLine$opt2, _finturfChartLine$opt3, _reactChartJsOptions;
+
+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; }
+
+// options constructors for ChartJS
+var reactChartJsOptionsLayouts = {
+  lineIconLayout: {
+    options: {
+      responsive: true,
+      maintainAspectRatio: false,
+      scales: {
+        x: {
+          display: false
+        },
+        y: {
+          display: false
+        }
+      },
+      elements: {
+        point: {
+          radius: 0
+        },
+        line: {
+          tension: 0.45,
+          borderJoinStyle: 'round',
+          borderWidth: 1,
+          capBezierPoints: true
+        }
+      }
+    },
+    plugins: {},
+    redraw: true,
+    notLibraryOptions: {
+      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+      // => Файл Chart.js => определение ChartComponent
+      chartTypeKey: 'Line',
+      changeData: {},
+      setCanvasDimensions: {
+        width: '75px',
+        height: '35px'
+      }
+    }
+  },
+  lineLayout: {
+    options: {
+      responsive: true,
+      scales: {
+        x: {
+          grid: {
+            display: false,
+            offset: true
+          }
+        },
+        y: {
+          min: 0,
+          bounds: 'data',
+          title: {// color: '#A0A4B0',
+            // color: '#32A784',
+            // font: '',
+            // padding: {
+            //   right: 25,
+            //   bottom: 10,
+            // },
+          },
+          grid: {
+            borderColor: '#E1E8F1',
+            color: '#E1E8F1',
+            borderDash: [5],
+            // borderDashOffset: 12,
+            drawTicks: false,
+            z: -1
+          }
+        }
+      },
+      elements: {
+        point: {
+          radius: 4,
+          pointStyle: 'circle',
+          backgroundColor: '#FFFFFF',
+          color: '#FFFFFF'
+        },
+        line: {
+          tension: 0.45,
+          borderWidth: 2,
+          borderJoinStyle: 'round',
+          capBezierPoints: true
+        }
+      }
+    },
+    plugins: {},
+    redraw: true,
+    notLibraryOptions: {
+      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+      // => Файл Chart.js => определение ChartComponent
+      chartTypeKey: 'Line'
+    }
+  },
+  barLayout: {
+    options: {
+      responsive: true,
+      scales: {
+        x: {
+          grid: {
+            display: false,
+            offset: true
+          }
+        },
+        y: {
+          min: 0,
+          bounds: 'data',
+          title: {// color: '#A0A4B0',
+            // color: '#32A784',
+            // font: '',
+            // padding: {
+            //   right: 25,
+            //   bottom: 10,
+            // },
+          },
+          grid: {
+            borderColor: '#E1E8F1',
+            color: '#E1E8F1',
+            borderDash: [5],
+            drawTicks: false,
+            z: -1
+          }
+        }
+      },
+      elements: {
+        bar: {
+          borderRadius: 5
+        }
+      }
+    },
+    plugins: {},
+    redraw: true,
+    notLibraryOptions: {
+      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+      // => Файл Chart.js => определение ChartComponent
+      chartTypeKey: 'Bar'
+    }
+  }
+};
+exports.reactChartJsOptionsLayouts = reactChartJsOptionsLayouts;
+
+var addGradient = function addGradient(currentOptions, gradientObj) {
+  var _currentOptions$notLi;
+
+  return _objectSpread(_objectSpread({}, currentOptions), {}, {
+    notLibraryOptions: _objectSpread(_objectSpread({}, currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.notLibraryOptions), {}, {
+      changeData: _objectSpread(_objectSpread({}, currentOptions === null || currentOptions === void 0 ? void 0 : (_currentOptions$notLi = currentOptions.notLibraryOptions) === null || _currentOptions$notLi === void 0 ? void 0 : _currentOptions$notLi.changeData), {}, {
+        addGradient: gradientObj
+      })
+    })
+  });
+};
+
+var getLineIconLayoutOptionsAlongWithGradient = function getLineIconLayoutOptionsAlongWithGradient(gradientObj) {
+  return _objectSpread({}, addGradient(reactChartJsOptionsLayouts.lineIconLayout, gradientObj));
+};
+
+var finturfChartBar = _objectSpread(_objectSpread({}, reactChartJsOptionsLayouts.barLayout), {}, {
+  options: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL = reactChartJsOptionsLayouts.barLayout) === null || _reactChartJsOptionsL === void 0 ? void 0 : _reactChartJsOptionsL.options), {}, {
+    maintainAspectRatio: false,
+    elements: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL2 = reactChartJsOptionsLayouts.barLayout) === null || _reactChartJsOptionsL2 === void 0 ? void 0 : (_reactChartJsOptionsL3 = _reactChartJsOptionsL2.options) === null || _reactChartJsOptionsL3 === void 0 ? void 0 : _reactChartJsOptionsL3.elements), {}, {
+      bar: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL4 = reactChartJsOptionsLayouts.barLayout) === null || _reactChartJsOptionsL4 === void 0 ? void 0 : (_reactChartJsOptionsL5 = _reactChartJsOptionsL4.options) === null || _reactChartJsOptionsL5 === void 0 ? void 0 : (_reactChartJsOptionsL6 = _reactChartJsOptionsL5.elements) === null || _reactChartJsOptionsL6 === void 0 ? void 0 : _reactChartJsOptionsL6.bar), {}, {
+        borderRadius: 10
+      })
+    })
+  }),
+  notLibraryOptions: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL7 = reactChartJsOptionsLayouts.barLayout) === null || _reactChartJsOptionsL7 === void 0 ? void 0 : _reactChartJsOptionsL7.notLibraryOptions), {}, {
+    changeData: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL8 = reactChartJsOptionsLayouts.barLayout) === null || _reactChartJsOptionsL8 === void 0 ? void 0 : (_reactChartJsOptionsL9 = _reactChartJsOptionsL8.notLibraryOptions) === null || _reactChartJsOptionsL9 === void 0 ? void 0 : _reactChartJsOptionsL9.changeData), {}, {
+      setMaxBarThickness: 20
+    }),
+    setCanvasDimensions: {
+      height: '194px'
+    }
+  })
+});
+
+var finturfChartLine = _objectSpread(_objectSpread({}, reactChartJsOptionsLayouts.lineLayout), {}, {
+  options: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL10 = reactChartJsOptionsLayouts.lineLayout) === null || _reactChartJsOptionsL10 === void 0 ? void 0 : _reactChartJsOptionsL10.options), {}, {
+    maintainAspectRatio: false,
+    scales: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL11 = reactChartJsOptionsLayouts.lineLayout) === null || _reactChartJsOptionsL11 === void 0 ? void 0 : (_reactChartJsOptionsL12 = _reactChartJsOptionsL11.options) === null || _reactChartJsOptionsL12 === void 0 ? void 0 : _reactChartJsOptionsL12.scales), {}, {
+      y: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL13 = reactChartJsOptionsLayouts.lineLayout) === null || _reactChartJsOptionsL13 === void 0 ? void 0 : (_reactChartJsOptionsL14 = _reactChartJsOptionsL13.options) === null || _reactChartJsOptionsL14 === void 0 ? void 0 : _reactChartJsOptionsL14.scales.y), {}, {
+        title: _objectSpread({}, (_reactChartJsOptionsL15 = reactChartJsOptionsLayouts.lineLayout) === null || _reactChartJsOptionsL15 === void 0 ? void 0 : (_reactChartJsOptionsL16 = _reactChartJsOptionsL15.options) === null || _reactChartJsOptionsL16 === void 0 ? void 0 : (_reactChartJsOptionsL17 = _reactChartJsOptionsL16.scales) === null || _reactChartJsOptionsL17 === void 0 ? void 0 : (_reactChartJsOptionsL18 = _reactChartJsOptionsL17.y) === null || _reactChartJsOptionsL18 === void 0 ? void 0 : _reactChartJsOptionsL18.title),
+        grid: _objectSpread({}, (_reactChartJsOptionsL19 = reactChartJsOptionsLayouts.lineLayout) === null || _reactChartJsOptionsL19 === void 0 ? void 0 : (_reactChartJsOptionsL20 = _reactChartJsOptionsL19.options) === null || _reactChartJsOptionsL20 === void 0 ? void 0 : (_reactChartJsOptionsL21 = _reactChartJsOptionsL20.scales) === null || _reactChartJsOptionsL21 === void 0 ? void 0 : (_reactChartJsOptionsL22 = _reactChartJsOptionsL21.y) === null || _reactChartJsOptionsL22 === void 0 ? void 0 : _reactChartJsOptionsL22.grid)
+      })
+    }),
+    elements: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL23 = reactChartJsOptionsLayouts.lineLayout.options) === null || _reactChartJsOptionsL23 === void 0 ? void 0 : _reactChartJsOptionsL23.elements), {}, {
+      point: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL24 = reactChartJsOptionsLayouts.lineLayout.options) === null || _reactChartJsOptionsL24 === void 0 ? void 0 : (_reactChartJsOptionsL25 = _reactChartJsOptionsL24.elements) === null || _reactChartJsOptionsL25 === void 0 ? void 0 : _reactChartJsOptionsL25.point), {}, {
+        borderColor: '#32A784'
+      })
+    })
+  }),
+  notLibraryOptions: _objectSpread(_objectSpread({}, reactChartJsOptionsLayouts.lineLayout.notLibraryOptions), {}, {
+    setCanvasDimensions: {
+      height: '194px'
+    }
+  })
+});
+
+var finturfLoadingModeBar = _objectSpread(_objectSpread({}, finturfChartBar), {}, {
+  options: _objectSpread(_objectSpread({}, finturfChartBar.options), {}, {
+    animation: false
+  })
+});
+
+var 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), {}, {
+      point: _objectSpread(_objectSpread({}, (_finturfChartLine$opt2 = finturfChartLine.options) === null || _finturfChartLine$opt2 === void 0 ? void 0 : (_finturfChartLine$opt3 = _finturfChartLine$opt2.elements) === null || _finturfChartLine$opt3 === void 0 ? void 0 : _finturfChartLine$opt3.point), {}, {
+        borderColor: '#E1E8F1'
+      })
+    }),
+    animations: {
+      y: false
+    } // transitions: {
+    //   show: {
+    //     animations: {
+    //       x: false,
+    //       y: false,
+    //     }
+    //   },
+    //   hide: {
+    //     animations: {
+    //       x: false,
+    //       y: false,
+    //     }
+    //   },
+    // },
+
+  })
+});
+
+var reactChartJsOptions = (_reactChartJsOptions = {
+  finturfChartBar: _objectSpread({}, addGradient(finturfChartBar, _Chart.GRADIENT_OBJECTS.finturf.bar)),
+  finturfChartBarLoadingMode: _objectSpread({}, finturfChartBar),
+  finturfChartLine: _objectSpread({}, addGradient(finturfChartLine, _Chart.GRADIENT_OBJECTS.finturf.line)),
+  finturfChartLineLoadingMode: _objectSpread({}, finturfChartLine),
+  finturfPositiveLineIcon: _objectSpread({}, addGradient(reactChartJsOptionsLayouts.lineIconLayout, _Chart.GRADIENT_OBJECTS.finturf.line))
+}, (0, _defineProperty2.default)(_reactChartJsOptions, "finturfPositiveLineIcon", _objectSpread({}, addGradient(reactChartJsOptionsLayouts.lineIconLayout, _objectSpread(_objectSpread({}, _Chart.GRADIENT_OBJECTS.finturf.line), {}, {
+  colors: _Chart.FINTURF_ADD_GRADIENT_COLORS_NEGATIVE
+})))), (0, _defineProperty2.default)(_reactChartJsOptions, "finturfPositiveLineIcon", getLineIconLayoutOptionsAlongWithGradient({
+  gradientTargetPropertyName: 'borderColor',
+  colors: ['#53D1AD', '#389AA3'],
+  direction: 'toRight'
+})), (0, _defineProperty2.default)(_reactChartJsOptions, "finturfNegativeLineIcon", getLineIconLayoutOptionsAlongWithGradient({
+  gradientTargetPropertyName: 'borderColor',
+  colors: ['#FDB4DB', '#FA2E69'],
+  direction: 'toRight'
+})), (0, _defineProperty2.default)(_reactChartJsOptions, "finturfLoadingModeBar", finturfLoadingModeBar), (0, _defineProperty2.default)(_reactChartJsOptions, "finturfLoadingModeLine", finturfLoadingModeLine), _reactChartJsOptions);
+var _default = reactChartJsOptions; // Chart component constructors
+
+exports.default = _default;
+var chartTypeKeysFormatter = {
+  finturfChartBar: 'Bar',
+  finturfChartLine: 'Line',
+  finturfPositiveLineIcon: 'Line',
+  finturfNegativeLineIcon: 'Line'
+};
+exports.chartTypeKeysFormatter = chartTypeKeysFormatter;
+var iconModels = ['lineIconLayout', 'finturfPositiveLineIcon', 'finturfNegativeLineIcon'];
+exports.iconModels = iconModels;
+var componentOptions = {
+  disableDescriptionsFor: [].concat(iconModels),
+  disableChartTypeSwitcherFor: [].concat(iconModels)
+};
+exports.componentOptions = componentOptions;