intelicoreact 1.3.21 → 1.3.23

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

@@ -4,113 +4,112 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = {
-  activeTab: '',
-  initialTab: '',
-  variant: 'simple',
+var _default = exports.default = {
+  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"
   }]
-};
-exports.default = _default;
+};

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

@@ -1,28 +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 _reactFeather = require("react-feather");
-
 require("./PageTitle.scss");
-
 // TODO: change when there will be routes
 // import { Link } from 'react-router-dom';
-var RC = 'page-title';
 
-var PageTitle = function PageTitle(_ref) {
-  var title = _ref.title,
-      pages = _ref.pages,
-      children = _ref.children;
+const RC = "page-title";
+const PageTitle = _ref => {
+  let {
+    title,
+    pages,
+    children
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: RC
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -36,9 +32,11 @@ var PageTitle = function PageTitle(_ref) {
     "data-testid": "test-pageTitle-icon",
     className: "".concat(RC, "__link"),
     href: "/"
-  }, /*#__PURE__*/_react.default.createElement(_reactFeather.Home, null)), pages.map(function (_ref2, index) {
-    var name = _ref2.name,
-        path = _ref2.path;
+  }, /*#__PURE__*/_react.default.createElement(_reactFeather.Home, null)), pages.map((_ref2, index) => {
+    let {
+      name,
+      path
+    } = _ref2;
     return pages.length - 1 === index ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: index
     }, /*#__PURE__*/_react.default.createElement("span", {
@@ -57,6 +55,4 @@ var PageTitle = function PageTitle(_ref) {
     }, name));
   }))), children);
 };
-
-var _default = PageTitle;
-exports.default = _default;
+var _default = exports.default = PageTitle;

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

@@ -1,33 +1,25 @@
 "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 _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);
-
-var PieChart = function PieChart(_ref) {
-  var data = _ref.data,
-      _ref$cutout = _ref.cutout,
-      cutout = _ref$cutout === void 0 ? '80%' : _ref$cutout,
-      resultLabel = _ref.resultLabel,
-      _ref$resultValue = _ref.resultValue,
-      resultValue = _ref$resultValue === void 0 ? 0 : _ref$resultValue,
-      _ref$withLegend = _ref.withLegend,
-      withLegend = _ref$withLegend === void 0 ? false : _ref$withLegend;
-  var options = {
-    cutout: cutout,
+const PieChart = _ref => {
+  let {
+    data,
+    cutout = "80%",
+    resultLabel,
+    resultValue = 0,
+    withLegend = false
+  } = _ref;
+  const options = {
+    cutout,
     plugins: {
       legend: {
         display: withLegend
@@ -42,16 +34,14 @@ var PieChart = function 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)));
 };
-
-var _default = PieChart;
-exports.default = _default;
+var _default = exports.default = PieChart;

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

@@ -1,28 +1,25 @@
 "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 _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-
-var Price = function Price(_ref) {
-  var value = _ref.value,
-      currencyCode = _ref.currencyCode,
-      isSymbolAfter = _ref.isSymbolAfter,
-      className = _ref.className;
-  if (value === undefined || value === null) return null; // const formatted = Number(value?.toString().replace(/[+*?$^(,)]/g, '')).toLocaleString('en-US');
+const Price = _ref => {
+  let {
+    value,
+    currencyCode,
+    isSymbolAfter,
+    className
+  } = _ref;
+  if (value === undefined || value === null) return null;
+  // 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 = Price;
-exports.default = _default;
+var _default = exports.default = Price;

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

@@ -1,25 +1,21 @@
 "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 _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-
-var PriceRange = function PriceRange(_ref) {
-  var from = _ref.from,
-      to = _ref.to,
-      mode = _ref.mode;
+const PriceRange = _ref => {
+  let {
+    from,
+    to,
+    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 = PriceRange;
-exports.default = _default;
+var _default = exports.default = PriceRange;