@bjsdistribution/dms-client-return 0.0.43 → 0.0.44

package/dist/dms-client-return.esm.js

@@ -9127,7 +9127,7 @@ function SelectionFilter() {
     placeholder: "Select Location",
     onChange: handleLocationChange,
     style: {
-      minWidth: '14vw'
+      minWidth: '150px'
     },
     allowClear: true,
     mode: "multiple"
@@ -10378,6 +10378,46 @@ var OrderTable = function OrderTable(_ref) {
     setAssign = _useState[1];
   var _useCallApiAgain = useCallApiAgain(),
     setCallAPi = _useCallApiAgain[1];
+  //sorting
+  var _useState2 = useState(null),
+    sortConfig = _useState2[0],
+    setSortConfig = _useState2[1];
+  var handleSort = function handleSort(key) {
+    setSortConfig(function (prev) {
+      if ((prev == null ? void 0 : prev.key) === key && prev.direction === 'asc') {
+        return {
+          key: key,
+          direction: 'desc'
+        };
+      }
+      return {
+        key: key,
+        direction: 'asc'
+      };
+    });
+  };
+  var sortedData = useMemo(function () {
+    if (!returnAfterOrder || !sortConfig) return returnAfterOrder;
+    var key = sortConfig.key,
+      direction = sortConfig.direction;
+    return [].concat(returnAfterOrder).sort(function (a, b) {
+      var valueA = a[key];
+      var valueB = b[key];
+      if (typeof valueA === 'number' && typeof valueB === 'number') {
+        return direction === 'asc' ? valueA - valueB : valueB - valueA;
+      }
+      if (typeof valueA === 'string' && typeof valueB === 'string') {
+        return direction === 'asc' ? valueA.localeCompare(valueB) : valueB.localeCompare(valueA);
+      }
+      return 0;
+    });
+  }, [returnAfterOrder, sortConfig]);
+  var renderSortIcon = function renderSortIcon(columnKey) {
+    if (!sortConfig || sortConfig.key !== columnKey) {
+      return React.createElement(SortIcon, null);
+    }
+    return sortConfig.direction === 'asc' ? React.createElement(CaretDownFilledIcon, null) : React.createElement(CaretDownFilledIcon, null);
+  };
   var OpenDropDown = function OpenDropDown(index) {
     setPrintToggle(function (prevIndex) {
       return prevIndex === index ? null : index;
@@ -10513,7 +10553,37 @@ var OrderTable = function OrderTable(_ref) {
   }, [actionResponse, apiError]);
   return React.createElement(React.Fragment, null, AssignLoading && React.createElement(Loader, null), React.createElement(StyledTableWrapper, {
     className: "fortables"
-  }, React.createElement(StyledTable$1, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Created"), React.createElement("th", null, "Return Location"), React.createElement("th", null, "Pick Up Location"), React.createElement("th", null, "Recipient"), React.createElement("th", null, " Client"), React.createElement("th", null, "Consignment"), React.createElement("th", null, "Return Order No"), React.createElement("th", null, " Total Parts"), React.createElement("th", null, "Total Weight"), React.createElement("th", null, "Total CBM"), React.createElement("th", null, "Assign"), React.createElement("th", null, "Status"), React.createElement("th", {
+  }, React.createElement(StyledTable$1, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
+    onClick: function onClick() {
+      return handleSort('created_at');
+    }
+  }, React.createElement("div", {
+    className: "sortIconClass"
+  }, "Created ", renderSortIcon('created_at'))), React.createElement("th", {
+    onClick: function onClick() {
+      return handleSort('return_locations.location_name');
+    }
+  }, React.createElement("div", {
+    className: "sortIconClass"
+  }, "Return Location", ' ', renderSortIcon('return_locations.location_name'))), React.createElement("th", null, "Pick Up Location"), React.createElement("th", {
+    onClick: function onClick() {
+      return handleSort('order_recipient.recipient_name');
+    }
+  }, React.createElement("div", {
+    className: "sortIconClass"
+  }, "Recipient ", renderSortIcon('order_recipient.recipient_name'))), React.createElement("th", null, " Client"), React.createElement("th", null, "Consignment"), React.createElement("th", null, "Return Order No"), React.createElement("th", null, " Total Parts"), React.createElement("th", {
+    onClick: function onClick() {
+      return handleSort('weight');
+    }
+  }, React.createElement("div", {
+    className: "sortIconClass"
+  }, "Total Weight ", renderSortIcon('weight'))), React.createElement("th", {
+    onClick: function onClick() {
+      return handleSort('cube');
+    }
+  }, React.createElement("div", {
+    className: "sortIconClass"
+  }, "Total CBM ", renderSortIcon('cube'))), React.createElement("th", null, "Assign"), React.createElement("th", null, "Status"), React.createElement("th", {
     className: "emailInvoiceShare"
   }, "Labels"))), React.createElement("tbody", null, loadingskeleton ? React.createElement("tr", null, React.createElement("td", {
     colSpan: 16
@@ -10521,9 +10591,9 @@ var OrderTable = function OrderTable(_ref) {
     active: true
   })), React.createElement("td", {
     colSpan: 16
-  })) : (returnAfterOrder == null ? void 0 : returnAfterOrder.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
+  })) : (sortedData == null ? void 0 : sortedData.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
     colSpan: 16
-  }, React.createElement(EmptyDataContainer$1, null, React.createElement(Empty, null)))) : returnAfterOrder == null ? void 0 : returnAfterOrder.map(function (item, index) {
+  }, React.createElement(EmptyDataContainer$1, null, React.createElement(Empty, null)))) : sortedData == null ? void 0 : sortedData.map(function (item, index) {
     var _item$return_location, _item$order_recipient, _item$order_recipient2, _item$customer_data;
     var statusMapping = {
       cancelled: 'Cancelled',