intelicoreact 1.5.41 → 1.6.1

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

@@ -1,181 +1,262 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _uuid = require("uuid");
-var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-var _utils = require("../../../Functions/utils");
-var _InputDateRange = _interopRequireDefault(require("../../FormElements/InputDateRange/InputDateRange"));
-var _Chart = _interopRequireDefault(require("../Chart/Chart"));
-var _utils2 = require("./partial/utils");
+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 _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+const _utils = require("../../../Functions/utils");
+const _InputDateRange = /*#__PURE__*/ _interop_require_default(require("../../FormElements/InputDateRange/InputDateRange"));
+const _Chart = /*#__PURE__*/ _interop_require_default(require("../Chart/Chart"));
+const _utils1 = require("./partial/utils");
 require("./partial/AnyOuterClass.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const ExampleChartIntegration = props => {
-  const {
-    inputDateRangeProps,
-    chartProps
-  } = props || {};
-  const {
-    value: outerDateRange,
-    onChange: changeDateRange
-  } = inputDateRangeProps || {};
-  const {
-    initialChartType
-  } = chartProps || {};
-  const dateRange = (0, _react.useMemo)(() => (0, _utils2.getSafelyDateRange)(outerDateRange), [outerDateRange]);
-  const [chartType, setChartType] = (0, _react.useState)(initialChartType || "Bar");
-  const [tab, setTab] = (0, _react.useState)("tab1");
-  const [initialModel, setInitialModel] = (0, _react.useState)(chartType === "Bar" ? "finturfLoadingModeBar" : "finturfLoadingModeLine");
-  const [tab1, setTab1] = (0, _react.useState)(null);
-  const [tab2, setTab2] = (0, _react.useState)(null);
-  const [tab3, setTab3] = (0, _react.useState)(null);
-  const [tab4, setTab4] = (0, _react.useState)(null);
-  const [dataForRender, setDataForRender] = (0, _react.useState)(null);
-  const getMockData = () => {
-    const labels = (0, _utils2.getLabels)(dateRange);
-    const mock = () => labels.map(label => (0, _utils2.getMockValue)());
-    return {
-      labels,
-      datasets: [{
-        data: mock()
-      }]
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
     };
-  };
-  const getTabData = tabId => {
-    switch (tabId) {
-      case "tab1":
-        return !tab1 ? null : (0, _utils.clone)(tab1);
-      case "tab2":
-        return !tab2 ? null : (0, _utils.clone)(tab2);
-      case "tab3":
-        return !tab3 ? null : (0, _utils.clone)(tab3);
-      case "tab4":
-        return !tab4 ? null : (0, _utils.clone)(tab4);
-      default:
-        return null;
+}
+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;
     }
-  };
-  const getDescription = tabId => {
-    switch (tabId) {
-      case "tab1":
-        return "Tab 1";
-      case "tab2":
-        return "Tab 2";
-      case "tab3":
-        return "Tab 3";
-      case "tab4":
-        return "Tab 4";
-      default:
-        return null;
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
     }
-  };
-  const selectData = () => getTabData(tab) ? getTabData(tab) : getMockData();
-  const modelsForSwitch = (0, _react.useMemo)(() => getTabData(tab) ? ["finturfChartBar", "finturfChartLine"] : ["finturfLoadingModeBar", "finturfLoadingModeLine"], [Boolean(getTabData(tab))]);
-  const handleChangeChartType = model => {
-    setChartType(model.includes("Line") ? "Line" : "Bar");
-    setInitialModel(model);
-  };
-  const getModel = () => {
-    if (!getTabData(tab)) return chartType === "Bar" ? "finturfLoadingModeBar" : "finturfLoadingModeLine";else return chartType === "Bar" ? "finturfChartBar" : "finturfChartLine";
-  };
-  const processResponse = (res, tabId) => {
-    switch (tabId) {
-      case "tab1":
-        setTab1(res);
-        break;
-      case "tab2":
-        setTab2(res);
-        break;
-      case "tab3":
-        setTab3(res);
-        break;
-      case "tab4":
-        setTab4(res);
-        break;
-      default:
-        break;
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
     }
-    return res;
-  };
-  (0, _react.useLayoutEffect)(() => {
-    setTab1(null);
-    setTab2(null);
-    setTab3(null);
-    setTab4(null);
-
-    // эмуляция запросов
-    // вся логика происходит в самих входящих промисах
-    // Promise.all добавлен для расширения на случай надобности описания эффектов по завершении всех запросов
-    Promise.all([(0, _utils2.getTab)("tab1", dateRange, processResponse), (0, _utils2.getTab)("tab2", dateRange, processResponse), (0, _utils2.getTab)("tab3", dateRange, processResponse), (0, _utils2.getTab)("tab4", dateRange, processResponse)]);
-  }, [dateRange]);
-  (0, _react.useLayoutEffect)(() => {
-    setInitialModel(getModel());
-    setDataForRender(selectData());
-  }, [Boolean(getTabData(tab)), tab, chartType]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "example-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_InputDateRange.default, (0, _extends2.default)({}, inputDateRangeProps, {
-    value: outerDateRange,
-    onChange: changeDateRange
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "buttons-block"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _classnames.default)("tab-button", {
-      "tab-button_active": tab === "tab1"
-    }),
-    onClick: () => setTab("tab1")
-  }, "Tab 1"), /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _classnames.default)("tab-button", {
-      "tab-button_active": tab === "tab2"
-    }),
-    onClick: () => setTab("tab2")
-  }, "Tab 2"), /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _classnames.default)("tab-button", {
-      "tab-button_active": tab === "tab3"
-    }),
-    onClick: () => setTab("tab3")
-  }, "Tab 3"), /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _classnames.default)("tab-button", {
-      "tab-button_active": tab === "tab4"
-    }),
-    onClick: () => setTab("tab4")
-  }, "Tab 4")), /*#__PURE__*/_react.default.createElement(_Chart.default, (0, _extends2.default)({}, chartProps, {
-    key: JSON.stringify(dataForRender),
-    data: dataForRender,
-    setModelExternalValue: handleChangeChartType,
-    initialModel: initialModel,
-    modelsForSwitch: modelsForSwitch,
-    description: {
-      label: getDescription(tab)
-    },
-    addToDatasets: {
-      id: tab
-    },
-    modifyOptions: options => ({
-      ...options,
-      options: {
-        ...options?.options,
-        plugins: {
-          ...options?.options?.plugins,
-          tooltip: {
-            ...options?.options?.plugins?.tooltip,
-            callbacks: {
-              ...options?.options?.plugins?.tooltip?.callbacks,
-              label: context => {
-                return context.dataset.id === "tab3" || context.dataset.id === "tab4" ? (0, _fieldValueFormatters.formatToPriceWithUSD)(context.raw || "0") : context.raw || "0";
-              }
+    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;
+}
+const ExampleChartIntegration = (props)=>{
+    const { inputDateRangeProps, chartProps } = props || {};
+    const { value: outerDateRange, onChange: changeDateRange } = inputDateRangeProps || {};
+    const { initialChartType } = chartProps || {};
+    const dateRange = (0, _react.useMemo)(()=>(0, _utils1.getSafelyDateRange)(outerDateRange), [
+        outerDateRange
+    ]);
+    const [chartType, setChartType] = (0, _react.useState)(initialChartType || "Bar");
+    const [tab, setTab] = (0, _react.useState)("tab1");
+    const [initialModel, setInitialModel] = (0, _react.useState)(chartType === "Bar" ? "finturfLoadingModeBar" : "finturfLoadingModeLine");
+    const [tab1, setTab1] = (0, _react.useState)(null);
+    const [tab2, setTab2] = (0, _react.useState)(null);
+    const [tab3, setTab3] = (0, _react.useState)(null);
+    const [tab4, setTab4] = (0, _react.useState)(null);
+    const [dataForRender, setDataForRender] = (0, _react.useState)(null);
+    const getMockData = ()=>{
+        const labels = (0, _utils1.getLabels)(dateRange);
+        const mock = ()=>labels.map((label)=>(0, _utils1.getMockValue)());
+        return {
+            labels,
+            datasets: [
+                {
+                    data: mock()
+                }
+            ]
+        };
+    };
+    const getTabData = (tabId)=>{
+        switch(tabId){
+            case "tab1":
+                return !tab1 ? null : (0, _utils.clone)(tab1);
+            case "tab2":
+                return !tab2 ? null : (0, _utils.clone)(tab2);
+            case "tab3":
+                return !tab3 ? null : (0, _utils.clone)(tab3);
+            case "tab4":
+                return !tab4 ? null : (0, _utils.clone)(tab4);
+            default:
+                return null;
+        }
+    };
+    const getDescription = (tabId)=>{
+        switch(tabId){
+            case "tab1":
+                return "Tab 1";
+            case "tab2":
+                return "Tab 2";
+            case "tab3":
+                return "Tab 3";
+            case "tab4":
+                return "Tab 4";
+            default:
+                return null;
+        }
+    };
+    const selectData = ()=>getTabData(tab) ? getTabData(tab) : getMockData();
+    const modelsForSwitch = (0, _react.useMemo)(()=>getTabData(tab) ? [
+            "finturfChartBar",
+            "finturfChartLine"
+        ] : [
+            "finturfLoadingModeBar",
+            "finturfLoadingModeLine"
+        ], [
+        Boolean(getTabData(tab))
+    ]);
+    const handleChangeChartType = (model)=>{
+        setChartType(model.includes("Line") ? "Line" : "Bar");
+        setInitialModel(model);
+    };
+    const getModel = ()=>{
+        if (!getTabData(tab)) return chartType === "Bar" ? "finturfLoadingModeBar" : "finturfLoadingModeLine";
+        else return chartType === "Bar" ? "finturfChartBar" : "finturfChartLine";
+    };
+    const processResponse = (res, tabId)=>{
+        switch(tabId){
+            case "tab1":
+                setTab1(res);
+                break;
+            case "tab2":
+                setTab2(res);
+                break;
+            case "tab3":
+                setTab3(res);
+                break;
+            case "tab4":
+                setTab4(res);
+                break;
+            default:
+                break;
+        }
+        return res;
+    };
+    (0, _react.useLayoutEffect)(()=>{
+        setTab1(null);
+        setTab2(null);
+        setTab3(null);
+        setTab4(null);
+        // эмуляция запросов
+        // вся логика происходит в самих входящих промисах
+        // Promise.all добавлен для расширения на случай надобности описания эффектов по завершении всех запросов
+        Promise.all([
+            (0, _utils1.getTab)("tab1", dateRange, processResponse),
+            (0, _utils1.getTab)("tab2", dateRange, processResponse),
+            (0, _utils1.getTab)("tab3", dateRange, processResponse),
+            (0, _utils1.getTab)("tab4", dateRange, processResponse)
+        ]);
+    }, [
+        dateRange
+    ]);
+    (0, _react.useLayoutEffect)(()=>{
+        setInitialModel(getModel());
+        setDataForRender(selectData());
+    }, [
+        Boolean(getTabData(tab)),
+        tab,
+        chartType
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: "example-wrapper",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputDateRange.default, {
+                ...inputDateRangeProps,
+                value: outerDateRange,
+                onChange: changeDateRange
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "buttons-block",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        className: (0, _classnames.default)("tab-button", {
+                            "tab-button_active": tab === "tab1"
+                        }),
+                        onClick: ()=>setTab("tab1"),
+                        children: "Tab 1"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        className: (0, _classnames.default)("tab-button", {
+                            "tab-button_active": tab === "tab2"
+                        }),
+                        onClick: ()=>setTab("tab2"),
+                        children: "Tab 2"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        className: (0, _classnames.default)("tab-button", {
+                            "tab-button_active": tab === "tab3"
+                        }),
+                        onClick: ()=>setTab("tab3"),
+                        children: "Tab 3"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        className: (0, _classnames.default)("tab-button", {
+                            "tab-button_active": tab === "tab4"
+                        }),
+                        onClick: ()=>setTab("tab4"),
+                        children: "Tab 4"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _react.createElement)(_Chart.default, {
+                ...chartProps,
+                key: JSON.stringify(dataForRender),
+                data: dataForRender,
+                setModelExternalValue: handleChangeChartType,
+                initialModel: initialModel,
+                modelsForSwitch: modelsForSwitch,
+                description: {
+                    label: getDescription(tab)
+                },
+                addToDatasets: {
+                    id: tab
+                },
+                modifyOptions: (options)=>{
+                    var _options_options, _options_options_plugins, _options_options1, _options_options_plugins_tooltip, _options_options_plugins1, _options_options2;
+                    return {
+                        ...options,
+                        options: {
+                            ...options === null || options === void 0 ? void 0 : options.options,
+                            plugins: {
+                                ...options === null || options === void 0 ? void 0 : (_options_options = options.options) === null || _options_options === void 0 ? void 0 : _options_options.plugins,
+                                tooltip: {
+                                    ...options === null || options === void 0 ? void 0 : (_options_options1 = options.options) === null || _options_options1 === void 0 ? void 0 : (_options_options_plugins = _options_options1.plugins) === null || _options_options_plugins === void 0 ? void 0 : _options_options_plugins.tooltip,
+                                    callbacks: {
+                                        ...options === null || options === void 0 ? void 0 : (_options_options2 = options.options) === null || _options_options2 === void 0 ? void 0 : (_options_options_plugins1 = _options_options2.plugins) === null || _options_options_plugins1 === void 0 ? void 0 : (_options_options_plugins_tooltip = _options_options_plugins1.tooltip) === null || _options_options_plugins_tooltip === void 0 ? void 0 : _options_options_plugins_tooltip.callbacks,
+                                        label: (context)=>{
+                                            return context.dataset.id === "tab3" || context.dataset.id === "tab4" ? (0, _fieldValueFormatters.formatToPriceWithUSD)(context.raw || "0") : context.raw || "0";
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    };
+                }
+            })
+        ]
+    });
 };
-var _default = exports.default = ExampleChartIntegration;
+const _default = ExampleChartIntegration;

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

@@ -0,0 +1,98 @@
+"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, {
+    ExampleChartIntegrationTemplate: function() {
+        return ExampleChartIntegrationTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _ExampleChartIntegration = /*#__PURE__*/ _interop_require_default(require("./ExampleChartIntegration"));
+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;
+}
+global.lng = 'en';
+const _default = {
+    title: 'UI/Chart',
+    component: _ExampleChartIntegration.default
+};
+const Template = (args)=>{
+    const { inputDateRangeProps, chartProps } = args;
+    const [outerDateRange, setOuterDateRange] = (0, _react.useState)({
+        intervalKey: 'last7Days'
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ExampleChartIntegration.default, {
+        inputDateRangeProps: {
+            ...inputDateRangeProps,
+            value: outerDateRange,
+            onChange: setOuterDateRange
+        },
+        chartProps: chartProps
+    });
+};
+const ExampleChartIntegrationTemplate = Template.bind({});
+ExampleChartIntegrationTemplate.args = {
+    inputDateRangeProps: {
+        buttonsTypes: {
+            cancel: 'bark-outline'
+        },
+        isCompareHidden: true
+    },
+    chartProps: {
+        initialChartType: 'Line'
+    }
+};