intelicoreact 0.2.40 → 0.2.41

package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js

@@ -21,6 +21,7 @@ var CheckboxInput = function CheckboxInput(_ref) {
   var _cn2;
 
   var label = _ref.label,
+      key = _ref.key,
       id = _ref.id,
       value = _ref.value,
       _onChange = _ref.onChange,
@@ -28,11 +29,14 @@ var CheckboxInput = function CheckboxInput(_ref) {
       className = _ref.className,
       isStark = _ref.isStark;
   return /*#__PURE__*/_react.default.createElement("label", {
+    key: id || key,
     className: (0, _classnames.default)('checkbox-input', className, (0, _defineProperty2.default)({}, "checkbox-input_disabled", disabled)),
     htmlFor: id
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("checkbox-input__input", (_cn2 = {}, (0, _defineProperty2.default)(_cn2, "checkbox-input__input_checked", value), (0, _defineProperty2.default)(_cn2, "checkbox-input__input_indeterminate", isStark), _cn2))
-  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, id ? (0, _defineProperty2.default)({
+  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
+    key: id || key
+  }, id ? (0, _defineProperty2.default)({
     id: id
   }, 'data-id', id) : {}, {
     type: "checkbox",

package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js

@@ -0,0 +1,73 @@
+"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"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Switcher = _interopRequireDefault(require("../Switcher/Switcher"));
+
+require("./SwitcherCheckbox.scss");
+
+var _CheckboxesLine = _interopRequireDefault(require("../CheckboxesLine/CheckboxesLine"));
+
+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 RC = 'switcher-hide';
+
+var SwitcherCheckbox = function SwitcherCheckbox(_ref) {
+  var _cn;
+
+  var label = _ref.label,
+      hint = _ref.hint,
+      _ref$items = _ref.items,
+      items = _ref$items === void 0 ? [] : _ref$items,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? [] : _ref$value,
+      className = _ref.className,
+      isLabelBold = _ref.isLabelBold,
+      isActive = _ref.isActive,
+      hintSide = _ref.hintSide,
+      disabled = _ref.disabled,
+      _ref$onSwitcherChange = _ref.onSwitcherChange,
+      onSwitcherChange = _ref$onSwitcherChange === void 0 ? function () {} : _ref$onSwitcherChange,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
+
+  var renderCheckboxes = function renderCheckboxes() {
+    return /*#__PURE__*/_react.default.createElement(_CheckboxesLine.default, {
+      items: items,
+      value: value,
+      onChange: onChange
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(RC, className, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_closed"), !isActive), (0, _defineProperty2.default)(_cn, "".concat(RC, "_disabled"), disabled), _cn))
+  }, /*#__PURE__*/_react.default.createElement(_Switcher.default, {
+    className: "".concat(RC, "__switcher"),
+    hintSide: hintSide,
+    label: label,
+    isActive: isActive,
+    onChange: function onChange(value) {
+      return onSwitcherChange(value);
+    },
+    isLabelBold: isLabelBold,
+    hint: hint
+  }), isActive && renderCheckboxes());
+};
+
+var _default = SwitcherCheckbox;
+exports.default = _default;

package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.scss

@@ -0,0 +1,31 @@
+// @import '../../scss/main.scss';
+
+.switcher-hide {
+  width: 100%;
+  display: inline-block;
+
+  &__switcher, &__content {
+      margin-bottom: 8px;
+  }
+
+  &__switcher {
+    font-family: inherit;
+    font-style: inherit;
+    font-weight:inherit;
+    font-size: inherit;
+    line-height: inherit;
+  }
+
+  &_closed {
+    height: 16px !important;
+  }
+
+  &_disabled {
+    opacity: 0.5;
+    pointer-events: none;
+
+    // & * {
+    //   pointer-events: none;
+    // }
+  }
+}

package/dist/Atomic/FormElements/SwitcherCheckbox/partial/AnyOuterClass.scss

@@ -0,0 +1,6 @@
+.any-outer-class__switcher-hide {
+  font-style: normal;
+  font-size: 12px;
+  line-height: 20px;
+  color: #1E1E2D;
+}

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

@@ -35,61 +35,62 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var ExampleChartIntegration = function ExampleChartIntegration(props) {
   var _ref = props || {},
-      dateRange = _ref.dateRange,
-      chart = _ref.chart;
+      inputDateRangeProps = _ref.inputDateRangeProps,
+      chartProps = _ref.chartProps;
 
-  var _ref2 = chart || {},
-      initialChartType = _ref2.initialChartType;
+  var _ref2 = inputDateRangeProps || {},
+      outerDateRange = _ref2.value,
+      changeDateRange = _ref2.onChange;
 
-  var _useState = (0, _react.useState)({
-    intervalKey: 'thisMonth'
-  }),
+  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),
-      range = _useState2[0],
-      setRange = _useState2[1];
+      chartType = _useState2[0],
+      setChartType = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(initialChartType || 'Bar'),
+  var _useState3 = (0, _react.useState)('tab1'),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      chartType = _useState4[0],
-      setChartType = _useState4[1];
+      tab = _useState4[0],
+      setTab = _useState4[1];
 
-  var _useState5 = (0, _react.useState)('tab1'),
+  var _useState5 = (0, _react.useState)(chartType === 'Bar' ? 'finturfLoadingModeBar' : 'finturfLoadingModeLine'),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      tab = _useState6[0],
-      setTab = _useState6[1];
+      initialModel = _useState6[0],
+      setInitialModel = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(chartType === 'Bar' ? 'finturfLoadingModeBar' : 'finturfLoadingModeLine'),
+  var _useState7 = (0, _react.useState)(null),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      initialModel = _useState8[0],
-      setInitialModel = _useState8[1];
+      tab1 = _useState8[0],
+      setTab1 = _useState8[1];
 
   var _useState9 = (0, _react.useState)(null),
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      tab1 = _useState10[0],
-      setTab1 = _useState10[1];
+      tab2 = _useState10[0],
+      setTab2 = _useState10[1];
 
   var _useState11 = (0, _react.useState)(null),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      tab2 = _useState12[0],
-      setTab2 = _useState12[1];
+      tab3 = _useState12[0],
+      setTab3 = _useState12[1];
 
   var _useState13 = (0, _react.useState)(null),
       _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      tab3 = _useState14[0],
-      setTab3 = _useState14[1];
+      tab4 = _useState14[0],
+      setTab4 = _useState14[1];
 
   var _useState15 = (0, _react.useState)(null),
       _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      tab4 = _useState16[0],
-      setTab4 = _useState16[1];
-
-  var _useState17 = (0, _react.useState)(null),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      dataForRender = _useState18[0],
-      setDataForRender = _useState18[1];
+      dataForRender = _useState16[0],
+      setDataForRender = _useState16[1];
 
   var getMockData = function getMockData() {
-    var labels = (0, _utils.getLabels)(range);
+    var labels = (0, _utils.getLabels)(dateRange);
 
     var mock = function mock() {
       return labels.map(function (label) {
@@ -193,17 +194,17 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
     // вся логика происходит в самих входящих промисах
     // Promise.all добавлен для расширения на случай надобности описания эффектов по завершении всех запросов
 
-    Promise.all([(0, _utils.getTab)('tab1', range, processResponse), (0, _utils.getTab)('tab2', range, processResponse), (0, _utils.getTab)('tab3', range, processResponse), (0, _utils.getTab)('tab4', range, processResponse)]);
-  }, [range]);
+    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)(function () {
     setInitialModel(getModel());
     setDataForRender(selectData());
   }, [!!getTabData(tab), tab, chartType]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "example-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_InputDateRange.default, (0, _extends2.default)({}, dateRange, {
-    value: range,
-    onChange: setRange
+  }, /*#__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", {
@@ -234,7 +235,7 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
     onClick: function onClick() {
       return setTab('tab4');
     }
-  }, "Tab 4")), /*#__PURE__*/_react.default.createElement(_Chart.default, (0, _extends2.default)({}, chart, {
+  }, "Tab 4")), /*#__PURE__*/_react.default.createElement(_Chart.default, (0, _extends2.default)({}, chartProps, {
     key: JSON.stringify(dataForRender),
     data: dataForRender,
     setModelExternalValue: handleChangeChartType,

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTab = exports.getMockValue = exports.getLabels = void 0;
+exports.getTab = exports.getMockValue = exports.getLabels = exports.getSafelyDateRange = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -17,6 +17,15 @@ var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 
 var _dependencies = require("../../../FormElements/InputDateRange/dependencies");
 
+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;
+
 var getLabels = function getLabels(range) {
   var MINIMUM_INTERVAL = 'hour';
   var NO_MORE_THAN_THREE_HOURS = 3; // this is hours

package/package.json

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