intelicoreact 0.1.22 → 0.1.25

package/dist/Atomic/FormElements/RangeList/RangeList.stories.js

@@ -21,7 +21,7 @@ var _RangeList = _interopRequireDefault(require("./RangeList"));
 
 require("./partial/AnyOuterClass.scss");
 
-var _excluded = ["includeOuterStyles"];
+var _excluded = ["includeOuterStyles", "isAddValidateForExamle", "isUseInitialValues", "initialValues"];
 
 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); }
 
@@ -41,61 +41,66 @@ var rootStyles = {
 
 var Template = function Template(args) {
   var includeOuterStyles = args.includeOuterStyles,
+      isAddValidateForExamle = args.isAddValidateForExamle,
+      isUseInitialValues = args.isUseInitialValues,
+      initialValues = args.initialValues,
       restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
 
-  var _useState = (0, _react.useState)([{
-    from: 1,
-    to: 2
-  }, {
-    from: 5,
-    to: 7
-  }, {
-    from: 8,
-    to: 9
-  }]),
+  var _useState = (0, _react.useState)(),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       value = _useState2[0],
-      setValue = _useState2[1]; // { from: 1, to: 2 }, { from: 5, to: 7 }, { from: 8, to: 9 }
-
-
+      setValue = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      error = _useState4[0],
+      setError = _useState4[1];
+
+  var validateForExample = function validateForExample(from, to) {
+    if (+from < 18) {
+      setError('18 is the minimum allowed value');
+      return false;
+    } else {
+      setError('');
+      return true;
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    if (isUseInitialValues) setValue(initialValues);else setValue([]);
+  }, [isUseInitialValues, restArgs.isFloatValues]);
   return /*#__PURE__*/_react.default.createElement("div", {
     style: rootStyles
   }, /*#__PURE__*/_react.default.createElement(_RangeList.default, (0, _extends2.default)({}, restArgs, {
     className: includeOuterStyles ? 'any-outer-class__range-list' : null,
     value: value,
-    onChange: function (_onChange) {
-      function onChange(_x) {
-        return _onChange.apply(this, arguments);
-      }
-
-      onChange.toString = function () {
-        return _onChange.toString();
-      };
-
-      return onChange;
-    }(function (e) {
-      return onChange(e, 'value');
-    })
+    onChange: function onChange(val) {
+      return setValue(val);
+    },
+    error: error,
+    validate: isAddValidateForExamle ? validateForExample : null
   })));
-}; // const { fields, onChange, type, isInteger, id: filterId, label, className } = props;
-
+};
 
 var RangeListTemplate = Template.bind({});
 exports.RangeListTemplate = RangeListTemplate;
 RangeListTemplate.args = {
-  includeOuterStyles: false // fields: [
-  //   {label: 'From', key: 'from', type: 'number', init: '$'},
-  //   {label: 'To', key: 'to', type: 'number', init: '$'}
-  // ],
-  // id: 306
-  // isActive: true
-  // isInteger: true
-  // isLabelBold: true
-  // isNoLabel: true
-  // label: "Age"
-  // listType: "rangeList"
-  // onChange: ƒ onChange(e)
-  // type: "switcherRangeList"
-  // value: (2) [{…}, {…}]
-
+  includeOuterStyles: false,
+  isAddValidateForExamle: true,
+  disabled: false,
+  isFloatValues: false,
+  decimalPlaces: 2,
+  defaultErrorText: 'Set a valid range',
+  nullValueText: 'Not set',
+  isUseInitialValues: true,
+  initialValues: [{
+    from: 15,
+    to: 17
+  }, {
+    from: 19,
+    to: 23
+  }, {
+    from: 25,
+    to: 30
+  }]
 };

