intelicoreact 1.4.19 → 1.4.21

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

@@ -0,0 +1,333 @@
+@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

@@ -0,0 +1,51 @@
+"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

@@ -0,0 +1,24 @@
+"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

@@ -0,0 +1,41 @@
+"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;

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js

@@ -1,17 +1,26 @@
 "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 = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 require("./MonoAccordion.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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+
 const RC = "mono-accordion";
+
 const MonoAccordion = _ref => {
   let {
     titleJSX,
@@ -27,19 +36,23 @@ const MonoAccordion = _ref => {
   const [maxHeight, setMaxHeight] = (0, _react.useState)();
   const titleRef = (0, _react.useRef)();
   const containerRef = (0, _react.useRef)();
+
   const setHeight = value => {
     if (value !== undefined) setMaxHeight(state => "".concat(value, "px"));else setMaxHeight(state => {
       var _Array$from, _Array$from$reduce, _containerRef$current;
-      return "".concat((_Array$from = Array.from((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.childNodes)) === null || _Array$from === void 0 || (_Array$from$reduce = _Array$from.reduce) === null || _Array$from$reduce === void 0 ? void 0 : _Array$from$reduce.call(_Array$from, (acc, el) => acc + el.offsetHeight, 0), "px");
+
+      return "".concat((_Array$from = Array.from((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.childNodes)) === null || _Array$from === void 0 ? void 0 : (_Array$from$reduce = _Array$from.reduce) === null || _Array$from$reduce === void 0 ? void 0 : _Array$from$reduce.call(_Array$from, (acc, el) => acc + el.offsetHeight, 0), "px");
     });
   };
+
   const handleClick = e => {
     if (!Array.from(titleRef.current.childNodes).some(el => el.contains(e.target))) {
       onClick(e);
-      e === null || e === void 0 || e.preventDefault();
-      e === null || e === void 0 || e.stopPropagation();
+      e === null || e === void 0 ? void 0 : e.preventDefault();
+      e === null || e === void 0 ? void 0 : e.stopPropagation();
     } else return e;
   };
+
   (0, _react.useEffect)(() => {
     if (!isOpen) setHeight(0);else setHeight();
   }, [isOpen]);
@@ -67,4 +80,6 @@ const MonoAccordion = _ref => {
     className: "".concat(RC, "__content-wrapper")
   }, children)));
 };
-var _default = exports.default = MonoAccordion;
+
+var _default = MonoAccordion;
+exports.default = _default;