intelicoreact 0.2.95 → 0.2.98

package/dist/Atomic/FormElements/Dropdown/Dropdown.js

@@ -180,10 +180,10 @@ var Dropdown = function Dropdown(_ref) {
   var depend = getDepends(modalBtnTrigger);
 
   var getMarkupForElement = function getMarkupForElement(item, index, optTestId) {
-    var _item$label2, _item$label2$toLowerC, _item$label2$toLowerC2, _item$label2$toLowerC3, _searchValue$toLowerC;
+    var _item$label2, _item$label2$toLowerC, _item$label2$toLowerC2, _item$label2$toLowerC3, _searchValue$toLowerC, _item$value, _item$value$toString;
 
     return item !== null && item !== void 0 && (_item$label2 = item.label) !== null && _item$label2 !== void 0 && (_item$label2$toLowerC = _item$label2.toLowerCase) !== null && _item$label2$toLowerC !== void 0 && (_item$label2$toLowerC2 = _item$label2$toLowerC.call(_item$label2)) !== null && _item$label2$toLowerC2 !== void 0 && (_item$label2$toLowerC3 = _item$label2$toLowerC2.includes) !== null && _item$label2$toLowerC3 !== void 0 && _item$label2$toLowerC3.call(_item$label2$toLowerC2, (searchValue === null || searchValue === void 0 ? void 0 : (_searchValue$toLowerC = searchValue.toLowerCase) === null || _searchValue$toLowerC === void 0 ? void 0 : _searchValue$toLowerC.call(searchValue)) || '') ? /*#__PURE__*/_react.default.createElement("button", {
-      "data-testid": "dropdown--button--key-".concat(optTestId || (item === null || item === void 0 ? void 0 : item.value.replace(/\s/, '-')) || (item === null || item === void 0 ? void 0 : item.key) || 'item', "--option"),
+      "data-testid": "dropdown--button--key-".concat(optTestId || (item === null || item === void 0 ? void 0 : (_item$value = item.value) === null || _item$value === void 0 ? void 0 : (_item$value$toString = _item$value.toString()) === null || _item$value$toString === void 0 ? void 0 : _item$value$toString.replace(/\s/, '-')) || (item === null || item === void 0 ? void 0 : item.key) || 'item', "--option"),
       key: item.value,
       onClick: function onClick() {
         return depend.onChange(item);

package/dist/Atomic/UI/AccordionTable/AccordionTable.js

@@ -80,29 +80,31 @@ var AccordionTable = function AccordionTable(_ref) {
         style: {
           flexBasis: "".concat((_getHeaderItem = getHeaderItem(key)) === null || _getHeaderItem === void 0 ? void 0 : _getHeaderItem.width, "%")
         },
-        className: (0, _classnames.default)('accordion-table__td', (_getHeaderItem2 = getHeaderItem(key)) === null || _getHeaderItem2 === void 0 ? void 0 : _getHeaderItem2.className)
+        className: (0, _classnames.default)('accordion-table__td', "accordion-table__td--".concat(key), (_getHeaderItem2 = getHeaderItem(key)) === null || _getHeaderItem2 === void 0 ? void 0 : _getHeaderItem2.className)
       }, (0, _typeof2.default)(value) !== 'object' ? value : value.value);
     });
   };
 
   var renderTr = function renderTr(rows) {
     return rows === null || rows === void 0 ? void 0 : rows.map(function (row, index) {
+      var _row$cols, _row$cols2, _row$cols3;
+
       return /*#__PURE__*/_react.default.createElement("div", {
         key: index,
         className: (0, _classnames.default)('accordion-table__tr', {
-          'accordion-table__tr-with-promo': row.promoDetails
+          'accordion-table__tr-with-promo': row.promoDetails || ((_row$cols = row.cols) === null || _row$cols === void 0 ? void 0 : _row$cols.promoDetails)
         }, row.className)
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "df w100"
-      }, renderTd(row.cols || row)), row.promoDetails && /*#__PURE__*/_react.default.createElement("div", {
+      }, renderTd(row.cols || row)), row.promoDetails || ((_row$cols2 = row.cols) === null || _row$cols2 === void 0 ? void 0 : _row$cols2.promoDetails) && /*#__PURE__*/_react.default.createElement("div", {
         className: "accordion-table__tr-promo-wrapper"
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "accordion-table__tr-promo"
-      }, /*#__PURE__*/_react.default.createElement(Tag, {
+      }, /*#__PURE__*/_react.default.createElement(_reactFeather.Tag, {
         className: "tr-promo-icon"
       }), /*#__PURE__*/_react.default.createElement("span", {
         className: "tr-promo-label"
-      }, "PROMOTION"), row.promoDetails)));
+      }, "PROMOTION"), row.promoDetails || ((_row$cols3 = row.cols) === null || _row$cols3 === void 0 ? void 0 : _row$cols3.promoDetails))));
     });
   };
 
