intelicoreact 1.3.22 → 1.3.24

package/dist/Atomic/FormElements/ActionAlert/ActionAlert.js

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
 require("./ActionAlert.scss");
-var _utils = require("../../../Functions/utils");
 const ActionAlert = _ref => {
   let {
     onClick,
@@ -20,14 +19,12 @@ const ActionAlert = _ref => {
     date,
     noButton,
     children,
-    variant = 'default',
-    testId
+    variant = "default",
+    testId = "alert"
   } = _ref;
   // const transformedTime = moment(date).format('MM.DD.YYYY HH:mm');
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "actionAlert".concat((0, _utils.getCorrectTestId)({
-      testId
-    })),
+    "data-testid": testId,
     className: (0, _classnames.default)("action-alert action-alert--".concat(variant), className)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "action-alert__message-box"
@@ -37,8 +34,8 @@ const ActionAlert = _ref => {
     className: "action-alert__message"
   }, message || children)), !noButton && /*#__PURE__*/_react.default.createElement(_Button.default, {
     style: {
-      backgroundColor: buttonColor || '#F59A2F',
-      borderColor: buttonColor || '#F59A2F'
+      backgroundColor: buttonColor || "#F59A2F",
+      borderColor: buttonColor || "#F59A2F"
     },
     className: "ml5",
     label: buttonLabel,

package/dist/Atomic/FormElements/ActionAlert/ActionAlert.scss

@@ -2,35 +2,35 @@
 
 .action-alert {
   display: flex;
-  align-items: center;
   justify-content: space-between;
+  align-items: center;
 
   height: 20px;
   padding: 10px 8px;
 
-  color: #1E1E2D;
-  border-radius: 4px;
-  background-color: #EBEFF2;
-
   font-size: 13px;
   font-weight: 400;
 
+  color: #1e1e2d;
+  border-radius: 4px;
+  background-color: #ebeff2;
+
   &__time {
     margin-right: 8px;
 
-    color: #9AA0B9;
+    color: #9aa0b9;
   }
 
   &--pending {
-    background-color: #FFEDC8;
+    background-color: #ffedc8;
   }
 
   &--reject {
-    background-color: #FCE2E8;
+    background-color: #fce2e8;
   }
 
   &--confirm {
-    background-color: #E4F3E8;
+    background-color: #e4f3e8;
   }
 
   &__message-box,

package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js

@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _TextSwitcher = _interopRequireDefault(require("../TextSwitcher/TextSwitcher"));
 var _Status = _interopRequireDefault(require("../../UI/Status/Status"));
+var _TextSwitcher = _interopRequireDefault(require("../TextSwitcher/TextSwitcher"));
 require("./AdvancedStatus.scss");
-var _utils = require("../../../Functions/utils");
 const AdvancedStatus = _ref => {
   let {
     onChange,
@@ -21,16 +20,14 @@ const AdvancedStatus = _ref => {
     isPrimary,
     primaryStatusText,
     className,
-    testId
+    testId = "advanced-status"
   } = _ref;
   const isUndefined = value === undefined || value === null;
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "advanced-status".concat((0, _utils.getCorrectTestId)({
-      testId
-    })),
-    className: (0, _classnames.default)('advanced-status', {
-      'advanced-status_undefined': isUndefined,
-      'advanced-status_disabled': disabled
+    "data-testid": testId,
+    className: (0, _classnames.default)("advanced-status", {
+      "advanced-status_undefined": isUndefined,
+      "advanced-status_disabled": disabled
     }, className)
   }, /*#__PURE__*/_react.default.createElement(_TextSwitcher.default, {
     onChange: onChange,

package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.scss

@@ -2,9 +2,9 @@
 
 .advanced-status {
   display: flex;
-  align-items: center;
   flex-flow: row nowrap;
   justify-content: flex-start;
+  align-items: center;
 
   width: 100%;
 
@@ -19,30 +19,28 @@
       z-index: 2;
 
       display: flex;
-      align-items: center;
       flex-flow: row nowrap;
       justify-content: center;
+      align-items: center;
 
       min-width: 58px;
       height: 100%;
       padding: 0 14px;
 
+      font-size: 13px;
+      font-weight: 400;
+      font-style: normal;
+      line-height: 20px;
       cursor: pointer;
       text-align: center;
       white-space: nowrap;
-
       text-transform: capitalize;
 
       color: $color--primary;
       background-color: transparent;
 
-      font-size: 13px;
-      font-weight: 400;
-      font-style: normal;
-      line-height: 20px;
-
       &_off {
-        color: #1E1E2D;
+        color: #1e1e2d;
       }
     }
 
@@ -68,9 +66,9 @@
 
   &__status {
     display: flex;
-    align-items: center;
     flex-flow: row nowrap;
     justify-content: flex-start;
+    align-items: center;
 
     margin-left: 5px;
   }

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

@@ -8,8 +8,8 @@ exports.default = _default;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _moment = _interopRequireDefault(require("moment"));
-var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
 var _reactFeather = require("react-feather");
+var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
 require("./Calendar.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; }
@@ -37,17 +37,17 @@ function _default(props) {
   const [days, setDays] = (0, _react.useState)({});
   const [showDate, setShowDate] = (0, _react.useState)(date);
   const [isChangeYear, setIsChangeYear] = (0, _react.useState)(false);
-  const [inputYearValue, setInputYearValue] = (0, _react.useState)((0, _moment.default)(showDate).format('YYYY'));
+  const [inputYearValue, setInputYearValue] = (0, _react.useState)((0, _moment.default)(showDate).format("YYYY"));
   const yearInputRef = (0, _react.useRef)(null);
   const selectedDay = (0, _moment.default)(showDate);
-  const isError = 'Invalid date';
-  const showMonth = (0, _react.useMemo)(() => (0, _moment.default)(showDate).format('MMM'), [date, showDate]);
-  const showYear = (0, _react.useMemo)(() => (0, _moment.default)(showDate).format('YYYY'), [date, showDate]);
-  const isShovPrevArrow = allowPrev && !(minDate && (0, _moment.default)(showDate).startOf('month').isSameOrBefore(momentMinDate, 'months'));
-  const isShovNextArrow = allowNext && (isDontLimitFuture || !(0, _moment.default)(showDate).startOf('month').isSameOrAfter(maxDate ? momentMaxDate : (0, _moment.default)().add(1, 'day').startOf('day'), 'months'));
+  const isError = "Invalid date";
+  const showMonth = (0, _react.useMemo)(() => (0, _moment.default)(showDate).format("MMM"), [date, showDate]);
+  const showYear = (0, _react.useMemo)(() => (0, _moment.default)(showDate).format("YYYY"), [date, showDate]);
+  const isShovPrevArrow = allowPrev && !(minDate && (0, _moment.default)(showDate).startOf("month").isSameOrBefore(momentMinDate, "months"));
+  const isShovNextArrow = allowNext && (isDontLimitFuture || !(0, _moment.default)(showDate).startOf("month").isSameOrAfter(maxDate ? momentMaxDate : (0, _moment.default)().add(1, "day").startOf("day"), "months"));
   (0, _react.useEffect)(() => {
     const result = {};
-    const day = selectedDay.startOf('month');
+    const day = selectedDay.startOf("month");
     const daysInMonth = day.daysInMonth();
     for (let d = 0; d < daysInMonth; d += 1) {
       let week = day.week();
@@ -59,7 +59,7 @@ function _default(props) {
       result[week][day.weekday()] = {
         date: day.toDate()
       };
-      day.add(1, 'd');
+      day.add(1, "d");
     }
     setDays(result);
   }, [showDate]);
@@ -68,50 +68,48 @@ function _default(props) {
     if (!day) return /*#__PURE__*/_react.default.createElement("div", {
       className: "calendar__day"
     });
-    const isFutureDay = day && !isDontLimitFuture && maxDate ? (0, _moment.default)(day.date).isAfter(momentMaxDate || (0, _moment.default)().add(1, 'days'), 'day') : (0, _moment.default)(day.date).isAfter((0, _moment.default)(), 'day');
-    const isBeforeDay = day && (0, _moment.default)(day.date).isBefore(momentMinDate || '', 'day');
-    const classNames = (0, _classnames.default)('calendar__day', {
-      'calendar__day--clickable': day
+    const isFutureDay = day && !isDontLimitFuture && maxDate ? (0, _moment.default)(day.date).isAfter(momentMaxDate || (0, _moment.default)().add(1, "days"), "day") : (0, _moment.default)(day.date).isAfter((0, _moment.default)(), "day");
+    const isBeforeDay = day && (0, _moment.default)(day.date).isBefore(momentMinDate || "", "day");
+    const classNames = (0, _classnames.default)("calendar__day", {
+      "calendar__day--clickable": day
     }, {
-      'calendar__day--disabled': !isDontLimitFuture && isFutureDay
+      "calendar__day--disabled": !isDontLimitFuture && isFutureDay
     }, {
-      'calendar__day--disabled': isBeforeDay
+      "calendar__day--disabled": isBeforeDay
     }, {
-      'calendar__day--selected': (0, _moment.default)(date).format() === (0, _moment.default)(day.date).format()
+      "calendar__day--selected": (0, _moment.default)(date).format() === (0, _moment.default)(day.date).format()
     });
     return /*#__PURE__*/_react.default.createElement("div", {
       key: "".concat(week, "_").concat(dayOfWeek),
       className: classNames,
       onClick: day && (isDontLimitFuture || !isFutureDay) ? () => {
-        setDate((0, _moment.default)(day.date).format('L'));
+        setDate((0, _moment.default)(day.date).format("L"));
         setIsOpened(false);
       } : null
-      // onMouseOver={day && !isFutureDay ? () => onHover(day.date) : null}
-      // onMouseLeave={() => onHover(null)}
     }, day && day.date.getDate());
   };
   const handlePrev = () => {
-    setShowDate((0, _moment.default)(showDate).subtract(1, 'month').format('L'));
+    setShowDate((0, _moment.default)(showDate).subtract(1, "month").format("L"));
   };
   const handleNext = () => {
-    setShowDate((0, _moment.default)(showDate).add(1, 'month').format('L'));
+    setShowDate((0, _moment.default)(showDate).add(1, "month").format("L"));
   };
   const closeYearInput = () => {
     const newDate = (() => {
-      const dateArr = showDate.split('/');
+      const dateArr = showDate.split("/");
       const oldYear = dateArr[2];
       dateArr[2] = inputYearValue;
-      return (0, _moment.default)(dateArr.join('/')).format('MM/DD/YYYY') === isError ? showDate : (0, _moment.default)(dateArr.join('/')).format('MM/DD/YYYY');
+      return (0, _moment.default)(dateArr.join("/")).format("MM/DD/YYYY") === isError ? showDate : (0, _moment.default)(dateArr.join("/")).format("MM/DD/YYYY");
     })();
     let resultDate = newDate;
-    if (minDate && (0, _moment.default)(minDate) > (0, _moment.default)(newDate)) resultDate = (0, _moment.default)(showDate).format('MM/DD/YYYY');else if (maxDate && (0, _moment.default)(maxDate) < (0, _moment.default)(newDate)) resultDate = (0, _moment.default)(showDate).format('MM/DD/YYYY');
+    if (minDate && (0, _moment.default)(minDate) > (0, _moment.default)(newDate)) resultDate = (0, _moment.default)(showDate).format("MM/DD/YYYY");else if (maxDate && (0, _moment.default)(maxDate) < (0, _moment.default)(newDate)) resultDate = (0, _moment.default)(showDate).format("MM/DD/YYYY");
     setIsChangeYear(false);
     setShowDate(resultDate);
     setInputYearValue(resultDate);
   };
   (0, _react.useEffect)(() => {
     if (isChangeYear && yearInputRef.current) {
-      const input = yearInputRef.current.getElementsByTagName('input')[0];
+      const input = yearInputRef.current.getElementsByTagName("input")[0];
       setInputYearValue(showYear);
       setTimeout(() => {
         input.focus();
@@ -121,8 +119,8 @@ function _default(props) {
   }, [isChangeYear]);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "calendar--key-".concat(testId, "--container"),
-    className: (0, _classnames.default)('calendar', className, {
-      'calendar_list-top': isListTop
+    className: (0, _classnames.default)("calendar", className, {
+      "calendar_list-top": isListTop
     })
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "calendar-header"
@@ -132,13 +130,13 @@ function _default(props) {
   }, isShovPrevArrow && /*#__PURE__*/_react.default.createElement("div", {
     onClick: handlePrev
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronLeft, null))), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('calendar-header__title'),
+    className: (0, _classnames.default)("calendar-header__title"),
     ref: yearInputRef
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "calendar-header__title-month"
   }, "".concat(showMonth, " ")), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)('calendar-header__title-year', {
-      'calendar-header__title-year_change-mode': isChangeYear
+    className: (0, _classnames.default)("calendar-header__title-year", {
+      "calendar-header__title-year_change-mode": isChangeYear
     }),
     onClick: () => setIsChangeYear(true)
   }, isChangeYear ? /*#__PURE__*/_react.default.createElement(_reactInputMask.default, {
@@ -147,8 +145,8 @@ function _default(props) {
     mask: "9999",
     onBlur: e => closeYearInput(),
     onKeyUp: e => {
-      if (e.key === 'Escape') setIsChangeYear(false);
-      if (e.key === 'Enter') closeYearInput();
+      if (e.key === "Escape") setIsChangeYear(false);
+      if (e.key === "Enter") closeYearInput();
     },
     onChange: e => setInputYearValue(e.target.value)
   }) : "".concat(showYear))), /*#__PURE__*/_react.default.createElement("div", {
@@ -162,7 +160,7 @@ function _default(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'));
+    }, (0, _moment.default)().weekday(dayOfWeek).format("dd"));
   })), Object.keys(days).map((week, index) => /*#__PURE__*/_react.default.createElement("div", {
     key: "week_".concat(index),
     className: "calendar__week"

package/dist/Atomic/FormElements/Calendar/Calendar.scss

@@ -443,21 +443,20 @@
   flex-direction: column;
 
   width: 260px;
-
   min-height: 195px;
   margin-top: 4px;
   padding: 5px 0;
 
   user-select: none;
 
-  border: 1px solid #E2E5EC;
-  background: #FFF;
+  border: 1px solid #e2e5ec;
+  background: #fff;
   box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
 
   &-header {
     display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
 
     box-sizing: border-box;
 
@@ -468,9 +467,9 @@
 
       &-year {
         display: flex;
-        align-items: center;
         flex-flow: row nowrap;
         justify-content: center;
+        align-items: center;
 
         box-sizing: border-box;
         width: 45px;
@@ -501,12 +500,12 @@
           margin: 0;
           padding: 0;
 
-          border: none;
-          outline: none;
-
           font-size: inherit;
           font-weight: inherit;
           line-height: inherit;
+
+          border: none;
+          outline: none;
         }
       }
     }
@@ -526,23 +525,22 @@
   }
 
   &__day {
-    flex-basis: 0;
     flex-grow: 1;
+    flex-basis: 0;
 
     margin: 1px 0;
     padding: 1px 6px;
 
-    user-select: none;
-    text-align: center;
-
     font-size: 13px;
     line-height: 20px;
+    user-select: none;
+    text-align: center;
 
     &--clickable {
       cursor: pointer;
 
       &:hover {
-        background: #E2E6F8;
+        background: #e2e6f8;
       }
     }
 
@@ -550,7 +548,7 @@
       cursor: default;
       pointer-events: none;
 
-      color: #9AA0B9;
+      color: #9aa0b9;
 
       &:hover {
         background: inherit;
@@ -561,32 +559,32 @@
     &--selected {
       color: white;
       border-radius: 4px;
-      background: #6B81DD;
+      background: #6b81dd;
 
       &:hover {
-        background: #6B81DD;
+        background: #6b81dd;
       }
     }
 
     &--range-inside {
-      background: #E2E6F8;
+      background: #e2e6f8;
     }
 
     &--prev-range-end {
       border-radius: 4px;
-      background: #E2E5EC;
+      background: #e2e5ec;
     }
 
     &--prev-range-inside {
-      background: #F7F8FA;
+      background: #f7f8fa;
     }
 
     &--title {
-      color: #9AA0B9;
-
       font-size: 10px;
       font-weight: normal;
 
+      color: #9aa0b9;
+
       &:hover {
         background: inherit;
       }
@@ -603,14 +601,13 @@
     height: 28px;
     padding-left: 9px;
 
+    font-weight: 400;
     cursor: pointer;
     user-select: none;
 
-    border: 1px solid #E2E5EC;
+    border: 1px solid #e2e5ec;
     border-radius: 3px;
     background-color: white;
-
-    font-weight: 400;
     appearance: none;
   }
 
@@ -619,12 +616,11 @@
     height: 16px;
     padding: 0 15px 0 0;
 
+    font-size: 13px;
+    font-weight: 400;
     text-overflow: ellipsis;
 
     border: none;
     background: none;
-
-    font-size: 13px;
-    font-weight: 400;
   }
 }

package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js

@@ -8,8 +8,8 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-require("./CheckboxInput.scss");
 var _utils = require("../../../Functions/utils");
+require("./CheckboxInput.scss");
 const CheckboxInput = _ref => {
   let {
     label,
@@ -20,14 +20,14 @@ const CheckboxInput = _ref => {
     disabled,
     className,
     isStark,
-    testId = '',
+    testId = "",
     attributesOfNativeInput = {}
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("label", {
     "data-testid": "checkbox--label-".concat((0, _utils.getCorrectTestId)({
       testId: testId || id || fieldKey
     })),
-    className: (0, _classnames.default)('checkbox-input', className, {
+    className: (0, _classnames.default)("checkbox-input", className, {
       ["checkbox-input_disabled"]: disabled
     }),
     htmlFor: id
@@ -38,7 +38,7 @@ const CheckboxInput = _ref => {
     })
   }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, id ? {
     id,
-    ['data-id']: id
+    ["data-id"]: id
   } : {}, {
     type: "checkbox",
     className: "checkbox-input__checkbox",

package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss

@@ -17,7 +17,7 @@
 
   &:hover {
     .checkbox-input__input {
-      background-color: rgba(#6B81DD, 0.2);
+      background-color: rgba(#6b81dd, 0.2);
     }
   }
 
@@ -33,11 +33,12 @@
     margin-right: 5px;
 
     cursor: pointer;
-    transition: background-color 0.2s ease;
 
-    border: 1px solid #9AA0B9;
+    border: 1px solid #9aa0b9;
     border-radius: 2px;
-    background-color: #FFFF;
+    background-color: #ffff;
+
+    transition: background-color 0.2s ease;
 
     &_checked,
     &_indeterminate {
@@ -71,32 +72,29 @@
     width: 100%;
     height: 100%;
 
-    background-color: #6B81DD;
+    background-color: #6b81dd;
 
     &::after {
       position: absolute;
-      top: -2px;
-      right: 0;
-      bottom: 0;
-      left: 0;
+      inset: -2px 0 0;
 
       width: 4px;
       height: 8px;
       margin: auto;
 
       content: "";
-      transform: rotate(45deg);
 
       border: solid white;
       border-width: 0 2px 2px 0;
       border-radius: 2px;
+
+      transform: rotate(45deg);
     }
   }
 
   &__label {
-    user-select: none;
-
     font-size: 13px;
+    user-select: none;
   }
 
   input[type="checkbox" i] {
@@ -108,20 +106,18 @@
 
       &::after {
         position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
+        inset: 0;
 
         width: 100%;
         height: 100%;
         margin: auto;
 
         content: "";
-        transform: rotate(0deg);
 
         border: none;
-        background-color: #6B81DD;
+        background-color: #6b81dd;
+
+        transform: rotate(0deg);
       }
 
       &::before {
@@ -133,11 +129,12 @@
         width: 45%;
 
         content: "";
-        transform: scale(1, 0.9) translateX(-50%) translateY(-50%);
 
         border: solid white;
         border-width: 0 1px 2px 0;
         border-radius: 2px;
+
+        transform: scale(1, 0.9) translateX(-50%) translateY(-50%);
       }
     }
   }

package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _CheckboxInput = _interopRequireDefault(require("../CheckboxInput/CheckboxInput"));
 require("./CheckboxesLine.scss");
-const RC = 'checkboxes-line';
+const RC = "checkboxes-line";
 const CheckboxesLine = props => {
   const {
     field,

package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.scss

@@ -1,8 +1,8 @@
 .checkboxes-line {
   display: flex;
-  align-items: center;
   flex-flow: row wrap;
   justify-content: flex-start;
+  align-items: center;
 
   &__checkbox-input {
     width: fit-content;
@@ -14,8 +14,8 @@
   }
 
   &_column {
-    align-items: flex-start;
     flex-flow: column wrap;
+    align-items: flex-start;
 
     .checkboxes-line__checkbox-input {
       margin-right: 0;