intelicoreact 0.1.18 → 0.1.19

package/dist/Molecular/FilterSelect/FilterSelect.js

@@ -0,0 +1,140 @@
+"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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
+
+var _TextSwitcher = _interopRequireDefault(require("../../Atomic/FormElements/TextSwitcher/TextSwitcher"));
+
+var _TagsDropdown = _interopRequireDefault(require("../../Atomic/FormElements/TagsDropdown/TagsDropdown"));
+
+var _Textarea = _interopRequireDefault(require("../../Atomic/FormElements/Textarea/Textarea"));
+
+var _Button = _interopRequireDefault(require("../../Atomic/UI/Button/Button"));
+
+require("./FilterSelect.scss");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var RC = 'filter-select';
+
+var FilterSelect = function FilterSelect(_ref) {
+  var label = _ref.label,
+      options = _ref.options,
+      chosenOptions = _ref.chosenOptions,
+      onChange = _ref.onChange;
+
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      is = _useState2[0],
+      setIs = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      listView = _useState4[0],
+      setListView = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      textValue = _useState6[0],
+      setTextValue = _useState6[1];
+
+  var apply = function apply() {
+    var textToArray = textValue.split(', ');
+    var newOptions = options.filter(function (item) {
+      return textToArray.find(function (el) {
+        return (el === null || el === void 0 ? void 0 : el.toLowerCase()) === (item === null || item === void 0 ? void 0 : item.title.toLowerCase()) && !item.disabled;
+      });
+    });
+    onChange(newOptions);
+    setListView(false);
+  };
+
+  var enterHandler = function enterHandler(e, value) {
+    if (e.keyCode === 13) {
+      var option = options.find(function (item) {
+        var _item$title;
+
+        return (item === null || item === void 0 ? void 0 : (_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.toLowerCase()) === (value === null || value === void 0 ? void 0 : value.toLowerCase()) && !item.disabled;
+      });
+      var isOptionChecked = chosenOptions.some(function (item) {
+        var _item$title2, _option$title;
+
+        return (item === null || item === void 0 ? void 0 : (_item$title2 = item.title) === null || _item$title2 === void 0 ? void 0 : _item$title2.toLowerCase()) === (option === null || option === void 0 ? void 0 : (_option$title = option.title) === null || _option$title === void 0 ? void 0 : _option$title.toLowerCase());
+      });
+      if (option && !isOptionChecked) onChange([].concat((0, _toConsumableArray2.default)(chosenOptions), [option]));
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    setTextValue(chosenOptions.map(function (item) {
+      return item.title;
+    }).join(', '));
+  }, [chosenOptions, listView]);
+  return /*#__PURE__*/_react.default.createElement(_SwitcherHide.default, {
+    label: label,
+    className: RC
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(RC, "__wrap")
+  }, /*#__PURE__*/_react.default.createElement(_TextSwitcher.default, {
+    activeText: "is",
+    inactiveText: "is not",
+    isActive: is,
+    onChange: function onChange(value) {
+      return setIs(value);
+    },
+    className: "".concat(RC, "__text-switcher")
+  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("button", {
+    onClick: function onClick() {
+      return setListView(!listView);
+    },
+    className: "".concat(RC, "__btn")
+  }, listView ? 'Close' : 'List view'), listView && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    text: "Apply",
+    className: "".concat(RC, "__apply"),
+    onClick: function onClick() {
+      return apply();
+    }
+  }), /*#__PURE__*/_react.default.createElement("button", {
+    onClick: function onClick() {
+      return onChange([]);
+    },
+    className: "".concat(RC, "__btn")
+  }, "Clear"))), listView ? /*#__PURE__*/_react.default.createElement(_Textarea.default, {
+    value: textValue,
+    onChange: function onChange(value) {
+      return setTextValue(value);
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_TagsDropdown.default, {
+    options: options,
+    chosenOptions: chosenOptions,
+    onChange: onChange,
+    className: "".concat(RC, "__dropdown"),
+    onKeyPress: function onKeyPress(e, value) {
+      return enterHandler(e, value);
+    },
+    tagClassname: (0, _classnames.default)("".concat(RC, "__tag"), (0, _defineProperty2.default)({}, "".concat(RC, "__tag_inactive"), !is))
+  }));
+};
+
+var _default = FilterSelect;
+exports.default = _default;

package/dist/Molecular/FilterSelect/FilterSelect.scss

@@ -0,0 +1,39 @@
+@import '../../scss/vars';
+
+.filter-select {
+
+    width: 550px;
+
+    &__wrap {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin: 8px 0;
+    }
+
+    &__tag {
+        background-color: $color--green-light;
+        &_inactive {
+            background-color: $color--error;
+        }
+    }
+
+    &__btn {
+        color: $color--primary;
+        font-size: 12px;
+        cursor: pointer;
+
+        &:not(:last-child) {
+            margin-right: 8px;
+        }
+    }
+
+    &__dropdown {
+        width: 100%;
+    }
+
+    &__apply {
+        height: 20px;
+        margin-right: 8px;
+    }
+}

package/dist/Molecular/FilterSelect/FilterSelect.stories.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FilterSelectTemplate = exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _FilterSelect = _interopRequireDefault(require("./FilterSelect"));
+
+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; }
+
+// import '../../../scss/main.scss';
+global.lng = 'en';
+var _default = {
+  title: 'FilterSelect',
+  component: _FilterSelect.default
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  var options = [{
+    id: 1,
+    title: 'Tags Dropdown1',
+    value: 'drop1',
+    disabled: false
+  }, {
+    id: 2,
+    title: 'Tags Dropdown2',
+    value: 'drop2',
+    disabled: false
+  }, {
+    id: 3,
+    title: 'Tags Dropdown3',
+    value: 'drop3',
+    disabled: true
+  }, {
+    id: 4,
+    title: 'Tags Dropdown4',
+    value: 'drop4',
+    disabled: false
+  }, {
+    id: 5,
+    title: 'Tags Dropdown5',
+    value: 'drop5',
+    disabled: false
+  }, {
+    id: 6,
+    title: 'Tags Dropdown6',
+    value: 'drop6',
+    disabled: false
+  }];
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      chosenOptions = _useState2[0],
+      setchosenOptions = _useState2[1];
+
+  return /*#__PURE__*/_react.default.createElement(_FilterSelect.default, (0, _extends2.default)({}, args, {
+    options: options,
+    chosenOptions: chosenOptions,
+    onChange: setchosenOptions
+  }));
+};
+
+var FilterSelectTemplate = Template.bind({});
+exports.FilterSelectTemplate = FilterSelectTemplate;
+FilterSelectTemplate.args = {
+  label: 'State'
+};

