intelicoreact 1.3.64 → 1.3.65

package/dist/Atomic/FormElements/Dropdown/Dropdown.js

@@ -52,7 +52,7 @@ const Dropdown = _ref => {
   const {
     isMobile: isMobileProp
   } = (0, _useIsMobile.default)();
-  const isMobile = isMobileProp && withMobileLogic && window.screen.width < 768;
+  const isMobile = isMobileProp && withMobileLogic && window.screen.width <= 768;
   const [dropdownId, setDropdownId] = (0, _react.useState)(id || fieldKey || Math.random().toString(16).slice(2));
   const [isOpen, setIsOpen] = (0, _react.useState)(false);
   const [searchValue, setSearchValue] = (0, _react.useState)();

package/dist/Atomic/FormElements/Dropdown/Dropdown.scss

@@ -298,7 +298,7 @@
   }
 }
 
-@media (max-width: 767px) {
+@media (max-width: 768px) {
   .dropdown-mobile {
     .dropdown {
       &__arrow {

package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js

@@ -46,7 +46,7 @@ const DropdownLiveSearch = _ref => {
   const {
     isMobile: isMobileProp
   } = (0, _useIsMobile.default)();
-  const isMobile = isMobileProp && withMobileLogic && window.screen.width < 768;
+  const isMobile = isMobileProp && withMobileLogic && window.screen.width <= 768;
   const labelByValue = (0, _react.useMemo)(() => {
     var _options$find;
     return (options === null || options === void 0 || (_options$find = options.find(item => item.value === value)) === null || _options$find === void 0 ? void 0 : _options$find.label) || "";

package/dist/Atomic/FormElements/InputDateRange/InputDateRange.scss

@@ -730,7 +730,7 @@
   }
 }
 
-@media screen and (max-width: 767px) {
+@media screen and (max-width: 768px) {
   .date-picker-modal {
     .modal__body {
       display: flex;

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js

@@ -64,7 +64,7 @@ const TagsDropdown = _ref => {
   const {
     isMobile: isMobileProp
   } = (0, _useIsMobile.default)();
-  const isMobile = isMobileProp && withMobileLogic && window.screen.width < 768;
+  const isMobile = isMobileProp && withMobileLogic && window.screen.width <= 768;
   const [dropdownId, setDropdownId] = (0, _react.useState)(id || fieldKey || Math.random().toString(16).slice(2));
   const [isOpen, setIsOpen] = (0, _react.useState)(false);
   const [searchValue, setSearchValue] = (0, _react.useState)("");

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss

@@ -289,7 +289,7 @@
   }
 }
 
-@media (max-width: 767px) {
+@media (max-width: 768px) {
   .tags-dropdown-mobile {
     .tags-dropdown {
       &__container {

package/dist/Atomic/UI/Modal/ModalMobile.scss

@@ -8,7 +8,7 @@
   }
 }
 
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 768px) {
   .modal-mobile-container {
     position: relative;
     z-index: 100;

package/dist/Functions/useIsMobile.js

@@ -7,10 +7,10 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 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 useIsMobile = _ref => {
+const useIsMobile = function () {
   let {
     isWithoutWidthCheck = false
-  } = _ref;
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const getIsMobile = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
   const [isMobile, setIsMobile] = (0, _react.useState)(getIsMobile());
 
@@ -20,7 +20,7 @@ const useIsMobile = _ref => {
   }, [navigator.userAgent]);
   return {
     ...navigator,
-    isMobile: isMobile && (isWithoutWidthCheck || window.screen.width < 768)
+    isMobile: isMobile && (isWithoutWidthCheck || window.screen.width <= 768)
   };
 };
 var _default = exports.default = useIsMobile;

package/dist/Molecular/InputAddress/InputAddress.scss

@@ -98,7 +98,7 @@
   }
 }
 
-@media (max-width: 767px) {
+@media (max-width: 768px) {
   .input-address {
     &__list {
       position: relative;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.3.64",
+  "version": "1.3.65",
   "description": "",
   "main": "dist/index.js",
   "files": [

package/dist/Atomic/UI/ModalBackup/Modal.js

@@ -1,149 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderModalTitle = exports.default = exports.KEY_CODE = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
-var _Button = _interopRequireDefault(require("../Button/Button"));
-require("./Modal.scss");
-var _ModalFooter = _interopRequireDefault(require("./partials/ModalFooter"));
-var _ModalTitle = _interopRequireDefault(require("./partials/ModalTitle"));
-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 KEY_CODE = exports.KEY_CODE = Object.freeze({
-  ENTER: 13,
-  ESC: 27
-});
-const renderModalTitle = _ref => {
-  let {
-    mode,
-    title,
-    onlyTitle
-  } = _ref;
-  if (mode && mode !== 'default' && !onlyTitle) return "".concat(mode[0].toUpperCase() + mode.slice(1), " ").concat(title);
-  return title;
-};
-exports.renderModalTitle = renderModalTitle;
-const Modal = _ref2 => {
-  let {
-    zIndex = 100,
-    isOpen,
-    onConfirm,
-    onDecline,
-    closeModal,
-    children,
-    className,
-    title,
-    variant,
-    onlyTitle,
-    mode,
-    size,
-    atributesForModalBody = {},
-    confirmBtnClassName,
-    confirmBtnLabel,
-    confirmBtnVariant = 'primary',
-    confirmBtnDisable,
-    confirmBtnIcon,
-    isConfirmBtnIconPositionRight,
-    noConfirmBtn,
-    noCloseBtn,
-    noFooter,
-    noHeader,
-    closeBtnClassName,
-    closeBtnText,
-    closeBtnVariant,
-    closeBtnDisable,
-    closeBtnIcon,
-    forced,
-    btnClassNames,
-    isCloseBtnIconPositionRight,
-    submitOnEnter = false,
-    closeOnEsc = false,
-    leftContentOfFooter,
-    testId,
-    noHeaderCloseBtn
-  } = _ref2;
-  if (!isOpen) return null;
-  const handle = {
-    confirm: () => {
-      onConfirm === null || onConfirm === void 0 || onConfirm();
-    },
-    decline: () => {
-      //? closeModal используется для ESC и оверлея, давно хотелось иметь возможность разделить
-      //? Теперь можно не передавать closeModal, а для cancel-кнопки передать отдельный обработчик
-      if (typeof onDecline === 'function') onDecline();else closeModal === null || closeModal === void 0 || closeModal();
-    },
-    pressEnter: event => {
-      if (event.keyCode === KEY_CODE.ENTER && !event.repeat) handle.confirm();
-    },
-    pressEsc: () => {
-      if (event.keyCode === KEY_CODE.ESC && !event.repeat) closeModal === null || closeModal === void 0 || closeModal();
-    }
-  };
-  (0, _react.useEffect)(() => {
-    if (submitOnEnter) document.addEventListener('keyup', handle.pressEnter);
-    if (closeOnEsc) document.addEventListener('keyup', handle.pressEsc);
-    return () => {
-      document.removeEventListener('keyup', handle.pressEnter);
-      document.removeEventListener('keyup', handle.pressEsc);
-    };
-  }, [submitOnEnter, closeOnEsc]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      zIndex
-    },
-    "data-testid": testId,
-    className: "modal-box j5"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": 'modal-closeOverlay',
-    className: isOpen ? 'modal-overlay' : 'hidden',
-    onClick: closeModal
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: size
-    },
-    className: (0, _classnames.default)(className, "".concat(isOpen ? 'modal' : 'hidden'))
-  }, !noHeader && /*#__PURE__*/_react.default.createElement(_ModalTitle.default, {
-    variant: variant,
-    isForced: forced,
-    onClose: handle.decline,
-    noHeaderCloseBtn: noHeaderCloseBtn
-  }, /*#__PURE__*/_react.default.createElement("span", null, renderModalTitle({
-    mode,
-    title,
-    onlyTitle
-  }))), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, atributesForModalBody, {
-    className: (0, _classnames.default)('modal__body', {
-      'modal__body--no-footer': noFooter
-    })
-  }), children), !noFooter && /*#__PURE__*/_react.default.createElement(_ModalFooter.default, {
-    className: leftContentOfFooter ? 'modal__footer_with-left-content' : ''
-  }, leftContentOfFooter, /*#__PURE__*/_react.default.createElement("div", {
-    className: "modal__buttons-block"
-  }, !noCloseBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
-    testId: "modal",
-    className: (0, _classnames.default)(closeBtnClassName, btnClassNames),
-    variant: closeBtnVariant || 'dark-outline',
-    onClick: () => handle.decline(),
-    label: closeBtnText || 'Cancel',
-    disabled: closeBtnDisable,
-    icon: closeBtnIcon,
-    isIconRight: isCloseBtnIconPositionRight,
-    tabIndex: 1
-  }), !noConfirmBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
-    testId: "modal",
-    onClick: () => handle.confirm(),
-    label: confirmBtnLabel || (mode === null || mode === void 0 ? void 0 : mode[0].toUpperCase()) + (mode === null || mode === void 0 ? void 0 : mode.slice(1)) || 'Apply',
-    className: (0, _classnames.default)('ml5', confirmBtnClassName, btnClassNames),
-    variant: confirmBtnVariant,
-    disabled: confirmBtnDisable,
-    icon: confirmBtnIcon,
-    isIconRight: isConfirmBtnIconPositionRight
-  })))));
-};
-var _default = exports.default = Modal;

package/dist/Atomic/UI/ModalBackup/Modal.scss

@@ -1,333 +0,0 @@
-@import "../../../scss/_vars";
-@import "../../../scss/mixins";
-
-.modal-overlay {
-  position: fixed;
-  z-index: 4;
-  top: 0;
-  left: 0;
-
-  width: 100%;
-  height: 100%;
-
-  transition: opacity 0.2s ease;
-
-  opacity: 0.5;
-  background-color: black;
-}
-
-.modal {
-  --modal-min-height: 300px;
-  --max-height: calc(100% - 30px);
-
-  position: relative;
-  z-index: 5;
-
-  display: flex;
-  flex-direction: column;
-
-  width: 600px;
-  min-height: var(--modal-min-height);
-  max-height: var(--max-height);
-  margin: 0 10px;
-
-  border-radius: 6px;
-  background-color: #FFF;
-  box-shadow: 0 20px 20px rgb(0 0 0 / 20%);
-
-  &__header {
-    position: relative;
-
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    padding: 10px 15px;
-
-    border-bottom: 1px solid #E2E5EC;
-    border-top-left-radius: 4px;
-    border-top-right-radius: 4px;
-    background-color: #F7FAFC;
-
-    &-primary {
-      background-color: $color--primary;
-
-      &-title {
-        color: #ffffff;
-
-        font-size: 16px;
-        font-weight: 400;
-      }
-    }
-
-    &-title {
-      color: $color--primary;
-
-      font-size: 16px;
-      font-weight: normal;
-    }
-  }
-
-  &__body {
-    box-sizing: border-box;
-    overflow-y: auto;
-
-    flex-grow: 1;
-    padding: 15px;
-
-    border-bottom-right-radius: 4px;
-    border-bottom-left-radius: 4px;
-    background-color: #F7FAFC;
-    &:first-of-type {
-      border-top-right-radius: 4px;
-      border-top-left-radius: 4px;
-    }
-
-    @include custom-scroll2;
-
-    &--no-footer {
-      padding: 15px;
-    }
-  }
-
-  &__footer {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-
-    padding: 7.5px 15px;
-
-    border-top: 1px solid #E2E5EC;
-    border-bottom-right-radius: 4px;
-    border-bottom-left-radius: 4px;
-    background-color: #F7FAFC;
-
-    &_with-left-content {
-      justify-content: space-between;
-    }
-
-    &--inbody {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-
-      width: calc(100% - 30px);
-
-      background-color: #FFFF;
-    }
-  }
-
-  &__buttons-block {
-    display: flex;
-    align-items: center;
-    flex-flow: row nowrap;
-    justify-content: flex-start;
-  }
-}
-
-.modal__footer--noborder {
-  border-top: none;
-}
-
-.modal-box {
-  position: fixed;
-  z-index: 100;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-
-  animation-name: fadeIn;
-  animation-duration: 0.25s;
-  animation-timing-function: ease;
-  animation-fill-mode: forwards;
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-.consumer-info-modal {
-  overflow-x: auto;
-
-  .button-fin {
-    background-color: #FFFF;
-  }
-
-  .modal__body {
-    min-height: 200px;
-    padding: 0 15px;
-  }
-}
-
-.modal-close-icon-box {
-  position: absolute;
-  top: 0;
-  right: 0;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  width: 40px;
-  height: 38px;
-  height: 100%;
-
-  cursor: pointer;
-
-  color: #1E1E2D;
-  //background-color: inherit;
-  border-top-right-radius: 5px;
-  background: transparent;
-
-  &:hover {
-    background-color: #E2E5EC;
-  }
-
-  &-primary {
-    color: #1E1E2D;
-
-    &:hover {
-      opacity: 1;
-      background-color: #5162D4;
-    }
-  }
-
-  &-merchant {
-    color: #1E1E2D;
-
-    &:hover {
-      opacity: 1;
-      background-color: #5162D4;
-    }
-  }
-}
-
-.modal-close-icon {
-  width: 20px;
-  min-width: 20px;
-  height: 20px;
-}
-
-.modal-text-card {
-  padding: 15px 0;
-
-  text-align: left;
-  white-space: normal;
-
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 20px;
-}
-
-.prompt-text-card {
-  padding: 0;
-}
-
-.included-selector-modal {
-  &--box {
-    overflow-x: auto;
-
-    max-height: calc(100% - 32px);
-  }
-
-  &__th {
-    &--id {
-      width: 1%;
-    }
-  }
-
-  &__td {
-    &--id {
-      color: #9AA0B9;
-    }
-  }
-
-  .simple-table {
-    overflow-x: unset;
-
-    min-height: 400px;
-    max-height: 500px;
-
-    thead {
-      background-color: unset;
-
-      th {
-        padding: 10px 15px;
-
-        border-right: 1px solid #E2E5EC;
-
-        font-weight: 400;
-      }
-
-      th:first-child,
-      th:last-child {
-        border: none;
-      }
-    }
-
-    tbody {
-      tr:first-child {
-        position: relative;
-
-        &::after {
-          position: absolute;
-          top: 0;
-          left: 0;
-
-          width: 100%;
-          height: 8px;
-
-          content: "";
-
-          background: linear-gradient(180deg, rgb(0 0 0 / 15.2%) 0%, rgb(0 0 0 / 0%) 100%);
-        }
-      }
-
-      tr:last-child {
-        border-bottom: none;
-      }
-    }
-
-    td {
-      padding: 2.25px 15px;
-    }
-
-    .tr-as-selector:hover td {
-      background-color: #FFEDC8;
-    }
-  }
-}
-
-.reports-settings-modal-box {
-  .modal__body {
-    padding: 0;
-  }
-}
-
-.confirm-modal {
-  border-radius: 4px;
-
-  .modal {
-    &__header-title {
-      font-size: 13px;
-      font-weight: 700;
-    }
-
-    &__body {
-      .modal-text-card {
-        padding: 0;
-      }
-    }
-
-    &__footer {
-      background-color: #FFFF;
-    }
-  }
-}

package/dist/Atomic/UI/ModalBackup/ModalHOC.js

@@ -1,42 +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 _reactFeather = require("react-feather");
-require("./Modal.scss");
-var _Modal2 = require("./Modal");
-var _ModalTitle = _interopRequireDefault(require("./partials/ModalTitle"));
-const Modal = _ref => {
-  let {
-    zIndex = 100,
-    isOpen,
-    closeModal,
-    children,
-    className,
-    size,
-    testId
-  } = _ref;
-  if (!isOpen) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      zIndex
-    },
-    "data-testid": testId,
-    className: "modal-box j5"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": 'modal-closeOverlay',
-    className: "modal-overlay",
-    onClick: closeModal
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: size
-    },
-    className: (0, _classnames.default)(className, 'modal')
-  }, children));
-};
-var _default = exports.default = Modal;

package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js

@@ -1,19 +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"));
-const ModalFooter = _ref => {
-  let {
-    className = '',
-    children
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('modal__footer', className)
-  }, children);
-};
-var _default = exports.default = ModalFooter;

package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js

@@ -1,37 +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 _reactFeather = require("react-feather");
-const ModalTitle = _ref => {
-  let {
-    variant = 'primary',
-    children,
-    isForced,
-    onClose,
-    noHeaderCloseBtn
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('modal__header', {
-      ["modal__header-".concat(variant)]: variant
-    })
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)('modal__header-title', {
-      ["modal__header-".concat(variant, "-title")]: variant
-    })
-  }, children), !isForced && /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": 'modal--button-closeCross',
-    onClick: onClose,
-    className: (0, _classnames.default)('modal-close-icon-box', {
-      'modal-close-icon-box-primary': variant === 'primary'
-    })
-  }, !noHeaderCloseBtn && /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
-    className: "modal-close-icon"
-  })));
-};
-var _default = exports.default = ModalTitle;