intelicoreact 0.2.42 → 0.2.45

package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js

@@ -0,0 +1,69 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+require("./RadioRowSwitcher.scss");
+
+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; }
+
+var classNames = require('classnames');
+
+var RadioRowSwitcher = function RadioRowSwitcher(_ref) {
+  var onChange = _ref.onChange,
+      radios = _ref.radios,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? '' : _ref$label,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? '' : _ref$value;
+  var handle = {
+    change: function change(newValue) {
+      if (newValue === value) onChange('');else onChange(newValue);
+    }
+  };
+
+  var itemClass = function itemClass(key) {
+    return classNames('radio-row-switcher__item', (0, _defineProperty2.default)({}, "radio-row-switcher__item--active", key === value));
+  };
+
+  var sliderClass = function sliderClass(key) {
+    return classNames('radio-row-switcher__slider', "radio-row-switcher__slider--".concat(key));
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "radio-row-switcher"
+  }, label && /*#__PURE__*/_react.default.createElement("div", {
+    className: "radio-row-switcher__label"
+  }, label), /*#__PURE__*/_react.default.createElement("div", {
+    className: "radio-row-switcher__items-box"
+  }, radios.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: item.key
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      onClick: function onClick() {
+        return handle.change(item.key);
+      },
+      className: itemClass(item.key)
+    }, item.label));
+  }), value && /*#__PURE__*/_react.default.createElement("div", {
+    onClick: function onClick() {
+      return handle.change('');
+    },
+    className: sliderClass(value)
+  })));
+};
+
+var _default = RadioRowSwitcher;
+exports.default = _default;

package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.scss

@@ -0,0 +1,119 @@
+.radio-row-switcher {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  &__label {
+    color: #1e1e2d;
+    font-weight: 400;
+    font-size: 13px;
+  }
+
+  &__items-box {
+    box-sizing: border-box;
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    justify-content: center;
+    align-items: center;
+    border-radius: 26px;
+    padding: 1px;
+    min-height: 28px;
+    position: relative;
+    background: #fff;
+    max-width: 275px;
+    min-width: 275px;
+  }
+
+  &__item {
+    cursor: pointer;
+    width: 20%;
+    white-space: nowrap;
+    padding: 3px 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid transparent;
+    border-radius: 16px;
+    height: 18px;
+    font-size: 13px;
+    font-weight: 300;
+    user-select: none;
+    transition: 0.2s ease;
+    color: #1e1e2d;
+
+    &:first-child {
+      min-width: 27px;
+    }
+    &:nth-child(2) {
+      min-width: 19px;
+    }
+    &:nth-child(3) {
+      min-width: 46px;
+    }
+    &:nth-child(4) {
+      min-width: 22px;
+    }
+    &:nth-child(5) {
+      min-width: 54px;
+    }
+
+    &--active {
+      &:first-child {
+        color: #78c58d;
+      }
+      &:nth-child(2) {
+        color: #f06d8d;
+      }
+      &:nth-child(3) {
+        color: #f59a2f;
+      }
+      &:nth-child(4) {
+        font-weight: 400;
+      }
+      &:nth-child(5) {
+        color: #6b81dd;
+      }
+    }
+  }
+
+  &__slider {
+    position: absolute;
+    border-radius: 28px;
+    width: 0;
+    left: 1px;
+    top: 2px;
+    bottom: 2px;
+    border: 1px solid transparent;
+    cursor: pointer;
+    transition: 0.3s ease;
+
+    &--pass {
+      left: 1px;
+      width: 44px;
+      border: 1px solid #00b031;
+    }
+    &--fail {
+      left: 46px;
+      width: 37px;
+      border: 1px solid #f06d8d;
+    }
+
+    &--pending {
+      left: 91px;
+      width: 64px;
+      border: 1px solid #f59a2f;
+    }
+
+    &--na {
+      left: 155px;
+      width: 40px;
+      border: 1px solid #9aa0b9;
+    }
+
+    &--exception {
+      left: 200px;
+      width: 72px;
+      border: 1px solid #6b81dd;
+    }
+  }
+}

package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js

