intelicoreact 1.6.22 → 1.6.24

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

@@ -1 +1,188 @@
-function t(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function e(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.forEach(function(r){t(e,r,n[r])})}return e}import{clone as r}from"../../../../Functions/utils";export var addDatasetsObjects=function(t,r){var n,o,a,i;return a=e({},t),i=i={datasets:null==(o=t.datasets)||null==(n=o.map)?void 0:n.call(o,function(t){return e({},t,"function"==typeof r?r(t):r)})},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(i)):(function(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r.push.apply(r,n)}return r})(Object(i)).forEach(function(t){Object.defineProperty(a,t,Object.getOwnPropertyDescriptor(i,t))}),a};export var createGradient=function(t){var e=t.ctx,r=t.area,n=t.colors,o=t.direction,a=t.correctionFactors,i=t.collorStopPoints,c=function(){switch(o){case"toTop-toRight":return e.createLinearGradient(r.left,r.bottom,r.right,r.top);case"toTop-toLeft":return e.createLinearGradient(r.right,r.bottom,r.left,r.top);case"toBottom-toRight":return e.createLinearGradient(r.left,r.top,r.right,r.bottom);case"toBottom-toLeft":return e.createLinearGradient(r.right,r.top,r.left,r.bottom);case"toBottom":return e.createLinearGradient(0,r.top,0,r.bottom);case"toTop":return e.createLinearGradient(0,r.bottom,0,r.top);case"toLeft":return e.createLinearGradient(r.right,0,r.left,0);default:return e.createLinearGradient(r.left,0,r.right,0)}},u=function(t){var e=c(),r=t?1-t:0;return n.forEach(function(o,a){var c=a===n.length-1?1:i&&Array.isArray(i)?r+i[a]*(t||1):r+1/n.length*(t||1);e.addColorStop(c.toFixed(2),o)}),e};return a?a.map(function(t){return u(t)}):u()};export var addGradientsObject=function(r,n,o){return addDatasetsObjects(r,function(r){return e(t({},n.gradientTargetPropertyName,createGradient({ctx:o.ctx,area:o.chartArea,colors:n.colors,direction:n.direction,correctionFactors:"personalBase"===n.typeDistributionOfGradientPoints?r.data.map(function(t){return t/Math.max.apply(null,r.data)}):null,collorStopPoints:n.collorStopPoints})),n.isAddFill?{fill:!0}:{})})};export var addNotLibraryAnimation=function(t,e,r){var n=e||{},o=n.type;return(function(t,e){if(null!=t){var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},a=Object.keys(t);for(n=0;n<a.length;n++)r=a[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(n=0;n<a.length;n++)r=a[n],!(e.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}}}(n,["type"]),"runningColumns"===o)?addDatasetsObjects(t,function(t){return{animations:t.data.map(function(r,n){return{y:{duration:e.duration,easing:e.easing||"linear",from:e.isFixExtremeColumns&&(!n||n===t.data.length-1)?50:e.from||25,to:e.isFixExtremeColumns&&(!n||n===t.data.length-1)?50:e.to||75,loop:!0,delay:Math.random().toFixed(1)*(e.columnsDelayCoef||50)}}})}}):t};export default function(t,e,n,o){switch(e){case"setMaxBarThickness":return addDatasetsObjects(t,{maxBarThickness:n});case"addGradientsObjects":return n.reduce(function(t,e){return addGradientsObject(t,e,o)},r(t));case"addNotLibraryAnimations":return n.reduce(function(t,e){return addNotLibraryAnimation(t,e,o)},t);default:return t}}
+import { clone } from "../../../../Functions/utils";
+
+// auxiliary functions
+
+export const addDatasetsObjects = (currentData, mutation) => ({
+  ...currentData,
+  datasets: currentData.datasets?.map?.((dataset) => ({
+    ...dataset,
+    ...(typeof mutation === "function" ? mutation(dataset) : mutation),
+  })),
+});
+
+export const createGradient = ({
+  ctx,
+  area,
+  colors,
+  direction,
+  correctionFactors,
+  collorStopPoints,
+}) => {
+  const getStartGradient = () => {
+    switch (direction) {
+      case "toTop-toRight":
+        return ctx.createLinearGradient(
+          area.left,
+          area.bottom,
+          area.right,
+          area.top,
+        );
+      case "toTop-toLeft":
+        return ctx.createLinearGradient(
+          area.right,
+          area.bottom,
+          area.left,
+          area.top,
+        );
+      case "toBottom-toRight":
+        return ctx.createLinearGradient(
+          area.left,
+          area.top,
+          area.right,
+          area.bottom,
+        );
+      case "toBottom-toLeft":
+        return ctx.createLinearGradient(
+          area.right,
+          area.top,
+          area.left,
+          area.bottom,
+        );
+
+      case "toBottom":
+        return ctx.createLinearGradient(0, area.top, 0, area.bottom);
+      case "toTop":
+        return ctx.createLinearGradient(0, area.bottom, 0, area.top);
+      case "toLeft":
+        return ctx.createLinearGradient(area.right, 0, area.left, 0);
+      case "toRight":
+      default:
+        return ctx.createLinearGradient(area.left, 0, area.right, 0);
+    }
+  };
+
+  const getGradientWithPoints = (corection) => {
+    const newGradient = getStartGradient();
+    const staptPoint = corection ? 1 - corection : 0;
+
+    colors.forEach((color, idx) => {
+      const point = (() => {
+        if (idx === colors.length - 1) return 1;
+        return collorStopPoints && Array.isArray(collorStopPoints)
+          ? staptPoint + collorStopPoints[idx] * (corection || 1)
+          : staptPoint + (1 / colors.length) * (corection || 1);
+      })();
+
+      newGradient.addColorStop(point.toFixed(2), color);
+    });
+
+    return newGradient;
+  };
+
+  return correctionFactors
+    ? correctionFactors.map((corection) => getGradientWithPoints(corection))
+    : getGradientWithPoints();
+};
+
+// target functions
+
+export const addGradientsObject = (
+  currentData,
+  gradientSettingsObj,
+  chartInstance,
+) =>
+  addDatasetsObjects(currentData, (dataset) => ({
+    [gradientSettingsObj.gradientTargetPropertyName]: createGradient({
+      ctx: chartInstance.ctx,
+      area: chartInstance.chartArea,
+      colors: gradientSettingsObj.colors,
+      direction: gradientSettingsObj.direction,
+      correctionFactors:
+        gradientSettingsObj.typeDistributionOfGradientPoints === "personalBase"
+          ? dataset.data.map(
+              (value) => value / Math.max.apply(null, dataset.data),
+            )
+          : null,
+      collorStopPoints: gradientSettingsObj.collorStopPoints,
+    }),
+
+    ...(gradientSettingsObj.isAddFill ? { fill: true } : {}),
+  }));
+
+export const addNotLibraryAnimation = (
+  currentData,
+  animationObj,
+  chartInstance,
+) => {
+  const { type, ...restAnimationObj } = animationObj || {};
+
+  switch (type) {
+    case "runningColumns":
+      const runningColumnsDefaultFromValue = 25;
+      const runningColumnsDefaultToValue = 75;
+      const runningColumnsDefaultAverageValue = 50;
+      const runningColumnsDefaultColumnsDelayCoef = 50;
+
+      return addDatasetsObjects(currentData, (dataset) => ({
+        animations: dataset.data.map((item, idx) => ({
+          y: {
+            duration: animationObj.duration,
+            easing: animationObj.easing || "linear",
+            from:
+              animationObj.isFixExtremeColumns &&
+              (!idx || idx === dataset.data.length - 1)
+                ? runningColumnsDefaultAverageValue
+                : animationObj.from || runningColumnsDefaultFromValue,
+            to:
+              animationObj.isFixExtremeColumns &&
+              (!idx || idx === dataset.data.length - 1)
+                ? runningColumnsDefaultAverageValue
+                : animationObj.to || runningColumnsDefaultToValue,
+            loop: true,
+            delay:
+              Math.random().toFixed(1) *
+              (animationObj.columnsDelayCoef ||
+                runningColumnsDefaultColumnsDelayCoef),
+          },
+        })),
+      }));
+    default:
+      return currentData;
+  }
+};
+
+// must be last function in file
+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(
+        (acc, gradientSettingsObj) =>
+          addGradientsObject(acc, gradientSettingsObj, chartInstance),
+        clone(currentData),
+      );
+
+    case "addNotLibraryAnimations":
+      return settingsForChange.reduce(
+        (acc, animationObj) =>
+          addNotLibraryAnimation(acc, animationObj, chartInstance),
+        currentData,
+      );
+
+    default:
+      return currentData;
+  }
+}
+export default changeData;

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

