intelicoreact 1.5.32 → 1.5.34

package/dist/Atomic/UI/DoubleString/DoubleString.js

@@ -1,85 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _moment = _interopRequireDefault(require("moment"));
-var _reactFeather = require("react-feather");
-require("./DoubleString.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 RC = "double-string";
-const DoubleString = _ref => {
-  let {
-    value,
-    description,
-    valuePostfix,
-    className,
-    testId = "double-string",
-    isFormatValueToDate,
-    isUseOnClick,
-    dateFormatSettings: {
-      parseFormat = "MM.DD.YYYY",
-      displayFormat = "MM.DD.YYYY"
-    } = {},
-    revert = false,
-    noTitle,
-    isUseHideMode = false,
-    isShowHiddenValueAvailable = false
-  } = _ref;
-  const [isValueHidden, setIsValueHidden] = (0, _react.useState)(isUseHideMode);
-  const computedValue = isFormatValueToDate ? (0, _moment.default)(value, parseFormat).format(displayFormat) : value;
-  const valueRef = (0, _react.useRef)(null);
-  const descriptionRef = (0, _react.useRef)(null);
-  const [elemsWidth, setElemsWidth] = (0, _react.useState)({
-    valueWidth: 0,
-    descriptionWidth: 0
-  });
-  const [isOnClickON, setIsOnClickON] = (0, _react.useState)(false);
-  const handle = {
-    click: () => {
-      setIsOnClickON(!isOnClickON);
-    }
-  };
-  (0, _react.useEffect)(() => {
-    var _valueRef$current, _descriptionRef$curre;
-    const valueWidth = valueRef === null || valueRef === void 0 || (_valueRef$current = valueRef.current) === null || _valueRef$current === void 0 ? void 0 : _valueRef$current.clientWidth;
-    const descriptionWidth = descriptionRef === null || descriptionRef === void 0 || (_descriptionRef$curre = descriptionRef.current) === null || _descriptionRef$curre === void 0 ? void 0 : _descriptionRef$curre.clientWidth;
-    setElemsWidth({
-      valueWidth,
-      descriptionWidth
-    });
-  }, [descriptionRef, valueRef]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: (0, _classnames.default)(RC, className)
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    onClick: () => handle.click(),
-    ref: valueRef,
-    className: (0, _classnames.default)("".concat(RC, "__value"), {
-      "double-string--value-opened": isOnClickON && isUseOnClick
-    }, {
-      pointer: isUseOnClick
-    }),
-    title: !noTitle && elemsWidth.valueWidth > 99 ? computedValue : ""
-  }, !revert ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isUseHideMode ? /*#__PURE__*/_react.default.createElement("span", null, !isValueHidden ? computedValue : '*********') : computedValue, isUseHideMode && isShowHiddenValueAvailable && isValueHidden && /*#__PURE__*/_react.default.createElement(_reactFeather.Eye, {
-    className: "".concat(RC, "__hide-mode-icon"),
-    onClick: () => setIsValueHidden(false)
-  }), isUseHideMode && isShowHiddenValueAvailable && !isValueHidden && /*#__PURE__*/_react.default.createElement(_reactFeather.EyeOff, {
-    className: "".concat(RC, "__hide-mode-icon"),
-    onClick: () => setIsValueHidden(true)
-  }), valuePostfix && /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)("".concat(RC, "__value-postfix"))
-  }, valuePostfix)) : description), /*#__PURE__*/_react.default.createElement("p", {
-    ref: descriptionRef,
-    className: (0, _classnames.default)("".concat(RC, "__description")),
-    title: !noTitle && elemsWidth.descriptionWidth > 99 ? computedValue : ""
-  }, !revert ? description : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, computedValue, valuePostfix && /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)("".concat(RC, "__value-postfix"))
-  }, valuePostfix))));
-};
-var _default = exports.default = DoubleString;

package/dist/Atomic/UI/DoubleString/DoubleString.scss

