intelicoreact 0.1.71 → 0.1.72

package/dist/Atomic/UI/AdvancedTag/AdvTag.js

@@ -94,6 +94,8 @@ var AdvTag = function AdvTag(_ref) {
       return setIsOpen(false);
     }
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
+    width: 16,
+    height: 16,
     className: "advanced-tags--warning-icon mr5"
   })), labelLeft && /*#__PURE__*/_react.default.createElement("span", {
     className: "mr5"
@@ -118,6 +120,8 @@ var AdvTag = function AdvTag(_ref) {
       return setIsOpen(false);
     }
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
+    width: 16,
+    height: 16,
     className: "advanced-tags--warning-icon"
   })), isOpen && warnLeftMsg && clickedWarning === 'warnLeft' ? /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)('advanced-tags__warn-text', 'advanced-tags__warn-text--warnLeft')

package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactRouterDom = require("react-router-dom");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Button = _interopRequireDefault(require("../Button/Button"));
+
+require("./ButtonsBar.scss");
+
+var ButtonsBar = function ButtonsBar(_ref) {
+  var rejectBtnLabel = _ref.rejectBtnLabel,
+      rejectBtnIcon = _ref.rejectBtnIcon,
+      rejectBtnVariant = _ref.rejectBtnVariant,
+      rejectBtnClass = _ref.rejectBtnClass,
+      isRejectBtnDisabled = _ref.isRejectBtnDisabled,
+      rejectLink = _ref.rejectLink,
+      onReject = _ref.onReject,
+      confirmBtnLabel = _ref.confirmBtnLabel,
+      confirmBtnIcon = _ref.confirmBtnIcon,
+      confirmBtnVariant = _ref.confirmBtnVariant,
+      confirmBtnClass = _ref.confirmBtnClass,
+      isConfirmBtnDisabled = _ref.isConfirmBtnDisabled,
+      onConfirm = _ref.onConfirm;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "button-bar"
+  }, rejectLink ? /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
+    className: "text-decoration-none",
+    to: rejectLink
+  }, /*#__PURE__*/React.createElement(_Button.default, {
+    label: rejectBtnLabel,
+    variant: rejectBtnVariant,
+    onClick: onReject,
+    disabled: isRejectBtnDisabled,
+    icon: rejectBtnIcon,
+    className: (0, _classnames.default)(rejectBtnClass, {
+      mr5: confirmBtnLabel
+    })
+  })) : /*#__PURE__*/React.createElement(_Button.default, {
+    label: rejectBtnLabel,
+    variant: rejectBtnVariant,
+    onClick: onReject,
+    disabled: isRejectBtnDisabled,
+    icon: rejectBtnIcon,
+    className: (0, _classnames.default)(rejectBtnClass, {
+      mr5: confirmBtnLabel
+    })
+  }), /*#__PURE__*/React.createElement(_Button.default, {
+    label: confirmBtnLabel,
+    variant: confirmBtnVariant,
+    onClick: onConfirm,
+    disabled: isConfirmBtnDisabled,
+    icon: confirmBtnIcon,
+    className: confirmBtnClass
+  }));
+};
+
+var _default = ButtonsBar;
+exports.default = _default;

package/dist/Atomic/UI/ButtonsBar/ButtonsBar.scss

@@ -0,0 +1,7 @@
+.button-bar {
+  margin: 15px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}

package/dist/Atomic/UI/Hint/Hint.js

