intelicoreact 1.3.22 → 1.3.24

package/dist/Atomic/UI/NavLine/NavLine.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactRouterDom = require("react-router-dom");
 var _classnames = _interopRequireDefault(require("classnames"));
 var Icons = _interopRequireWildcard(require("react-feather"));
+var _reactRouterDom = require("react-router-dom");
 var _index = require("../../../Constants/index.constants");
 require("./NavLine.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; }
-const checkedRef = ref => ref ? typeof ref === 'function' ? node => ref(node, key) : ref : null;
+const checkedRef = ref => ref ? typeof ref === "function" ? node => ref(node) : ref : null;
 const NavLine = _ref => {
   let {
     root,
@@ -49,10 +49,10 @@ const NavLine = _ref => {
     const task = popScrollTask();
     if (scrollQueue.length && task) {
       switch (task) {
-        case 'next':
+        case "next":
           scrollToNextItem();
           break;
-        case 'prev':
+        case "prev":
           scrollToPrevItem();
           break;
         default:
@@ -100,7 +100,7 @@ const NavLine = _ref => {
     const wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
     const wrapperInnerProps = wrapperInner.getBoundingClientRect();
     const leftOffset = wrapperInner.scrollLeft;
-    wrapperInner === null || wrapperInner === void 0 || wrapperInner.addEventListener('scroll', () => {
+    wrapperInner === null || wrapperInner === void 0 || wrapperInner.addEventListener("scroll", () => {
       setTotalScrolledItems(state => offset > 0 ? ++state : --state);
       setScrollLeft(leftOffset + offset < 0 ? 0 : leftOffset + offset);
       setTimeout(() => setScrollBlocked(false), 50);
@@ -109,7 +109,7 @@ const NavLine = _ref => {
     });
     wrapperInner === null || wrapperInner === void 0 || wrapperInner.scrollBy({
       left: offset,
-      behavior: 'smooth'
+      behavior: "smooth"
     });
   };
   const scrollToPrevItem = () => {
@@ -123,7 +123,7 @@ const NavLine = _ref => {
 
     // let scrollOffset = prevItemProps?.x - wrapperInnerProps?.x;
 
-    let scrollOffset = -100;
+    const scrollOffset = -100;
     scroll(scrollOffset);
   };
   const scrollToNextItem = () => {
@@ -136,7 +136,7 @@ const NavLine = _ref => {
 
     // const scrollOffset = secondVisibleItemProps.x-wrapperInnerProps.x;
 
-    let scrollOffset = 100;
+    const scrollOffset = 100;
     scroll(scrollOffset);
   };
   const onWheel = e => {
@@ -147,7 +147,7 @@ const NavLine = _ref => {
       shiftKey
     } = e;
     if (shiftKey) {
-      if (deltaY > 0) pushScrollTask('next');else pushScrollTask('prev');
+      if (deltaY > 0) pushScrollTask("next");else pushScrollTask("prev");
     }
   };
   const onTabChange = item => {
@@ -166,13 +166,13 @@ const NavLine = _ref => {
   };
   (0, _react.useEffect)(() => {
     if (isNavigateByKeys && !isTabLoading) {
-      document.addEventListener('keydown', navigateByKeys);
-      return () => document.removeEventListener('keydown', navigateByKeys);
+      document.addEventListener("keydown", navigateByKeys);
+      return () => document.removeEventListener("keydown", navigateByKeys);
     }
   }, [activeTab, isTabLoading]);
   (0, _react.useEffect)(() => {
     var _wrapperRef$current;
-    if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || _wrapperRef$current.addEventListener('mousewheel', onWheel, {
+    if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || _wrapperRef$current.addEventListener("mousewheel", onWheel, {
       passive: false
     });
   }, [wrapperRef]);
@@ -211,18 +211,18 @@ const NavLine = _ref => {
   }, [items]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)({
-      'nav-line': !variant
+      "nav-line": !variant
     }, {
-      'nav-line--simple': variant === 'simple'
+      "nav-line--simple": variant === "simple"
     }, {
-      'nav-line--scroll-mode': scrollMode
+      "nav-line--scroll-mode": scrollMode
     }, className),
     ref: scrollMode ? wrapperRef : null
   }, scrollMode && (totalScrolledItems > 0 || scrollLeft > 0) && /*#__PURE__*/_react.default.createElement("div", {
     className: "nav-line--simple__arrow nav-line--simple__arrow--prev",
     onClick: scrollToPrevItem
   }, /*#__PURE__*/_react.default.createElement(Icons.ChevronLeft, null)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(variant === 'simple' ? 'nav-line--simple__inner' : 'nav-line__inner'),
+    className: "".concat(variant === "simple" ? "nav-line--simple__inner" : "nav-line__inner"),
     ref: scrollMode ? wrapperInnerRef : null
   }, navLineItems.map(item => {
     const {
@@ -233,15 +233,15 @@ const NavLine = _ref => {
       onClick: () => onTabChange(item),
       key: "tab__".concat(item.tabId),
       className: (0, _classnames.default)({
-        'nav-line__item': !variant
+        "nav-line__item": !variant
       }, {
-        'nav-line--simple__item': variant === 'simple'
+        "nav-line--simple__item": variant === "simple"
       }, {
         active: activeTab === item.tabId
       }, {
-        disabled: item.disabled || mode === 'create' && item.tabId !== 'general'
+        disabled: item.disabled || mode === "create" && item.tabId !== "general"
       }, {
-        'nav-line__item--hidden': item.isHidden
+        "nav-line__item--hidden": item.isHidden
       }),
       ref: checkedRef(ref)
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -250,7 +250,7 @@ const NavLine = _ref => {
       className: "nav-line__item--icon"
     }, /*#__PURE__*/_react.default.createElement(Icon, null)), /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _classnames.default)({
-        'nav-line__item--label': variant !== 'simple'
+        "nav-line__item--label": variant !== "simple"
       })
     }, item.label), item.count !== undefined ? /*#__PURE__*/_react.default.createElement("span", {
       className: "nav-line--count ml5"
@@ -258,15 +258,15 @@ const NavLine = _ref => {
       to: "".concat(root).concat(item.tabId, "/"),
       key: "tab__".concat(item.tabId),
       className: (0, _classnames.default)({
-        'nav-line__item': !variant
+        "nav-line__item": !variant
       }, {
-        'nav-line--simple__item': variant === 'simple'
+        "nav-line--simple__item": variant === "simple"
       }, {
         active: activeTab === item.tabId
       }, {
-        disabled: item.disabled || mode === 'create' && item.tabId !== 'general'
+        disabled: item.disabled || mode === "create" && item.tabId !== "general"
       }, {
-        'nav-line__item--hidden': item.isHidden
+        "nav-line__item--hidden": item.isHidden
       }),
       ref: checkedRef(ref)
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -275,7 +275,7 @@ const NavLine = _ref => {
       className: "nav-line__item--icon"
     }, /*#__PURE__*/_react.default.createElement(Icon, null)), /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _classnames.default)({
-        'nav-line__item--label': variant !== 'simple'
+        "nav-line__item--label": variant !== "simple"
       })
     }, item.label), item.count !== undefined ? /*#__PURE__*/_react.default.createElement("span", {
       className: "nav-line--count ml5"

package/dist/Atomic/UI/NavLine/NavLine.scss

@@ -1,27 +1,26 @@
 .nav-line {
   &__inner {
     display: flex;
-    align-items: center;
     flex-wrap: wrap;
     justify-content: flex-start;
+    align-items: center;
 
-    background-color: #F7FAFC;
+    background-color: #f7fafc;
   }
 
   &__item {
     margin-bottom: -1px;
     padding: 10px;
 
+    font-size: 13px;
     cursor: pointer;
     user-select: none;
 
-    color: #1E1E2D;
+    color: #1e1e2d;
     border-top: 2px solid transparent;
     border-right: 1px solid transparent;
     border-left: 1px solid transparent;
 
-    font-size: 13px;
-
     &--label {
       text-transform: uppercase;
     }
@@ -39,16 +38,15 @@
     }
 
     &.active {
+      font-weight: 500;
       cursor: default;
       text-decoration: none;
 
-      color: #6B81DD;
-      border-top: 2px solid #6B81DD;
-      border-right: 1px solid #CFCFCF;
-      border-left: 1px solid #CFCFCF;
-      background: #FFF;
-
-      font-weight: 500;
+      color: #6b81dd;
+      border-top: 2px solid #6b81dd;
+      border-right: 1px solid #cfcfcf;
+      border-left: 1px solid #cfcfcf;
+      background: #fff;
     }
   }
 
@@ -63,11 +61,11 @@
     margin-left: -32px;
     padding: 24px 32px;
 
-    border-top: 1px solid #CFCFCF;
-    background-color: #F7FAFC;
-
     font-size: 13px;
 
+    border-top: 1px solid #cfcfcf;
+    background-color: #f7fafc;
+
     &:empty {
       padding: 0 32px;
     }
@@ -92,9 +90,9 @@
 .nav-line--simple {
   &__inner {
     display: flex;
-    align-items: center;
     flex-wrap: wrap;
     justify-content: flex-start;
+    align-items: center;
 
     padding-left: 8px;
   }
@@ -103,21 +101,21 @@
     position: relative;
 
     display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
 
     margin-bottom: -1px;
     padding: 10px 10px 14px;
 
+    font-size: 13px;
     cursor: pointer;
     user-select: none;
-    transition: all 0.2s ease-out;
     text-decoration: none !important;
 
-    color: #1E1E2D;
-    border-bottom: 1px solid #CFCFCF;
+    color: #1e1e2d;
+    border-bottom: 1px solid #cfcfcf;
 
-    font-size: 13px;
+    transition: all 0.2s ease-out;
 
     &::after {
       position: absolute;
@@ -127,9 +125,10 @@
       height: 2px;
 
       content: "";
-      transition: all 0.2s ease-out;
 
-      background-color: #6B81DD;
+      background-color: #6b81dd;
+
+      transition: all 0.2s ease-out;
     }
 
     &:hover {
@@ -141,12 +140,11 @@
     }
 
     &.active {
+      font-weight: 500;
       cursor: default;
 
       opacity: 1;
 
-      font-weight: 500;
-
       &::after {
         left: 0;
 
@@ -162,17 +160,17 @@
     z-index: 2;
 
     display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
 
     box-sizing: border-box;
     width: 36px;
     height: 39px;
 
-    transition: all 0.5s;
-
     color: #424242;
-    background: #FFF;
+    background: #fff;
+
+    transition: all 0.5s;
 
     &:hover {
       cursor: pointer;
@@ -182,20 +180,20 @@
       top: 0;
       left: 0;
 
-      transform: translate(-100%, -2px);
-
       border-radius: 8px 0 0 8px;
-      box-shadow: 10px 0 10px -5px #DDD;
+      box-shadow: 10px 0 10px -5px #ddd;
+
+      transform: translate(-100%, -2px);
     }
 
     &--next {
       top: 0;
       right: 0;
 
-      transform: translate(100%, -2px);
-
       border-radius: 0 8px 8px 0;
-      box-shadow: -10px 0 10px -5px #DDD;
+      box-shadow: -10px 0 10px -5px #ddd;
+
+      transform: translate(100%, -2px);
     }
 
     svg {
@@ -216,7 +214,7 @@
 }
 
 .post-log-tab__body {
-  background-color: #F7FAFC;
+  background-color: #f7fafc;
 }
 
 .nav-line__item--hidden {

package/dist/Atomic/UI/NavLine/Tabs.js

@@ -5,111 +5,111 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _default = exports.default = {
-  activeTab: '',
-  initialTab: '',
-  variant: 'simple',
+  activeTab: "",
+  initialTab: "",
+  variant: "simple",
   isNavigateByKeys: true,
   items: [{
-    tabId: '',
-    label: 'All Industries'
+    tabId: "",
+    label: "All Industries"
   }, {
     tabId: 1,
-    label: 'Doors'
+    label: "Doors"
   }, {
     tabId: 2,
-    label: 'Flooring'
+    label: "Flooring"
   }, {
     tabId: 3,
-    label: 'Home Automation'
+    label: "Home Automation"
   }, {
     tabId: 4,
-    label: 'HVAC'
+    label: "HVAC"
   }, {
     tabId: 5,
-    label: 'Pools and Spas'
+    label: "Pools and Spas"
   }, {
     tabId: 6,
-    label: 'Roofing'
+    label: "Roofing"
   }, {
     tabId: 7,
-    label: 'Solar systems'
+    label: "Solar systems"
   }, {
     tabId: 8,
-    label: 'Termite tenting'
+    label: "Termite tenting"
   }, {
     tabId: 9,
-    label: 'Water filtration'
+    label: "Water filtration"
   }, {
     tabId: 10,
-    label: 'Water heaters'
+    label: "Water heaters"
   }, {
     tabId: 11,
-    label: 'Windows'
+    label: "Windows"
   }, {
     tabId: 12,
-    label: 'Audiology'
+    label: "Audiology"
   }, {
     tabId: 13,
-    label: 'Chiropractic'
+    label: "Chiropractic"
   }, {
     tabId: 14,
-    label: 'Cosmetic Surgery'
+    label: "Cosmetic Surgery"
   }, {
     tabId: 15,
-    label: 'Dental'
+    label: "Dental"
   }, {
     tabId: 16,
-    label: 'Dermatology'
+    label: "Dermatology"
   }, {
     tabId: 17,
-    label: 'Medical Devices'
+    label: "Medical Devices"
   }, {
     tabId: 18,
-    label: 'Non-invasive Cosmetics'
+    label: "Non-invasive Cosmetics"
   }, {
     tabId: 19,
-    label: 'Optometry'
+    label: "Optometry"
   }, {
     tabId: 20,
-    label: 'Vision'
+    label: "Vision"
   }, {
     tabId: 21,
-    label: 'Weight Loss'
+    label: "Weight Loss"
   }, {
     tabId: 22,
-    label: 'Appliances'
+    label: "Appliances"
   }, {
     tabId: 23,
-    label: 'Electronics'
+    label: "Electronics"
   }, {
     tabId: 24,
-    label: 'Furniture'
+    label: "Furniture"
   }, {
     tabId: 25,
-    label: 'Mattress'
+    label: "Mattress"
   }, {
     tabId: 26,
-    label: 'Jewelry'
+    label: "Jewelry"
   }, {
     tabId: 27,
-    label: 'Dog Training'
+    label: "Dog Training"
   }, {
     tabId: 28,
-    label: 'Pet Retail'
+    label: "Pet Retail"
   }, {
     tabId: 29,
-    label: 'Veterinary'
+    label: "Veterinary"
   }, {
     tabId: 30,
-    label: 'Coaching'
+    label: "Coaching"
   }, {
     tabId: 31,
-    label: 'Funeral'
+    label: "Funeral"
   }, {
     tabId: 32,
-    label: 'Legal'
+    label: "Legal"
   }, {
     tabId: 33,
-    label: 'Tax resolution'
+    label: "Tax resolution"
   }]
 };

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

@@ -12,7 +12,7 @@ require("./PageTitle.scss");
 // TODO: change when there will be routes
 // import { Link } from 'react-router-dom';
 
-const RC = 'page-title';
+const RC = "page-title";
 const PageTitle = _ref => {
   let {
     title,

package/dist/Atomic/UI/PageTitle/PageTitle.scss

@@ -2,16 +2,16 @@
 
 .page-title {
   display: flex;
-  align-items: center;
   justify-content: space-between;
+  align-items: center;
 
   &__title {
     display: block;
 
-    color: $color--dark;
-
     font-size: 16px;
     line-height: 20px;
+
+    color: $color--dark;
   }
 
   &__pages {
@@ -24,17 +24,17 @@
   &__delimiter {
     margin: 0 8px;
 
-    color: $color--dark;
-
     font-size: 12px;
     font-weight: 500;
+
+    color: $color--dark;
   }
 
   &__link {
-    color: $color--primary;
-
     font-size: 13px;
 
+    color: $color--primary;
+
     &_last {
       cursor: default;
 

package/dist/Atomic/UI/PieChart/PieChart.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactChartjs = require("react-chartjs-2");
 var _chart = require("chart.js");
+var _reactChartjs = require("react-chartjs-2");
 require("./PieChart.scss");
 _chart.Chart.register(_chart.ArcElement, _chart.Tooltip);
 const PieChart = _ref => {
   let {
     data,
-    cutout = '80%',
+    cutout = "80%",
     resultLabel,
     resultValue = 0,
     withLegend = false
@@ -34,13 +34,13 @@ const PieChart = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_reactChartjs.Pie, {
     data: data,
     options: options
-  }), !!resultLabel && /*#__PURE__*/_react.default.createElement("div", {
+  }), Boolean(resultLabel) && /*#__PURE__*/_react.default.createElement("div", {
     className: "pie-chart__result"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "pie-chart__result-value"
   }, resultValue, /*#__PURE__*/_react.default.createElement("span", {
     className: "pie-chart__result-percent"
-  }, "%"), ' '), /*#__PURE__*/_react.default.createElement("div", {
+  }, "%"), " "), /*#__PURE__*/_react.default.createElement("div", {
     className: "pie-chart__result-label"
   }, resultLabel)));
 };

package/dist/Atomic/UI/PieChart/PieChart.scss

@@ -1,15 +1,20 @@
 .pie-chart-box {
-  max-width: 100%;
-  width: 180px;
   position: relative;
+
+  width: 180px;
+  max-width: 100%;
 }
+
 .pie-chart__result {
   position: absolute;
-  left: 50%;
   top: 50%;
-  transform: translateX(-50%) translateY(-50%);
+  left: 50%;
+
   text-align: center;
+
+  transform: translateX(-50%) translateY(-50%);
 }
+
 .pie-chart__result-value {
   font-family: inherit;
   font-size: 24px;
@@ -17,25 +22,31 @@
   line-height: 34px;
   letter-spacing: 0;
 }
+
 .pie-chart__result-percent {
+  display: inline-block;
+
+  margin-right: -14px;
+
   font-family: inherit;
   font-size: 18px;
   font-weight: 400;
   line-height: 25px;
   letter-spacing: 0;
-  color: #7A8599;
-  margin-right: -14px;
-  display: inline-block;
+
+  color: #7a8599;
+
   transform: translateY(-5px) translateX(2px);
 }
+
 .pie-chart__result-label {
   font-family: inherit;
   font-size: 12px;
   font-weight: 400;
   line-height: 24px;
-  letter-spacing: 0;
-  color: #9AA0B9;
-text-transform: uppercase;
   white-space: nowrap;
+  letter-spacing: 0;
+  text-transform: uppercase;
 
+  color: #9aa0b9;
 }

package/dist/Atomic/UI/Price/Price.js

@@ -18,8 +18,8 @@ const Price = _ref => {
   // const formatted = Number(value?.toString().replace(/[+*?$^(,)]/g, '')).toLocaleString('en-US');
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": 'test-price',
+    "data-testid": "test-price",
     className: "price ".concat(className)
-  }, (0, _fieldValueFormatters.formatToPriceWithCurrency)(value, currencyCode, isSymbolAfter ? 'after' : 'before'));
+  }, (0, _fieldValueFormatters.formatToPriceWithCurrency)(value, currencyCode, isSymbolAfter ? "after" : "before"));
 };
 var _default = exports.default = Price;

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

@@ -14,8 +14,8 @@ const PriceRange = _ref => {
     mode
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": 'test-priceRange',
+    "data-testid": "test-priceRange",
     className: "j4"
-  }, mode === 'simple' ? /*#__PURE__*/_react.default.createElement("span", null, from, " - ", to) : /*#__PURE__*/_react.default.createElement("span", null, (0, _fieldValueFormatters.formatToPriceWithUSD)(from === null || from === void 0 ? void 0 : from.toString()), " - ", (0, _fieldValueFormatters.formatToPriceWithUSD)(to === null || to === void 0 ? void 0 : to.toString())));
+  }, mode === "simple" ? /*#__PURE__*/_react.default.createElement("span", null, from, " - ", to) : /*#__PURE__*/_react.default.createElement("span", null, (0, _fieldValueFormatters.formatToPriceWithUSD)(from === null || from === void 0 ? void 0 : from.toString()), " -", " ", (0, _fieldValueFormatters.formatToPriceWithUSD)(to === null || to === void 0 ? void 0 : to.toString())));
 };
 var _default = exports.default = PriceRange;