intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,229 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _chart = require("chart.js");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _reactchartjs2 = /*#__PURE__*/ _interop_require_wildcard(require("react-chartjs-2"));
+const _utils = require("../../../Functions/utils");
+const _Chartconstants = require("./partial/Chart.constants");
+const _ChartTypeSwitcherIcon = /*#__PURE__*/ _interop_require_default(require("./partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon"));
+const _utils1 = require("./partial/utils");
+require("./Chart.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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 _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+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 _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    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;
+}
+const RC = "chart";
+_chart.Chart.register(_chart.CategoryScale, _chart.LinearScale, _chart.BarElement, _chart.PointElement, _chart.LineElement, _chart.Filler, _chart.Tooltip);
+const Chart = ({ className, initialModel, modelsForSwitch, setModelExternalValue, description, customOptions, data, addToDatasets, modifyOptions })=>{
+    var _modifyOptions_toString;
+    if (!data) return null;
+    const { label, value } = description || {};
+    const [model, setModel] = (0, _react.useState)(_Chartconstants.DEFAULT_CHART_MODEL);
+    const [localData, setLocalData] = (0, _react.useState)(data);
+    const chartRef = (0, _react.useRef)(null);
+    const charContainertRef = (0, _react.useRef)(null);
+    const options = (0, _react.useMemo)(()=>customOptions || (modifyOptions ? modifyOptions((0, _utils1.getOptions)(model)) : (0, _utils1.getOptions)(model)), [
+        customOptions,
+        model,
+        modifyOptions === null || modifyOptions === void 0 ? void 0 : (_modifyOptions_toString = modifyOptions.toString) === null || _modifyOptions_toString === void 0 ? void 0 : _modifyOptions_toString.call(modifyOptions),
+        data
+    ]);
+    const notLibraryOptionsOptions = (0, _react.useMemo)(()=>customOptions ? customOptions === null || customOptions === void 0 ? void 0 : customOptions.notLibraryOptions : (0, _utils1.getNotLibraryOptionsOptions)(model), [
+        customOptions,
+        model,
+        data
+    ]);
+    const ChartComponent = (0, _react.useCallback)((props)=>{
+        const Component = _reactchartjs2[(0, _utils1.getChartTypeKey)(model)];
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, _object_spread({
+            ref: chartRef
+        }, props));
+    }, [
+        model
+    ]);
+    const isExcludeDescription = _Chartconstants.COMPONENT_OPTIONS.disableDescriptionsFor.includes(model);
+    const isExcludeChartTypeSwitcher = _Chartconstants.COMPONENT_OPTIONS.disableChartTypeSwitcherFor.includes(model);
+    (0, _react.useLayoutEffect)(()=>{
+        if (setModelExternalValue && model !== "emptyLayout") setModelExternalValue(model);
+    }, [
+        model
+    ]);
+    (0, _react.useLayoutEffect)(()=>{
+        const { setCanvasDimensions } = notLibraryOptionsOptions || {};
+        if (charContainertRef.current) {
+            var _setCanvasDimensions_width;
+            charContainertRef.current.style.width = (_setCanvasDimensions_width = setCanvasDimensions === null || setCanvasDimensions === void 0 ? void 0 : setCanvasDimensions.width) !== null && _setCanvasDimensions_width !== void 0 ? _setCanvasDimensions_width : "";
+            var _setCanvasDimensions_height;
+            charContainertRef.current.style.height = (_setCanvasDimensions_height = setCanvasDimensions === null || setCanvasDimensions === void 0 ? void 0 : setCanvasDimensions.height) !== null && _setCanvasDimensions_height !== void 0 ? _setCanvasDimensions_height : "";
+        }
+    }, [
+        notLibraryOptionsOptions
+    ]);
+    (0, _react.useEffect)(()=>{
+        setModel((0, _utils1.correctModelKey)(initialModel));
+    }, [
+        initialModel
+    ]);
+    (0, _react.useEffect)(()=>{
+        setLocalData((0, _utils1.prepareData)(model, (0, _utils.clone)(data), chartRef.current, addToDatasets));
+    }, [
+        model,
+        data
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)(RC, {
+            [`${RC}_icon-mode`]: _Chartconstants.ICON_MODELS.includes(model)
+        }, className),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)(`${RC}__header`, {
+                    [`${RC}__header_only-switcher`]: !description
+                }),
+                children: [
+                    description && !isExcludeDescription ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: (0, _classnames.default)(`${RC}__description`),
+                        children: [
+                            label ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                className: (0, _classnames.default)(`${RC}__description-title`),
+                                children: label
+                            }) : null,
+                            value ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                className: (0, _classnames.default)(`${RC}__description-value`),
+                                children: value
+                            }) : null
+                        ]
+                    }) : null,
+                    !isExcludeChartTypeSwitcher ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: (0, _classnames.default)(`${RC}__type-switcher`),
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChartTypeSwitcherIcon.default, {
+                                iconType: "Bar",
+                                isActive: (0, _utils1.getChartTypeKey)(model) === "Bar",
+                                onClick: ()=>setModel((modelsForSwitch === null || modelsForSwitch === void 0 ? void 0 : modelsForSwitch[0]) || "barLayout")
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChartTypeSwitcherIcon.default, {
+                                iconType: "Line",
+                                isActive: (0, _utils1.getChartTypeKey)(model) === "Line",
+                                onClick: ()=>setModel((modelsForSwitch === null || modelsForSwitch === void 0 ? void 0 : modelsForSwitch[1]) || "lineLayout")
+                            })
+                        ]
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                ref: charContainertRef,
+                className: (0, _classnames.default)(`${RC}__chart-wrapper`),
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(ChartComponent, _object_spread_props(_object_spread({}, options), {
+                    data: localData
+                }))
+            })
+        ]
+    });
+};
+const _default = Chart;
+
+//# sourceMappingURL=Chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Chart/Chart.js"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  BarElement,\n  CategoryScale,\n  Chart as ChartJS,\n  Filler,\n  LineElement,\n  LinearScale,\n  PointElement,\n  Tooltip,\n} from \"chart.js\";\nimport { getRelativePosition } from \"chart.js/helpers\";\nimport cn from \"classnames\";\nimport * as ChartComponents from \"react-chartjs-2\";\n\nimport { clone } from \"../../../Functions/utils\";\n\nimport {\n  CHART_TYPES,\n  COMPONENT_OPTIONS,\n  DEFAULT_CHART_MODEL,\n  ICON_MODELS,\n} from \"./partial/Chart.constants\";\nimport ChartTypeSwitcherIcon from \"./partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon\";\nimport {\n  correctModelKey,\n  getChartTypeKey,\n  getNotLibraryOptionsOptions,\n  getOptions,\n  prepareData,\n} from \"./partial/utils\";\n\nimport \"./Chart.scss\";\n\nconst RC = \"chart\";\n\nChartJS.register(\n  CategoryScale,\n  LinearScale,\n  BarElement,\n  PointElement,\n  LineElement,\n  Filler,\n  Tooltip,\n);\n\nconst Chart = ({\n  className,\n  initialModel,\n  modelsForSwitch,\n  setModelExternalValue,\n  description,\n  customOptions,\n  data,\n  addToDatasets,\n  modifyOptions,\n}) => {\n  if (!data) return null;\n\n  const { label, value } = description || {};\n\n  const [model, setModel] = useState(DEFAULT_CHART_MODEL);\n  const [localData, setLocalData] = useState(data);\n  const chartRef = useRef(null);\n  const charContainertRef = useRef(null);\n\n  const options = useMemo(\n    () =>\n      customOptions ||\n      (modifyOptions ? modifyOptions(getOptions(model)) : getOptions(model)),\n    [customOptions, model, modifyOptions?.toString?.(), data],\n  );\n\n  const notLibraryOptionsOptions = useMemo(\n    () =>\n      customOptions\n        ? customOptions?.notLibraryOptions\n        : getNotLibraryOptionsOptions(model),\n    [customOptions, model, data],\n  );\n\n  const ChartComponent = useCallback(\n    (props) => {\n      const Component = ChartComponents[getChartTypeKey(model)];\n      return <Component ref={chartRef} {...props} />;\n    },\n    [model],\n  );\n\n  const isExcludeDescription =\n    COMPONENT_OPTIONS.disableDescriptionsFor.includes(model);\n  const isExcludeChartTypeSwitcher =\n    COMPONENT_OPTIONS.disableChartTypeSwitcherFor.includes(model);\n\n  useLayoutEffect(() => {\n    if (setModelExternalValue && model !== \"emptyLayout\")\n      setModelExternalValue(model);\n  }, [model]);\n\n  useLayoutEffect(() => {\n    const { setCanvasDimensions } = notLibraryOptionsOptions || {};\n    if (charContainertRef.current) {\n      charContainertRef.current.style.width = setCanvasDimensions?.width ?? \"\";\n      charContainertRef.current.style.height =\n        setCanvasDimensions?.height ?? \"\";\n    }\n  }, [notLibraryOptionsOptions]);\n\n  useEffect(() => {\n    setModel(correctModelKey(initialModel));\n  }, [initialModel]);\n\n  useEffect(() => {\n    setLocalData(\n      prepareData(model, clone(data), chartRef.current, addToDatasets),\n    );\n  }, [model, data]);\n\n  return (\n    <div\n      className={cn(\n        RC,\n        { [`${RC}_icon-mode`]: ICON_MODELS.includes(model) },\n        className,\n      )}\n    >\n      <div\n        className={cn(`${RC}__header`, {\n          [`${RC}__header_only-switcher`]: !description,\n        })}\n      >\n        {description && !isExcludeDescription ? (\n          <div className={cn(`${RC}__description`)}>\n            {label ? (\n              <span className={cn(`${RC}__description-title`)}>{label}</span>\n            ) : null}\n            {value ? (\n              <div className={cn(`${RC}__description-value`)}>{value}</div>\n            ) : null}\n          </div>\n        ) : null}\n        {!isExcludeChartTypeSwitcher ? (\n          <div className={cn(`${RC}__type-switcher`)}>\n            <ChartTypeSwitcherIcon\n              iconType=\"Bar\"\n              isActive={getChartTypeKey(model) === \"Bar\"}\n              onClick={() => setModel(modelsForSwitch?.[0] || \"barLayout\")}\n            />\n            <ChartTypeSwitcherIcon\n              iconType=\"Line\"\n              isActive={getChartTypeKey(model) === \"Line\"}\n              onClick={() => setModel(modelsForSwitch?.[1] || \"lineLayout\")}\n            />\n          </div>\n        ) : null}\n      </div>\n      <div ref={charContainertRef} className={cn(`${RC}__chart-wrapper`)}>\n        <ChartComponent {...options} data={localData} />\n      </div>\n    </div>\n  );\n};\n\nexport default Chart;\n"],"names":["RC","ChartJS","register","CategoryScale","LinearScale","BarElement","PointElement","LineElement","Filler","Tooltip","Chart","className","initialModel","modelsForSwitch","setModelExternalValue","description","customOptions","data","addToDatasets","modifyOptions","label","value","model","setModel","useState","DEFAULT_CHART_MODEL","localData","setLocalData","chartRef","useRef","charContainertRef","options","useMemo","getOptions","toString","notLibraryOptionsOptions","notLibraryOptions","getNotLibraryOptionsOptions","ChartComponent","useCallback","props","Component","ChartComponents","getChartTypeKey","ref","isExcludeDescription","COMPONENT_OPTIONS","disableDescriptionsFor","includes","isExcludeChartTypeSwitcher","disableChartTypeSwitcherFor","useLayoutEffect","setCanvasDimensions","current","style","width","height","useEffect","correctModelKey","prepareData","clone","div","cn","ICON_MODELS","span","ChartTypeSwitcherIcon","iconType","isActive","onClick"],"mappings":"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"}

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