@@ -61,6 +61,8 @@ var Hint = function Hint(_ref) {
       hint__button_active: isOpen
     })
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.HelpCircle, {
+    width: 16,
+    height: 16,
     className: "hint__icon"
   }), label && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)('hint__label', {

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

@@ -2,14 +2,16 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.KEY_CODE = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -19,6 +21,16 @@ var _Button = _interopRequireDefault(require("../Button/Button"));
 
 require("./Modal.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; }
+
+var KEY_CODE = Object.freeze({
+  ENTER: 13,
+  ESC: 27
+});
+exports.KEY_CODE = KEY_CODE;
+
 var Modal = function Modal(_ref) {
   var isOpen = _ref.isOpen,
       onConfirm = _ref.onConfirm,
@@ -29,12 +41,21 @@ var Modal = function Modal(_ref) {
       variant = _ref.variant,
       mode = _ref.mode,
       size = _ref.size,
+      confirmBtnClassName = _ref.confirmBtnClassName,
       confirmBtnLabel = _ref.confirmBtnLabel,
-      noConfirmBtn = _ref.noConfirmBtn,
-      noFooter = _ref.noFooter,
       _ref$confirmBtnVarian = _ref.confirmBtnVariant,
       confirmBtnVariant = _ref$confirmBtnVarian === void 0 ? 'primary' : _ref$confirmBtnVarian,
-      closeBtnText = _ref.closeBtnText;
+      confirmBtnDisable = _ref.confirmBtnDisable,
+      noConfirmBtn = _ref.noConfirmBtn,
+      noCloseBtn = _ref.noCloseBtn,
+      noFooter = _ref.noFooter,
+      closeBtnClassName = _ref.closeBtnClassName,
+      closeBtnText = _ref.closeBtnText,
+      closeBtnVariant = _ref.closeBtnVariant,
+      closeBtnDisable = _ref.closeBtnDisable,
+      scheme = _ref.scheme,
+      noCloseOnConfirm = _ref.noCloseOnConfirm,
+      btnClassNames = _ref.btnClassNames;
   if (!isOpen) return null;
 
   var renderModalTitle = function renderModalTitle() {
@@ -42,11 +63,20 @@ var Modal = function Modal(_ref) {
     return title;
   };
 
-  var handleConfirm = function handleConfirm() {
-    if (onConfirm) onConfirm();
-    closeModal();
+  var handle = {
+    confirm: function confirm() {
+      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+    },
+    pressKey: function pressKey(event) {
+      if (event.keyCode === KEY_CODE.ENTER && !event.repeat) handle.confirm();else if (event.keyCode === KEY_CODE.ESC && !event.repeat) closeModal(true);
+    }
   };
-
+  (0, _react.useEffect)(function () {
+    document.addEventListener('keydown', handle.pressKey);
+    return function () {
+      return document.removeEventListener('keydown', handle.pressKey);
+    };
+  }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "modal-box j5"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -61,7 +91,7 @@ var Modal = function Modal(_ref) {
     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))
-  }, renderModalTitle()), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, renderModalTitle())), /*#__PURE__*/_react.default.createElement("div", {
     onClick: closeModal,
     className: (0, _classnames.default)('modal-close-icon-box', {
       'modal-close-icon-box-primary': variant === 'primary'
@@ -69,20 +99,25 @@ var Modal = function Modal(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
     className: "modal-close-icon"
   }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "modal__body"
+    className: (0, _classnames.default)('modal__body', {
+      'modal__body--no-footer': noFooter
+    })
   }, children), !noFooter && /*#__PURE__*/_react.default.createElement("div", {
     className: "modal__footer"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    variant: "dark-outline",
+  }, !noCloseBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    className: (0, _classnames.default)(closeBtnClassName, btnClassNames),
+    variant: closeBtnVariant || 'dark-outline',
     onClick: closeModal,
-    label: closeBtnText || 'Cancel'
+    label: closeBtnText || 'Cancel',
+    disabled: closeBtnDisable
   }), !noConfirmBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
     onClick: function onClick() {
-      return handleConfirm();
+      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: "ml5",
-    variant: confirmBtnVariant
+    className: (0, _classnames.default)('ml5', confirmBtnClassName, btnClassNames),
+    variant: confirmBtnVariant,
+    disabled: confirmBtnDisable
   }))));
 };
 

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

