intelicoreact 1.3.22 → 1.3.24

package/dist/Atomic/UI/ProgressLine/ProgressLine.js

@@ -10,22 +10,22 @@ var _utils = require("../../../Functions/utils");
 require("./ProgressLine.scss");
 const ProgressLine = _ref => {
   let {
-    label = '',
-    labelAlign = 'left',
+    label = "",
+    labelAlign = "left",
     renderValue = false,
     renderValueInPercents = false,
-    valueMeasurement = '',
-    valueHorizontalPosition = 'right',
-    valueVerticalPosition = 'center',
+    valueMeasurement = "",
+    valueHorizontalPosition = "right",
+    valueVerticalPosition = "center",
     symbolsAfterComma = 0,
     minValue = 0,
     maxValue = 100,
     value = 0,
     showExtremums = false,
-    extremumsPosition = 'top',
-    variant = 'info',
+    extremumsPosition = "top",
+    variant = "info",
     useVariantLabelColor = true,
-    className = ''
+    className = ""
   } = _ref;
   const getFilledLineWidth = () => {
     if (value > maxValue) value = maxValue;
@@ -49,9 +49,9 @@ const ProgressLine = _ref => {
       className: "progress-line__wrapper__extremums position-".concat(extremumsPosition)
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "progress-line__wrapper__extremums--min"
-    }, renderValueInPercents ? '0 %' : "".concat(minValue, " ").concat(valueMeasurement)), /*#__PURE__*/_react.default.createElement("div", {
+    }, renderValueInPercents ? "0 %" : "".concat(minValue, " ").concat(valueMeasurement)), /*#__PURE__*/_react.default.createElement("div", {
       className: "progress-line__wrapper__extremums--max"
-    }, renderValueInPercents ? '100 %' : "".concat(maxValue, " ").concat(valueMeasurement)));
+    }, renderValueInPercents ? "100 %" : "".concat(maxValue, " ").concat(valueMeasurement)));
   };
   const renderFilledLine = () => {
     return /*#__PURE__*/_react.default.createElement("div", {

package/dist/Atomic/UI/ProgressLine/ProgressLine.scss

@@ -21,15 +21,14 @@
     &__label {
       margin-bottom: 8px;
 
-      letter-spacing: 0.2px;
-
-      color: #171D33;
-
       font-family: Sarabun, sans-serif;
       font-size: 14px;
       font-weight: 400;
       font-style: normal;
       line-height: 20px;
+      letter-spacing: 0.2px;
+
+      color: #171d33;
 
       &.align-left {
         text-align: left;
@@ -48,16 +47,15 @@
       display: flex;
       flex-wrap: nowrap;
 
-      white-space: nowrap;
-      letter-spacing: 0.2px;
-
-      color: #171D33;
-
       font-family: Sarabun, sans-serif;
       font-size: 14px;
       font-weight: 400;
       font-style: normal;
       line-height: 20px;
+      white-space: nowrap;
+      letter-spacing: 0.2px;
+
+      color: #171d33;
     }
 
     // Progress Line Value Position
@@ -141,7 +139,7 @@
       height: 4px;
 
       border-radius: 8px;
-      background: #E6F0F7;
+      background: #e6f0f7;
 
       &--filled {
         width: 0;
@@ -154,124 +152,124 @@
     // Progress Line Colors
     &.variant-info {
       [class$="__line--filled"] {
-        background: #46AAF2;
+        background: #46aaf2;
       }
 
       .variant-label-color {
-        color: #46AAF2;
+        color: #46aaf2;
       }
     }
 
     &.variant-success {
       [class$="__line--filled"] {
-        background: #54D3AD;
+        background: #54d3ad;
       }
 
       .variant-label-color {
-        color: #54D3AD;
+        color: #54d3ad;
       }
     }
 
     &.variant-error {
       [class$="__line--filled"] {
-        background: #FA2E69;
+        background: #fa2e69;
       }
 
       .variant-label-color {
-        color: #FA2E69;
+        color: #fa2e69;
       }
     }
 
     &.variant-grey {
       [class$="__line--filled"] {
-        background: #A6AAB4;
+        background: #a6aab4;
       }
 
       .variant-label-color {
-        color: #A6AAB4;
+        color: #a6aab4;
       }
     }
 
     &.variant-warning {
       [class$="__line--filled"] {
-        background: #FFDB7C;
+        background: #ffdb7c;
       }
 
       .variant-label-color {
-        color: #FFDB7C;
+        color: #ffdb7c;
       }
     }
 
     &.variant-primary-light {
       [class$="__line--filled"] {
-        background: #A6C2ED;
+        background: #a6c2ed;
       }
 
       .variant-label-color {
-        color: #A6C2ED;
+        color: #a6c2ed;
       }
     }
 
     &.variant-de-york {
       [class$="__line--filled"] {
-        background: #78C58D;
+        background: #78c58d;
       }
 
       .variant-label-color {
-        color: #78C58D;
+        color: #78c58d;
       }
     }
 
     &.variant-purple {
       [class$="__line--filled"] {
-        background: #A193EF;
+        background: #a193ef;
       }
 
       .variant-label-color {
-        color: #A193EF;
+        color: #a193ef;
       }
     }
 
     &.variant-sea-buckthorn {
       [class$="__line--filled"] {
-        background: #F59A2F;
+        background: #f59a2f;
       }
 
       .variant-label-color {
-        color: #F59A2F;
+        color: #f59a2f;
       }
     }
 
     &.variant-pink {
       [class$="__line--filled"] {
-        background: #FFCAD6;
+        background: #ffcad6;
       }
 
       .variant-label-color {
-        color: #FFCAD6;
+        color: #ffcad6;
       }
     }
 
     &.variant-froly {
       [class$="__line--filled"] {
-        background: #F06D8D;
+        background: #f06d8d;
       }
 
       .variant-label-color {
-        color: #F06D8D;
+        color: #f06d8d;
       }
     }
 
     &.variant-brown {
       [class$="__line--filled"] {
-        background: #B4A287;
+        background: #b4a287;
       }
 
       .variant-label-color {
-        color: #B4A287;
+        color: #b4a287;
       }
     }
-    
+
     // Extremums
     &__extremums {
       position: absolute;
@@ -282,16 +280,14 @@
       box-sizing: border-box;
       width: 100%;
 
-      letter-spacing: 0.2px;
-
-      color: #171D33;
-
       font-family: Sarabun, sans-serif;
       font-size: 14px;
       font-weight: 400;
       font-style: normal;
-      line-height: 20px;
       line-height: 1;
+      letter-spacing: 0.2px;
+
+      color: #171d33;
 
       &--min {
         top: 0;

package/dist/Atomic/UI/Status/Status.js

@@ -24,7 +24,7 @@ function Status(_ref) {
     onClick = () => {}
   } = _ref;
   if (!status) return false;
-  const text = children && typeof children === 'string' ? children : value || label || status;
+  const text = children && typeof children === "string" ? children : value || label || status;
   const formatedLabel = (text === null || text === void 0 ? void 0 : text[0].toUpperCase()) + (text === null || text === void 0 ? void 0 : text.slice(1));
   return /*#__PURE__*/_react.default.createElement("div", {
     onClick: () => onClick(),
@@ -32,7 +32,7 @@ function Status(_ref) {
     className: (0, _classnames.default)({
       disabled
     }, className)
-  }, type === 'number' ? /*#__PURE__*/_react.default.createElement("div", null, active === 0 && pause === 0 ? /*#__PURE__*/_react.default.createElement("div", {
+  }, type === "number" ? /*#__PURE__*/_react.default.createElement("div", null, active === 0 && pause === 0 ? /*#__PURE__*/_react.default.createElement("div", {
     className: "status status--error"
   }, /*#__PURE__*/_react.default.createElement("span", null, active)) : /*#__PURE__*/_react.default.createElement("div", {
     className: "status status--warning"
@@ -41,12 +41,12 @@ function Status(_ref) {
   }, active), /*#__PURE__*/_react.default.createElement("span", {
     className: "color--gray-gull"
   }, " / "), /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(pause > 0 ? 'color--froly' : 'color--gray-gull')
+    className: "".concat(pause > 0 ? "color--froly" : "color--gray-gull")
   }, pause))) : /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("status status--".concat(status, " ").concat(className || ''), {
-      'status--no-bg': noBackground
+    className: (0, _classnames.default)("status status--".concat(status, " ").concat(className || ""), {
+      "status--no-bg": noBackground
     }, {
-      'color--gray-gull': noBackground && status === 'pause' && !className
+      "color--gray-gull": noBackground && status === "pause" && !className
     }, {
       j4: icon
     })

package/dist/Atomic/UI/Status/Status.scss

@@ -2,27 +2,27 @@
 
 .status {
   display: inline-flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
 
   height: 20px;
   padding: 0 8px;
 
-  border-radius: 15px;
-
   font-size: 11px;
   font-weight: 400;
 
+  border-radius: 15px;
+
   &--number {
     display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
 
     height: 20px;
 
-    border-radius: 15px;
-
     font-size: 10px;
+
+    border-radius: 15px;
   }
 
   &--active,
@@ -32,8 +32,8 @@
   }
 
   &--error {
-    color: #FFFF;
-    background-color: #9AA0B9;
+    color: #ffff;
+    background-color: #9aa0b9;
   }
 
   &--review,
@@ -43,30 +43,30 @@
   &--declined,
   &--blocked {
     color: $color--froly;
-    background-color: #FCE2E8;
+    background-color: #fce2e8;
   }
 
   &--processing {
-    color: #9AA0B9;
-    background-color: #E2E6F8;
+    color: #9aa0b9;
+    background-color: #e2e6f8;
   }
 
   &--new,
   &--preApproved {
     color: $color--primary;
-    background-color: #E2E6F8;
+    background-color: #e2e6f8;
   }
 
   &--pending,
   &--primary,
   &--warning {
-    color: #F59A2F;
+    color: #f59a2f;
     background-color: $color--sandy-beach;
   }
 
   &--info {
-    color: #1F7499;
-    background-color: #CDE1FF;
+    color: #1f7499;
+    background-color: #cde1ff;
   }
 
   &--number-active,
@@ -75,9 +75,9 @@
   }
 
   &--no-bg {
-    background: none;
-
     font-size: 13px;
+
+    background: none;
   }
 
   &--disabled {
@@ -86,7 +86,7 @@
   }
 
   &--outline {
-    color: #1F7499;
-    border: 1px solid #D6D9E4;
+    color: #1f7499;
+    border: 1px solid #d6d9e4;
   }
 }

package/dist/Atomic/UI/Table/Partials/TdCell.js

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _AccordionItem = _interopRequireDefault(require("../../Accordion/AccordionItem"));
-var _TdActions = require("../TdTypes/TdActions");
 var _AdvancedTags = _interopRequireDefault(require("../../AdvancedTag/AdvancedTags"));
 var _Status = _interopRequireDefault(require("../../Status/Status"));
 var _Tag = _interopRequireDefault(require("../../Tag/Tag"));
+var _Table = _interopRequireDefault(require("../Table"));
+var _TdActions = require("../TdTypes/TdActions");
 var _TdPriority = _interopRequireDefault(require("../TdTypes/TdPriority"));
 var _TdWeight = _interopRequireDefault(require("../TdTypes/TdWeight"));
-var _Table = _interopRequireDefault(require("../Table"));
 require("../Table.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; }
@@ -31,9 +31,9 @@ const TdCell = _ref => {
     isDeleted
   } = _ref;
   const [isAccordionOpen, setIsAccordionOpen] = (0, _react.useState)(item.isOpen);
-  const percent = item.type === 'weight' && getAdviceWeight(isDeleted ? 0 : item.value);
+  const percent = item.type === "weight" && getAdviceWeight(isDeleted ? 0 : item.value);
   switch (type) {
-    case 'accordion':
+    case "accordion":
       return /*#__PURE__*/_react.default.createElement(_AccordionItem.default, {
         className: item.itemClassName,
         item: item,
@@ -43,39 +43,39 @@ const TdCell = _ref => {
         rows: item.rows,
         className: "accordion--table"
       }));
-    case 'actions':
+    case "actions":
       return /*#__PURE__*/_react.default.createElement(_TdActions.TdActions, {
         rowItem: rowItem,
         actions: item,
         onChange: onChange,
         onActionClick: onActionClick
       });
-    case 'advancedTags':
+    case "advancedTags":
       return /*#__PURE__*/_react.default.createElement(_AdvancedTags.default, {
         items: item
       });
-    case 'link':
+    case "link":
       return /*#__PURE__*/_react.default.createElement("a", {
         href: item.link
       }, item.label);
-    case 'priority':
+    case "priority":
       return /*#__PURE__*/_react.default.createElement(_TdPriority.default, {
         rowIndex: rowIndex,
         cardLength: cardLength,
         onClick: changePriority
       });
-    case 'status':
+    case "status":
       return /*#__PURE__*/_react.default.createElement(_Status.default, {
         className: item.className,
         label: item.label,
         status: item.status
       });
-    case 'tags':
+    case "tags":
       return item.map((tag, index) => /*#__PURE__*/_react.default.createElement(_Tag.default, {
         key: index,
         label: tag.label
       }));
-    case 'weight':
+    case "weight":
       return /*#__PURE__*/_react.default.createElement(_TdWeight.default, {
         value: item.value,
         percent: percent,

package/dist/Atomic/UI/Table/Partials/TdHeader.js

@@ -7,16 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-require("../Table.scss");
 var _Langs = _interopRequireDefault(require("../../../../../../Langs"));
+require("../Table.scss");
 const TdHeader = _ref => {
   let {
     item,
-    testId = 'test-table-header'
+    testId = "test-table-header"
   } = _ref;
   const txt = _Langs.default[global.lng];
   switch (item.type) {
-    case 'double':
+    case "double":
       return /*#__PURE__*/_react.default.createElement("th", {
         "data-testid": testId
       }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/Atomic/UI/Table/Partials/TdRow.js

@@ -8,9 +8,9 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../../../../Functions/utils");
-var _TdCell = _interopRequireDefault(require("./TdCell"));
-var _TdRange = _interopRequireDefault(require("../TdTypes/TdRange"));
 var _Modal = _interopRequireDefault(require("../../Modal/Modal"));
+var _TdRange = _interopRequireDefault(require("../TdTypes/TdRange"));
+var _TdCell = _interopRequireDefault(require("./TdCell"));
 require("../Table.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; }
@@ -29,7 +29,7 @@ const TdRow = _ref => {
     getAdviceWeight,
     onActionClick,
     isDeleted,
-    testId = 'test-table-row'
+    testId = "test-table-row"
   } = _ref;
   const [isOpen, setIsOpen] = (0, _react.useState)(false);
   const handleChange = (0, _utils.handleObjectChange)(item, () => onChange({
@@ -44,11 +44,11 @@ const TdRow = _ref => {
     item: range
   }))), Object.entries(item).map(_ref2 => {
     let [key, value] = _ref2;
-    return key === 'id' || key === 'isDeleted' ? null : /*#__PURE__*/_react.default.createElement("td", {
+    return key === "id" || key === "isDeleted" ? null : /*#__PURE__*/_react.default.createElement("td", {
       "data-testid": testId,
       key: key,
-      className: (0, _classnames.default)('cards-table__body-item', {
-        'cards-table__accordion': value.type === 'accordion'
+      className: (0, _classnames.default)("cards-table__body-item", {
+        "cards-table__accordion": value.type === "accordion"
       })
     }, /*#__PURE__*/_react.default.createElement(_TdCell.default, {
       onActionClick: onActionClick,

package/dist/Atomic/UI/Table/Partials/TdTitle.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _Langs = _interopRequireDefault(require("../../../../../Langs"));
-var _Tag = _interopRequireDefault(require("../../Tag/Tag"));
 var _Modal = _interopRequireDefault(require("../../Modal/Modal"));
+var _Tag = _interopRequireDefault(require("../../Tag/Tag"));
 require("../Table.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; }

package/dist/Atomic/UI/Table/Table.js

@@ -17,7 +17,7 @@ const Table = _ref => {
     className,
     header,
     onActionClick,
-    testId = 'test-table'
+    testId = "test-table"
   } = _ref;
   const handleArrayChange = (value, index) => {
     rows[index] = value;
@@ -28,7 +28,7 @@ const Table = _ref => {
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": testId,
-    className: (0, _classnames.default)('simple-table', {
+    className: (0, _classnames.default)("simple-table", {
       ["simple-table--".concat(className)]: className
     })
   }, /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, header === null || header === void 0 ? void 0 : header.map(item => /*#__PURE__*/_react.default.createElement(_TdHeader.default, {
@@ -37,7 +37,7 @@ const Table = _ref => {
   })))), /*#__PURE__*/_react.default.createElement("tbody", null, rows && rows !== null && rows !== void 0 && rows.length ? rows === null || rows === void 0 ? void 0 : rows.map((row, index) => /*#__PURE__*/_react.default.createElement(_TdRow.default, {
     onActionClick: onActionClick,
     rowIndex: index,
-    key: typeof row.id === 'object' ? row.id.value : row.id,
+    key: typeof row.id === "object" ? row.id.value : row.id,
     item: row,
     header: header,
     onChange: value => handleArrayChange(value, index)

package/dist/Atomic/UI/Table/Table.scss

@@ -13,11 +13,11 @@
 
   cursor: pointer;
 
-  color: #9AA0B9;
+  color: #9aa0b9;
   border-radius: 5px;
 
   &:hover {
-    background-color: #F3F3F3;
+    background-color: #f3f3f3;
   }
 }
 
@@ -26,24 +26,22 @@
 
   width: 100%;
 
-  color: #1E1E2D;
+  color: #1e1e2d;
 
   table {
     //table-layout: fixed;
     width: 100%;
 
     border-spacing: 0;
-
     border-collapse: collapse;
 
     thead {
+      font-size: 10px;
       white-space: nowrap;
       text-transform: uppercase;
 
-      color: #9AA0B9;
-      background-color: #EBEFF2;
-
-      font-size: 10px;
+      color: #9aa0b9;
+      background-color: #ebeff2;
 
       th {
         padding: 10px 15px;
@@ -60,13 +58,13 @@
       font-size: 13px;
 
       tr {
-        border-bottom: 1px solid #F1F1F1;
+        border-bottom: 1px solid #f1f1f1;
       }
 
       td {
         padding: 7.5px 15px;
 
-        background-color: #FFFF;
+        background-color: #ffff;
       }
     }
   }
@@ -82,9 +80,9 @@
   td {
     padding: 3px 15px !important;
 
-    border: none !important;
-    background-color: #F7FAFC !important;
-
     font-size: 10px;
+
+    border: none !important;
+    background-color: #f7fafc !important;
   }
 }