intelicoreact 1.3.22 → 1.3.23

package/dist/Atomic/FormElements/Datepicker/Datepicker.js

@@ -6,21 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _useClickOutside = require("../../../Functions/useClickOutside");
-var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
-var _moment = _interopRequireDefault(require("moment"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _moment = _interopRequireDefault(require("moment"));
+var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
 var _Langs = _interopRequireDefault(require("../../../../../Langs"));
+var _useClickOutside = require("../../../Functions/useClickOutside");
 var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
-var _Calendar = _interopRequireDefault(require("./components/Calendar"));
-var _Switcher = _interopRequireDefault(require("../Switcher/Switcher"));
 var _Dropdown = _interopRequireDefault(require("../Dropdown/Dropdown"));
 var _Input = _interopRequireDefault(require("../Input/Input"));
+var _Switcher = _interopRequireDefault(require("../Switcher/Switcher"));
+var _Calendar = _interopRequireDefault(require("./components/Calendar"));
 require("./Datepicker.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; }
 const padTime = time => {
-  return "".concat(time.toString().padStart(2, '0'), ":00");
+  return "".concat(time.toString().padStart(2, "0"), ":00");
 };
 const Datepicker = props => {
   const {
@@ -53,28 +53,28 @@ const Datepicker = props => {
   const [endHour, setEndHour] = (0, _react.useState)(end ? (0, _moment.default)(end).hour() : 0);
   // eslint-disable-next-line no-unused-vars
   const [isCompare, setIsCompare] = (0, _react.useState)(compare);
-  const [date1, setDate1] = (0, _react.useState)(start ? (0, _moment.default)(start).toDate() : (0, _moment.default)().subtract(1, 'month').toDate());
+  const [date1, setDate1] = (0, _react.useState)(start ? (0, _moment.default)(start).toDate() : (0, _moment.default)().subtract(1, "month").toDate());
   const [date2, setDate2] = (0, _react.useState)(end ? (0, _moment.default)(end).toDate() : (0, _moment.default)().toDate());
   const [isStartFocused, setIsStartFocused] = (0, _react.useState)(false);
   const [isEndFocused, setIsEndFocused] = (0, _react.useState)(false);
   const [hoverStatus, setHoverStatus] = (0, _react.useState)(null);
-  const isNearby = (0, _react.useMemo)(() => (0, _moment.default)(date2).subtract(1, 'month').isSame((0, _moment.default)(date1), 'month'), [date1, date2]);
+  const isNearby = (0, _react.useMemo)(() => (0, _moment.default)(date2).subtract(1, "month").isSame((0, _moment.default)(date1), "month"), [date1, date2]);
   const isPreviousPeriodShowed = (0, _react.useMemo)(() => isCompare && !isCompareHidden && startDate && endDate, [startDate, endDate, isCompare]);
   const prevEndHour = (0, _react.useRef)(endHour);
   const getStartHourItems = () => [...Array(24).keys()].map(hour => ({
     label: padTime(hour),
     value: hour,
-    disabled: (0, _moment.default)(startDate).isSame(endDate, 'day') && endHour <= hour
+    disabled: (0, _moment.default)(startDate).isSame(endDate, "day") && endHour <= hour
   }));
   const getEndHourItems = () => [...Array(24).keys()].map(hour => ({
     label: padTime(hour + 1),
     value: hour === 23 ? 0 : hour + 1,
-    disabled: ((0, _moment.default)(startDate).isSame(endDate, 'day') || (0, _moment.default)(startDate).isSame((0, _moment.default)(endDate).subtract(1, 'days'), 'day') && endHour === 0) && hour < startHour
+    disabled: ((0, _moment.default)(startDate).isSame(endDate, "day") || (0, _moment.default)(startDate).isSame((0, _moment.default)(endDate).subtract(1, "days"), "day") && endHour === 0) && hour < startHour
   }));
   const startPrevDate = (0, _react.useMemo)(() => {
     if (isPreviousPeriodShowed) {
-      const intervalHoursCount = (0, _moment.default)(endDate).diff(startDate, 'hours');
-      return (0, _moment.default)(startDate).subtract(intervalHoursCount, 'hours').toDate();
+      const intervalHoursCount = (0, _moment.default)(endDate).diff(startDate, "hours");
+      return (0, _moment.default)(startDate).subtract(intervalHoursCount, "hours").toDate();
     } else return null;
   }, [startDate, endDate, isCompare]);
   const endPrevDate = (0, _react.useMemo)(() => {
@@ -84,34 +84,34 @@ const Datepicker = props => {
   }, [startDate, endDate, isCompare]);
   const title = (0, _react.useMemo)(() => {
     if (isCompare && !isCompareHidden && startDate && endDate) {
-      return "".concat((0, _moment.default)(startPrevDate).format('ll'), " (").concat((0, _moment.default)(startPrevDate).format('HH:mm'), ") - ").concat((0, _moment.default)(endPrevDate).format('ll'), " (").concat((0, _moment.default)(endPrevDate).format('HH:mm'), ")");
-    } else return '';
+      return "".concat((0, _moment.default)(startPrevDate).format("ll"), " (").concat((0, _moment.default)(startPrevDate).format("HH:mm"), ") - ").concat((0, _moment.default)(endPrevDate).format("ll"), " (").concat((0, _moment.default)(endPrevDate).format("HH:mm"), ")");
+    } else return "";
   }, [startDate, endDate, isCompare]);
-  const subtractDay = date => endHour === 0 ? (0, _moment.default)(date).subtract(1, 'days') : date;
-  const addDay = date => endHour === 0 ? (0, _moment.default)(date).add(1, 'days') : date;
+  const subtractDay = date => endHour === 0 ? (0, _moment.default)(date).subtract(1, "days") : date;
+  const addDay = date => endHour === 0 ? (0, _moment.default)(date).add(1, "days") : date;
   (0, _react.useEffect)(() => {
     if ((0, _moment.default)(startDate).isSameOrAfter(endDate)) {
-      setStartDate((0, _moment.default)(endDate).subtract(1, 'd').toDate());
-      setDate1((0, _moment.default)(endDate).subtract(1, 'd'));
+      setStartDate((0, _moment.default)(endDate).subtract(1, "d").toDate());
+      setDate1((0, _moment.default)(endDate).subtract(1, "d"));
     }
   }, [startDate]);
   (0, _react.useEffect)(() => {
     if ((0, _moment.default)(endDate).isSameOrBefore(startDate)) {
-      setEndDate((0, _moment.default)(startDate).add(1, 'd').toDate());
-      setDate2((0, _moment.default)(startDate).add(1, 'd'));
+      setEndDate((0, _moment.default)(startDate).add(1, "d").toDate());
+      setDate2((0, _moment.default)(startDate).add(1, "d"));
     }
   }, [endDate]);
   (0, _react.useEffect)(() => {
     setStartDateInput(startDate);
     setEndDateInput(endDate);
-    if ((0, _moment.default)(startDate).isBefore((0, _moment.default)(endDate), 'month')) {
+    if ((0, _moment.default)(startDate).isBefore((0, _moment.default)(endDate), "month")) {
       setDate1((0, _moment.default)(startDate));
       setDate2((0, _moment.default)(endDate));
     }
   }, [startDate, endDate]);
   (0, _react.useEffect)(() => {
-    if ((0, _moment.default)(date1).isSameOrAfter((0, _moment.default)(date2), 'month')) {
-      setDate1((0, _moment.default)(date2).subtract(1, 'month'));
+    if ((0, _moment.default)(date1).isSameOrAfter((0, _moment.default)(date2), "month")) {
+      setDate1((0, _moment.default)(date2).subtract(1, "month"));
     }
   }, [date1, date2]);
   (0, _react.useEffect)(() => {
@@ -119,16 +119,16 @@ const Datepicker = props => {
   }, [dateInterval]);
   const handleClick = date => {
     prevEndHour.current = 0;
-    if (!startDate || startDate && endDate && !((0, _moment.default)(startDate).add(1, 'd').isSame(endDate, 'day') && endHour === 0)) {
-      setStartDate((0, _moment.default)(date).startOf('day').toDate());
-      setEndDate((0, _moment.default)(date).add(1, 'd').startOf('day').toDate());
+    if (!startDate || startDate && endDate && !((0, _moment.default)(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0)) {
+      setStartDate((0, _moment.default)(date).startOf("day").toDate());
+      setEndDate((0, _moment.default)(date).add(1, "d").startOf("day").toDate());
       setStartHour(0);
       setEndHour(0);
-    } else if ((0, _moment.default)(date).isBefore((0, _moment.default)(startDate), 'day')) {
-      setEndDate((0, _moment.default)(startDate).add(1, 'd').startOf('day').toDate());
-      setStartDate((0, _moment.default)(date).set('hour', parseInt(startHour, 10)).toDate());
-    } else if ((0, _moment.default)(date).isAfter((0, _moment.default)(startDate), 'day')) {
-      setEndDate((0, _moment.default)(date).add(1, 'd').startOf('day').toDate());
+    } else if ((0, _moment.default)(date).isBefore((0, _moment.default)(startDate), "day")) {
+      setEndDate((0, _moment.default)(startDate).add(1, "d").startOf("day").toDate());
+      setStartDate((0, _moment.default)(date).set("hour", parseInt(startHour, 10)).toDate());
+    } else if ((0, _moment.default)(date).isAfter((0, _moment.default)(startDate), "day")) {
+      setEndDate((0, _moment.default)(date).add(1, "d").startOf("day").toDate());
     }
     setHoverStatus(null);
   };
@@ -141,10 +141,10 @@ const Datepicker = props => {
       return;
     }
     if (timerId) clearTimeout(timerId);
-    if ((0, _moment.default)(startDate).add(1, 'd').isSame(endDate, 'day') && endHour === 0) {
-      if ((0, _moment.default)(date).isAfter((0, _moment.default)(startDate), 'day')) setHoverStatus('end');else if ((0, _moment.default)(date).isBefore((0, _moment.default)(startDate), 'day')) setHoverStatus('start');else setHoverStatus(null);
+    if ((0, _moment.default)(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0) {
+      if ((0, _moment.default)(date).isAfter((0, _moment.default)(startDate), "day")) setHoverStatus("end");else if ((0, _moment.default)(date).isBefore((0, _moment.default)(startDate), "day")) setHoverStatus("start");else setHoverStatus(null);
     } else {
-      setHoverStatus('start');
+      setHoverStatus("start");
     }
   };
   const handleChangeStartHour = _ref => {
@@ -153,8 +153,8 @@ const Datepicker = props => {
         value: val
       }
     } = _ref;
-    setStartHour(+val);
-    setStartDate((0, _moment.default)(startDate).set('hour', +val).toDate());
+    setStartHour(Number(val));
+    setStartDate((0, _moment.default)(startDate).set("hour", Number(val)).toDate());
   };
   const handleChangeEndHour = _ref2 => {
     let {
@@ -162,18 +162,18 @@ const Datepicker = props => {
         value: val
       }
     } = _ref2;
-    const newHour = +val;
+    const newHour = Number(val);
     setEndHour(newHour);
     let newEndDate;
     if (prevEndHour.current === 0 && newHour !== 0) {
-      newEndDate = (0, _moment.default)(endDate).subtract(1, 'days');
+      newEndDate = (0, _moment.default)(endDate).subtract(1, "days");
     } else if (prevEndHour.current !== 0 && newHour === 0) {
-      newEndDate = (0, _moment.default)(endDate).add(1, 'days');
+      newEndDate = (0, _moment.default)(endDate).add(1, "days");
     } else {
       newEndDate = endDate;
     }
     prevEndHour.current = newHour;
-    setEndDate((0, _moment.default)(newEndDate).set('hour', newHour).toDate());
+    setEndDate((0, _moment.default)(newEndDate).set("hour", newHour).toDate());
   };
   const renderButtons = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
     className: "plr15 mr5",
@@ -190,17 +190,17 @@ const Datepicker = props => {
       compare: isCompare
     })
   }, txt.buttons.apply));
-  const renderPreviousPeriod = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, txt.labels.previousPeriod, ": ", /*#__PURE__*/_react.default.createElement("span", {
+  const renderPreviousPeriod = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, txt.labels.previousPeriod, ":", " ", /*#__PURE__*/_react.default.createElement("span", {
     className: "date-picker__previous-period-interval"
   }, title));
   const handleStartDateFocus = () => {
     setIsStartFocused(true);
-    setStartDateInput((0, _moment.default)(startDate).format('L'));
+    setStartDateInput((0, _moment.default)(startDate).format("L"));
   };
   const handleStartDateBlur = () => {
     let newDate;
     if ((0, _moment.default)(startDateInput).isValid()) {
-      newDate = (0, _moment.default)(startDateInput).set('hour', parseInt(startHour, 10)).toDate();
+      newDate = (0, _moment.default)(startDateInput).set("hour", parseInt(startHour, 10)).toDate();
       setStartDate(newDate);
     } else {
       newDate = startDate;
@@ -208,16 +208,16 @@ const Datepicker = props => {
     }
     setIsStartFocused(false);
     startDateInputRef.current.blur();
-    setDate1((0, _moment.default)(newDate).isSameOrAfter((0, _moment.default)(date2), 'month') ? (0, _moment.default)(date2).subtract(1, 'month') : (0, _moment.default)(newDate));
+    setDate1((0, _moment.default)(newDate).isSameOrAfter((0, _moment.default)(date2), "month") ? (0, _moment.default)(date2).subtract(1, "month") : (0, _moment.default)(newDate));
   };
   const handleEndDateFocus = () => {
     setIsEndFocused(true);
-    setEndDateInput((0, _moment.default)(subtractDay(endDateInput)).format('L'));
+    setEndDateInput((0, _moment.default)(subtractDay(endDateInput)).format("L"));
   };
   const handleEndDateBlur = () => {
     let newDate;
     if ((0, _moment.default)(endDateInput).isValid()) {
-      newDate = (0, _moment.default)(endDateInput).set('hour', parseInt(endHour, 10)).toDate();
+      newDate = (0, _moment.default)(endDateInput).set("hour", parseInt(endHour, 10)).toDate();
       setEndDate(addDay(newDate));
     } else {
       newDate = endDate;
@@ -229,7 +229,7 @@ const Datepicker = props => {
     setEndDateInput();
   };
   const handleKeyPressed = (e, handleDateBlur) => {
-    if (e.key === 'Enter') handleDateBlur();
+    if (e.key === "Enter") handleDateBlur();
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "date-picker"
@@ -237,10 +237,10 @@ const Datepicker = props => {
     className: "date-picker__header"
   }, /*#__PURE__*/_react.default.createElement(_Input.default, {
     dataTest: "datepicker_start-date-input",
-    className: (0, _classnames.default)('mr5', {
-      'date-picker-text-input--active': hoverStatus === 'start'
+    className: (0, _classnames.default)("mr5", {
+      "date-picker-text-input--active": hoverStatus === "start"
     }),
-    value: isStartFocused ? startDateInput : (0, _moment.default)(startDate).format('ll'),
+    value: isStartFocused ? startDateInput : (0, _moment.default)(startDate).format("ll"),
     disabled: !startDate,
     onChange: e => setStartDateInput(e.target.value),
     onFocus: handleStartDateFocus,
@@ -258,10 +258,10 @@ const Datepicker = props => {
     className: "pl5 pr5 date-picker__header--gray"
   }, "\u2014"), /*#__PURE__*/_react.default.createElement(_Input.default, {
     dataTest: "datepicker_end-date-input",
-    className: (0, _classnames.default)('mr5', {
-      'date-picker-text-input--active': hoverStatus === 'end'
+    className: (0, _classnames.default)("mr5", {
+      "date-picker-text-input--active": hoverStatus === "end"
     }),
-    value: isEndFocused ? endDateInput : (0, _moment.default)(subtractDay(endDate)).format('ll'),
+    value: isEndFocused ? endDateInput : (0, _moment.default)(subtractDay(endDate)).format("ll"),
     disabled: !endDate,
     onChange: e => setEndDateInput(e.target.value),
     onFocus: handleEndDateFocus,

package/dist/Atomic/FormElements/Datepicker/Datepicker.scss

@@ -1,8 +0,0 @@
-.test {
-  width: 380px;
-}
-
-.testing {
-  border: none;
-  box-shadow: none;
-}

package/dist/Atomic/FormElements/Datepicker/components/Calendar.js

@@ -26,10 +26,10 @@ const Calendar = props => {
     limitRange
   } = props;
   const [days, setDays] = (0, _react.useState)({});
-  const title = (0, _react.useMemo)(() => "".concat((0, _moment.default)(date).format('MMM'), " ").concat((0, _moment.default)(date).format('YYYY')), [date]);
+  const title = (0, _react.useMemo)(() => "".concat((0, _moment.default)(date).format("MMM"), " ").concat((0, _moment.default)(date).format("YYYY")), [date]);
   (0, _react.useEffect)(() => {
     const result = {};
-    const day = (0, _moment.default)(date).startOf('month');
+    const day = (0, _moment.default)(date).startOf("month");
     const daysInMonth = day.daysInMonth();
     for (let d = 0; d < daysInMonth; d += 1) {
       let week = day.week();
@@ -41,32 +41,32 @@ const Calendar = props => {
       result[week][day.weekday()] = {
         date: day.toDate()
       };
-      day.add(1, 'd');
+      day.add(1, "d");
     }
     setDays(result);
   }, [date]);
   const renderDay = (week, dayOfWeek) => {
     const day = days[week][dayOfWeek];
-    const isFutureDay = day && (0, _moment.default)(day.date).isAfter((0, _moment.default)(), 'day');
-    const isPastDay = limitRange ? day && (0, _moment.default)(day.date).isBefore((0, _moment.default)().subtract(limitRange, 'days'), 'day') : null;
-    const isRangeEnd = day && ((0, _moment.default)(day.date).isSame(startDate, 'day') || (0, _moment.default)(day.date).isSame((0, _moment.default)(endDate).subtract(1, 'hour'), 'day'));
-    const isRangeInside = day && startDate && endDate && (0, _moment.default)(day.date).isAfter(startDate, 'day') && (0, _moment.default)(day.date).isBefore((0, _moment.default)(endDate).subtract(1, 'hour'), 'day');
-    const isPrevRangeEnd = day && ((0, _moment.default)(day.date).isSame(startPrevDate, 'day') || (0, _moment.default)(day.date).isSame((0, _moment.default)(endPrevDate).subtract(1, 'day'), 'day'));
-    const isPrevRangeInside = day && startPrevDate && endPrevDate && (0, _moment.default)(day.date).isAfter(startPrevDate, 'day') && (0, _moment.default)(day.date).isBefore((0, _moment.default)(endPrevDate).subtract(1, 'day'), 'day');
-    const classNames = (0, _classnames.default)('calendar__day', {
-      'calendar__day--clickable': day
+    const isFutureDay = day && (0, _moment.default)(day.date).isAfter((0, _moment.default)(), "day");
+    const isPastDay = limitRange ? day && (0, _moment.default)(day.date).isBefore((0, _moment.default)().subtract(limitRange, "days"), "day") : null;
+    const isRangeEnd = day && ((0, _moment.default)(day.date).isSame(startDate, "day") || (0, _moment.default)(day.date).isSame((0, _moment.default)(endDate).subtract(1, "hour"), "day"));
+    const isRangeInside = day && startDate && endDate && (0, _moment.default)(day.date).isAfter(startDate, "day") && (0, _moment.default)(day.date).isBefore((0, _moment.default)(endDate).subtract(1, "hour"), "day");
+    const isPrevRangeEnd = day && ((0, _moment.default)(day.date).isSame(startPrevDate, "day") || (0, _moment.default)(day.date).isSame((0, _moment.default)(endPrevDate).subtract(1, "day"), "day"));
+    const isPrevRangeInside = day && startPrevDate && endPrevDate && (0, _moment.default)(day.date).isAfter(startPrevDate, "day") && (0, _moment.default)(day.date).isBefore((0, _moment.default)(endPrevDate).subtract(1, "day"), "day");
+    const classNames = (0, _classnames.default)("calendar__day", {
+      "calendar__day--clickable": day
     }, {
-      'calendar__day--disabled': isFutureDay
+      "calendar__day--disabled": isFutureDay
     }, {
-      'calendar__day--disabled': isPastDay
+      "calendar__day--disabled": isPastDay
     }, {
-      'calendar__day--range-end': isRangeEnd
+      "calendar__day--range-end": isRangeEnd
     }, {
-      'calendar__day--range-inside': isRangeInside
+      "calendar__day--range-inside": isRangeInside
     }, {
-      'calendar__day--prev-range-end': isPrevRangeEnd
+      "calendar__day--prev-range-end": isPrevRangeEnd
     }, {
-      'calendar__day--prev-range-inside': isPrevRangeInside
+      "calendar__day--prev-range-inside": isPrevRangeInside
     });
     return /*#__PURE__*/_react.default.createElement("div", {
       key: "".concat(week, "_").concat(dayOfWeek),
@@ -77,10 +77,10 @@ const Calendar = props => {
     }, day && day.date.getDate());
   };
   const handlePrev = () => {
-    setDate((0, _moment.default)(date).subtract(1, 'month').toDate());
+    setDate((0, _moment.default)(date).subtract(1, "month").toDate());
   };
   const handleNext = () => {
-    setDate((0, _moment.default)(date).add(1, 'month').toDate());
+    setDate((0, _moment.default)(date).add(1, "month").toDate());
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "calendar"
@@ -106,7 +106,7 @@ const Calendar = props => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: "day-of-week_".concat(dayOfWeek),
       className: "calendar__day calendar__day--title"
-    }, (0, _moment.default)().weekday(dayOfWeek).format('dd').charAt(0));
+    }, (0, _moment.default)().weekday(dayOfWeek).format("dd").charAt(0));
   })), Object.keys(days).map((week, index) => /*#__PURE__*/_react.default.createElement("div", {
     key: "week_".concat(index),
     className: "calendar__week"