intelicoreact 1.5.32 → 1.5.34

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

@@ -1,170 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _moment = _interopRequireDefault(require("moment"));
-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; }
-function _default(props) {
-  const {
-    date,
-    setDate,
-    setIsOpened,
-    allowPrev = true,
-    allowNext = true,
-    params,
-    className,
-    isListTop,
-    testId = "calendar"
-  } = 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");
-    }
-    setDays(result);
-  }, [showDate]);
-  const renderDay = (week, dayOfWeek) => {
-    const day = days[week][dayOfWeek];
-    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
-    }, {
-      "calendar__day--disabled": !isDontLimitFuture && isFutureDay
-    }, {
-      "calendar__day--disabled": isBeforeDay
-    }, {
-      "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"));
-        setIsOpened(false);
-      } : null
-    }, day && day.date.getDate());
-  };
-  const handlePrev = () => {
-    setShowDate((0, _moment.default)(showDate).subtract(1, "month").format("L"));
-  };
-  const handleNext = () => {
-    setShowDate((0, _moment.default)(showDate).add(1, "month").format("L"));
-  };
-  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");
-    })();
-    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)(() => {
-    if (isChangeYear && yearInputRef.current) {
-      const input = yearInputRef.current.getElementsByTagName("input")[0];
-      setInputYearValue(showYear);
-      setTimeout(() => {
-        input.focus();
-        input.select();
-      }, 0);
-    }
-  }, [isChangeYear]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: (0, _classnames.default)("calendar", className, {
-      "calendar_list-top": isListTop
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "calendar-header"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "calendar-header__prev",
-    "data-testid": "".concat(testId, "-prev-arrow")
-  }, 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"),
-    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
-    }),
-    onClick: () => setIsChangeYear(true)
-  }, isChangeYear ? /*#__PURE__*/_react.default.createElement(_reactInputMask.default, {
-    className: "calendar-header__title-year-change-input",
-    value: inputYearValue,
-    mask: "9999",
-    onBlur: e => closeYearInput(),
-    onKeyUp: e => {
-      if (e.key === "Escape") setIsChangeYear(false);
-      if (e.key === "Enter") closeYearInput();
-    },
-    onChange: e => setInputYearValue(e.target.value)
-  }) : "".concat(showYear))), /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "".concat(testId, "-next-arrow"),
-    className: "calendar-header__next"
-  }, isShovNextArrow && /*#__PURE__*/_react.default.createElement("div", {
-    onClick: handleNext
-  }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronRight, null)))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "calendar__week"
-  }, [...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((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))))));
-}

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

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../../../Functions/utils");
-require("./CheckboxInput.scss");
-const CheckboxInput = _ref => {
-  let {
-    label,
-    fieldKey,
-    id,
-    value,
-    onChange,
-    disabled,
-    className,
-    isStark,
-    testId = "checkbox-input",
-    attributesOfNativeInput = {}
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("label", {
-    "data-testid": testId,
-    className: (0, _classnames.default)("checkbox-input", className, {
-      ["checkbox-input_disabled"]: disabled
-    }),
-    htmlFor: id
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("checkbox-input__input", {
-      ["checkbox-input__input_checked"]: value,
-      ["checkbox-input__input_indeterminate"]: isStark
-    })
-  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, id ? {
-    id,
-    ["data-id"]: id
-  } : {}, {
-    type: "checkbox",
-    className: "checkbox-input__checkbox",
-    onChange: e => onChange(!value, e),
-    checked: value !== null && value !== void 0 ? value : false,
-    disabled: disabled,
-    ref: elem => {
-      if (elem) elem.indeterminate = isStark;
-    },
-    "data-testid": "".concat(testId, "-input")
-  }, attributesOfNativeInput)), /*#__PURE__*/_react.default.createElement("span", {
-    className: "checkbox-input__mark"
-  })), label && /*#__PURE__*/_react.default.createElement("div", {
-    className: "checkbox-input__label"
-  }, label));
-};
-var _default = exports.default = CheckboxInput;

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