package/dist/Molecular/SwitcherHide/SwitcherHide.js

@@ -0,0 +1,58 @@
+"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("../../Atomic/FormElements/Switcher/Switcher"));
+
+require("./SwitcherHide.scss");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var RC = 'switcher-hide';
+
+var SwitcherHide = function SwitcherHide(_ref) {
+  var _cn;
+
+  var children = _ref.children,
+      label = _ref.label,
+      hint = _ref.hint,
+      className = _ref.className,
+      isLabelBold = _ref.isLabelBold,
+      isActive = _ref.isActive,
+      hintSide = _ref.hintSide,
+      disabled = _ref.disabled,
+      _ref$onChange = _ref.onChange,
+      _onChange = _ref$onChange === void 0 ? function () {} : _ref$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 _onChange(value, 'isActive');
+    },
+    isLabelBold: isLabelBold,
+    hint: hint
+  }), isActive && children);
+};
+
+var _default = SwitcherHide;
+exports.default = _default;

package/dist/Molecular/SwitcherHide/SwitcherHide.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/Molecular/SwitcherHide/SwitcherHide.stories.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwitcherHideTemplate = exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _SwitcherHide = _interopRequireDefault(require("./SwitcherHide"));
+
+require("./partial/inner-class.scss");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+global.lng = 'en';
+var _default = {
+  title: 'SwitcherHide',
+  component: _SwitcherHide.default
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  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, {
+    isActive: value,
+    onChange: setValue
+  }), /*#__PURE__*/_react.default.createElement("div", null, "Hide some content"));
+};
+
+var SwitcherHideTemplate = Template.bind({});
+exports.SwitcherHideTemplate = SwitcherHideTemplate;
+SwitcherHideTemplate.args = {
+  label: 'Label',
+  // hint: null, 
+  // className '', 
+  disabled: false,
+  isLabelBold: true,
+  className: 'inner-class__switcher-hide'
+};

package/dist/Molecular/SwitcherHide/partial/inner-class.scss

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