@@ -0,0 +1,175 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ChartTemplate: function() {
+        return ChartTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Chart = /*#__PURE__*/ _interop_require_default(require("./Chart"));
+require("./partial/AnyOuterClass.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+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 _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    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;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+// import '../../../../../scss/main.scss';
+global.lng = 'en';
+const _default = {
+    title: 'UI/Chart',
+    component: _Chart.default,
+    argTypes: {
+        initialModel: {
+            description: 'string',
+            control: {
+                type: 'select',
+                options: [
+                    'finturfChartBar ',
+                    'finturfChartLine',
+                    'finturfPositiveLineIcon',
+                    'finturfNegativeLineIcon',
+                    'finturfLoadingModeBar',
+                    'finturfLoadingModeLine',
+                    'emptyLayout'
+                ]
+            }
+        },
+        modelsForSwitch: {
+            description: 'Array of strings'
+        },
+        description: {
+            label: 'object: { label, value }'
+        }
+    }
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles } = args, restArgs = _object_without_properties(args, [
+        "isIncludeOuterStyles"
+    ]);
+    const labels = [
+        'January',
+        'February',
+        'March',
+        'April',
+        'May',
+        'June',
+        'July'
+    ];
+    const data = {
+        labels,
+        datasets: [
+            {
+                data: labels.map(()=>Math.trunc(Math.random() * 1000))
+            }
+        ]
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Chart.default, _object_spread_props(_object_spread({}, restArgs), {
+        className: isIncludeOuterStyles ? 'any-outer-class__chart' : '',
+        data: data
+    }));
+};
+const ChartTemplate = Template.bind({});
+ChartTemplate.args = {
+    isIncludeOuterStyles: true,
+    initialModel: 'finturfChartBar',
+    modelsForSwitch: [
+        'finturfChartBar',
+        'finturfChartLine'
+    ],
+    description: {
+        label: 'Total Approval Rate'
+    }
+};
+
+//# sourceMappingURL=Chart.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Chart/Chart.stories.js"],"sourcesContent":["import React from 'react';\nimport Chart from './Chart';\n\nimport './partial/AnyOuterClass.scss';\n\n// import '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'UI/Chart',\n  component: Chart,\n  argTypes: {\n    initialModel: {\n      description: 'string',\n      control: {\n        type: 'select',\n        options: [\n          'finturfChartBar ',\n          'finturfChartLine',\n          'finturfPositiveLineIcon',\n          'finturfNegativeLineIcon',\n          'finturfLoadingModeBar',\n          'finturfLoadingModeLine',\n          'emptyLayout',\n        ],\n      },\n    },\n    modelsForSwitch: {\n      description: 'Array of strings',\n    },\n    description: {\n      label: 'object: { label, value }',\n    },\n  },\n};\n\nconst Template = args => {\n  const {isIncludeOuterStyles, ...restArgs} = args;\n\n  const labels = ['January', 'February', 'March', 'April', 'May', 'June', 'July'];\n\n  const data = {\n    labels,\n    datasets: [\n      {\n        data: labels.map(() => Math.trunc(Math.random() * 1000)),\n      },\n    ],\n  };\n\n  return <Chart {...restArgs} className={isIncludeOuterStyles ? 'any-outer-class__chart' : ''} data={data} />;\n};\n\nexport const ChartTemplate = Template.bind({});\n\nChartTemplate.args = {\n  isIncludeOuterStyles: true,\n  initialModel: 'finturfChartBar',\n  modelsForSwitch: ['finturfChartBar', 'finturfChartLine'],\n  description: {\n    label: 'Total Approval Rate',\n  },\n};\n"],"names":["ChartTemplate","global","lng","title","component","Chart","argTypes","initialModel","description","control","type","options","modelsForSwitch","label","Template","args","isIncludeOuterStyles","restArgs","labels","data","datasets","map","Math","trunc","random","className","bind"],"mappings":";;;;;;;;;;;IAsDaA,aAAa;eAAbA;;IA7Cb,OA0BE;eA1BF;;;;8DATkB;8DACA;QAEX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,0CAA0C;AAE1CC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,cAAK;IAChBC,UAAU;QACRC,cAAc;YACZC,aAAa;YACbC,SAAS;gBACPC,MAAM;gBACNC,SAAS;oBACP;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;iBACD;YACH;QACF;QACAC,iBAAiB;YACfJ,aAAa;QACf;QACAA,aAAa;YACXK,OAAO;QACT;IACF;AACF;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,EAACC,oBAAoB,EAAc,GAAGD,MAAZE,sCAAYF;QAArCC;;IAEP,MAAME,SAAS;QAAC;QAAW;QAAY;QAAS;QAAS;QAAO;QAAQ;KAAO;IAE/E,MAAMC,OAAO;QACXD;QACAE,UAAU;YACR;gBACED,MAAMD,OAAOG,GAAG,CAAC,IAAMC,KAAKC,KAAK,CAACD,KAAKE,MAAM,KAAK;YACpD;SACD;IACH;IAEA,qBAAO,qBAACnB,cAAK,0CAAKY;QAAUQ,WAAWT,uBAAuB,2BAA2B;QAAIG,MAAMA;;AACrG;AAEO,MAAMnB,gBAAgBc,SAASY,IAAI,CAAC,CAAC;AAE5C1B,cAAce,IAAI,GAAG;IACnBC,sBAAsB;IACtBT,cAAc;IACdK,iBAAiB;QAAC;QAAmB;KAAmB;IACxDJ,aAAa;QACXK,OAAO;IACT;AACF"}

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

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    CHART_TYPES: function() {
+        return CHART_TYPES;
+    },
+    COMPONENT_OPTIONS: function() {
+        return COMPONENT_OPTIONS;
+    },
+    DEFAULT_CHART_MODEL: function() {
+        return DEFAULT_CHART_MODEL;
+    },
+    FINTURF_ADD_GRADIENT_COLORS_NEGATIVE: function() {
+        return FINTURF_ADD_GRADIENT_COLORS_NEGATIVE;
+    },
+    FINTURF_ADD_GRADIENT_COLORS_POSITIVE: function() {
+        return FINTURF_ADD_GRADIENT_COLORS_POSITIVE;
+    },
+    FINTURF_TOOLTIP_OPTIONS: function() {
+        return FINTURF_TOOLTIP_OPTIONS;
+    },
+    GRADIENTS_OBJECTS: function() {
+        return GRADIENTS_OBJECTS;
+    },
+    ICON_MODELS: function() {
+        return ICON_MODELS;
+    }
+});
+const CHART_TYPES = [
+    "Bar",
+    "Line"
+];
+const DEFAULT_CHART_MODEL = "emptyLayout";
+const FINTURF_ADD_GRADIENT_COLORS_POSITIVE = [
+    "#53D1AD",
+    "#389AA3"
+];
+const FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = [
+    "#FDB4DB",
+    "#FA2E69"
+];
+const GRADIENTS_OBJECTS = {
+    finturf: {
+        bar: [
+            {
+                gradientTargetPropertyName: "backgroundColor",
+                colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,
+                direction: "toBottom",
+                typeDistributionOfGradientPoints: "personalBase",
+                collorStopPoints: [
+                    0.2,
+                    1
+                ]
+            }
+        ],
+        line: [
+            {
+                gradientTargetPropertyName: "borderColor",
+                colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,
+                direction: "toRight"
+            },
+            {
+                gradientTargetPropertyName: "backgroundColor",
+                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
+                ],
+                isAddFill: true
+            }
+        ],
+        positiveLineIcon: [
+            {
+                gradientTargetPropertyName: "borderColor",
+                colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,
+                direction: "toRight"
+            }
+        ],
+        negativeLineIcon: [
+            {
+                gradientTargetPropertyName: "borderColor",
+                colors: FINTURF_ADD_GRADIENT_COLORS_NEGATIVE,
+                direction: "toRight"
+            }
+        ]
+    }
+};
+const FINTURF_TOOLTIP_OPTIONS = {
+    enabled: true,
+    mode: "index",
+    intersect: false,
+    padding: 8,
+    backgroundColor: "#FFFFFF",
+    titleColor: "#757F8C",
+    borderColor: "#D6D9E4",
+    titleFont: {
+        family: "Sarabun",
+        style: "normal",
+        weight: 500,
+        size: 12
+    },
+    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: (context)=>context.raw || "0"
+    }
+};
+const ICON_MODELS = [
+    "lineIconLayout",
+    "finturfPositiveLineIcon",
+    "finturfNegativeLineIcon"
+];
+const COMPONENT_OPTIONS = {
+    disableDescriptionsFor: [
+        ...ICON_MODELS
+    ],
+    disableChartTypeSwitcherFor: [
+        ...ICON_MODELS,
+        "barLayout",
+        "lineLayout"
+    ]
+};
+
+//# sourceMappingURL=Chart.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/Chart/partial/Chart.constants.js"],"sourcesContent":["export const CHART_TYPES = [\"Bar\", \"Line\"];\nexport const DEFAULT_CHART_MODEL = \"emptyLayout\";\n\nexport const FINTURF_ADD_GRADIENT_COLORS_POSITIVE = [\"#53D1AD\", \"#389AA3\"];\nexport const FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = [\"#FDB4DB\", \"#FA2E69\"];\n\nexport const GRADIENTS_OBJECTS = {\n  finturf: {\n    bar: [\n      {\n        gradientTargetPropertyName: \"backgroundColor\",\n        colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,\n        direction: \"toBottom\",\n        typeDistributionOfGradientPoints: \"personalBase\",\n        collorStopPoints: [0.2, 1],\n      },\n    ],\n    line: [\n      {\n        gradientTargetPropertyName: \"borderColor\",\n        colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,\n        direction: \"toRight\",\n      },\n      {\n        gradientTargetPropertyName: \"backgroundColor\",\n        colors: [\n          \"rgba(84, 210, 173, 0.2)\",\n          \"rgba(84, 210, 173, 0.1)\",\n          \"rgba(84, 210, 173, 0)\",\n        ],\n        direction: \"toBottom\",\n        collorStopPoints: [0.31, 0.72, 1],\n        isAddFill: true,\n      },\n    ],\n    positiveLineIcon: [\n      {\n        gradientTargetPropertyName: \"borderColor\",\n        colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,\n        direction: \"toRight\",\n      },\n    ],\n    negativeLineIcon: [\n      {\n        gradientTargetPropertyName: \"borderColor\",\n        colors: FINTURF_ADD_GRADIENT_COLORS_NEGATIVE,\n        direction: \"toRight\",\n      },\n    ],\n  },\n};\n\nexport const FINTURF_TOOLTIP_OPTIONS = {\n  enabled: true,\n  mode: \"index\",\n  intersect: false,\n  padding: 8,\n  backgroundColor: \"#FFFFFF\",\n  titleColor: \"#757F8C\",\n  borderColor: \"#D6D9E4\",\n  titleFont: {\n    family: \"Sarabun\",\n    style: \"normal\",\n    weight: 500,\n    size: 12,\n    // line-height: 18px;\n  },\n  titleAlign: \"center\",\n  bodyColor: \"#1E1E2D\",\n  bodyFont: {\n    family: \"Sarabun\",\n    style: \"normal\",\n    weight: 400,\n    size: 14,\n  },\n  bodyAlign: \"center\",\n  caretSize: 0,\n  displayColors: false,\n  borderWidth: 1,\n  borderRadius: 6,\n  callbacks: {\n    label: (context) => context.raw || \"0\",\n  },\n};\n\nexport const ICON_MODELS = [\n  \"lineIconLayout\",\n  \"finturfPositiveLineIcon\",\n  \"finturfNegativeLineIcon\",\n];\n\nexport const COMPONENT_OPTIONS = {\n  disableDescriptionsFor: [...ICON_MODELS],\n  disableChartTypeSwitcherFor: [...ICON_MODELS, \"barLayout\", \"lineLayout\"],\n};\n"],"names":["CHART_TYPES","COMPONENT_OPTIONS","DEFAULT_CHART_MODEL","FINTURF_ADD_GRADIENT_COLORS_NEGATIVE","FINTURF_ADD_GRADIENT_COLORS_POSITIVE","FINTURF_TOOLTIP_OPTIONS","GRADIENTS_OBJECTS","ICON_MODELS","finturf","bar","gradientTargetPropertyName","colors","direction","typeDistributionOfGradientPoints","collorStopPoints","line","isAddFill","positiveLineIcon","negativeLineIcon","enabled","mode","intersect","padding","backgroundColor","titleColor","borderColor","titleFont","family","style","weight","size","titleAlign","bodyColor","bodyFont","bodyAlign","caretSize","displayColors","borderWidth","borderRadius","callbacks","label","context","raw","disableDescriptionsFor","disableChartTypeSwitcherFor"],"mappings":";;;;;;;;;;;IAAaA,WAAW;eAAXA;;IA2FAC,iBAAiB;eAAjBA;;IA1FAC,mBAAmB;eAAnBA;;IAGAC,oCAAoC;eAApCA;;IADAC,oCAAoC;eAApCA;;IAiDAC,uBAAuB;eAAvBA;;IA9CAC,iBAAiB;eAAjBA;;IA+EAC,WAAW;eAAXA;;;AArFN,MAAMP,cAAc;IAAC;IAAO;CAAO;AACnC,MAAME,sBAAsB;AAE5B,MAAME,uCAAuC;IAAC;IAAW;CAAU;AACnE,MAAMD,uCAAuC;IAAC;IAAW;CAAU;AAEnE,MAAMG,oBAAoB;IAC/BE,SAAS;QACPC,KAAK;YACH;gBACEC,4BAA4B;gBAC5BC,QAAQP;gBACRQ,WAAW;gBACXC,kCAAkC;gBAClCC,kBAAkB;oBAAC;oBAAK;iBAAE;YAC5B;SACD;QACDC,MAAM;YACJ;gBACEL,4BAA4B;gBAC5BC,QAAQP;gBACRQ,WAAW;YACb;YACA;gBACEF,4BAA4B;gBAC5BC,QAAQ;oBACN;oBACA;oBACA;iBACD;gBACDC,WAAW;gBACXE,kBAAkB;oBAAC;oBAAM;oBAAM;iBAAE;gBACjCE,WAAW;YACb;SACD;QACDC,kBAAkB;YAChB;gBACEP,4BAA4B;gBAC5BC,QAAQP;gBACRQ,WAAW;YACb;SACD;QACDM,kBAAkB;YAChB;gBACER,4BAA4B;gBAC5BC,QAAQR;gBACRS,WAAW;YACb;SACD;IACH;AACF;AAEO,MAAMP,0BAA0B;IACrCc,SAAS;IACTC,MAAM;IACNC,WAAW;IACXC,SAAS;IACTC,iBAAiB;IACjBC,YAAY;IACZC,aAAa;IACbC,WAAW;QACTC,QAAQ;QACRC,OAAO;QACPC,QAAQ;QACRC,MAAM;IAER;IACAC,YAAY;IACZC,WAAW;IACXC,UAAU;QACRN,QAAQ;QACRC,OAAO;QACPC,QAAQ;QACRC,MAAM;IACR;IACAI,WAAW;IACXC,WAAW;IACXC,eAAe;IACfC,aAAa;IACbC,cAAc;IACdC,WAAW;QACTC,OAAO,CAACC,UAAYA,QAAQC,GAAG,IAAI;IACrC;AACF;AAEO,MAAMnC,cAAc;IACzB;IACA;IACA;CACD;AAEM,MAAMN,oBAAoB;IAC/B0C,wBAAwB;WAAIpC;KAAY;IACxCqC,6BAA6B;WAAIrC;QAAa;QAAa;KAAa;AAC1E"}