intelicoreact 1.3.21 → 1.3.23

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

@@ -1,39 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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");
-
-var ActionAlert = function ActionAlert(_ref) {
-  var onClick = _ref.onClick,
-      message = _ref.message,
-      className = _ref.className,
-      buttonColor = _ref.buttonColor,
-      buttonLabel = _ref.buttonLabel,
-      date = _ref.date,
-      noButton = _ref.noButton,
-      children = _ref.children,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'default' : _ref$variant,
-      testId = _ref.testId;
+const ActionAlert = _ref => {
+  let {
+    onClick,
+    message,
+    className,
+    buttonColor,
+    buttonLabel,
+    date,
+    noButton,
+    children,
+    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: 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"
@@ -43,8 +34,8 @@ var ActionAlert = function 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,
@@ -52,6 +43,4 @@ var ActionAlert = function ActionAlert(_ref) {
     noIcon: true
   }));
 };
-
-var _default = ActionAlert;
-exports.default = _default;
+var _default = exports.default = ActionAlert;

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

@@ -1,42 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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");
-
-var AdvancedStatus = function AdvancedStatus(_ref) {
-  var onChange = _ref.onChange,
-      inactiveText = _ref.inactiveText,
-      activeText = _ref.activeText,
-      value = _ref.value,
-      disabled = _ref.disabled,
-      isPrimary = _ref.isPrimary,
-      primaryStatusText = _ref.primaryStatusText,
-      className = _ref.className,
-      testId = _ref.testId;
-  var isUndefined = value === undefined || value === null;
+const AdvancedStatus = _ref => {
+  let {
+    onChange,
+    inactiveText,
+    activeText,
+    value,
+    disabled,
+    isPrimary,
+    primaryStatusText,
+    className,
+    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: 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,
@@ -49,6 +40,4 @@ var AdvancedStatus = function AdvancedStatus(_ref) {
     status: "warning"
   }, primaryStatusText));
 };
-
-var _default = AdvancedStatus;
-exports.default = _default;
+var _default = exports.default = AdvancedStatus;

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