@@ -1 +1,335 @@
-function t(t,n,o){return n in t?Object.defineProperty(t,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[n]=o,t}function n(n){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{},e=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(i).filter(function(t){return Object.getOwnPropertyDescriptor(i,t).enumerable}))),e.forEach(function(o){t(n,o,i[o])})}return n}function o(t,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):(function(t,n){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);o.push.apply(o,i)}return o})(Object(n)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(n,o))}),t}import{FINTURF_TOOLTIP_OPTIONS as i,GRADIENTS_OBJECTS as e}from"./Chart.constants";import r from"./optionsSetters";export var reactChartJsOptionsLayouts={lineIconLayout:{options:{responsive:!0,maintainAspectRatio:!1,scales:{x:{display:!1},y:{display:!1}},elements:{point:{radius:0},line:{tension:.45,borderJoinStyle:"round",borderWidth:2,capBezierPoints:!0}}},redraw:!0,notLibraryOptions:{chartTypeKey:"Line",setCanvasDimensions:{width:"75px",height:"35px"}}},lineLayout:{options:{responsive:!0,elements:{point:{radius:4,pointStyle:"circle",backgroundColor:"#FFFFFF",color:"#FFFFFF"},line:{tension:.45,borderJoinStyle:"round",borderWidth:2,capBezierPoints:!0}}},redraw:!0,notLibraryOptions:{chartTypeKey:"Line"}},barLayout:{options:{responsive:!0,elements:{bar:{borderRadius:10}}},redraw:!0,notLibraryOptions:{chartTypeKey:"Bar"}},emptyLayout:{options:{responsive:!0,maintainAspectRatio:!1,scales:{x:{display:!1},y:{display:!1}},elements:{point:{radius:0},line:{borderWidth:0}}},notLibraryOptions:{chartTypeKey:"Line"}}};var a,s,l,u,p,y,d,c,b,L,f,O,m,h,g,v,C,J,F,w,P,S,D,j,x=["barLayout","lineLayout"].reduce(function(i,e){var r,a,s,l,u,p,y,d,c,b,L,f,O,m,h,g,v;return o(n({},i),t({},e,o(n({},reactChartJsOptionsLayouts[e]),{options:o(n({},reactChartJsOptionsLayouts[e].options),{scales:o(n({},null==(r=reactChartJsOptionsLayouts[e].options)?void 0:r.scales),{x:o(n({},null==(s=reactChartJsOptionsLayouts[e].options)||null==(a=s.scales)?void 0:a.x),{grid:o(n({},null==(p=reactChartJsOptionsLayouts[e].options)||null==(u=p.scales)||null==(l=u.x)?void 0:l.grid),{display:!1,offset:!0}),ticks:o(n({},null==(c=reactChartJsOptionsLayouts[e].options)||null==(d=c.scales)||null==(y=d.y)?void 0:y.ticks),{autoSkipPadding:10,align:"center",color:"#757F8C",lineHeight:18,font:{family:"Sarabun",style:"normal",weight:400,size:8}})}),y:o(n({},null==(L=reactChartJsOptionsLayouts[e].options)||null==(b=L.scales)?void 0:b.y),{min:0,bounds:"data",grid:o(n({},null==(m=reactChartJsOptionsLayouts[e].options)||null==(O=m.scales)||null==(f=O.y)?void 0:f.grid),{borderColor:"#E1E8F1",color:"#E1E8F1",borderDash:[5],drawTicks:!1,z:-1}),ticks:o(n({},null==(v=reactChartJsOptionsLayouts[e].options)||null==(g=v.scales)||null==(h=g.y)?void 0:h.ticks),{autoSkipPadding:10,align:"center",color:"#A0A4B0",lineHeight:18,padding:6,font:{family:"Sarabun",style:"normal",weight:400,size:10}})})})}),notLibraryOptions:o(n({},reactChartJsOptionsLayouts[e].notLibraryOptions),{setCanvasDimensions:{height:"194px"}})})))},{}),k=o(n({},x.barLayout),{options:o(n({},null==(a=x.barLayout)?void 0:a.options),{maintainAspectRatio:!1,elements:o(n({},null==(l=x.barLayout)||null==(s=l.options)?void 0:s.elements),{bar:o(n({},null==(y=x.barLayout)||null==(p=y.options)||null==(u=p.elements)?void 0:u.bar),{borderRadius:4})})}),notLibraryOptions:o(n({},null==(d=x.barLayout)?void 0:d.notLibraryOptions),{changeData:o(n({},null==(b=x.barLayout)||null==(c=b.notLibraryOptions)?void 0:c.changeData),{setMaxBarThickness:16})})}),A=o(n({},x.lineLayout),{options:o(n({},null==(L=x.lineLayout)?void 0:L.options),{maintainAspectRatio:!1,elements:o(n({},null==(f=x.lineLayout.options)?void 0:f.elements),{point:o(n({},null==(m=x.lineLayout.options)||null==(O=m.elements)?void 0:O.point),{radius:2,borderColor:"#32A784",borderWidth:4})})})});export var finturfReactChartJsOptions={finturfChartBar:r(k,{addGradientsSettings:e.finturf.bar,addTooltipOptions:i}),finturfLoadingModeBar:o(n({},k),{options:o(n({},k.options),{animations:o(n({},null==(h=k.options)?void 0:h.animations),{y:o(n({},null==(v=k.options)||null==(g=v.animations)?void 0:g.y),{duration:0})})}),notLibraryOptions:o(n({},k.notLibraryOptions),{changeData:o(n({},null==(C=k.notLibraryOptions)?void 0:C.changeData),{addNotLibraryAnimations:[{type:"runningColumns",duration:600,from:10,to:75,columnsDelayCoef:500}]})})}),finturfChartLine:r(A,{addGradientsSettings:e.finturf.line,addTooltipOptions:i}),finturfLoadingModeLine:o(n({},A),{options:o(n({},A.options),{elements:o(n({},null==(J=A.options)?void 0:J.elements),{point:o(n({},null==(w=A.options)||null==(F=w.elements)?void 0:F.point),{radius:4,borderWidth:1,borderColor:"#E1E8F1"})}),animations:o(n({},null==(P=A.options)?void 0:P.animations),{y:o(n({},null==(D=A.options)||null==(S=D.animations)?void 0:S.y),{duration:0})})}),notLibraryOptions:o(n({},A.notLibraryOptions),{changeData:o(n({},null==(j=A.notLibraryOptions)?void 0:j.changeData),{addNotLibraryAnimations:[{type:"runningColumns",duration:600,columnsDelayCoef:500,isFixExtremeColumns:!0}]})})}),finturfPositiveLineIcon:r(reactChartJsOptionsLayouts.lineIconLayout,{addGradientsSettings:e.finturf.positiveLineIcon}),finturfNegativeLineIcon:r(reactChartJsOptionsLayouts.lineIconLayout,{addGradientsSettings:e.finturf.negativeLineIcon})};export default o(n({},finturfReactChartJsOptions),{emptyLayout:reactChartJsOptionsLayouts.emptyLayout});
+import {
+  FINTURF_ADD_GRADIENT_COLORS_NEGATIVE,
+  FINTURF_TOOLTIP_OPTIONS,
+  GRADIENTS_OBJECTS,
+} from "./Chart.constants";
+import addAdditionalOptions from "./optionsSetters";
+
+// options constructors for ChartJS
+
+export const 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: 2,
+          capBezierPoints: true,
+        },
+      },
+    },
+    redraw: true,
+    notLibraryOptions: {
+      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+      // => Файл Chart.js => определение ChartComponent
+      chartTypeKey: "Line",
+      setCanvasDimensions: {
+        width: "75px",
+        height: "35px",
+      },
+    },
+  },
+  lineLayout: {
+    options: {
+      responsive: true,
+      elements: {
+        point: {
+          radius: 4,
+          pointStyle: "circle",
+          backgroundColor: "#FFFFFF",
+          color: "#FFFFFF",
+        },
+        line: {
+          tension: 0.45,
+          borderJoinStyle: "round",
+          borderWidth: 2,
+          capBezierPoints: true,
+        },
+      },
+    },
+    redraw: true,
+    notLibraryOptions: {
+      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+      // => Файл Chart.js => определение ChartComponent
+      chartTypeKey: "Line",
+    },
+  },
+  barLayout: {
+    options: {
+      responsive: true,
+      elements: {
+        bar: {
+          borderRadius: 10,
+        },
+      },
+    },
+    redraw: true,
+    notLibraryOptions: {
+      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+      // => Файл Chart.js => определение ChartComponent
+      chartTypeKey: "Bar",
+    },
+  },
+  emptyLayout: {
+    options: {
+      responsive: true,
+      maintainAspectRatio: false,
+      scales: {
+        x: { display: false },
+        y: { display: false },
+      },
+      elements: {
+        point: { radius: 0 },
+        line: { borderWidth: 0 },
+      },
+    },
+    notLibraryOptions: {
+      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+      // => Файл Chart.js => определение подкомпонента ChartComponent => строка const Component = ...
+      chartTypeKey: "Line",
+    },
+  },
+};
+
+const finturfChartLayouts = (() => {
+  return ["barLayout", "lineLayout"].reduce(
+    (acc, key) => ({
+      ...acc,
+      [key]: {
+        ...reactChartJsOptionsLayouts[key],
+
+        options: {
+          ...reactChartJsOptionsLayouts[key].options,
+          scales: {
+            ...reactChartJsOptionsLayouts[key].options?.scales,
+            x: {
+              ...reactChartJsOptionsLayouts[key].options?.scales?.x,
+              grid: {
+                ...reactChartJsOptionsLayouts[key].options?.scales?.x?.grid,
+                display: false,
+                offset: true,
+              },
+              ticks: {
+                ...reactChartJsOptionsLayouts[key].options?.scales?.y?.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: {
+              ...reactChartJsOptionsLayouts[key].options?.scales?.y,
+              min: 0,
+              // grace: '5%',
+              bounds: "data",
+              grid: {
+                ...reactChartJsOptionsLayouts[key].options?.scales?.y?.grid,
+                borderColor: "#E1E8F1",
+                color: "#E1E8F1",
+                borderDash: [5],
+                // borderDashOffset: 12,
+                drawTicks: false,
+                z: -1,
+              },
+              ticks: {
+                ...reactChartJsOptionsLayouts[key].options?.scales?.y?.ticks,
+                autoSkipPadding: 10,
+                align: "center",
+                color: "#A0A4B0",
+                lineHeight: 18,
+                padding: 6,
+                font: {
+                  family: "Sarabun",
+                  style: "normal",
+                  weight: 400,
+                  size: 10,
+                },
+              },
+            },
+          },
+        },
+
+        notLibraryOptions: {
+          ...reactChartJsOptionsLayouts[key].notLibraryOptions,
+          setCanvasDimensions: {
+            height: "194px",
+          },
+        },
+      },
+    }),
+    {},
+  );
+})();
+
+const finturfChartBar = {
+  ...finturfChartLayouts.barLayout,
+  options: {
+    ...finturfChartLayouts.barLayout?.options,
+    maintainAspectRatio: false,
+    elements: {
+      ...finturfChartLayouts.barLayout?.options?.elements,
+      bar: {
+        ...finturfChartLayouts.barLayout?.options?.elements?.bar,
+        borderRadius: 4,
+      },
+    },
+  },
+  notLibraryOptions: {
+    ...finturfChartLayouts.barLayout?.notLibraryOptions,
+    changeData: {
+      ...finturfChartLayouts.barLayout?.notLibraryOptions?.changeData,
+      setMaxBarThickness: 16,
+    },
+  },
+};
+
+const finturfChartLine = {
+  ...finturfChartLayouts.lineLayout,
+  options: {
+    ...finturfChartLayouts.lineLayout?.options,
+    maintainAspectRatio: false,
+    elements: {
+      ...finturfChartLayouts.lineLayout.options?.elements,
+      point: {
+        ...finturfChartLayouts.lineLayout.options?.elements?.point,
+        radius: 2,
+        borderColor: "#32A784",
+        borderWidth: 4,
+      },
+    },
+  },
+};
+
+export const finturfReactChartJsOptions = {
+  finturfChartBar: addAdditionalOptions(finturfChartBar, {
+    addGradientsSettings: GRADIENTS_OBJECTS.finturf.bar,
+    addTooltipOptions: FINTURF_TOOLTIP_OPTIONS,
+  }),
+
+  finturfLoadingModeBar: {
+    ...finturfChartBar,
+
+    options: {
+      ...finturfChartBar.options,
+      animations: {
+        ...finturfChartBar.options?.animations,
+        y: {
+          ...finturfChartBar.options?.animations?.y,
+          duration: 0,
+        },
+      },
+    },
+
+    notLibraryOptions: {
+      ...finturfChartBar.notLibraryOptions,
+      changeData: {
+        ...finturfChartBar.notLibraryOptions?.changeData,
+        addNotLibraryAnimations: [
+          {
+            type: "runningColumns",
+            // duration - ms
+            duration: 600,
+            // default easing - 'linear',
+            // easing: 'easeInOutExpo',
+            // ToDo - предусмотреть 'auto' и default для from и to
+            from: 10,
+            to: 75,
+            columnsDelayCoef: 500,
+          },
+        ],
+      },
+    },
+  },
+
+  finturfChartLine: addAdditionalOptions(finturfChartLine, {
+    addGradientsSettings: GRADIENTS_OBJECTS.finturf.line,
+    addTooltipOptions: FINTURF_TOOLTIP_OPTIONS,
+    // consoleCurrentData: true,
+  }),
+
+  finturfLoadingModeLine: {
+    ...finturfChartLine,
+
+    options: {
+      ...finturfChartLine.options,
+      elements: {
+        ...finturfChartLine.options?.elements,
+        point: {
+          ...finturfChartLine.options?.elements?.point,
+          radius: 4,
+          borderWidth: 1,
+          borderColor: "#E1E8F1",
+        },
+      },
+      animations: {
+        ...finturfChartLine.options?.animations,
+        y: {
+          ...finturfChartLine.options?.animations?.y,
+          duration: 0,
+        },
+      },
+    },
+
+    notLibraryOptions: {
+      ...finturfChartLine.notLibraryOptions,
+      changeData: {
+        ...finturfChartLine.notLibraryOptions?.changeData,
+        addNotLibraryAnimations: [
+          {
+            type: "runningColumns",
+            // duration - ms
+            duration: 600,
+            // default easing - 'linear',
+            // easing: 'easeInOutExpo',
+            columnsDelayCoef: 500,
+            isFixExtremeColumns: true,
+          },
+        ],
+      },
+    },
+  },
+
+  finturfPositiveLineIcon: addAdditionalOptions(
+    reactChartJsOptionsLayouts.lineIconLayout,
+    {
+      addGradientsSettings: GRADIENTS_OBJECTS.finturf.positiveLineIcon,
+    },
+  ),
+
+  finturfNegativeLineIcon: addAdditionalOptions(
+    reactChartJsOptionsLayouts.lineIconLayout,
+    {
+      addGradientsSettings: GRADIENTS_OBJECTS.finturf.negativeLineIcon,
+    },
+  ),
+};
+
+export default {
+  ...finturfReactChartJsOptions,
+  emptyLayout: reactChartJsOptionsLayouts.emptyLayout,
+};

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

@@ -1 +1,43 @@
-function t(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),n.forEach(function(e){var n;n=r[e],e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n})}return t}function e(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):(function(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r.push.apply(r,n)}return r})(Object(e)).forEach(function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}),t}export var addGradientsSettings=function(r,n){var o;return e(t({},r),{notLibraryOptions:e(t({},r.notLibraryOptions),{changeData:e(t({},null==(o=r.notLibraryOptions)?void 0:o.changeData),{addGradientsObjects:n})})})};export var addTooltipOptions=function(r,n){return e(t({},r),{options:e(t({},r.options),{plugins:e(t({},r.options.plugins),{tooltip:n})})})};export default function(t,e){var r=function(t,e,r){switch(e){case"addGradientsSettings":return addGradientsSettings(t,r);case"addTooltipOptions":return addTooltipOptions(t,r);default:return t}};return Object.keys(e).reduce(function(t,n){return r(t,n,e[n])},t)}
+// gradientsSettings is Array of objects
+export const addGradientsSettings = (currentOptions, gradientsSettings) => ({
+  ...currentOptions,
+  notLibraryOptions: {
+    ...currentOptions.notLibraryOptions,
+    changeData: {
+      ...currentOptions.notLibraryOptions?.changeData,
+      addGradientsObjects: gradientsSettings,
+    },
+  },
+});
+
+export const addTooltipOptions = (currentOptions, tooltipOptions) => ({
+  ...currentOptions,
+  options: {
+    ...currentOptions.options,
+    plugins: {
+      ...currentOptions.options.plugins,
+      tooltip: tooltipOptions,
+    },
+  },
+});
+
+// must be last function in file
+const addAdditionalOptions = (currentOptions, optionsToAdd) => {
+  const addOption = (currentOptions, optionKey, optionData) => {
+    switch (optionKey) {
+      case "addGradientsSettings":
+        return addGradientsSettings(currentOptions, optionData);
+      case "addTooltipOptions":
+        return addTooltipOptions(currentOptions, optionData);
+      default:
+        return currentOptions;
+    }
+  };
+
+  const iterator = Object.keys(optionsToAdd);
+  return iterator.reduce(
+    (acc, key) => addOption(acc, key, optionsToAdd[key]),
+    currentOptions,
+  );
+};
+export default addAdditionalOptions;

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

