intelicoreact 0.1.21 → 0.1.24

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

@@ -11,6 +11,8 @@ 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"));
@@ -43,39 +45,39 @@ var Template = function Template(args) {
   var includeOuterStyles = args.includeOuterStyles,
       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)(args.initialValues || []),
       _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 addRangeForExample = function addRangeForExample(from, to, currentValues) {
+    if (+from < 18) {
+      setError('18 is the minimum allowed value');
+      return null;
+    } else {
+      setError('');
+      return [].concat((0, _toConsumableArray2.default)(currentValues), [{
+        from: from,
+        to: to
+      }]);
+    }
+  };
 
   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);
+    },
+    addRange: addRangeForExample,
+    error: error
   })));
 }; // const { fields, onChange, type, isInteger, id: filterId, label, className } = props;
 
@@ -83,19 +85,12 @@ var Template = function Template(args) {
 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) [{…}, {…}]
-
+  // initialValues: [{ from: 1, to: 2 }, { from: 5, to: 7 }, { from: 8, to: 9 }],
+  includeOuterStyles: false,
+  disabled: false,
+  isAddRangeInTop: false,
+  isFloatValues: false,
+  decimalPlaces: 2,
+  defaultErrorText: 'Set a valid range',
+  nullValueText: 'Not set'
 };

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/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
 };

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

@@ -15,12 +15,16 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _SwitcherRadio = _interopRequireDefault(require("./SwitcherRadio"));
 
 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; }
@@ -45,6 +49,9 @@ 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)({
     isActive: true,
     value: ''
@@ -57,7 +64,7 @@ var Template = function Template(args) {
     return setValues(_objectSpread(_objectSpread({}, values), {}, (0, _defineProperty2.default)({}, prop, val)));
   };
 
-  return /*#__PURE__*/_react.default.createElement(_SwitcherRadio.default, (0, _extends2.default)({}, args, {
+  return /*#__PURE__*/_react.default.createElement(_SwitcherRadio.default, (0, _extends2.default)({}, restArgs, {
     isActive: values.isActive,
     setIsActive: function setIsActive(val) {
       return handleChange(val, 'isActive');
@@ -65,14 +72,15 @@ var Template = function Template(args) {
     value: values.value,
     onChange: function onChange(val) {
       return handleChange(val, 'value');
-    }
+    },
+    className: includeOuterStyles ? 'any-outer-class__switcher-radio' : null
   }));
 };
 
 var SwitcherRadioTemplate = Template.bind({});
 exports.SwitcherRadioTemplate = SwitcherRadioTemplate;
 SwitcherRadioTemplate.args = {
-  className: 'any-outer-class__switcher-radio',
+  includeOuterStyles: false,
   label: 'label test',
   isLabelBold: true,
   direction: 'col',

package/dist/Molecular/SwitcherTagsDropdown/SwitcherTagsDropdown.js

@@ -44,6 +44,7 @@ var SwitcherTagsDropdown = function SwitcherTagsDropdown(_ref) {
       isValuesInTags = _ref.isValuesInTags,
       isActive = _ref.isActive,
       isIncluded = _ref.isIncluded,
+      isAdvancedLabelSearch = _ref.isAdvancedLabelSearch,
       _ref$options = _ref.options,
       options = _ref$options === void 0 ? [] : _ref$options,
       _ref$chosenOptions = _ref.chosenOptions,
@@ -74,13 +75,16 @@ var SwitcherTagsDropdown = function SwitcherTagsDropdown(_ref) {
   var apply = function apply() {
     var _textValue$split;
 
-    var getFilterFunction = function getFilterFunction(valuesArr) {
+    // вернет функциюю сравнения для метода filter с замкнутым массивом listValuesArr
+    // (по логике listValuesArr - массив полученный из строки textaria).
+    var getFilterFunction = function getFilterFunction(listValuesArr) {
       return function (item) {
-        return valuesArr.find(function (el) {
+        return listValuesArr.find(function (el) {
           var itemValue = item === null || item === void 0 ? void 0 : item.value.toString().toLowerCase();
           var itemLabel = (item.title || item.label || item.name || item.value).toString().toLowerCase();
           var chosenOption = el.toString().toLowerCase();
-          return (chosenOption === itemValue || chosenOption === itemLabel) && !item.disabled;
+          var isChosenOptionIncludedInLabel = itemLabel.includes(chosenOption) && !chosenOptions.includes(item.value);
+          if (isValuesInTags) return (chosenOption === itemValue || chosenOption === itemLabel) && !item.disabled;else if (isAdvancedLabelSearch) return (chosenOption === itemLabel || chosenOption === itemValue || isChosenOptionIncludedInLabel) && !item.disabled;else return (chosenOption === itemLabel || chosenOption === itemValue) && !item.disabled;
         });
       };
     };