@@ -49,8 +49,9 @@ var SwitcherRadio = function SwitcherRadio(_ref) {
   var renderRadioGroup = function renderRadioGroup() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("".concat(RC, "__wrap"), (0, _defineProperty2.default)({}, "switcher-radio_".concat(direction), direction))
-    }, options === null || options === void 0 ? void 0 : options.map(function (option) {
+    }, options === null || options === void 0 ? void 0 : options.map(function (option, index) {
       return /*#__PURE__*/_react.default.createElement(_RadioInput.default, (0, _extends2.default)({}, option, {
+        key: option.id || option.value || index,
         className: "switcher-radio__radio",
         checked: safelyValue,
         onChange: function onChange(val) {

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

@@ -44,13 +44,17 @@ var RC = 'chart';
 _chart.Chart.register(_chart.CategoryScale, _chart.LinearScale, _chart.BarElement, _chart.PointElement, _chart.LineElement, _chart.Filler, _chart.Tooltip);
 
 var Chart = function Chart(_ref) {
+  var _modifyOptions$toStri;
+
   var className = _ref.className,
       initialModel = _ref.initialModel,
       modelsForSwitch = _ref.modelsForSwitch,
       setModelExternalValue = _ref.setModelExternalValue,
       description = _ref.description,
       customOptions = _ref.customOptions,
-      data = _ref.data;
+      data = _ref.data,
+      addToDatasets = _ref.addToDatasets,
+      modifyOptions = _ref.modifyOptions;
   if (!data) return null;
 
   var _ref2 = description || {},
@@ -70,11 +74,11 @@ var Chart = function Chart(_ref) {
   var chartRef = (0, _react.useRef)(null);
   var charContainertRef = (0, _react.useRef)(null);
   var options = (0, _react.useMemo)(function () {
-    return customOptions || (0, _utils.getOptions)(model);
-  }, [customOptions, model]);
+    return customOptions || (modifyOptions ? modifyOptions((0, _utils.getOptions)(model)) : (0, _utils.getOptions)(model));
+  }, [customOptions, model, modifyOptions === null || modifyOptions === void 0 ? void 0 : (_modifyOptions$toStri = modifyOptions.toString) === null || _modifyOptions$toStri === void 0 ? void 0 : _modifyOptions$toStri.call(modifyOptions), data]);
   var notLibraryOptionsOptions = (0, _react.useMemo)(function () {
     return customOptions ? customOptions === null || customOptions === void 0 ? void 0 : customOptions.notLibraryOptions : (0, _utils.getNotLibraryOptionsOptions)(model);
-  }, [customOptions, model]);
+  }, [customOptions, model, data]);
   var ChartComponent = (0, _react.useCallback)(function (props) {
     var Component = ChartComponents[(0, _utils.getChartTypeKey)(model)];
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
@@ -104,7 +108,7 @@ var Chart = function Chart(_ref) {
     return setModel((0, _utils.correctModelKey)(initialModel));
   }, [initialModel]);
   (0, _react.useEffect)(function () {
-    return setLocalData((0, _utils.prepareData)(model, (0, _utils2.clone)(data), chartRef.current));
+    return setLocalData((0, _utils.prepareData)(model, (0, _utils2.clone)(data), chartRef.current, addToDatasets));
   }, [model, data]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_icon-mode"), _Chart.ICON_MODELS.includes(model)), className)

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

@@ -4,9 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.COMPONENT_OPTIONS = exports.ICON_MODELS = exports.FINTURF_TOOLTIP_OPTIONS = exports.GRADIENTS_OBJECTS = exports.FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = exports.FINTURF_ADD_GRADIENT_COLORS_POSITIVE = exports.DEFAULT_CHART_MODEL = exports.CHART_TYPES = void 0;
-
-var _fieldValueFormatters = require("../../../../Functions/fieldValueFormatters");
-
 var CHART_TYPES = ['Bar', 'Line'];
 exports.CHART_TYPES = CHART_TYPES;
 var DEFAULT_CHART_MODEL = 'emptyLayout';
@@ -55,6 +52,7 @@ var FINTURF_TOOLTIP_OPTIONS = {
   padding: 8,
   backgroundColor: '#FFFFFF',
   titleColor: '#757F8C',
+  borderColor: '#D6D9E4',
   titleFont: {
     family: 'Sarabun',
     style: 'normal',
@@ -77,7 +75,7 @@ var FINTURF_TOOLTIP_OPTIONS = {
   borderRadius: 6,
   callbacks: {
     label: function label(context) {
-      return (0, _fieldValueFormatters.formatDollarSign)((0, _fieldValueFormatters.formatToAddBitDepthPoints)(context.raw));
+      return context.raw || '0';
     }
   }
 };

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

@@ -45,7 +45,6 @@ var reactChartJsOptionsLayouts = {
         }
       }
     },
-    plugins: {},
     redraw: true,
     notLibraryOptions: {
       // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
@@ -76,7 +75,6 @@ var reactChartJsOptionsLayouts = {
         }
       }
     },
-    plugins: {},
     redraw: true,
     notLibraryOptions: {
       // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
@@ -94,7 +92,6 @@ var reactChartJsOptionsLayouts = {
         }
       }
     },
-    plugins: {},
     redraw: true,
     notLibraryOptions: {
       // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности

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

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.prepareData = exports.getNotLibraryOptionsOptions = exports.getOptions = exports.correctModelKey = exports.getChartTypeKey = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 var _optionsConstructor = _interopRequireDefault(require("./optionsConstructor"));
 
 var _Chart = require("./Chart.constants");
@@ -15,6 +19,10 @@ var _utils = require("../../../../Functions/utils");
 
 var _datasetSetters = _interopRequireDefault(require("./datasetSetters"));
 
+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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else 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; }
+
 var getChartTypeKey = function getChartTypeKey(model) {
   var _optionsConstructor$m, _optionsConstructor$m2;
 
@@ -44,13 +52,18 @@ var getNotLibraryOptionsOptions = function getNotLibraryOptionsOptions(model) {
 
 exports.getNotLibraryOptionsOptions = getNotLibraryOptionsOptions;
 
-var prepareData = function prepareData(model, data, chartInstance) {
+var prepareData = function prepareData(model, data, chartInstance, addToDatasets) {
   if (!chartInstance) return data;
   var notLibraryOptions = getNotLibraryOptionsOptions(model);
   var iterator = notLibraryOptions !== null && notLibraryOptions !== void 0 && notLibraryOptions.changeData ? Object.keys(notLibraryOptions.changeData) : [];
-  return iterator.reduce(function (acc, dataChangeKey) {
-    return (0, _datasetSetters.default)(acc, dataChangeKey, notLibraryOptions.changeData[dataChangeKey], chartInstance);
+  var changedData = iterator.reduce(function (acc, dataChangeKey) {
+    return (0, _datasetSetters.default)(acc, dataChangeKey, notLibraryOptions.changeData[dataChangeKey], chartInstance, addToDatasets);
   }, (0, _utils.clone)(data));
+  return addToDatasets && (0, _typeof2.default)(addToDatasets) === 'object' && !Array.isArray(addToDatasets) ? _objectSpread(_objectSpread({}, changedData), {}, {
+    datasets: changedData.datasets.map(function (dataset) {
+      return _objectSpread(_objectSpread({}, dataset), addToDatasets);
+    })
+  }) : changedData;
 };
 
 exports.prepareData = prepareData;

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

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 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"));
@@ -27,12 +29,18 @@ var _utils = require("./partial/utils");
 
 var _utils2 = require("../../../Functions/utils");
 
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+
 require("./partial/AnyOuterClass.scss");
 
 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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else 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; }
+
 var ExampleChartIntegration = function ExampleChartIntegration(props) {
   var _ref = props || {},
       inputDateRangeProps = _ref.inputDateRangeProps,
@@ -243,6 +251,26 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
     modelsForSwitch: modelsForSwitch,
     description: {
       label: getDescription(tab)
+    },
+    addToDatasets: {
+      id: tab
+    },
+    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.formatDollarSign)((0, _fieldValueFormatters.formatToAddBitDepthPoints)(context.raw || '0')) : context.raw || '0';
+                }
+              })
+            })
+          })
+        })
+      });
     }
   })));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.2.42",
+  "version": "0.2.45",
   "description": "",
   "main": "dist/index.js",
   "files": [