package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RangeListCell = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _fi = require("react-icons/fi");
+
+var RC = 'range-list';
+
+var RangeListCell = function RangeListCell(_ref) {
+  var children = _ref.children,
+      idx = _ref.idx,
+      className = _ref.className,
+      onClick = _ref.onClick;
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _classnames.default)("".concat(RC, "__cell"), className, (0, _defineProperty2.default)({}, "".concat(RC, "__cell-").concat(idx), idx)),
+    onClick: onClick
+  }, children);
+};
+
+exports.RangeListCell = RangeListCell;
+
+var RangeListRow = function RangeListRow(_ref2) {
+  var from = _ref2.from,
+      to = _ref2.to,
+      idx = _ref2.idx,
+      actionClick = _ref2.actionClick;
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__values"), (0, _defineProperty2.default)({}, "".concat(RC, "__values_first-value"), idx === 0))
+  }, /*#__PURE__*/React.createElement(RangeListCell, {
+    idx: 1,
+    className: "".concat(RC, "__cell-value")
+  }, from), /*#__PURE__*/React.createElement(RangeListCell, {
+    idx: 2,
+    className: "".concat(RC, "__cell-value")
+  }, to), /*#__PURE__*/React.createElement(RangeListCell, {
+    idx: 3,
+    className: "".concat(RC, "__cell-action"),
+    onClick: function onClick() {
+      return actionClick(idx);
+    }
+  }, /*#__PURE__*/React.createElement(_fi.FiTrash2, null)));
+};
+
+var _default = RangeListRow;
+exports.default = _default;

package/dist/Atomic/FormElements/RangeList/partial/temp.js

@@ -0,0 +1,150 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = addRange;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+function addRange(inputFrom, inputTo, currentValues, setError) {
+  var _getFilter;
+
+  var rounded = function rounded(val, soft) {
+    if (!val) return soft ? '' : 0;
+    if (!soft || val.toString().split('.')[1] && val.toString().split('.')[1].length > 2) return Number(val).toFixed(2);
+    return val;
+  };
+
+  var removeFiltersDots = function removeFiltersDots(value) {
+    if (filterId) return numberFilterWithoutDots(value);
+    return value;
+  };
+
+  function getFilter(data) {
+    var _data$slice;
+
+    return data === null || data === void 0 ? void 0 : (_data$slice = data.slice()) === null || _data$slice === void 0 ? void 0 : _data$slice.filter(function (_ref) {
+      var from = _ref.from,
+          to = _ref.to;
+      return !([0, null].includes(from) && [0, null].includes(to));
+    });
+  }
+
+  ;
+  var from = parseFloat(rounded(inputFrom));
+  var to = parseFloat(inputTo);
+  if (isNaN(to)) to = '';
+
+  if (isNaN(from) || isNaN(to)) {
+    setError('All fields required');
+    return false;
+  } else if (to !== '' && to <= from) {
+    setError('Set a valid range');
+    return false;
+  } else if (isNaN(from) || !from && isNaN(to) || from < 0 || !from && to <= 0) {
+    setError('Only numbers >=0 are allowed');
+    return false;
+  } else if (to && to - from < 0.05) {
+    setError('range must be more than 0.05');
+    return false;
+  } // else if (form[2]?.unit === '%') {
+  //   setError(`${form[2]?.label} max 100`);
+  //   return false;
+  // } 
+  else if (from > 999999 || !!to && to > 999999) {
+    setError('You need to set a smaller number!');
+    return false;
+  } else if (from === to) {
+    setError('You need to set a range');
+    return false;
+  } else if (!to) {
+    setError('Set a valid range');
+    return false;
+  } else if (!!to && from > to) {
+    setError('You need to set a valid range');
+    return false;
+  } // else if (filterId && label === 'Age' && to > 99) {
+  //   setError('99 is the maximum allowed value');
+  //   return false;
+  // } 
+  // else if (filterId && label === 'Age' && from < 18) {
+  //   setError('18 is the minimum allowed value');
+  //   return false;
+  // }
+
+
+  var duplicate = currentValues === null || currentValues === void 0 ? void 0 : currentValues.filter(function (e) {
+    return Number(e[keyFrom]) === from && Number(e[keyTo]) === to;
+  });
+
+  if (duplicate.length) {
+    setError('This range was already added');
+    return false;
+  }
+
+  var newRanges = [];
+  var prevItems = [];
+  var postItems = [];
+
+  var getRangeObject = function getRangeObject(nFrom, nTo) {
+    var _ref2;
+
+    return _ref2 = {}, (0, _defineProperty2.default)(_ref2, keyFrom, parseFloat(nFrom === null || nFrom === void 0 ? void 0 : nFrom.toFixed(3))), (0, _defineProperty2.default)(_ref2, keyTo, nTo.toFixed ? parseFloat(nTo === null || nTo === void 0 ? void 0 : nTo.toFixed(3)) : nTo || ''), _ref2;
+  };
+
+  var _getFilter$reduce = (_getFilter = getFilter(value)) === null || _getFilter === void 0 ? void 0 : _getFilter.reduce(function (res, data) {
+    if (data[keyFrom] === from) data[keyFrom] = from + additive;
+    if (data[keyTo] === to) data[keyTo] = to - additive;
+    if (isNaN(data[keyFrom])) data[keyFrom] = 0;
+
+    if (data[keyTo] > 0 && from > data[keyTo]) {
+      prevItems.push(data);
+    } else if (to && data[keyFrom] > to) {
+      postItems.push(data);
+    } else if (!(from < data[keyFrom] && (!to || data[keyTo] < to))) {
+      res.push(data);
+    }
+
+    return res;
+  }, []),
+      _getFilter$reduce2 = (0, _slicedToArray2.default)(_getFilter$reduce, 2),
+      crossFrom = _getFilter$reduce2[0],
+      crossTo = _getFilter$reduce2[1];
+
+  if (crossFrom && crossTo) {
+    if (to === crossTo.from) {
+      newRanges.push.apply(newRanges, [getRangeObject(crossFrom[keyFrom], from), getRangeObject(to, crossTo[keyTo])]);
+    } else {
+      newRanges.push.apply(newRanges, [getRangeObject(crossFrom[keyFrom], from), getRangeObject(from + additive, to)]);
+
+      if (to) {
+        newRanges.push(getRangeObject(to + additive, crossTo[keyTo]));
+      }
+    }
+  } else if (crossFrom) {
+    if (crossFrom[keyFrom] < from && crossFrom[keyTo] > to) {
+      newRanges.push(getRangeObject(crossFrom[keyFrom], from));
+
+      if (to) {
+        newRanges.push.apply(newRanges, [getRangeObject(from + additive, to), getRangeObject(to + additive, crossFrom[keyTo])]);
+      } else {
+        newRanges.push(getRangeObject(from + additive, ''));
+      }
+    } else if (crossFrom[keyFrom] > from) {
+      newRanges.push.apply(newRanges, [getRangeObject(from, to), getRangeObject(to + additive, crossFrom[keyTo])]);
+    } else if (crossFrom && to - from > 1) {
+      newRanges.push.apply(newRanges, [getRangeObject(crossFrom[keyFrom], from), getRangeObject(from + additive, to)]);
+    } else newRanges.push(getRangeObject(crossFrom[keyFrom], to));
+  } else {
+    newRanges.push(getRangeObject(from, to));
+  }
+
+  newRanges.unshift.apply(newRanges, prevItems);
+  newRanges.push.apply(newRanges, postItems);
+  return newRanges;
+}