package/dist/Molecular/SwitcherRadio/SwitcherRadio.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
+
+var _RadioInput = _interopRequireDefault(require("../../Atomic/FormElements/RadioInput/RadioInput"));
+
+// import SwitcherHide from '../SwitcherHide/SwitcherHide';
+// import RadioInput from '../../Atomic/FormElements/RadioInput/RadioInput';
+var RC = 'switcher-radio';
+
+var SwitcherRadio = function SwitcherRadio(_ref) {
+  var options = _ref.options,
+      label = _ref.label,
+      hint = _ref.hint,
+      isLabelBold = _ref.isLabelBold,
+      direction = _ref.direction,
+      className = _ref.className,
+      value = _ref.value,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$isActive = _ref.isActive,
+      isActive = _ref$isActive === void 0 ? true : _ref$isActive,
+      _ref$setIsActive = _ref.setIsActive,
+      setIsActive = _ref$setIsActive === void 0 ? function () {} : _ref$setIsActive;
+  // children, label, hint, className, isActive = true, onChange = () => {}
+  return /*#__PURE__*/_react.default.createElement(_SwitcherHide.default, {
+    label: label,
+    hint: hint,
+    isLabelBold: isLabelBold,
+    isActive: isActive,
+    onChange: setIsActive,
+    className: className
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('switcher-radio', "".concat(className, "__switcher-radio"), (0, _defineProperty2.default)({}, "switcher-radio__".concat(direction), direction))
+  }, options.map(function (option) {
+    return /*#__PURE__*/_react.default.createElement(_RadioInput.default, (0, _extends2.default)({}, option, {
+      key: option.id,
+      className: "switcher-radio__radio",
+      checked: value,
+      onChange: onChange
+    }));
+  })));
+};
+
+var _default = SwitcherRadio;
+exports.default = _default;

package/dist/Molecular/SwitcherRadio/SwitcherRadio.scss

@@ -0,0 +1,27 @@
+// @import '../../scss/main.scss';
+
+.switcher-radio {
+    display: flex;
+    margin-top: 5px;
+
+    &__radio:not(:last-child) {
+        margin-right: 15px;
+    }
+
+    &__row {
+        align-items: center;
+        margin-top: 8px;
+    }
+
+    &__col {
+        flex-direction: column;
+
+        .radio-input {
+            margin-bottom: 8px;
+        }
+
+        .switcher-radio__radio {
+            margin-right: 0;
+        }
+    }
+}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwitcherRadioTemplate = exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _SwitcherRadio = _interopRequireDefault(require("./SwitcherRadio"));
+
+require("./SwitcherRadio.scss");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+global.lng = 'en';
+var _default = {
+  title: 'SwitcherRadio',
+  component: _SwitcherRadio.default,
+  argTypes: {
+    direction: {
+      control: {
+        type: 'select',
+        options: ['row', 'col']
+      }
+    }
+  }
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  var _useState = (0, _react.useState)(),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isActive = _useState2[0],
+      setIsActive = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      value = _useState4[0],
+      setValue = _useState4[1];
+
+  return /*#__PURE__*/_react.default.createElement(_SwitcherRadio.default, (0, _extends2.default)({}, args, {
+    isActive: isActive,
+    setIsActive: setIsActive,
+    value: value,
+    onChange: setValue
+  }));
+};
+
+var SwitcherRadioTemplate = Template.bind({});
+exports.SwitcherRadioTemplate = SwitcherRadioTemplate;
+SwitcherRadioTemplate.args = {
+  label: 'label test',
+  isLabelBold: true,
+  direction: 'row',
+  hint: 'hint',
+  options: [{
+    id: 1,
+    label: 'label1',
+    value: 'label1',
+    name: 'test'
+  }, {
+    id: 2,
+    label: 'label2',
+    value: 'label2',
+    name: 'test'
+  }, {
+    id: 3,
+    label: 'label3',
+    value: 'label3',
+    name: 'test'
+  }]
+};

package/dist/Molecular/SwitcherRange/SwitcherRange.js

@@ -0,0 +1,72 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
+
+var _Input = _interopRequireDefault(require("../../Atomic/FormElements/Input/Input"));
+
+var _RangeInputs = _interopRequireDefault(require("../../Atomic/FormElements/RangeInputs/RangeInputs"));
+
+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-range';
+
+var SwitcherRange = function SwitcherRange(_ref) {
+  var label = _ref.label,
+      isLabelBold = _ref.isLabelBold,
+      hint = _ref.hint,
+      isActive = _ref.isActive,
+      setIsActive = _ref.setIsActive,
+      value = _ref.value,
+      onChange = _ref.onChange,
+      isInputsColumn = _ref.isInputsColumn,
+      inputsType = _ref.inputsType;
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      error = _useState2[0],
+      setError = _useState2[1];
+
+  var rangeValidation = function rangeValidation() {
+    if (inputFrom && inputTo && inputFrom > inputTo) {
+      setError('Invalid range');
+    } else {
+      setError('');
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_SwitcherHide.default, {
+    label: label,
+    hint: hint,
+    className: RC,
+    isActive: isActive,
+    onChange: setIsActive,
+    isLabelBold: isLabelBold
+  }, /*#__PURE__*/_react.default.createElement(_RangeInputs.default, {
+    className: "switcher-range__range-inputs",
+    type: inputsType,
+    onChange: onChange,
+    value: value,
+    setError: function setError() {},
+    isColumnPosition: isInputsColumn
+  }));
+};
+
+var _default = SwitcherRange;
+exports.default = _default;