@@ -1 +1,60 @@
-function t(t){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{},n=Object.keys(e);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(e).filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.forEach(function(r){var n;n=e[r],r in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n})}return t}import{clone as r,omitKeys as e}from"../../../../Functions/utils";import{CHART_TYPES as n,DEFAULT_CHART_MODEL as o}from"./Chart.constants";import i from"./datasetSetters";import a from"./optionsConstructor";export var getChartTypeKey=function(t){var r,e;return null==(e=a[t])||null==(r=e.notLibraryOptions)?void 0:r.chartTypeKey};export var correctModelKey=function(t){return t&&a[t]&&n.includes(getChartTypeKey(t))?t:o};export var getOptions=function(t){return e(a[t]||a[o],["notLibraryOptions"])};export var getNotLibraryOptionsOptions=function(t){var e=(a[t]||a[o]||{}).notLibraryOptions;return e?r(e):void 0};export var prepareData=function(e,n,o,a){if(!o)return n;var c,p,u=getNotLibraryOptionsOptions(e),s=((null==u?void 0:u.changeData)?Object.keys(u.changeData):[]).reduce(function(t,r){return i(t,r,u.changeData[r],o,a)},r(n));return a&&(void 0===a?"undefined":a&&"undefined"!=typeof Symbol&&a.constructor===Symbol?"symbol":typeof a)=="object"&&!Array.isArray(a)?(c=t({},s),p=p={datasets:s.datasets.map(function(r){return t({},r,a)})},Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(p)):(function(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e.push.apply(e,n)}return e})(Object(p)).forEach(function(t){Object.defineProperty(c,t,Object.getOwnPropertyDescriptor(p,t))}),c):s};
+import { clone, omitKeys } from "../../../../Functions/utils";
+
+import { CHART_TYPES, DEFAULT_CHART_MODEL } from "./Chart.constants";
+import changeData from "./datasetSetters";
+import optionsConstructor from "./optionsConstructor";
+
+export const getChartTypeKey = (model) =>
+  optionsConstructor[model]?.notLibraryOptions?.chartTypeKey;
+
+export const correctModelKey = (model) =>
+  model &&
+  optionsConstructor[model] &&
+  CHART_TYPES.includes(getChartTypeKey(model))
+    ? model
+    : DEFAULT_CHART_MODEL;
+
+export const getOptions = (model) =>
+  omitKeys(
+    optionsConstructor[model] || optionsConstructor[DEFAULT_CHART_MODEL],
+    ["notLibraryOptions"],
+  );
+
+export const getNotLibraryOptionsOptions = (model) => {
+  const { notLibraryOptions } =
+    optionsConstructor[model] || optionsConstructor[DEFAULT_CHART_MODEL] || {};
+  return notLibraryOptions ? clone(notLibraryOptions) : undefined;
+};
+
+export const prepareData = (model, data, chartInstance, addToDatasets) => {
+  if (!chartInstance) return data;
+  const notLibraryOptions = getNotLibraryOptionsOptions(model);
+
+  const iterator = notLibraryOptions?.changeData
+    ? Object.keys(notLibraryOptions.changeData)
+    : [];
+
+  const changedData = iterator.reduce(
+    (acc, dataChangeKey) =>
+      changeData(
+        acc,
+        dataChangeKey,
+        notLibraryOptions.changeData[dataChangeKey],
+        chartInstance,
+        addToDatasets,
+      ),
+    clone(data),
+  );
+
+  return addToDatasets &&
+    typeof addToDatasets === "object" &&
+    !Array.isArray(addToDatasets)
+    ? {
+        ...changedData,
+        datasets: changedData.datasets.map((dataset) => ({
+          ...dataset,
+          ...addToDatasets,
+        })),
+      }
+    : changedData;
+};