package/dist/Atomic/FormElements/Switcher/Switcher.stories.js

@@ -13,12 +13,16 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _Switcher = _interopRequireDefault(require("./Switcher"));
 
 require("./partial/AnyOuterClass.scss");
 
+var _excluded = ["includeOuterStyles"];
+
 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; }
@@ -31,12 +35,16 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
+  var includeOuterStyles = args.includeOuterStyles,
+      restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
+
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       isActive = _useState2[0],
       setIsActive = _useState2[1];
 
-  return /*#__PURE__*/_react.default.createElement(_Switcher.default, (0, _extends2.default)({}, args, {
+  return /*#__PURE__*/_react.default.createElement(_Switcher.default, (0, _extends2.default)({}, restArgs, {
+    className: includeOuterStyles ? 'any-outer-class__switcher' : null,
     isActive: isActive,
     onChange: setIsActive
   }));
@@ -45,8 +53,8 @@ var Template = function Template(args) {
 var SwitcherTemplate = Template.bind({});
 exports.SwitcherTemplate = SwitcherTemplate;
 SwitcherTemplate.args = {
+  includeOuterStyles: false,
   label: 'Test label',
   disabled: false,
-  isLabelBold: true,
-  className: 'any-outer-class__switcher'
+  isLabelBold: true
 };

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js

@@ -13,10 +13,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _TagsDropdown = _interopRequireDefault(require("./TagsDropdown"));
 
+var _excluded = ["includeOuterStyles"];
+
 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; }
@@ -29,6 +33,8 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
+  var includeOuterStyles = args.includeOuterStyles,
+      restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
   var options = args.options;
 
   var _useState = (0, _react.useState)([]),
@@ -37,6 +43,7 @@ var Template = function Template(args) {
       setValue = _useState2[1];
 
   return /*#__PURE__*/_react.default.createElement(_TagsDropdown.default, (0, _extends2.default)({}, args, {
+    className: "tags-dropdown_arrow-static ".concat(includeOuterStyles ? '' : ''),
     chosenOptions: value,
     onChange: setValue
   }));
@@ -45,7 +52,7 @@ var Template = function Template(args) {
 var TagsDropdownTemplate = Template.bind({});
 exports.TagsDropdownTemplate = TagsDropdownTemplate;
 TagsDropdownTemplate.args = {
-  className: 'tags-dropdown_arrow-static',
+  includeOuterStyles: false,
   options: [{
     id: 1,
     title: 'Tags Dropdown1',

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js

@@ -13,12 +13,16 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _TextSwitcher = _interopRequireDefault(require("./TextSwitcher"));
 
 require("./partial/AnyOuterClass.scss");
 
+var _excluded = ["includeOuterStyles"];
+
 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; }
@@ -31,12 +35,16 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
+  var includeOuterStyles = args.includeOuterStyles,
+      restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
+
   var _useState = (0, _react.useState)(true),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       isActive = _useState2[0],
       setIsActive = _useState2[1];
 
-  return /*#__PURE__*/_react.default.createElement(_TextSwitcher.default, (0, _extends2.default)({}, args, {
+  return /*#__PURE__*/_react.default.createElement(_TextSwitcher.default, (0, _extends2.default)({}, restArgs, {
+    className: includeOuterStyles ? 'any-outer-class__text-switcher' : null,
     isActive: isActive,
     onChange: setIsActive
   }));
@@ -45,7 +53,7 @@ var Template = function Template(args) {
 var TextSwitcherTemplate = Template.bind({});
 exports.TextSwitcherTemplate = TextSwitcherTemplate;
 TextSwitcherTemplate.args = {
+  includeOuterStyles: false,
   activeText: 'is',
-  inactiveText: 'some long text',
-  className: 'any-outer-class__text-switcher'
+  inactiveText: 'some long text'
 };

package/dist/Functions/operations.js

@@ -0,0 +1,128 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addRangeDefault = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+// Взято из https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/round
+// При импорте любой ф-и из этого файла отработает самовызывающаяся ф-я и расширит объект Math 3-мя ф-ми: round10, floor10, ceil10
+(function () {
+  /**
+   * Корректировка округления десятичных дробей.
+   *
+   * @param {String}  type  Тип корректировки.
+   * @param {Number}  value Число.
+   * @param {Integer} exp   Показатель степени (десятичный логарифм основания корректировки).
+   * @returns {Number} Скорректированное значение.
+   */
+  function decimalAdjust(type, value, exp) {
+    // Если степень не определена, либо равна нулю...
+    if (typeof exp === 'undefined' || +exp === 0) {
+      return Math[type](value);
+    }
+
+    value = +value;
+    exp = +exp; // Если значение не является числом, либо степень не является целым числом...
+
+    if (isNaN(value) || !(typeof exp === 'number' && exp % 1 === 0)) {
+      return NaN;
+    } // Сдвиг разрядов
+
+
+    value = value.toString().split('e');
+    value = Math[type](+(value[0] + 'e' + (value[1] ? +value[1] - exp : -exp))); // Обратный сдвиг
+
+    value = value.toString().split('e');
+    return +(value[0] + 'e' + (value[1] ? +value[1] + exp : exp));
+  } // Десятичное округление к ближайшему
+
+
+  if (!Math.round10) {
+    Math.round10 = function (value, exp) {
+      return decimalAdjust('round', value, exp);
+    };
+  } // Десятичное округление вниз
+
+
+  if (!Math.floor10) {
+    Math.floor10 = function (value, exp) {
+      return decimalAdjust('floor', value, exp);
+    };
+  } // Десятичное округление вверх
+
+
+  if (!Math.ceil10) {
+    Math.ceil10 = function (value, exp) {
+      return decimalAdjust('ceil', value, exp);
+    };
+  }
+})();
+
+var addRangeDefault = function addRangeDefault(from, to, currentValues, decimalPlaces) {
+  if (!(currentValues !== null && currentValues !== void 0 && currentValues.length)) return [{
+    from: from,
+    to: to
+  }];
+  var step = decimalPlaces ? Math.pow(10, -1 * decimalPlaces) : 1;
+  var resultOfProcessAddingRange = currentValues.reduce(function (acc, range) {
+    var isIncludesFrom = !!acc.from && range.from < acc.from && range.to >= acc.from;
+    var isIncludesTo = !!acc.to && range.from <= acc.to && range.to > acc.to;
+    var isRangeMustBeIncludet = !!acc.from && !!acc.to && acc.from <= range.from && acc.to >= range.to;
+
+    var processTo = function processTo() {
+      var lastAccRange = acc.result[acc.result.length - 1];
+
+      if (acc.to < range.from) {
+        lastAccRange.to = acc.to;
+        acc.to = null;
+        acc.result = [].concat((0, _toConsumableArray2.default)(acc.result), [range]);
+      } else if (isIncludesTo) {
+        lastAccRange.to = acc.to;
+        acc.result = [].concat((0, _toConsumableArray2.default)(acc.result), [{
+          from: Math.round10(acc.to + step, -1 * decimalPlaces),
+          to: range.to
+        }]);
+        acc.to = null;
+      } else if (acc.to === range.to) {
+        lastAccRange.to = acc.to;
+        acc.to = null;
+      }
+    };
+
+    if (!acc.from && !acc.to) acc.result = [].concat((0, _toConsumableArray2.default)(acc.result), [range]);else if (!acc.from && acc.to) processTo();else if (acc.from && acc.to) {
+      if (acc.from <= range.from) {
+        acc.result = [].concat((0, _toConsumableArray2.default)(acc.result), [{
+          from: acc.from
+        }]);
+        acc.from = null;
+        processTo();
+      } else if (isIncludesFrom) {
+        acc.result = [].concat((0, _toConsumableArray2.default)(acc.result), [{
+          from: range.from,
+          to: Math.round10(acc.from - step, -1 * decimalPlaces)
+        }, {
+          from: acc.from
+        }]);
+        acc.from = null;
+        processTo();
+      } else {
+        acc.result = [].concat((0, _toConsumableArray2.default)(acc.result), (0, _toConsumableArray2.default)(!isRangeMustBeIncludet ? [range] : []));
+      }
+    }
+    return acc;
+  }, {
+    from: from,
+    to: to,
+    result: []
+  });
+  var result = resultOfProcessAddingRange.result;
+  if (!result[result.length - 1].to) result[result.length - 1].to = to;
+  return result;
+};
+
+exports.addRangeDefault = addRangeDefault;

package/dist/Molecular/SwitcherHide/SwitcherHide.stories.js

@@ -13,12 +13,16 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _SwitcherHide = _interopRequireDefault(require("./SwitcherHide"));
 
 require("./partial/AnyOuterClass.scss");
 
+var _excluded = ["includeOuterStyles"];
+
 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; }
@@ -31,12 +35,16 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
+  var includeOuterStyles = args.includeOuterStyles,
+      restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
+
   var _useState = (0, _react.useState)(true),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       value = _useState2[0],
       setValue = _useState2[1];
 
-  return /*#__PURE__*/_react.default.createElement(_SwitcherHide.default, (0, _extends2.default)({}, args, {
+  return /*#__PURE__*/_react.default.createElement(_SwitcherHide.default, (0, _extends2.default)({}, restArgs, {
+    className: includeOuterStyles ? 'any-outer-class__switcher-hide' : null,
     isActive: value,
     onChange: setValue
   }), /*#__PURE__*/_react.default.createElement("div", null, "Hide some content"));
@@ -45,10 +53,10 @@ var Template = function Template(args) {
 var SwitcherHideTemplate = Template.bind({});
 exports.SwitcherHideTemplate = SwitcherHideTemplate;
 SwitcherHideTemplate.args = {
+  includeOuterStyles: false,
   label: 'Label',
   // hint: null, 
   // className '', 
   disabled: false,
-  isLabelBold: true,
-  className: 'any-outer-class__switcher-hide'
+  isLabelBold: true
 };