@@ -1,3 +1,6 @@
+@import '../../../scss/_vars';
+@import '../../../scss/mixins';
+
 .modal-overlay {
   position: fixed;
   top: 0;
@@ -13,15 +16,16 @@
 .modal {
   display: flex;
   flex-direction: column;
-  position: fixed;
   width: 600px;
-  margin: 0 auto;
+  margin: 0 10px;
   background-color: #fff;
   border-radius: 5px;
   z-index: 5;
   box-shadow: 0 20px 20px rgb(0 0 0 / 20%);
+  position: relative;
 
   &__header {
+    position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -32,18 +36,19 @@
     border-top-right-radius: 4px;
 
     &-primary {
-      background-color: #6b81dd;
+      background-color: $color--primary;
 
       &-title {
         color: #ffff !important;
         font-weight: 400;
+        font-size: 16px;
       }
     }
 
     &-title {
       font-size: 16px;
-      font-weight: 400;
-      color: #6b81dd;
+      font-weight: normal;
+      color: $color--primary;
     }
   }
 
@@ -55,58 +60,11 @@
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
 
-    scrollbar-color: rgb(186, 194, 201) rgba(0, 0, 0, 0) !important;
-    scrollbar-width: thin !important;
-
-    scrollbar {
-      -moz-appearance: none !important;
-    }
-    scrollbarbutton {
-      -moz-appearance: none !important;
-    }
-    thumb {
-      -moz-appearance: none !important;
-    }
-    scrollcorner {
-      -moz-appearance: none !important;
-      resize: both;
-    }
-    // overflow-y: overlay;
-
-    &::-webkit-scrollbar {
-      width: 4px;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      -webkit-border-radius: 3px;
-      border-radius: 3px;
-      background: #bac2c9;
-
-      &:hover {
-        background: #9aa0b9;
-      }
-    }
-
-    &::-webkit-scrollbar:horizontal {
-      height: 8px;
-    }
-
-    &::-webkit-scrollbar-track:horizontal {
-      background: inherit;
-    }
-
-    &::-webkit-scrollbar-thumb:horizontal {
-      -webkit-border-radius: 6px;
-      border-radius: 6px;
-      background: #bac2c9;
-      background-clip: padding-box;
-      border: 2px solid rgba(0, 0, 0, 0);
+    @include custom-scroll2;
 
-      &:hover {
-        background: #9aa0b9;
-        border: 1px solid rgba(0, 0, 0, 0);
-        background-clip: padding-box;
-      }
+    &--no-footer {
+      margin-bottom: 44px;
+      padding: 15px;
     }
   }
 
@@ -114,14 +72,18 @@
     display: flex;
     align-items: center;
     justify-content: flex-end;
-    padding: 10px 15px;
+    padding: 7.5px 15px;
     border-top: 1px solid #e2e5ec;
     background-color: #f7fafc;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
 
     &--inbody {
-      padding-bottom: 0;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: calc(100% - 30px);
+      background-color: #ffff;
     }
   }
 }
@@ -135,9 +97,28 @@
   left: 0;
   right: 0;
   bottom: 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;
@@ -148,27 +129,37 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: inherit;
+  //background-color: inherit;
   border-top-right-radius: 5px;
   width: 40px;
-  height: 39px;
+  height: 38px;
   position: absolute;
   top: 0;
   right: 0;
   cursor: pointer;
+  background: transparent;
+  color: #1e1e2d;
+  height: 100%;
 
   &:hover {
-    opacity: 0.6;
+    background-color: #e2e5ec;
   }
 
   &-primary {
-    color: #ffff;
+    color: #1e1e2d;
 
     &:hover {
       background-color: #5162d4;
       opacity: 1;
     }
   }