@@ -1,164 +1,117 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = _default;
-
-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 _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(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; }
-
+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; }
 function _default(props) {
-  var date = props.date,
-      setDate = props.setDate,
-      setIsOpened = props.setIsOpened,
-      _props$allowPrev = props.allowPrev,
-      allowPrev = _props$allowPrev === void 0 ? true : _props$allowPrev,
-      _props$allowNext = props.allowNext,
-      allowNext = _props$allowNext === void 0 ? true : _props$allowNext,
-      params = props.params,
-      className = props.className,
-      isListTop = props.isListTop,
-      testId = props.testId; // const { minDate = '01/01/1900', maxDate = moment().format('MM/DD/YYYY') } = params;
-
-  var format = params.format,
-      minDate = params.minDate,
-      maxDate = params.maxDate,
-      momentMinDate = params.momentMinDate,
-      momentMaxDate = params.momentMaxDate,
-      isDontLimitFuture = params.isDontLimitFuture;
-
-  var _useState = (0, _react.useState)({}),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      days = _useState2[0],
-      setDays = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(date),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      showDate = _useState4[0],
-      setShowDate = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      isChangeYear = _useState6[0],
-      setIsChangeYear = _useState6[1];
-
-  var _useState7 = (0, _react.useState)((0, _moment.default)(showDate).format('YYYY')),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      inputYearValue = _useState8[0],
-      setInputYearValue = _useState8[1];
-
-  var yearInputRef = (0, _react.useRef)(null);
-  var selectedDay = (0, _moment.default)(showDate);
-  var isError = 'Invalid date';
-  var showMonth = (0, _react.useMemo)(function () {
-    return (0, _moment.default)(showDate).format('MMM');
-  }, [date, showDate]);
-  var showYear = (0, _react.useMemo)(function () {
-    return (0, _moment.default)(showDate).format('YYYY');
-  }, [date, showDate]);
-  var isShovPrevArrow = allowPrev && !(minDate && (0, _moment.default)(showDate).startOf('month').isSameOrBefore(momentMinDate, 'months'));
-  var isShovNextArrow = allowNext && (isDontLimitFuture || !(0, _moment.default)(showDate).startOf('month').isSameOrAfter(maxDate ? momentMaxDate : (0, _moment.default)().add(1, 'day').startOf('day'), 'months'));
-  (0, _react.useEffect)(function () {
-    var result = {};
-    var day = selectedDay.startOf('month');
-    var daysInMonth = day.daysInMonth();
-
-    for (var d = 0; d < daysInMonth; d += 1) {
-      var week = day.week();
+  const {
+    date,
+    setDate,
+    setIsOpened,
+    allowPrev = true,
+    allowNext = true,
+    params,
+    className,
+    isListTop,
+    testId
+  } = props;
+  // const { minDate = '01/01/1900', maxDate = moment().format('MM/DD/YYYY') } = params;
+  const {
+    format,
+    minDate,
+    maxDate,
+    momentMinDate,
+    momentMaxDate,
+    isDontLimitFuture
+  } = params;
+  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 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"));
+  (0, _react.useEffect)(() => {
+    const result = {};
+    const day = selectedDay.startOf("month");
+    const daysInMonth = day.daysInMonth();
+    for (let d = 0; d < daysInMonth; d += 1) {
+      let week = day.week();
       if (day.month() === 11 && week === 1) week = 53;
       if (day.month() === 0 && week === 53) week = 0;
-
       if (!Object.prototype.hasOwnProperty.call(result, week)) {
         result[week] = {};
       }
-
       result[week][day.weekday()] = {
         date: day.toDate()
       };
-      day.add(1, 'd');
+      day.add(1, "d");
     }
-
     setDays(result);
   }, [showDate]);
-
-  var renderDay = function renderDay(week, dayOfWeek) {
-    var day = days[week][dayOfWeek];
+  const renderDay = (week, dayOfWeek) => {
+    const day = days[week][dayOfWeek];
     if (!day) return /*#__PURE__*/_react.default.createElement("div", {
       className: "calendar__day"
     });
-    var 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');
-    var isBeforeDay = day && (0, _moment.default)(day.date).isBefore(momentMinDate || '', 'day');
-    var 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) ? function () {
-        setDate((0, _moment.default)(day.date).format('L'));
+      onClick: day && (isDontLimitFuture || !isFutureDay) ? () => {
+        setDate((0, _moment.default)(day.date).format("L"));
         setIsOpened(false);
-      } : null // onMouseOver={day && !isFutureDay ? () => onHover(day.date) : null}
-      // onMouseLeave={() => onHover(null)}
-
+      } : null
     }, day && day.date.getDate());
   };
-
-  var handlePrev = function handlePrev() {
-    setShowDate((0, _moment.default)(showDate).subtract(1, 'month').format('L'));
+  const handlePrev = () => {
+    setShowDate((0, _moment.default)(showDate).subtract(1, "month").format("L"));
   };
-
-  var handleNext = function handleNext() {
-    setShowDate((0, _moment.default)(showDate).add(1, 'month').format('L'));
+  const handleNext = () => {
+    setShowDate((0, _moment.default)(showDate).add(1, "month").format("L"));
   };
-
-  var closeYearInput = function closeYearInput() {
-    var newDate = function () {
-      var dateArr = showDate.split('/');
-      var oldYear = dateArr[2];
+  const closeYearInput = () => {
+    const newDate = (() => {
+      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');
-    }();
-
-    var 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');
+      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");
     setIsChangeYear(false);
     setShowDate(resultDate);
     setInputYearValue(resultDate);
   };
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (isChangeYear && yearInputRef.current) {
-      var input = yearInputRef.current.getElementsByTagName('input')[0];
+      const input = yearInputRef.current.getElementsByTagName("input")[0];
       setInputYearValue(showYear);
-      setTimeout(function () {
+      setTimeout(() => {
         input.focus();
         input.select();
       }, 0);
@@ -166,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"
@@ -177,31 +130,25 @@ 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: function onClick() {
-      return setIsChangeYear(true);
-    }
+    onClick: () => setIsChangeYear(true)
   }, isChangeYear ? /*#__PURE__*/_react.default.createElement(_reactInputMask.default, {
     className: "calendar-header__title-year-change-input",
     value: inputYearValue,
     mask: "9999",
-    onBlur: function onBlur(e) {
-      return closeYearInput();
+    onBlur: e => closeYearInput(),
+    onKeyUp: e => {
+      if (e.key === "Escape") setIsChangeYear(false);
+      if (e.key === "Enter") closeYearInput();
     },
-    onKeyUp: function onKeyUp(e) {
-      if (e.key === 'Escape') setIsChangeYear(false);
-      if (e.key === 'Enter') closeYearInput();
-    },
-    onChange: function onChange(e) {
-      return setInputYearValue(e.target.value);
-    }
+    onChange: e => setInputYearValue(e.target.value)
   }) : "".concat(showYear))), /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "calendar--key-".concat(testId, "--nextArrow"),
     className: "calendar-header__next"
@@ -209,19 +156,15 @@ function _default(props) {
     onClick: handleNext
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronRight, null)))), /*#__PURE__*/_react.default.createElement("div", {
     className: "calendar__week"
-  }, (0, _toConsumableArray2.default)(Array(7).keys()).map(function (dayOfWeek) {
+  }, [...Array(7).keys()].map(dayOfWeek => {
     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'));
-  })), Object.keys(days).map(function (week, index) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "week_".concat(index),
-      className: "calendar__week"
-    }, (0, _toConsumableArray2.default)(Array(7).keys()).map(function (dayOfWeek) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-        key: "calendar-day--".concat(dayOfWeek)
-      }, renderDay(week, dayOfWeek));
-    }));
-  }));
+    }, (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"
+  }, [...Array(7).keys()].map(dayOfWeek => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+    key: "calendar-day--".concat(dayOfWeek)
+  }, renderDay(week, dayOfWeek))))));
 }