intelicoreact 1.3.22 → 1.3.24

package/dist/Atomic/FormElements/InputsRow/InputsRow.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _uuid = require("uuid");
 var _reactFeather = require("react-feather");
-var _Input = _interopRequireDefault(require("../Input/Input"));
+var _uuid = require("uuid");
 var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
+var _Input = _interopRequireDefault(require("../Input/Input"));
 require("./InputsRow.scss");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -17,14 +17,14 @@ const getRandomInRange = (min, max) => {
   return Math.floor(Math.random() * (max - min + 1)) + min;
 };
 const handleObjectChange = (updateObject, updateFunction) => function (data) {
-  let prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
   let isNumber = arguments.length > 2 ? arguments[2] : undefined;
   let value;
   if (data !== null && data !== void 0 && data.target) {
-    value = data.target.type === 'checkbox' ? data.target.checked : data.target.value;
+    value = data.target.type === "checkbox" ? data.target.checked : data.target.value;
   } else value = data;
-  value = isNumber ? +value : value;
-  const props = prop.split('.');
+  value = isNumber ? Number(value) : value;
+  const props = prop.split(".");
   const currentObject = props.reduce((res, chapter, index) => {
     if (props.length !== index + 1) res = res[chapter];
     return res;
@@ -36,20 +36,20 @@ const InputsRow = _ref => {
   let {
     items,
     title,
-    paramPlaceholder = '',
-    valuePlaceholder = '',
-    descriptionPlaceholder = ''
+    paramPlaceholder = "",
+    valuePlaceholder = "",
+    descriptionPlaceholder = ""
   } = _ref;
   const initialRows = [{
-    param: '',
-    value: '',
-    description: '',
-    rowId: '1'
+    param: "",
+    value: "",
+    description: "",
+    rowId: "1"
   }, {
-    param: '',
-    value: '',
-    description: '',
-    rowId: '2'
+    param: "",
+    value: "",
+    description: "",
+    rowId: "2"
   }];
   const [data, setData] = (0, _react.useState)(items || initialRows);
   const onChange = handleObjectChange(setData, () => setData({
@@ -58,9 +58,9 @@ const InputsRow = _ref => {
   const [rows, setRows] = (0, _react.useState)(data);
   const handleAddRow = () => {
     const newRow = [...rows, {
-      param: '',
-      value: '',
-      description: '',
+      param: "",
+      value: "",
+      description: "",
       rowId: getRandomInRange(1, 1000)
     }];
     setRows(newRow);
@@ -90,19 +90,19 @@ const InputsRow = _ref => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "inputs-row--input mr10"
   }, /*#__PURE__*/_react.default.createElement(_Input.default, {
-    onChange: e => handleArrayChange(e, index, 'param'),
+    onChange: e => handleArrayChange(e, index, "param"),
     value: item.param,
     placeholder: paramPlaceholder
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "inputs-row--input mr10"
   }, /*#__PURE__*/_react.default.createElement(_Input.default, {
-    onChange: e => handleArrayChange(e, index, 'value'),
+    onChange: e => handleArrayChange(e, index, "value"),
     value: item.value,
     placeholder: valuePlaceholder
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "inputs-row--input mr10"
   }, /*#__PURE__*/_react.default.createElement(_Input.default, {
-    onChange: e => handleArrayChange(e, index, 'description'),
+    onChange: e => handleArrayChange(e, index, "description"),
     value: item.description,
     placeholder: descriptionPlaceholder
   })), rows.length > 1 && /*#__PURE__*/_react.default.createElement("div", {

package/dist/Atomic/FormElements/InputsRow/InputsRow.scss

@@ -18,10 +18,10 @@
     cursor: pointer;
 
     border-radius: 5px;
-    background: #FFF;
+    background: #fff;
 
     svg {
-      color: #F06D8D;
+      color: #f06d8d;
     }
   }
 
@@ -38,11 +38,10 @@
   &--description-label {
     margin-bottom: 3px;
 
+    font-size: 10px;
     text-transform: uppercase;
 
-    color: #9AA0B9;
-
-    font-size: 10px;
+    color: #9aa0b9;
   }
 
   &--add-btn:hover {

package/dist/Atomic/FormElements/Label/Label.js

@@ -11,7 +11,7 @@ var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
 require("./Label.scss");
 const Label = _ref => {
   let {
-    className = '',
+    className = "",
     label,
     hint,
     isRequired,
@@ -24,7 +24,7 @@ const Label = _ref => {
   return /*#__PURE__*/_react.default.createElement("span", {
     tabIndex: isAccessability ? 0 : -1,
     "aria-label": label,
-    className: (0, _classnames.default)('label', {
+    className: (0, _classnames.default)("label", {
       label_bold: isLabelBolt,
       error: error
     }, className)

package/dist/Atomic/FormElements/Label/Label.scss

@@ -4,10 +4,10 @@
 
   margin-bottom: 5px;
 
-  color: #1E1E2D;
-
   font-size: 13px;
 
+  color: #1e1e2d;
+
   &_bold {
     font-weight: 500;
   }

package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js

@@ -7,45 +7,45 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _moment = _interopRequireDefault(require("moment"));
-require("./MobileCalendar.scss");
 var _reactFeather = require("react-feather");
+require("./MobileCalendar.scss");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-require('../../../Functions/customEventListener');
+require("../../../Functions/customEventListener");
 const MobileCalendar = _ref => {
   let {
-    min = (0, _moment.default)().subtract('10', 'years'),
-    max = (0, _moment.default)().add('10', 'years'),
+    min = (0, _moment.default)().subtract("10", "years"),
+    max = (0, _moment.default)().add("10", "years"),
     value = (0, _moment.default)(),
     rows = 5,
-    label = '',
+    label = "",
     timeout = 75,
     isMobile = true,
     showSelectedDate = false,
     listItemHeight = 32,
     classes = {
-      wrapper: '',
-      label: '',
-      body: '',
-      yearsBlock: '',
-      yearsList: '',
-      yearsListItem: '',
-      monthsBlock: '',
-      monthsList: '',
-      monthsListItem: '',
-      daysBlock: '',
-      daysList: '',
-      daysListItem: '',
-      prevItem: '',
-      nextItem: '',
-      activeItem: ''
+      wrapper: "",
+      label: "",
+      body: "",
+      yearsBlock: "",
+      yearsList: "",
+      yearsListItem: "",
+      monthsBlock: "",
+      monthsList: "",
+      monthsListItem: "",
+      daysBlock: "",
+      daysList: "",
+      daysListItem: "",
+      prevItem: "",
+      nextItem: "",
+      activeItem: ""
     },
     onChange = () => {},
     onMinDateReached = () => {},
     onMaxDateReached = () => {}
   } = _ref;
-  const Body = document.querySelector('body');
-  const listItem = document.querySelector('.mobile-calendar_wrapper_body_months-list--item');
+  const Body = document.querySelector("body");
+  const listItem = document.querySelector(".mobile-calendar_wrapper_body_months-list--item");
   const [date, setDate] = (0, _react.useState)(value ? (0, _moment.default)(value) : (0, _moment.default)());
   const [minDate, setMinDate] = (0, _react.useState)((0, _moment.default)(min));
   const [maxDate, setMaxDate] = (0, _react.useState)((0, _moment.default)(max));
@@ -122,7 +122,7 @@ const MobileCalendar = _ref => {
     setTouchY(pageY);
     setTouchTimestamp(timeStamp);
     setTouchType(type);
-    window.addEventListener('touchend', e => onTouchEnd(e, pageY, timeStamp, type), {
+    window.addEventListener("touchend", e => onTouchEnd(e, pageY, timeStamp, type), {
       once: true
     });
   };
@@ -219,45 +219,45 @@ const MobileCalendar = _ref => {
     }
     return list;
   };
-  const getMonthList = () => getList('months', 'MMMM');
-  const getDaysList = () => getList('days', 'D');
-  const getYearsList = () => getList('years', 'YYYY');
+  const getMonthList = () => getList("months", "MMMM");
+  const getDaysList = () => getList("days", "D");
+  const getYearsList = () => getList("years", "YYYY");
 
   //--OBSERVERS--//
   (0, _react.useEffect)(() => {
-    if ((0, _moment.default)(date.format('L')).isBefore(minDate.format('L'))) setDate(minDate);
-    if ((0, _moment.default)(date.format('L')).isAfter(maxDate.format('L'))) setDate(maxDate);
+    if ((0, _moment.default)(date.format("L")).isBefore(minDate.format("L"))) setDate(minDate);
+    if ((0, _moment.default)(date.format("L")).isAfter(maxDate.format("L"))) setDate(maxDate);
   }, []);
 
   //Events Observer
   (0, _react.useEffect)(() => {
-    document.addEventListener('mouseup', onArrowMouseUp);
+    document.addEventListener("mouseup", onArrowMouseUp);
     return () => {
-      document.removeEventListener('mouseup', onArrowMouseUp);
+      document.removeEventListener("mouseup", onArrowMouseUp);
     };
   }, []);
   (0, _react.useEffect)(() => {
     onChange(date);
     dateRef.current = date;
-    if ((0, _moment.default)(date.format('L')).isSame(minDate.format('L'))) onMinDateReached(minDate);
-    if ((0, _moment.default)(date.format('L')).isSame(maxDate.format('L'))) onMaxDateReached(maxDate);
+    if ((0, _moment.default)(date.format("L")).isSame(minDate.format("L"))) onMinDateReached(minDate);
+    if ((0, _moment.default)(date.format("L")).isSame(maxDate.format("L"))) onMaxDateReached(maxDate);
   }, [date]);
 
   //monthList Events
   (0, _react.useEffect)(() => {
     if (monthsListRef !== null && monthsListRef !== void 0 && monthsListRef.current) {
       var _monthsListRef$curren, _monthsListRef$curren2;
-      monthsListRef === null || monthsListRef === void 0 || (_monthsListRef$curren = monthsListRef.current) === null || _monthsListRef$curren === void 0 || _monthsListRef$curren.addEventListener('mousewheel', e => onWheel(e, 'months'), {
+      monthsListRef === null || monthsListRef === void 0 || (_monthsListRef$curren = monthsListRef.current) === null || _monthsListRef$curren === void 0 || _monthsListRef$curren.addEventListener("mousewheel", e => onWheel(e, "months"), {
         passive: false
       });
-      monthsListRef === null || monthsListRef === void 0 || (_monthsListRef$curren2 = monthsListRef.current) === null || _monthsListRef$curren2 === void 0 || _monthsListRef$curren2.addEventListener('touchstart', e => onTouchStart(e, 'months'), {
+      monthsListRef === null || monthsListRef === void 0 || (_monthsListRef$curren2 = monthsListRef.current) === null || _monthsListRef$curren2 === void 0 || _monthsListRef$curren2.addEventListener("touchstart", e => onTouchStart(e, "months"), {
         passive: false
       });
     }
     return () => {
       var _monthsListRef$curren3, _monthsListRef$curren4;
-      monthsListRef === null || monthsListRef === void 0 || (_monthsListRef$curren3 = monthsListRef.current) === null || _monthsListRef$curren3 === void 0 || _monthsListRef$curren3.clearEventListeners('mousewheel');
-      monthsListRef === null || monthsListRef === void 0 || (_monthsListRef$curren4 = monthsListRef.current) === null || _monthsListRef$curren4 === void 0 || _monthsListRef$curren4.clearEventListeners('touchstart');
+      monthsListRef === null || monthsListRef === void 0 || (_monthsListRef$curren3 = monthsListRef.current) === null || _monthsListRef$curren3 === void 0 || _monthsListRef$curren3.clearEventListeners("mousewheel");
+      monthsListRef === null || monthsListRef === void 0 || (_monthsListRef$curren4 = monthsListRef.current) === null || _monthsListRef$curren4 === void 0 || _monthsListRef$curren4.clearEventListeners("touchstart");
     };
   }, [monthsListRef]);
 
@@ -265,17 +265,17 @@ const MobileCalendar = _ref => {
   (0, _react.useEffect)(() => {
     if (daysListRef !== null && daysListRef !== void 0 && daysListRef.current) {
       var _daysListRef$current, _daysListRef$current2;
-      daysListRef === null || daysListRef === void 0 || (_daysListRef$current = daysListRef.current) === null || _daysListRef$current === void 0 || _daysListRef$current.addEventListener('mousewheel', e => onWheel(e, 'days'), {
+      daysListRef === null || daysListRef === void 0 || (_daysListRef$current = daysListRef.current) === null || _daysListRef$current === void 0 || _daysListRef$current.addEventListener("mousewheel", e => onWheel(e, "days"), {
         passive: false
       });
-      daysListRef === null || daysListRef === void 0 || (_daysListRef$current2 = daysListRef.current) === null || _daysListRef$current2 === void 0 || _daysListRef$current2.addEventListener('touchstart', e => onTouchStart(e, 'days'), {
+      daysListRef === null || daysListRef === void 0 || (_daysListRef$current2 = daysListRef.current) === null || _daysListRef$current2 === void 0 || _daysListRef$current2.addEventListener("touchstart", e => onTouchStart(e, "days"), {
         passive: false
       });
     }
     return () => {
       var _daysListRef$current3, _daysListRef$current4;
-      daysListRef === null || daysListRef === void 0 || (_daysListRef$current3 = daysListRef.current) === null || _daysListRef$current3 === void 0 || _daysListRef$current3.clearEventListeners('mousewheel');
-      daysListRef === null || daysListRef === void 0 || (_daysListRef$current4 = daysListRef.current) === null || _daysListRef$current4 === void 0 || _daysListRef$current4.clearEventListeners('touchstart');
+      daysListRef === null || daysListRef === void 0 || (_daysListRef$current3 = daysListRef.current) === null || _daysListRef$current3 === void 0 || _daysListRef$current3.clearEventListeners("mousewheel");
+      daysListRef === null || daysListRef === void 0 || (_daysListRef$current4 = daysListRef.current) === null || _daysListRef$current4 === void 0 || _daysListRef$current4.clearEventListeners("touchstart");
     };
   }, [daysListRef]);
 
@@ -283,17 +283,17 @@ const MobileCalendar = _ref => {
   (0, _react.useEffect)(() => {
     if (yearsListRef !== null && yearsListRef !== void 0 && yearsListRef.current) {
       var _yearsListRef$current, _yearsListRef$current2;
-      yearsListRef === null || yearsListRef === void 0 || (_yearsListRef$current = yearsListRef.current) === null || _yearsListRef$current === void 0 || _yearsListRef$current.addEventListener('mousewheel', e => onWheel(e, 'years'), {
+      yearsListRef === null || yearsListRef === void 0 || (_yearsListRef$current = yearsListRef.current) === null || _yearsListRef$current === void 0 || _yearsListRef$current.addEventListener("mousewheel", e => onWheel(e, "years"), {
         passive: false
       });
-      yearsListRef === null || yearsListRef === void 0 || (_yearsListRef$current2 = yearsListRef.current) === null || _yearsListRef$current2 === void 0 || _yearsListRef$current2.addEventListener('touchstart', e => onTouchStart(e, 'years'), {
+      yearsListRef === null || yearsListRef === void 0 || (_yearsListRef$current2 = yearsListRef.current) === null || _yearsListRef$current2 === void 0 || _yearsListRef$current2.addEventListener("touchstart", e => onTouchStart(e, "years"), {
         passive: false
       });
     }
     return () => {
       var _yearsListRef$current3, _yearsListRef$current4;
-      yearsListRef === null || yearsListRef === void 0 || (_yearsListRef$current3 = yearsListRef.current) === null || _yearsListRef$current3 === void 0 || _yearsListRef$current3.clearEventListeners('mousewheel');
-      yearsListRef === null || yearsListRef === void 0 || (_yearsListRef$current4 = yearsListRef.current) === null || _yearsListRef$current4 === void 0 || _yearsListRef$current4.clearEventListeners('touchstart');
+      yearsListRef === null || yearsListRef === void 0 || (_yearsListRef$current3 = yearsListRef.current) === null || _yearsListRef$current3 === void 0 || _yearsListRef$current3.clearEventListeners("mousewheel");
+      yearsListRef === null || yearsListRef === void 0 || (_yearsListRef$current4 = yearsListRef.current) === null || _yearsListRef$current4 === void 0 || _yearsListRef$current4.clearEventListeners("touchstart");
     };
   }, [yearsListRef]);
 
@@ -301,31 +301,31 @@ const MobileCalendar = _ref => {
   const renderMonthsList = () => {
     const half = (rows - 1) / 2;
     return getMonthList().map((month, i) => /*#__PURE__*/_react.default.createElement("div", {
-      className: "mobile-calendar_wrapper_body_months-list--item ".concat(i === half ? 'active' : '', " ").concat(i === 0 || i === rows - 1 ? 'transparent' : '', " ").concat(classes === null || classes === void 0 ? void 0 : classes.monthsListItem, " ").concat(i === half ? classes === null || classes === void 0 ? void 0 : classes.activeItem : ''),
+      className: "mobile-calendar_wrapper_body_months-list--item ".concat(i === half ? "active" : "", " ").concat(i === 0 || i === rows - 1 ? "transparent" : "", " ").concat(classes === null || classes === void 0 ? void 0 : classes.monthsListItem, " ").concat(i === half ? classes === null || classes === void 0 ? void 0 : classes.activeItem : ""),
       key: "month-".concat(month),
-      onClick: touchY ? null : () => i - half === 0 ? {} : changeItem('months', i - half),
-      "attr-scroll-direction": touchType === 'months' ? scrollDirection : 0,
-      "attr-is-scrolling": touchType === 'months' ? 1 : 0
+      onClick: touchY ? null : () => i - half === 0 ? {} : changeItem("months", i - half),
+      "attr-scroll-direction": touchType === "months" ? scrollDirection : 0,
+      "attr-is-scrolling": touchType === "months" ? 1 : 0
     }, month));
   };
   const renderDaysList = () => {
     const half = (rows - 1) / 2;
     return getDaysList().map((day, i) => /*#__PURE__*/_react.default.createElement("div", {
-      className: "mobile-calendar_wrapper_body_days-list--item ".concat(i === half ? 'active' : '', " ").concat(i === 0 || i === rows - 1 ? 'transparent' : '', " ").concat(classes === null || classes === void 0 ? void 0 : classes.daysListItem, " ").concat(i === half ? classes === null || classes === void 0 ? void 0 : classes.activeItem : ''),
+      className: "mobile-calendar_wrapper_body_days-list--item ".concat(i === half ? "active" : "", " ").concat(i === 0 || i === rows - 1 ? "transparent" : "", " ").concat(classes === null || classes === void 0 ? void 0 : classes.daysListItem, " ").concat(i === half ? classes === null || classes === void 0 ? void 0 : classes.activeItem : ""),
       key: "day-".concat(day),
-      onClick: () => i - half === 0 ? {} : changeItem('days', i - half),
-      "attr-scroll-direction": touchType === 'days' ? scrollDirection : 0,
-      "attr-is-scrolling": touchType === 'days' ? 1 : 0
+      onClick: () => i - half === 0 ? {} : changeItem("days", i - half),
+      "attr-scroll-direction": touchType === "days" ? scrollDirection : 0,
+      "attr-is-scrolling": touchType === "days" ? 1 : 0
     }, day));
   };
   const renderYearsList = () => {
     const half = (rows - 1) / 2;
     return getYearsList().map((year, i) => /*#__PURE__*/_react.default.createElement("div", {
-      className: "mobile-calendar_wrapper_body_years-list--item ".concat(i === half ? 'active' : '', " ").concat(i === 0 || i === rows - 1 ? 'transparent' : '', " ").concat(classes === null || classes === void 0 ? void 0 : classes.yearsListItem, " ").concat(i === half ? classes === null || classes === void 0 ? void 0 : classes.activeItem : ''),
+      className: "mobile-calendar_wrapper_body_years-list--item ".concat(i === half ? "active" : "", " ").concat(i === 0 || i === rows - 1 ? "transparent" : "", " ").concat(classes === null || classes === void 0 ? void 0 : classes.yearsListItem, " ").concat(i === half ? classes === null || classes === void 0 ? void 0 : classes.activeItem : ""),
       key: "year-".concat(year),
-      onClick: () => i - half === 0 ? {} : changeItem('years', i - half),
-      "attr-scroll-direction": touchType === 'years' ? scrollDirection : 0,
-      "attr-is-scrolling": touchType === 'years' ? 1 : 0
+      onClick: () => i - half === 0 ? {} : changeItem("years", i - half),
+      "attr-scroll-direction": touchType === "years" ? scrollDirection : 0,
+      "attr-is-scrolling": touchType === "years" ? 1 : 0
     }, year));
   };
   const renderMonthsBlock = () => {
@@ -334,8 +334,8 @@ const MobileCalendar = _ref => {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_months--prev ".concat(classes === null || classes === void 0 ? void 0 : classes.prevItem)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, {
-      onClick: () => changeItem('months', -1),
-      onMouseDown: () => onArrowMouseDown('months', -1),
+      onClick: () => changeItem("months", -1),
+      onMouseDown: () => onArrowMouseDown("months", -1),
       onMouseUp: onArrowMouseUp
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_months-list ".concat(classes === null || classes === void 0 ? void 0 : classes.monthsList),
@@ -345,8 +345,8 @@ const MobileCalendar = _ref => {
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_months--next ".concat(classes === null || classes === void 0 ? void 0 : classes.nextItem)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
-      onClick: () => changeItem('months', 1),
-      onMouseDown: () => onArrowMouseDown('months', 1),
+      onClick: () => changeItem("months", 1),
+      onMouseDown: () => onArrowMouseDown("months", 1),
       onMouseUp: onArrowMouseUp
     })));
   };
@@ -356,8 +356,8 @@ const MobileCalendar = _ref => {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_days--prev ".concat(classes === null || classes === void 0 ? void 0 : classes.prevItem)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, {
-      onClick: () => changeItem('days', -1),
-      onMouseDown: () => onArrowMouseDown('days', -1),
+      onClick: () => changeItem("days", -1),
+      onMouseDown: () => onArrowMouseDown("days", -1),
       onMouseUp: onArrowMouseUp
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_days-list ".concat(classes === null || classes === void 0 ? void 0 : classes.daysList),
@@ -367,8 +367,8 @@ const MobileCalendar = _ref => {
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_days--next ".concat(classes === null || classes === void 0 ? void 0 : classes.nextItem)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
-      onClick: () => changeItem('days', 1),
-      onMouseDown: () => onArrowMouseDown('days', 1),
+      onClick: () => changeItem("days", 1),
+      onMouseDown: () => onArrowMouseDown("days", 1),
       onMouseUp: onArrowMouseUp
     })));
   };
@@ -378,8 +378,8 @@ const MobileCalendar = _ref => {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_years--prev ".concat(classes === null || classes === void 0 ? void 0 : classes.prevItem)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, {
-      onClick: () => changeItem('years', -1),
-      onMouseDown: () => onArrowMouseDown('years', -1),
+      onClick: () => changeItem("years", -1),
+      onMouseDown: () => onArrowMouseDown("years", -1),
       onMouseUp: onArrowMouseUp
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_years-list ".concat(classes === null || classes === void 0 ? void 0 : classes.yearsList),
@@ -389,8 +389,8 @@ const MobileCalendar = _ref => {
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_years--next ".concat(classes === null || classes === void 0 ? void 0 : classes.nextItem)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
-      onClick: () => changeItem('years', 1),
-      onMouseDown: () => onArrowMouseDown('years', 1),
+      onClick: () => changeItem("years", 1),
+      onMouseDown: () => onArrowMouseDown("years", 1),
       onMouseUp: onArrowMouseUp
     })));
   };
@@ -401,7 +401,7 @@ const MobileCalendar = _ref => {
     className: "mobile-calendar_wrapper_label ".concat(classes === null || classes === void 0 ? void 0 : classes.label)
   }, label), showSelectedDate && /*#__PURE__*/_react.default.createElement("div", {
     className: "mobile-calendar_wrapper_label  ".concat(classes === null || classes === void 0 ? void 0 : classes.label)
-  }, (0, _moment.default)(date).format('LL')), /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _moment.default)(date).format("LL")), /*#__PURE__*/_react.default.createElement("div", {
     className: "mobile-calendar_wrapper_body  ".concat(classes === null || classes === void 0 ? void 0 : classes.body)
   }, renderMonthsBlock(), renderDaysBlock(), renderYearsBlock()));
 };

package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.scss

@@ -9,7 +9,7 @@
   padding: 10px;
 
   border-radius: 16px;
-  background: #F8FBFF;
+  background: #f8fbff;
   box-shadow: 0 0 10px 10px #00000014;
 
   @extend .unselectable;
@@ -17,10 +17,9 @@
   &_label {
     margin: 16px 0;
 
-    text-align: center;
-
     font-size: 16px;
     line-height: 24px;
+    text-align: center;
   }
 
   &_body {
@@ -31,14 +30,14 @@
     &_days,
     &_years {
       display: flex;
-      align-items: center;
       flex-direction: column;
+      align-items: center;
 
       &--prev,
       &--next {
         cursor: pointer;
 
-        color: #A6AAB4;
+        color: #a6aab4;
       }
 
       &-list {
@@ -72,15 +71,15 @@
 
         &--item {
           display: flex;
-          align-items: center;
           justify-content: center;
+          align-items: center;
 
           width: 90px;
           height: 32px;
 
           cursor: pointer;
 
-          color: #3B414B;
+          color: #3b414b;
 
           &:not(.active) {
             transition: transform 1s;
@@ -101,9 +100,9 @@
           &.active {
             box-sizing: border-box;
 
-            border: 1px solid #FFF;
+            border: 1px solid #fff;
             border-radius: 8px;
-            background: #FFF;
+            background: #fff;
             box-shadow: 0 4px 26px rgb(0 67 96 / 10%);
           }
 

package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _Input = _interopRequireDefault(require("../Input/Input"));
 var _CheckboxInput = _interopRequireDefault(require("../CheckboxInput/CheckboxInput"));
+var _Input = _interopRequireDefault(require("../Input/Input"));
 require("./MultiSelect.scss");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -17,7 +17,7 @@ const MultiSelect = _ref => {
     chosenOptions,
     onChange
   } = _ref;
-  const [searchValue, setSearchValue] = (0, _react.useState)('');
+  const [searchValue, setSearchValue] = (0, _react.useState)("");
   const checkHandler = (state, value) => {
     if (state) {
       onChange([...chosenOptions, value]);

package/dist/Atomic/FormElements/MultiSelect/MultiSelect.scss

@@ -4,9 +4,9 @@
 
   padding: 8px 10px;
 
-  border: 1px solid #E2E5EC;
+  border: 1px solid #e2e5ec;
   border-radius: 4px;
-  background-color: #FFF;
+  background-color: #fff;
 
   &__item {
     height: 24px;