intelicoreact 1.1.86 → 1.1.88

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

@@ -33,18 +33,31 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+var classNames = require('classnames');
+
 var AccordionTable = function AccordionTable(_ref) {
   var className = _ref.className,
       header = _ref.header,
       items = _ref.items,
       onChange = _ref.onChange,
-      testId = _ref.testId;
+      testId = _ref.testId,
+      _ref$onSort = _ref.onSort,
+      onSort = _ref$onSort === void 0 ? function () {} : _ref$onSort,
+      sortParams = _ref.sortParams;
 
   var _useState = (0, _react.useState)(items),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       accordions = _useState2[0],
       setAccordions = _useState2[1];
 
+  var sortedColClassName = function sortedColClassName(item) {
+    return classNames('accordion-table__header-item', item.className, {
+      'accordion-table--sorted-col': sortParams && sortParams.key === item.key
+    }, {
+      'accordion-table__header-item-sortable': !item.noSort
+    });
+  };
+
   var handle = {
     accordionChange: function accordionChange(key, e) {
       var _e$target, _e$target$className, _e$target$className$i;
@@ -65,6 +78,19 @@ var AccordionTable = function AccordionTable(_ref) {
         onChange(newArr);
         setAccordions(newArr);
       }
+    },
+    setSort: function setSort(key) {
+      var newSorting;
+      if (key !== sortParams.key) newSorting = {
+        key: key,
+        direction: 'DESC'
+      };else {
+        newSorting = {
+          key: key,
+          direction: sortParams.direction === 'ASC' ? 'DESC' : 'ASC'
+        };
+      }
+      onSort(newSorting);
     }
   };
 
@@ -181,8 +207,15 @@ var AccordionTable = function AccordionTable(_ref) {
         flexBasis: "".concat(item.width, "%")
       },
       key: item.key,
-      className: (0, _classnames.default)('accordion-table__header-item', item.className)
-    }, item.label);
+      className: sortedColClassName(item),
+      onClick: function onClick() {
+        return !item.noSort && handle.setSort(item.key);
+      }
+    }, sortParams && item.key === sortParams.key && sortParams.key !== 'actions' && (sortParams.direction === 'DESC' ? /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowDown, {
+      size: 16
+    }) : /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowUp, {
+      size: 16
+    })), item.label);
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-table__body"
   }, accordions === null || accordions === void 0 ? void 0 : accordions.map(function (accordion) {

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

@@ -45,6 +45,18 @@
     }
   }
 
+  &__header-item-sortable {
+    cursor: pointer;
+
+    &:hover {
+      color: #3b414b;
+    }
+
+    svg {
+      min-width: 16px;
+    }
+  }
+
   &__body {
     width: 100%;
   }

package/package.json

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