@@ -1,50 +0,0 @@
-.double-string {
-  position: relative;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-
-  min-width: 0;
-
-  &__value,
-  &__description {
-    font-family: inherit;
-    font-size: inherit;
-    font-weight: inherit;
-    font-style: inherit;
-
-    color: inherit;
-  }
-
-  &__value {
-    overflow: hidden;
-
-    max-width: 100%;
-    margin: 0 0 4px;
-
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-
-  &__description {
-    margin: 0;
-
-    color: #9aa0b9;
-  }
-
-  &--value-opened {
-    text-overflow: unset;
-    white-space: unset;
-  }
-
-  &__hide-mode-icon {
-    pointer-events: all;
-    cursor: pointer;
-    color: #6b81dd;
-    width: 16px;
-    height: 16px;
-    margin-left: 4px;
-  }
-}

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

@@ -1,18 +0,0 @@
-@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
-
-.any-outer-class__double-string {
-  font-family: Roboto, sans-serif;
-  font-size: 16px;
-  font-weight: 400;
-  font-style: normal;
-
-  color: #1e1e2d;
-
-  .double-string {
-    &__description {
-      font-size: 13px;
-
-      color: #687bc1;
-    }
-  }
-}

package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-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 DynamicIcon = _ref => {
-  let {
-    iconKey,
-    ...props
-  } = _ref;
-  if (!iconKey) return null;
-  const [Icon, setIcon] = (0, _react.useState)(null);
-  (0, _react.useEffect)(() => {
-    const fetchData = async () => {
-      const FeatherIcons = await Promise.resolve().then(() => _interopRequireWildcard(require("react-feather")));
-      const iconComponent = FeatherIcons[iconKey];
-      setIcon(iconComponent);
-    };
-    fetchData();
-  }, []);
-  return Icon ? /*#__PURE__*/_react.default.createElement(Icon, props) : null;
-};
-var _default = exports.default = DynamicIcon;

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

@@ -1,184 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  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");
-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, _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()
-      }]
-    };
-  };
-  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, _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 => {
-      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 => {
-                  return context.dataset.id === "tab3" || context.dataset.id === "tab4" ? (0, _fieldValueFormatters.formatToPriceWithUSD)(context.raw || "0") : context.raw || "0";
-                }
-              }
-            }
-          }
-        }
-      };
-    }
-  })));
-};
-var _default = exports.default = ExampleChartIntegration;

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

@@ -1,68 +0,0 @@
-@import "https://fonts.googleapis.com/css2?family=Sarabun&display=swap";
-
-.example-wrapper {
-  max-width: 850px;
-
-  .buttons-block {
-    display: flex;
-    flex-flow: row nowrap;
-
-    width: 100%;
-    margin-top: 50px;
-  }
-
-  .tab-button {
-    width: 100px;
-    height: 40px;
-    margin-right: 20px;
-
-    border: 1px solid black;
-
-    &:last-child {
-      margin-right: 0;
-    }
-
-    &_active {
-      text-decoration: underline;
-    }
-  }
-
-  .chart:not(.chart_icon-mode) {
-    max-width: 806px;
-
-    border-radius: 16px;
-    background: #fff;
-    box-shadow: 0 16px 24px rgb(0 0 0 / 5%);
-  }
-
-  .chart__description-title {
-    font-family: Sarabun, sans-serif;
-    font-size: 16px;
-    font-weight: 600;
-    font-style: normal;
-    line-height: 24px;
-    letter-spacing: 0.1px;
-
-    color: #3b414b;
-  }
-
-  .chart__description-value {
-    span {
-      font-size: 20px;
-      font-weight: 600;
-      font-style: normal;
-      line-height: 30px;
-      letter-spacing: 0.359794px;
-
-      color: #3b414b;
-
-      &:last-child {
-        font-size: 14px;
-        line-height: 20px;
-        letter-spacing: 0.2px;
-
-        color: #757f8c;
-      }
-    }
-  }
-}

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

@@ -1,90 +0,0 @@
-"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 _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);
-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
-
-  // 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;
-    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) => {
-      acc.values.push(acc.point.format(format));
-      acc.point = (0, _momentTimezone.default)(acc.point).add(1, intervalStepKey);
-      return acc;
-    }, {
-      point: start,
-      values: []
-    });
-    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);
-};
-exports.getTab = getTab;