intelicoreact 1.4.21 → 1.4.23

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

@@ -1,174 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-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(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; }
-
-var KEY_CODE = Object.freeze({
-  ENTER: 13,
-  ESC: 27
-});
-exports.KEY_CODE = KEY_CODE;
-
-var renderModalTitle = function renderModalTitle(_ref) {
-  var mode = _ref.mode,
-      title = _ref.title,
-      onlyTitle = _ref.onlyTitle;
-  if (mode && mode !== 'default' && !onlyTitle) return "".concat(mode[0].toUpperCase() + mode.slice(1), " ").concat(title);
-  return title;
-};
-
-exports.renderModalTitle = renderModalTitle;
-
-var Modal = function Modal(_ref2) {
-  var _ref2$zIndex = _ref2.zIndex,
-      zIndex = _ref2$zIndex === void 0 ? 100 : _ref2$zIndex,
-      isOpen = _ref2.isOpen,
-      onConfirm = _ref2.onConfirm,
-      onDecline = _ref2.onDecline,
-      closeModal = _ref2.closeModal,
-      children = _ref2.children,
-      className = _ref2.className,
-      title = _ref2.title,
-      variant = _ref2.variant,
-      onlyTitle = _ref2.onlyTitle,
-      mode = _ref2.mode,
-      size = _ref2.size,
-      _ref2$atributesForMod = _ref2.atributesForModalBody,
-      atributesForModalBody = _ref2$atributesForMod === void 0 ? {} : _ref2$atributesForMod,
-      confirmBtnClassName = _ref2.confirmBtnClassName,
-      confirmBtnLabel = _ref2.confirmBtnLabel,
-      _ref2$confirmBtnVaria = _ref2.confirmBtnVariant,
-      confirmBtnVariant = _ref2$confirmBtnVaria === void 0 ? 'primary' : _ref2$confirmBtnVaria,
-      confirmBtnDisable = _ref2.confirmBtnDisable,
-      confirmBtnIcon = _ref2.confirmBtnIcon,
-      isConfirmBtnIconPositionRight = _ref2.isConfirmBtnIconPositionRight,
-      noConfirmBtn = _ref2.noConfirmBtn,
-      noCloseBtn = _ref2.noCloseBtn,
-      noFooter = _ref2.noFooter,
-      noHeader = _ref2.noHeader,
-      closeBtnClassName = _ref2.closeBtnClassName,
-      closeBtnText = _ref2.closeBtnText,
-      closeBtnVariant = _ref2.closeBtnVariant,
-      closeBtnDisable = _ref2.closeBtnDisable,
-      closeBtnIcon = _ref2.closeBtnIcon,
-      forced = _ref2.forced,
-      btnClassNames = _ref2.btnClassNames,
-      isCloseBtnIconPositionRight = _ref2.isCloseBtnIconPositionRight,
-      _ref2$submitOnEnter = _ref2.submitOnEnter,
-      submitOnEnter = _ref2$submitOnEnter === void 0 ? false : _ref2$submitOnEnter,
-      _ref2$closeOnEsc = _ref2.closeOnEsc,
-      closeOnEsc = _ref2$closeOnEsc === void 0 ? false : _ref2$closeOnEsc,
-      leftContentOfFooter = _ref2.leftContentOfFooter,
-      testId = _ref2.testId,
-      noHeaderCloseBtn = _ref2.noHeaderCloseBtn;
-  if (!isOpen) return null;
-  var handle = {
-    confirm: function confirm() {
-      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
-    },
-    decline: function decline() {
-      //? closeModal используется для ESC и оверлея, давно хотелось иметь возможность разделить
-      //? Теперь можно не передавать closeModal, а для cancel-кнопки передать отдельный обработчик
-      if (typeof onDecline === 'function') onDecline();else closeModal === null || closeModal === void 0 ? void 0 : closeModal();
-    },
-    pressEnter: function pressEnter(event) {
-      if (event.keyCode === KEY_CODE.ENTER && !event.repeat) handle.confirm();
-    },
-    pressEsc: function pressEsc() {
-      if (event.keyCode === KEY_CODE.ESC && !event.repeat) closeModal === null || closeModal === void 0 ? void 0 : closeModal();
-    }
-  };
-  (0, _react.useEffect)(function () {
-    if (submitOnEnter) document.addEventListener('keyup', handle.pressEnter);
-    if (closeOnEsc) document.addEventListener('keyup', handle.pressEsc);
-    return function () {
-      document.removeEventListener('keyup', handle.pressEnter);
-      document.removeEventListener('keyup', handle.pressEsc);
-    };
-  }, [submitOnEnter, closeOnEsc]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      zIndex: 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: mode,
-    title: title,
-    onlyTitle: 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: function onClick() {
-      return handle.decline();
-    },
-    label: closeBtnText || 'Cancel',
-    disabled: closeBtnDisable,
-    icon: closeBtnIcon,
-    isIconRight: isCloseBtnIconPositionRight,
-    tabIndex: 1
-  }), !noConfirmBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
-    testId: "modal",
-    onClick: function onClick() {
-      return 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 = Modal;
-exports.default = _default;

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,51 +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"));
-
-var Modal = function Modal(_ref) {
-  var _ref$zIndex = _ref.zIndex,
-      zIndex = _ref$zIndex === void 0 ? 100 : _ref$zIndex,
-      isOpen = _ref.isOpen,
-      closeModal = _ref.closeModal,
-      children = _ref.children,
-      className = _ref.className,
-      size = _ref.size,
-      testId = _ref.testId;
-  if (!isOpen) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      zIndex: 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 = Modal;
-exports.default = _default;

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

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

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

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactFeather = require("react-feather");
-
-var ModalTitle = function ModalTitle(_ref) {
-  var _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
-      children = _ref.children,
-      isForced = _ref.isForced,
-      onClose = _ref.onClose,
-      noHeaderCloseBtn = _ref.noHeaderCloseBtn;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('modal__header', (0, _defineProperty2.default)({}, "modal__header-".concat(variant), variant))
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)('modal__header-title', (0, _defineProperty2.default)({}, "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 = ModalTitle;
-exports.default = _default;