intelicoreact 1.3.19 → 1.3.21

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

@@ -1,121 +1,210 @@
 "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 _uuid = require("uuid");
+
 var _Chart = _interopRequireDefault(require("../Chart/Chart"));
+
 var _InputDateRange = _interopRequireDefault(require("../../FormElements/InputDateRange/InputDateRange"));
+
 var _utils = require("./partial/utils");
+
 var _utils2 = require("../../../Functions/utils");
+
 var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+
 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 && Object.prototype.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, _utils.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, _utils.getLabels)(dateRange);
-    const mock = () => labels.map(label => (0, _utils.getMockValue)());
+
+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; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var ExampleChartIntegration = function ExampleChartIntegration(props) {
+  var _ref = props || {},
+      inputDateRangeProps = _ref.inputDateRangeProps,
+      chartProps = _ref.chartProps;
+
+  var _ref2 = inputDateRangeProps || {},
+      outerDateRange = _ref2.value,
+      changeDateRange = _ref2.onChange;
+
+  var _ref3 = chartProps || {},
+      initialChartType = _ref3.initialChartType;
+
+  var dateRange = (0, _react.useMemo)(function () {
+    return (0, _utils.getSafelyDateRange)(outerDateRange);
+  }, [outerDateRange]);
+
+  var _useState = (0, _react.useState)(initialChartType || 'Bar'),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      chartType = _useState2[0],
+      setChartType = _useState2[1];
+
+  var _useState3 = (0, _react.useState)('tab1'),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      tab = _useState4[0],
+      setTab = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(chartType === 'Bar' ? 'finturfLoadingModeBar' : 'finturfLoadingModeLine'),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      initialModel = _useState6[0],
+      setInitialModel = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(null),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      tab1 = _useState8[0],
+      setTab1 = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(null),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      tab2 = _useState10[0],
+      setTab2 = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(null),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      tab3 = _useState12[0],
+      setTab3 = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(null),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      tab4 = _useState14[0],
+      setTab4 = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(null),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      dataForRender = _useState16[0],
+      setDataForRender = _useState16[1];
+
+  var getMockData = function getMockData() {
+    var labels = (0, _utils.getLabels)(dateRange);
+
+    var mock = function mock() {
+      return labels.map(function (label) {
+        return (0, _utils.getMockValue)();
+      });
+    };
+
     return {
-      labels,
+      labels: labels,
       datasets: [{
         data: mock()
       }]
     };
   };
-  const getTabData = tabId => {
+
+  var getTabData = function getTabData(tabId) {
     switch (tabId) {
       case 'tab1':
         return !tab1 ? null : (0, _utils2.clone)(tab1);
+
       case 'tab2':
         return !tab2 ? null : (0, _utils2.clone)(tab2);
+
       case 'tab3':
         return !tab3 ? null : (0, _utils2.clone)(tab3);
+
       case 'tab4':
         return !tab4 ? null : (0, _utils2.clone)(tab4);
+
       default:
         return null;
     }
   };
-  const getDescription = tabId => {
+
+  var getDescription = function 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'], [!!getTabData(tab)]);
-  const handleChangeChartType = model => {
+
+  var selectData = function selectData() {
+    return getTabData(tab) ? getTabData(tab) : getMockData();
+  };
+
+  var modelsForSwitch = (0, _react.useMemo)(function () {
+    return getTabData(tab) ? ['finturfChartBar', 'finturfChartLine'] : ['finturfLoadingModeBar', 'finturfLoadingModeLine'];
+  }, [!!getTabData(tab)]);
+
+  var handleChangeChartType = function handleChangeChartType(model) {
     setChartType(model.includes('Line') ? 'Line' : 'Bar');
     setInitialModel(model);
   };
-  const getModel = () => {
+
+  var getModel = function getModel() {
     if (!getTabData(tab)) return chartType === 'Bar' ? 'finturfLoadingModeBar' : 'finturfLoadingModeLine';else return chartType === 'Bar' ? 'finturfChartBar' : 'finturfChartLine';
   };
-  const processResponse = (res, tabId) => {
+
+  var processResponse = function 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)(() => {
+
+  (0, _react.useLayoutEffect)(function () {
     setTab1(null);
     setTab2(null);
     setTab3(null);
-    setTab4(null);
-
-    // эмуляция запросов
+    setTab4(null); // эмуляция запросов
     // вся логика происходит в самих входящих промисах
     // Promise.all добавлен для расширения на случай надобности описания эффектов по завершении всех запросов
+
     Promise.all([(0, _utils.getTab)('tab1', dateRange, processResponse), (0, _utils.getTab)('tab2', dateRange, processResponse), (0, _utils.getTab)('tab3', dateRange, processResponse), (0, _utils.getTab)('tab4', dateRange, processResponse)]);
   }, [dateRange]);
-  (0, _react.useLayoutEffect)(() => {
+  (0, _react.useLayoutEffect)(function () {
     setInitialModel(getModel());
     setDataForRender(selectData());
   }, [!!getTabData(tab), tab, chartType]);
@@ -130,22 +219,30 @@ const ExampleChartIntegration = props => {
     className: (0, _classnames.default)('tab-button', {
       'tab-button_active': tab === 'tab1'
     }),
-    onClick: () => setTab('tab1')
+    onClick: function onClick() {
+      return setTab('tab1');
+    }
   }, "Tab 1"), /*#__PURE__*/_react.default.createElement("button", {
     className: (0, _classnames.default)('tab-button', {
       'tab-button_active': tab === 'tab2'
     }),
-    onClick: () => setTab('tab2')
+    onClick: function onClick() {
+      return setTab('tab2');
+    }
   }, "Tab 2"), /*#__PURE__*/_react.default.createElement("button", {
     className: (0, _classnames.default)('tab-button', {
       'tab-button_active': tab === 'tab3'
     }),
-    onClick: () => setTab('tab3')
+    onClick: function onClick() {
+      return setTab('tab3');
+    }
   }, "Tab 3"), /*#__PURE__*/_react.default.createElement("button", {
     className: (0, _classnames.default)('tab-button', {
       'tab-button_active': tab === 'tab4'
     }),
-    onClick: () => setTab('tab4')
+    onClick: function onClick() {
+      return setTab('tab4');
+    }
   }, "Tab 4")), /*#__PURE__*/_react.default.createElement(_Chart.default, (0, _extends2.default)({}, chartProps, {
     key: JSON.stringify(dataForRender),
     data: dataForRender,
@@ -158,27 +255,25 @@ const ExampleChartIntegration = props => {
     addToDatasets: {
       id: tab
     },
-    modifyOptions: options => {
-      var _options$options, _options$options2, _options$options3;
-      return {
-        ...options,
-        options: {
-          ...(options === null || options === void 0 ? void 0 : options.options),
-          plugins: {
-            ...(options === null || options === void 0 || (_options$options = options.options) === null || _options$options === void 0 ? void 0 : _options$options.plugins),
-            tooltip: {
-              ...(options === null || options === void 0 || (_options$options2 = options.options) === null || _options$options2 === void 0 || (_options$options2 = _options$options2.plugins) === null || _options$options2 === void 0 ? void 0 : _options$options2.tooltip),
-              callbacks: {
-                ...(options === null || options === void 0 || (_options$options3 = options.options) === null || _options$options3 === void 0 || (_options$options3 = _options$options3.plugins) === null || _options$options3 === void 0 || (_options$options3 = _options$options3.tooltip) === null || _options$options3 === void 0 ? void 0 : _options$options3.callbacks),
-                label: context => {
+    modifyOptions: function modifyOptions(options) {
+      var _options$options, _options$options2, _options$options2$plu, _options$options3, _options$options3$plu, _options$options3$plu2;
+
+      return _objectSpread(_objectSpread({}, options), {}, {
+        options: _objectSpread(_objectSpread({}, options === null || options === void 0 ? void 0 : options.options), {}, {
+          plugins: _objectSpread(_objectSpread({}, options === null || options === void 0 ? void 0 : (_options$options = options.options) === null || _options$options === void 0 ? void 0 : _options$options.plugins), {}, {
+            tooltip: _objectSpread(_objectSpread({}, options === null || options === void 0 ? void 0 : (_options$options2 = options.options) === null || _options$options2 === void 0 ? void 0 : (_options$options2$plu = _options$options2.plugins) === null || _options$options2$plu === void 0 ? void 0 : _options$options2$plu.tooltip), {}, {
+              callbacks: _objectSpread(_objectSpread({}, options === null || options === void 0 ? void 0 : (_options$options3 = options.options) === null || _options$options3 === void 0 ? void 0 : (_options$options3$plu = _options$options3.plugins) === null || _options$options3$plu === void 0 ? void 0 : (_options$options3$plu2 = _options$options3$plu.tooltip) === null || _options$options3$plu2 === void 0 ? void 0 : _options$options3$plu2.callbacks), {}, {
+                label: function 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;
+
+var _default = ExampleChartIntegration;
+exports.default = _default;

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

@@ -1,49 +1,73 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTab = exports.getSafelyDateRange = exports.getMockValue = exports.getLabels = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+
 var _dependencies = require("../../../FormElements/InputDateRange/dependencies");
-const getSafelyDateRange = dateRange => (!(dateRange !== null && dateRange !== void 0 && dateRange.start) || !(dateRange !== null && dateRange !== void 0 && dateRange.end)) && (!(dateRange !== null && dateRange !== void 0 && dateRange.intervalKey) || (dateRange === null || dateRange === void 0 ? void 0 : dateRange.intervalKey) === 'allTime') ? (0, _dependencies.getActualDateRange)({
-  start: '2022-01-01T00:00:00',
-  end: (0, _momentTimezone.default)().endOf('day').format('YYYY-MM-DDTHH:mm:ss')
-}) : (0, _dependencies.getActualDateRange)(dateRange);
+
+var getSafelyDateRange = function getSafelyDateRange(dateRange) {
+  return (!(dateRange !== null && dateRange !== void 0 && dateRange.start) || !(dateRange !== null && dateRange !== void 0 && dateRange.end)) && (!(dateRange !== null && dateRange !== void 0 && dateRange.intervalKey) || (dateRange === null || dateRange === void 0 ? void 0 : dateRange.intervalKey) === 'allTime') ? (0, _dependencies.getActualDateRange)({
+    start: '2022-01-01T00:00:00',
+    end: (0, _momentTimezone.default)().endOf('day').format('YYYY-MM-DDTHH:mm:ss')
+  }) : (0, _dependencies.getActualDateRange)(dateRange);
+};
+
 exports.getSafelyDateRange = getSafelyDateRange;
-const getLabels = range => {
-  const MINIMUM_INTERVAL = 'hour';
-  const NO_MORE_THAN_THREE_HOURS = 3; // this is hours
-  const NO_MORE_THAN_TWO_DAYS = 48; // this is hours
-  const NO_MORE_THAN_TWO_MONTHS = 2; // this is months
-  const NO_MORE_THAN_THREE_YEARS = 24; // this is months
 
+var getLabels = function getLabels(range) {
+  var MINIMUM_INTERVAL = 'hour';
+  var NO_MORE_THAN_THREE_HOURS = 3; // this is hours
+
+  var NO_MORE_THAN_TWO_DAYS = 48; // this is hours
+
+  var NO_MORE_THAN_TWO_MONTHS = 2; // this is months
+
+  var NO_MORE_THAN_THREE_YEARS = 24; // this is months
   // safely Range must have 'start' and 'end' properties
-  const safelyRange = (0, _dependencies.getActualDateRange)(range);
-  const start = (0, _momentTimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.start).startOf(MINIMUM_INTERVAL);
-  const end = (0, _momentTimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.end).startOf(MINIMUM_INTERVAL);
-  const getValues = intervalStepKey => {
-    let format;
+
+  var safelyRange = (0, _dependencies.getActualDateRange)(range);
+  var start = (0, _momentTimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.start).startOf(MINIMUM_INTERVAL);
+  var end = (0, _momentTimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.end).startOf(MINIMUM_INTERVAL);
+
+  var getValues = function getValues(intervalStepKey) {
+    var format;
+
     switch (intervalStepKey) {
       case 'minutes':
         format = 'MM.DD hh:mm';
         break;
+
       case 'hours':
         format = 'MM.DD.YYYY h A';
         break;
+
       case 'days':
         format = 'MM.DD.YYYY';
         break;
+
       case 'months':
         format = 'MM.YYYY';
         break;
+
       default:
         format = 'YYYY';
         break;
     }
-    const structure = [...Array(end.diff(start, intervalStepKey)).keys()];
-    const process = structure.reduce((acc, iteration) => {
+
+    var structure = (0, _toConsumableArray2.default)(Array(end.diff(start, intervalStepKey)).keys());
+    var process = structure.reduce(function (acc, iteration) {
       acc.values.push(acc.point.format(format));
       acc.point = (0, _momentTimezone.default)(acc.point).add(1, intervalStepKey);
       return acc;
@@ -53,38 +77,77 @@ const getLabels = range => {
     });
     return process.values;
   };
+
   if (end.diff(start, 'hours') <= NO_MORE_THAN_THREE_HOURS) return getValues('minutes');else if (end.diff(start, 'hours') <= NO_MORE_THAN_TWO_DAYS) return getValues('hours');else if (end.diff(start, 'months') <= NO_MORE_THAN_TWO_MONTHS) return getValues('days');else if (end.diff(start, 'months') <= NO_MORE_THAN_THREE_YEARS) return getValues('months');else return getValues('years');
 };
+
 exports.getLabels = getLabels;
-const getMockValue = () => Math.trunc(Math.random() * 1000000);
-exports.getMockValue = getMockValue;
-const getTab = async (tabId, range, callback) => {
-  let requestDelay;
-  switch (tabId) {
-    case 'tab1':
-      requestDelay = 2000;
-      break;
-    case 'tab2':
-      requestDelay = 1500;
-      break;
-    case 'tab3':
-      requestDelay = 3000;
-      break;
-    case 'tab4':
-      requestDelay = 500;
-      break;
-    default:
-      requestDelay = 1000;
-      break;
-  }
-  return new Promise(res => setTimeout(() => {
-    const labels = getLabels(range);
-    res({
-      labels,
-      datasets: [{
-        data: labels.map(() => getMockValue())
-      }]
-    });
-  }, requestDelay)).then(res => callback ? callback(res, tabId) : res);
+
+var getMockValue = function getMockValue() {
+  return Math.trunc(Math.random() * 1000000);
 };
+
+exports.getMockValue = getMockValue;
+
+var getTab = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(tabId, range, callback) {
+    var requestDelay;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.t0 = tabId;
+            _context.next = _context.t0 === 'tab1' ? 3 : _context.t0 === 'tab2' ? 5 : _context.t0 === 'tab3' ? 7 : _context.t0 === 'tab4' ? 9 : 11;
+            break;
+
+          case 3:
+            requestDelay = 2000;
+            return _context.abrupt("break", 13);
+
+          case 5:
+            requestDelay = 1500;
+            return _context.abrupt("break", 13);
+
+          case 7:
+            requestDelay = 3000;
+            return _context.abrupt("break", 13);
+
+          case 9:
+            requestDelay = 500;
+            return _context.abrupt("break", 13);
+
+          case 11:
+            requestDelay = 1000;
+            return _context.abrupt("break", 13);
+
+          case 13:
+            return _context.abrupt("return", new Promise(function (res) {
+              return setTimeout(function () {
+                var labels = getLabels(range);
+                res({
+                  labels: labels,
+                  datasets: [{
+                    data: labels.map(function () {
+                      return getMockValue();
+                    })
+                  }]
+                });
+              }, requestDelay);
+            }).then(function (res) {
+              return callback ? callback(res, tabId) : res;
+            }));
+
+          case 14:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function getTab(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
 exports.getTab = getTab;