@@ -1,141 +0,0 @@
-.checkbox-input {
-  display: flex;
-  align-items: center;
-
-  cursor: pointer;
-
-  input {
-    display: none;
-  }
-
-  &_disabled {
-    cursor: auto;
-    pointer-events: none;
-
-    opacity: 0.5;
-  }
-
-  &:hover {
-    .checkbox-input__input {
-      background-color: rgba(#6b81dd, 0.2);
-    }
-  }
-
-  &__input {
-    position: relative;
-
-    overflow: hidden;
-
-    box-sizing: border-box;
-    width: 16px;
-    min-width: 16px;
-    height: 16px;
-    margin-right: 5px;
-
-    cursor: pointer;
-
-    border: 1px solid #9aa0b9;
-    border-radius: 2px;
-    background-color: #ffff;
-
-    transition: background-color 0.2s ease;
-
-    &_checked,
-    &_indeterminate {
-      border: none;
-    }
-
-    .checkbox-input__checkbox:checked ~ .checkbox-input__mark {
-      display: block;
-
-      width: 100%;
-      height: 100%;
-
-      border-radius: 2px;
-    }
-  }
-
-  &__checkbox {
-    position: absolute;
-
-    width: 0;
-    height: 0;
-
-    opacity: 0;
-  }
-
-  &__mark {
-    position: absolute;
-
-    display: none;
-
-    width: 100%;
-    height: 100%;
-
-    background-color: #6b81dd;
-
-    &::after {
-      position: absolute;
-      inset: -2px 0 0;
-
-      width: 4px;
-      height: 8px;
-      margin: auto;
-
-      content: "";
-
-      border: solid white;
-      border-width: 0 2px 2px 0;
-      border-radius: 2px;
-
-      transform: rotate(45deg);
-    }
-  }
-
-  &__label {
-    font-size: 13px;
-    user-select: none;
-  }
-
-  input[type="checkbox" i] {
-    &:indeterminate + span {
-      display: block;
-
-      width: 100%;
-      height: 100%;
-
-      &::after {
-        position: absolute;
-        inset: 0;
-
-        width: 100%;
-        height: 100%;
-        margin: auto;
-
-        content: "";
-
-        border: none;
-        background-color: #6b81dd;
-
-        transform: rotate(0deg);
-      }
-
-      &::before {
-        position: absolute;
-        z-index: 1;
-        top: 50%;
-        left: 50%;
-
-        width: 45%;
-
-        content: "";
-
-        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

@@ -1,47 +0,0 @@
-"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 _CheckboxInput = _interopRequireDefault(require("../CheckboxInput/CheckboxInput"));
-require("./CheckboxesLine.scss");
-const RC = "checkboxes-line";
-const CheckboxesLine = props => {
-  const {
-    field,
-    onChange
-  } = props;
-  const {
-    items,
-    value,
-    disabled,
-    isPositionColumn,
-    className,
-    testId
-  } = field !== null && field !== void 0 ? field : props || {};
-  const handleChange = (val, id) => {
-    onChange(val ? [...value, id] : [...(value === null || value === void 0 ? void 0 : value.filter(el => el !== id))]);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, {
-      ["".concat(RC, "_column")]: isPositionColumn
-    }, className)
-  }, (items === null || items === void 0 ? void 0 : items.map(item => {
-    var _value$includes;
-    return /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
-      testId: (item === null || item === void 0 ? void 0 : item.testId) || testId,
-      id: item.id,
-      className: "".concat(RC, "__checkbox-input"),
-      key: item.label,
-      label: item.label,
-      value: (value === null || value === void 0 || (_value$includes = value.includes) === null || _value$includes === void 0 ? void 0 : _value$includes.call(value, item.id)) || false,
-      onChange: (val, e) => handleChange(val, item.id, e),
-      disabled: disabled || item.disabled
-    });
-  })) || null);
-};
-var _default = exports.default = CheckboxesLine;

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

@@ -1,29 +0,0 @@
-.checkboxes-line {
-  display: flex;
-  flex-flow: row wrap;
-  justify-content: flex-start;
-  align-items: center;
-
-  &__checkbox-input {
-    width: fit-content;
-    margin-right: 10px;
-
-    &:last-of-type {
-      margin-right: 0;
-    }
-  }
-
-  &_column {
-    flex-flow: column wrap;
-    align-items: flex-start;
-
-    .checkboxes-line__checkbox-input {
-      margin-right: 0;
-      margin-bottom: 10px;
-
-      &:last-of-type {
-        margin-bottom: 0;
-      }
-    }
-  }
-}