@@ -115,6 +117,8 @@ var AccordionTable = function AccordionTable(_ref) {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "accordion-table__accordion-label-wrapper j4"
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
+      width: 8,
+      height: 4,
       className: (0, _classnames.default)('accordion-label-box__icon', {
         'accordion-label-box__icon--open': row.isOpen
       })

package/dist/Atomic/UI/AccordionTable/AccordionTable.scss

@@ -102,6 +102,12 @@
     &:not(:first-child, :last-child) {
       padding-right: 20px;
     }
+
+    &--name {
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+    }
   }
 
   &__accordion-label-box {
@@ -134,12 +140,10 @@
     font-size: 14px;
     font-weight: 400;
 
-    &:first-child {
-      padding-left: 20px;
-    }
-
     &:not(:last-child) {
-      padding-right: 20px;
+      padding-right: 53px;
+      display: flex;
+      align-items: center;
     }
   }
 
@@ -175,6 +179,12 @@
     width: 40%;
   }
 
+  &__status-icon {
+    color: #fa564c;
+    margin-right: 5px;
+    margin-top: 2px;
+  }
+
   .tr-promo-icon {
     color: #ff7d00;
   }
@@ -189,14 +199,14 @@
     &__label {
       user-select: none;
       white-space: nowrap;
+      margin-left: 15px;
     }
 
     &__icon {
-      min-width: 32px;
-      max-width: 32px;
+      min-width: 15px;
+      max-width: 15px;
       min-height: 16px;
       max-height: 16px;
-      margin-right: 5px;
       transition: all 0.2s ease-out;
       color: #757f8c;
 
@@ -216,7 +226,7 @@
     &__head {
       position: relative;
       z-index: 2;
-      padding: 14.5px;
+      padding: 14.5px 15px 14.5px 20px;
       background-color: #ffff;
       box-shadow: 0 5px 8px rgb(39 73 113 / 12%);
     }

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

@@ -14,7 +14,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 require("./Status.scss");
 
 var Status = function Status(_ref) {
-  var value = _ref.value,
+  var icon = _ref.icon,
+      value = _ref.value,
       label = _ref.label,
       status = _ref.status,
       disabled = _ref.disabled,
@@ -30,7 +31,7 @@ var Status = function Status(_ref) {
   var text = children && typeof children === 'string' ? children : value || label || status;
   var 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", {
-    "data-testid": 'test-status',
+    "data-testid": "test-status",
     className: (0, _classnames.default)({
       disabled: disabled
     }, className)
@@ -49,8 +50,10 @@ var Status = function Status(_ref) {
       'status--no-bg': noBackground
     }, {
       'color--gray-gull': noBackground && status === 'pause' && !className
+    }, {
+      j4: icon
     })
-  }, formatedLabel));
+  }, icon, formatedLabel));
 };
 
 var _default = Status;

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

@@ -18,6 +18,7 @@
     border-radius: 15px;
     height: 20px;
   }
+
   &--active,
   &--approved {
     color: $color--green-haze;
@@ -76,4 +77,9 @@
     background-color: $color--border;
     color: #777;
   }
+
+  &--outline {
+    border: 1px solid #D6D9E4;
+    color: #1F7499;
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.2.95",
+  "version": "0.2.98",
   "description": "",
   "main": "dist/index.js",
   "files": [