+  &-merchant {
+    color: #1e1e2d;
+    &:hover {
+      background-color: #5162d4;
+      opacity: 1;
+    }
+  }
 }
 
 .modal-close-icon {
@@ -183,12 +174,77 @@
   font-size: 13px;
   font-weight: 400;
   line-height: 20px;
+  white-space: normal;
+}
+
+.prompt-text-card {
+  padding: 0;
 }
 
 .included-selector-modal {
-  .table {
+  &--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;
+
+    .status {
+      padding: 0;
+    }
+    thead {
+      background-color: unset;
+
+      th {
+        padding: 10px 15px;
+        font-weight: 400;
+        border-right: 1px solid #e2e5ec;
+      }
+
+      th:first-child,
+      th:last-child {
+        border: none;
+      }
+    }
+    tbody {
+      tr:first-child {
+        position: relative;
+        &::after {
+          content: "";
+          width: 100%;
+          height: 8px;
+          background: linear-gradient(180deg, rgba(0, 0, 0, 0.1516981792717087) 0%, rgba(0, 0, 0, 0) 100%);
+          position: absolute;
+          left: 0;
+          top: 0;
+        }
+      }
+      tr:last-child {
+        border-bottom: none;
+      }
+    }
+    td {
+      padding: 2.25px 15px;
+    }
+
+    .tr-as-selector:hover td {
+      background-color: #ffedc8;
+    }
   }
 }
 
@@ -197,3 +253,21 @@
     padding: 0;
   }
 }
+
+.confirm-modal {
+  border-radius: 4px;
+  .modal {
+    &__header-title {
+      font-weight: 700;
+      font-size: 13px;
+    }
+    &__body {
+      .modal-text-card {
+        padding: 0;
+      }
+    }
+    &__footer {
+      background-color: #ffff;
+    }
+  }
+}

package/dist/Atomic/UI/PageTitle/PageTitle.js

@@ -37,11 +37,15 @@ var PageTitle = function PageTitle(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.Home, null)), pages.map(function (_ref2, index) {
     var name = _ref2.name,
         path = _ref2.path;
-    return pages.length - 1 === index ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+    return pages.length - 1 === index ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: index
+    }, /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(RC, "__delimiter")
     }, "/"), /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _classnames.default)("".concat(RC, "__link"), "".concat(RC, "__link_last"))
-    }, name)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+    }, name)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: index
+    }, /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(RC, "__delimiter")
     }, "/"), /*#__PURE__*/_react.default.createElement("a", {
       className: "".concat(RC, "__link"),

package/dist/Atomic/UI/PriceRange/PriceRange.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _utils = require("../../../Functions/utils");
+
+var PriceRange = function PriceRange(_ref) {
+  var from = _ref.from,
+      to = _ref.to,
+      mode = _ref.mode;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "j4"
+  }, mode === 'simple' ? /*#__PURE__*/React.createElement("span", null, from, " - ", to) : /*#__PURE__*/React.createElement("span", null, "$", (0, _utils.addBitDepthPoints)(from.toString()), " - ", (0, _utils.addBitDepthPoints)(to.toString())));
+};
+
+var _default = PriceRange;
+exports.default = _default;

package/dist/Functions/utils.js

@@ -1,9 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.useOutsideToggle = exports.handleObjectChange = void 0;
+exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.useOutsideToggle = exports.handleObjectChange = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _react = require("react");
 
@@ -117,4 +121,19 @@ var throttle = function throttle(fn, ms) {
   };
 };
 
-exports.throttle = throttle;
+exports.throttle = throttle;
+
+var addBitDepthPoints = function addBitDepthPoints(value) {
+  var step = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
+  //содержит ли value точку
+  var isFraction = value.includes('.'); //взять строку до точки
+
+  var valueBeforeDot = isFraction ? value.slice(0, value.indexOf('.')) : value; //расстановка запятых после каждой 3й цифры с конца
+
+  var intPart = valueBeforeDot.split('').reverse().reduce(function (acc, item, idx) {
+    return idx % step === 0 && idx !== 0 ? [].concat((0, _toConsumableArray2.default)(acc), [',', item]) : [].concat((0, _toConsumableArray2.default)(acc), [item]);
+  }, []).reverse().join('');
+  return isFraction ? intPart + value.slice(value.indexOf('.')) : intPart;
+};
+
+exports.addBitDepthPoints = addBitDepthPoints;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.1.71",
+  "version": "0.1.72",
   "description": "fix input mask cycling",
   "main": "dist/index.js",
   "files": [