intelicoreact 0.1.24 → 0.1.27

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

@@ -11,8 +11,6 @@ exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -21,6 +19,8 @@ var _react = require("react");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _operations = require("../../../Functions/operations");
+
 var _Button = _interopRequireDefault(require("./../../UI/Button/Button"));
 
 var _Input = _interopRequireDefault(require("../Input/Input"));
@@ -45,11 +45,11 @@ var DEFAULT_STATE = {
 
 var RangeList = function RangeList(props) {
   var className = props.className,
-      value = props.value,
+      _props$value = props.value,
+      value = _props$value === void 0 ? [] : _props$value,
       disabled = props.disabled,
-      _addRange = props.addRange,
+      validate = props.validate,
       onChange = props.onChange,
-      isAddRangeInTop = props.isAddRangeInTop,
       isFloatValues = props.isFloatValues,
       decimalPlaces = props.decimalPlaces,
       error = props.error,
@@ -75,21 +75,11 @@ var RangeList = function RangeList(props) {
       return setState(_objectSpread(_objectSpread({}, state), {}, (0, _defineProperty2.default)({}, prop, val)));
     },
     addRange: function addRange() {
-      if (isValidRange) {
-        var newValue;
-        if (_addRange) newValue = _addRange(state.from, state.to, value);else newValue = isAddRangeInTop ? [{
-          from: state.from,
-          to: state.to
-        }].concat((0, _toConsumableArray2.default)(value)) : [].concat((0, _toConsumableArray2.default)(value), [{
-          from: state.from,
-          to: state.to
-        }]);
-
-        if (newValue) {
-          setState(DEFAULT_STATE);
-          onChange(newValue);
-        }
+      var _validate;
 
+      if (isValidRange && ((_validate = validate === null || validate === void 0 ? void 0 : validate(+state.from, +state.to)) !== null && _validate !== void 0 ? _validate : true)) {
+        onChange((0, _operations.addRangeDefault)(+state.from, +state.to, value, isFloatValues ? decimalPlaces : null));
+        setState(DEFAULT_STATE);
         setInnerError('');
       } else setInnerError(defaultErrorText);
     },
@@ -186,7 +176,7 @@ var RangeList = function RangeList(props) {
     onClick: handle.addRange
   }, "Add"))), (innerError || error) && /*#__PURE__*/React.createElement("span", {
     className: "".concat(RC, "__error")
-  }, innerError || error), !(value !== null && value !== void 0 && value.length) && /*#__PURE__*/React.createElement("div", {
+  }, error || innerError), !(value !== null && value !== void 0 && value.length) && /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__values"), "".concat(RC, "__null-value"))
   }, NULL_VALUE_TEXT), value.map(function (row, idx) {
     return /*#__PURE__*/React.createElement(_RangeListRow.default, (0, _extends2.default)({

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

@@ -11,8 +11,6 @@ exports.RangeListTemplate = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -23,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); }
 
@@ -43,9 +41,12 @@ 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)(args.initialValues || []),
+  var _useState = (0, _react.useState)(),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       value = _useState2[0],
       setValue = _useState2[1];
@@ -55,19 +56,20 @@ var Template = function Template(args) {
       error = _useState4[0],
       setError = _useState4[1];
 
-  var addRangeForExample = function addRangeForExample(from, to, currentValues) {
+  var validateForExample = function validateForExample(from, to) {
     if (+from < 18) {
       setError('18 is the minimum allowed value');
-      return null;
+      return false;
     } else {
       setError('');
-      return [].concat((0, _toConsumableArray2.default)(currentValues), [{
-        from: from,
-        to: to
-      }]);
+      return true;
     }
   };
 
+  (0, _react.useEffect)(function () {
+    if (isUseInitialValues) setValue(initialValues);else setValue([]);
+    setError('');
+  }, [isUseInitialValues, restArgs.isFloatValues]);
   return /*#__PURE__*/_react.default.createElement("div", {
     style: rootStyles
   }, /*#__PURE__*/_react.default.createElement(_RangeList.default, (0, _extends2.default)({}, restArgs, {
@@ -76,21 +78,30 @@ var Template = function Template(args) {
     onChange: function onChange(val) {
       return setValue(val);
     },
-    addRange: addRangeForExample,
-    error: error
+    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 = {
-  // initialValues: [{ from: 1, to: 2 }, { from: 5, to: 7 }, { from: 8, to: 9 }],
   includeOuterStyles: false,
+  isAddValidateForExamle: true,
   disabled: false,
-  isAddRangeInTop: false,
   isFloatValues: false,
   decimalPlaces: 2,
   defaultErrorText: 'Set a valid range',
-  nullValueText: 'Not set'
+  nullValueText: 'Not set',
+  isUseInitialValues: true,
+  initialValues: [{
+    from: 15,
+    to: 17
+  }, {
+    from: 19,
+    to: 23
+  }, {
+    from: 25,
+    to: 30
+  }]
 };

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

@@ -53,6 +53,7 @@ var TagsDropdownTemplate = Template.bind({});
 exports.TagsDropdownTemplate = TagsDropdownTemplate;
 TagsDropdownTemplate.args = {
   includeOuterStyles: false,
+  disabled: false,
   options: [{
     id: 1,
     title: 'Tags Dropdown1',

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

@@ -18,16 +18,19 @@ require("./TextSwitcher.scss");
 var RC = 'text-switcher';
 
 var TextSwitcher = function TextSwitcher(_ref) {
+  var _cn;
+
   var isActive = _ref.isActive,
+      onChange = _ref.onChange,
+      className = _ref.className,
+      disabled = _ref.disabled,
       _ref$activeText = _ref.activeText,
       activeText = _ref$activeText === void 0 ? 'is' : _ref$activeText,
       _ref$inactiveText = _ref.inactiveText,
-      inactiveText = _ref$inactiveText === void 0 ? 'is not' : _ref$inactiveText,
-      onChange = _ref.onChange,
-      className = _ref.className;
+      inactiveText = _ref$inactiveText === void 0 ? 'is not' : _ref$inactiveText;
   var isUndefined = isActive === undefined || isActive === null;
   return /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_active"), isActive), className),
+    className: (0, _classnames.default)(RC, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_active"), isActive), (0, _defineProperty2.default)(_cn, "".concat(RC, "_disabled"), disabled), _cn), className),
     onClick: function onClick() {
       return onChange(!isActive);
     }

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.scss

@@ -58,6 +58,11 @@
   &_active {
     border-color: $color--green-light;
   }
+
+  &_disabled {
+    opacity: 0.7;
+    pointer-events: none;
+  }
 }
 
 .text-switcher_unsetted {

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

@@ -54,6 +54,7 @@ var TextSwitcherTemplate = Template.bind({});
 exports.TextSwitcherTemplate = TextSwitcherTemplate;
 TextSwitcherTemplate.args = {
   includeOuterStyles: false,
+  disabled: false,
   activeText: 'is',
   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/SwitcherRadio/SwitcherRadio.js

@@ -32,6 +32,7 @@ var SwitcherRadio = function SwitcherRadio(_ref) {
       direction = _ref.direction,
       className = _ref.className,
       value = _ref.value,
+      disabled = _ref.disabled,
       _ref$onChange = _ref.onChange,
       _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
       _ref$isActive = _ref.isActive,
@@ -47,7 +48,8 @@ var SwitcherRadio = function SwitcherRadio(_ref) {
     hintSide: hintSide,
     onChange: setIsActive,
     isLabelBold: isLabelBold,
-    className: (0, _classnames.default)(RC, className)
+    className: (0, _classnames.default)(RC, className),
+    disabled: disabled
   }, /*#__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) {

package/dist/Molecular/SwitcherRadio/SwitcherRadio.stories.js

@@ -83,6 +83,7 @@ SwitcherRadioTemplate.args = {
   includeOuterStyles: false,
   label: 'label test',
   isLabelBold: true,
+  disabled: false,
   direction: 'col',
   hint: 'hint',
   options: [{

package/dist/Molecular/SwitcherRangeList/SwitcherRangeList.js

@@ -1,16 +1,64 @@
-// import SwitcherHide from '../SwitcherHide/SwitcherHide';
-// import RangeList from '../../Atomic/FormElements/RangeResult/RangeList';
-// import './SwitcherRangeList.scss';
-// const RC = 'switcher-range-list';
-// const SwitcherRangeList = ({ item, onChange }) => {
-//   const { label, hint, value, fields, isActive, listType, isInteger, id, isLabelBold } = item;
-//   return (
-//     <SwitcherHide isActive={isActive} onChange={onChange} label={label} hint={hint} isLabelBold={isLabelBold} className={RC}>
-//       <div className="switcher-range-list__row">
-//         <RangeList {...item} onChange={(e) => onChange(e, 'value')} className={`${RC}__range-list`}/>
-//       </div>
-//     </SwitcherHide>
-//   );
-// };
-// export default SwitcherRangeList;
-"use strict";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
+
+var _RangeList = _interopRequireDefault(require("../../Atomic/FormElements/RangeList/RangeList"));
+
+require("./SwitcherRangeList.scss");
+
+var RC = 'switcher-range-list';
+
+var SwitcherRangeList = function SwitcherRangeList(props) {
+  var className = props.className,
+      label = props.label,
+      isLabelBold = props.isLabelBold,
+      hint = props.hint,
+      hintSide = props.hintSide,
+      disabled = props.disabled,
+      isActive = props.isActive,
+      value = props.value,
+      validate = props.validate,
+      isFloatValues = props.isFloatValues,
+      decimalPlaces = props.decimalPlaces,
+      error = props.error,
+      defaultErrorText = props.defaultErrorText,
+      nullValueText = props.nullValueText,
+      _props$setIsActive = props.setIsActive,
+      setIsActive = _props$setIsActive === void 0 ? function () {} : _props$setIsActive,
+      _props$onChange = props.onChange,
+      onChange = _props$onChange === void 0 ? function () {} : _props$onChange;
+  return /*#__PURE__*/React.createElement(_SwitcherHide.default, {
+    isActive: isActive,
+    onChange: setIsActive,
+    label: label,
+    isLabelBold: isLabelBold,
+    hint: hint,
+    hintSide: hintSide,
+    className: (0, _classnames.default)(RC, className),
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "switcher-range-list__row"
+  }, /*#__PURE__*/React.createElement(_RangeList.default, {
+    className: "".concat(RC, "__range-list"),
+    value: value,
+    onChange: onChange,
+    validate: validate,
+    isFloatValues: isFloatValues,
+    decimalPlaces: decimalPlaces,
+    error: error,
+    defaultErrorText: defaultErrorText,
+    nullValueText: nullValueText
+  })));
+};
+
+var _default = SwitcherRangeList;
+exports.default = _default;

package/dist/Molecular/SwitcherRangeList/SwitcherRangeList.stories.js

@@ -1,19 +1,122 @@
-// import React, { useState } from 'react';
-// import SwitcherRangeList from './SwitcherRangeList';
-// import { useEffect } from 'react';
-// import './partial/AnyOuterClass.scss'
-// global.lng = 'en';
-// export default {
-//   title: 'SwitcherRangeList',
-//   component: SwitcherRangeList
-// };
-// const Template = args => {
-//   const [value, setValue] = useState(true);
-//   return (
-//     <SwitcherRangeList item={field} onChange={handle.change} />
-//   );
-// };
-// export const SwitcherRangeListTemplate = Template.bind({});
-// SwitcherRangeListTemplate.args = {
-// };
-"use strict";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwitcherRangeListTemplate = exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _SwitcherRangeList = _interopRequireDefault(require("./SwitcherRangeList"));
+
+require("./partial/AnyOuterClass.scss");
+
+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); }
+
+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; }
+
+global.lng = 'en';
+var _default = {
+  title: 'SwitcherRangeList',
+  component: _SwitcherRangeList.default
+};
+exports.default = _default;
+var DEFAULT_STATE = {
+  isActive: true,
+  value: []
+};
+
+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)(DEFAULT_STATE),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      error = _useState4[0],
+      setError = _useState4[1];
+
+  var handleChange = function handleChange(value, prop) {
+    setState(_objectSpread(_objectSpread({}, state), {}, (0, _defineProperty2.default)({}, prop, value)));
+    setError('');
+  };
+
+  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) handleChange(initialValues, 'value');else handleChange([], 'value');
+  }, [isUseInitialValues, restArgs.isFloatValues]);
+  return /*#__PURE__*/_react.default.createElement(_SwitcherRangeList.default, (0, _extends2.default)({}, restArgs, {
+    isActive: state.isActive,
+    setIsActive: function setIsActive(val) {
+      return handleChange(val, 'isActive');
+    },
+    value: state.value,
+    onChange: function onChange(val) {
+      return handleChange(val, 'value');
+    },
+    className: includeOuterStyles ? 'any-outer-class__switcher-range-list' : null,
+    validate: isAddValidateForExamle ? validateForExample : null,
+    error: error
+  }));
+};
+
+var SwitcherRangeListTemplate = Template.bind({});
+exports.SwitcherRangeListTemplate = SwitcherRangeListTemplate;
+SwitcherRangeListTemplate.args = {
+  includeOuterStyles: false,
+  isAddValidateForExamle: true,
+  disabled: false,
+  label: 'Test label',
+  isLabelBold: true,
+  hint: null,
+  hintSide: null,
+  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/Molecular/SwitcherRangeList/partial/AnyOuterClass.scss

@@ -1,6 +1,39 @@
-.any-outer-class__switcher-radio {
-  font-style: normal;
-  font-size: 12px;
-  line-height: 20px;
-  color: #1E1E2D;
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
+
+.any-outer-class__switcher-range-list {
+  .switcher {
+    font-style: normal;
+    font-size: 12px;
+    line-height: 20px;
+    color: #1E1E2D;
+  }
+
+  .switcher-range-list__range-list {
+    // font-family: 'Palette Mosaic', 'cursive';
+
+    font-family: 'Roboto', sans-serif;
+
+    --border-color: #f4f7f9;
+
+    --labels-font-size: 12px;
+    --inputs-font-size: 13px;
+    --values-font-size: 13px;
+    --button-text-font-size: 13px;
+
+    --labels-color: #1E1E2D;
+    --inputs-color: #1e1e2d;
+    --values-color: #1E1E2D;
+
+    .range-list__labels {
+      line-height: 20px;
+    }
+
+    .range-list__inputs {
+      font-weight: 300;
+    }
+
+    .range-list__values {
+      font-weight: 300;
+    }
+  }
 }

package/dist/Molecular/SwitcherTagsDropdown/SwitcherTagsDropdown.js

@@ -45,6 +45,7 @@ var SwitcherTagsDropdown = function SwitcherTagsDropdown(_ref) {
       isActive = _ref.isActive,
       isIncluded = _ref.isIncluded,
       isAdvancedLabelSearch = _ref.isAdvancedLabelSearch,
+      disabled = _ref.disabled,
       _ref$options = _ref.options,
       options = _ref$options === void 0 ? [] : _ref$options,
       _ref$chosenOptions = _ref.chosenOptions,
@@ -134,7 +135,8 @@ var SwitcherTagsDropdown = function SwitcherTagsDropdown(_ref) {
     onChange: setIsActive,
     label: label,
     className: (0, _classnames.default)(RC, className),
-    isLabelBold: isLabelBold
+    isLabelBold: isLabelBold,
+    disabled: disabled
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(RC, "__wrap switcher-hide__content")
   }, /*#__PURE__*/_react.default.createElement(_TextSwitcher.default, {

package/dist/Molecular/SwitcherTagsDropdown/SwitcherTagsDropdown.stories.js

@@ -125,6 +125,7 @@ exports.SwitcherTagsDropdownTemplate = SwitcherTagsDropdownTemplate;
 SwitcherTagsDropdownTemplate.args = {
   includeOuterStyles: false,
   isStatesAsOptions: false,
+  disabled: false,
   label: 'State',
   isLabelBold: true,
   isValuesInTags: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.1.24",
+  "version": "0.1.27",
   "description": "fixes",
   "main": "dist/index.js",
   "files": ["dist/*", "node_modules/anme/*", "node_modules/moment/*", "node_modules/moment-timezone/*"],

package/dist/Functions/inputExecutor.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.formatInput = void 0;
-
-var _fieldValueFormatters = require("../Functions/fieldValueFormatters");
-
-var formatInput = {
-  priceInput: {
-    addCommas: _fieldValueFormatters.formatToAddBitDepthPoints,
-    removeComma: function removeComma(value) {
-      return parseInt(value.toString().replace(/\,/g, ''));
-    }
-  },
-  // onlyNumbers: (value, isDot = false) => {
-  //   const val = value.slice(0, 1) !== '0' && value.slice(0, 1) !== '.' ? value : value.slice(1);
-  //   if (isDot) return twoDigitAfterDot(val.replace(/[^0-9.]/g, ''));
-  //   else return +val.toString().replace(/\D/g, '');
-  // },
-  formatToOnlyNumbers: function formatToOnlyNumbers(value, settings) {
-    var _ref = settings || {},
-        _ref$type = _ref.type,
-        type = _ref$type === void 0 ? 'float' : _ref$type,
-        decimalPlaces = _ref.decimalPlaces;
-
-    var executor = type === 'float' ? _fieldValueFormatters.filterFloat : _fieldValueFormatters.formatOnlyNumbers;
-    return executor(value, decimalPlaces);
-  },
-  formatToOnlyString: function formatToOnlyString(value) {
-    var soft = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-    if (soft) {
-      return value.toString().replace(/[^a-z- ]/gi, '');
-    } else {
-      return value.toString().replace(/[^a-z]/gi, '');
-    }
-  }
-}; //обрезает числа после точки до 2х
-// 342.23423432 -> 342.23
-
-exports.formatInput = formatInput;
-
-var twoDigitAfterDot = function twoDigitAfterDot(value) {
-  if (value.includes('.')) {
-    var valueAfterDot = value.slice(0, value.indexOf('.') + 3);
-    var rest = value.slice(value.indexOf('.') + 1, value.indexOf('.') + 3);
-    return allButTheFirstDotCutter(valueAfterDot);
-  } else {
-    return value;
-  }
-}; //обрезает все точки кроме первой.
-//для фомата "2 цифры после точки"
-// нельзя = 123...
-// можно 123.99
-
-
-function allButTheFirstDotCutter(str) {
-  return str.replace(/^([^.]*\.)(.*)$/, function (a, b, c) {
-    return b + c.replace(/\./g, '');
-  });
-}