@salesgenterp/ui-components 0.4.433 → 0.4.435

package/dist/index.js

@@ -21,6 +21,7 @@ var gi = require('react-icons/gi');
 var gr = require('react-icons/gr');
 var io5 = require('react-icons/io5');
 var tb = require('react-icons/tb');
+var io = require('react-icons/io');
 var bi = require('react-icons/bi');
 var DesktopDatePicker = require('@mui/x-date-pickers/DesktopDatePicker');
 var AdapterMoment = require('@mui/x-date-pickers/AdapterMoment');
@@ -1467,8 +1468,10 @@ var APITable = React.forwardRef(function (_ref, ref) {
     popoverKey = _useState3[0],
     setPopoverKey = _useState3[1];
   var _useState4 = React.useState(''),
-    searchTerm = _useState4[0],
     setSearchTerm = _useState4[1];
+  var _useState5 = React.useState({}),
+    searchValues = _useState5[0],
+    setSearchValues = _useState5[1];
   var isOpen = Boolean(anchorEl);
   var router$1 = router.useRouter();
   var handleChangePage = function handleChangePage(event, newPage) {
@@ -1482,9 +1485,9 @@ var APITable = React.forwardRef(function (_ref, ref) {
   };
   var handleSort = function handleSort(item) {
     setExtraFilterParams(function (prevParams) {
-      var newSortDirection = 'desc';
+      var newSortDirection = 'asc';
       if (prevParams.sort === item.sortIndex) {
-        newSortDirection = prevParams.sortDirection === 'asc' ? 'desc' : 'asc';
+        newSortDirection = prevParams.sortDirection === 'asc' ? 'desc' : prevParams.sortDirection === 'desc' ? '' : 'asc';
       }
       return _extends({}, prevParams, {
         sort: item.sortIndex,
@@ -1642,10 +1645,24 @@ var APITable = React.forwardRef(function (_ref, ref) {
   };
   var handleSearch = function handleSearch() {
     var _extends2;
-    setExtraFilterParams(_extends({}, extraFilterParams, (_extends2 = {}, _extends2[popoverKey] = searchTerm, _extends2)));
+    setExtraFilterParams(_extends({}, extraFilterParams, (_extends2 = {}, _extends2[popoverKey] = searchValues[popoverKey], _extends2)));
     setTriggerTableData(getRandomString());
     handleClose();
   };
+  var handleReset = function handleReset() {
+    setSearchValues(function (prevValues) {
+      var _extends3;
+      return _extends({}, prevValues, (_extends3 = {}, _extends3[popoverKey] = '', _extends3));
+    });
+    setExtraFilterParams(function (prevParams) {
+      var newParams = _extends({}, prevParams);
+      delete newParams[popoverKey];
+      return newParams;
+    });
+    setSearchTerm('');
+    setAnchorEl(null);
+    extraFilterParams[popoverKey] && extraFilterParams[popoverKey] !== '' && setTriggerTableData(getRandomString());
+  };
   return /*#__PURE__*/React__default.createElement(Root$1, null, /*#__PURE__*/React__default.createElement(PaperContainer, props, /*#__PURE__*/React__default.createElement(HeaderContent, null, props.tableHeaderContent), /*#__PURE__*/React__default.createElement(material.Popover, {
     open: isOpen,
     anchorEl: anchorEl,
@@ -1675,9 +1692,12 @@ var APITable = React.forwardRef(function (_ref, ref) {
     label: "Search",
     type: "text",
     fullWidth: true,
-    value: searchTerm,
+    value: searchValues[popoverKey],
     onChange: function onChange(e) {
-      return setSearchTerm(e.target.value);
+      setSearchValues(function (prevValues) {
+        var _extends4;
+        return _extends({}, prevValues, (_extends4 = {}, _extends4[popoverKey] = e.target.value, _extends4));
+      });
     },
     onKeyDown: function onKeyDown(e) {
       if (e.key === 'Enter') {
@@ -1703,6 +1723,16 @@ var APITable = React.forwardRef(function (_ref, ref) {
       endAdornment: /*#__PURE__*/React__default.createElement(material.InputAdornment, {
         position: "end"
       }, /*#__PURE__*/React__default.createElement(material.IconButton, {
+        style: {
+          background: '#fff',
+          borderRadius: '6px'
+        },
+        onClick: handleReset
+      }, /*#__PURE__*/React__default.createElement(io.IoMdClose, {
+        style: {
+          color: 'primaryColor'
+        }
+      })), /*#__PURE__*/React__default.createElement(material.IconButton, {
         style: {
           background: primaryColor,
           borderRadius: '6px'
@@ -1737,7 +1767,11 @@ var APITable = React.forwardRef(function (_ref, ref) {
         setAnchorEl(event.currentTarget);
         setPopoverKey((column === null || column === void 0 ? void 0 : column.sortIndex) || (column === null || column === void 0 ? void 0 : column.id));
       }
-    }, /*#__PURE__*/React__default.createElement(io5.IoSearch, null))) : column !== null && column !== void 0 && column.isSortable ? /*#__PURE__*/React__default.createElement(material.TableSortLabel, {
+    }, /*#__PURE__*/React__default.createElement(io5.IoSearch, {
+      style: {
+        color: (extraFilterParams === null || extraFilterParams === void 0 ? void 0 : extraFilterParams.hasOwnProperty((column === null || column === void 0 ? void 0 : column.sortIndex) || (column === null || column === void 0 ? void 0 : column.id))) && primaryColor
+      }
+    }))) : column !== null && column !== void 0 && column.isSortable ? /*#__PURE__*/React__default.createElement(material.TableSortLabel, {
       sx: {
         display: 'flex',
         gap: '8px',
@@ -1750,10 +1784,10 @@ var APITable = React.forwardRef(function (_ref, ref) {
           color: primaryColor
         },
         '&.Mui-active': {
-          color: primaryColor
+          color: (extraFilterParams === null || extraFilterParams === void 0 ? void 0 : extraFilterParams.sortDirection) !== '' && primaryColor
         },
         '&:focus': {
-          color: primaryColor
+          color: (extraFilterParams === null || extraFilterParams === void 0 ? void 0 : extraFilterParams.sortDirection) !== '' ? primaryColor : '#000000'
         }
       },
       onClick: function onClick() {
@@ -13261,7 +13295,10 @@ var columns$1 = [{
   id: 'costPrice',
   label: 'Cost',
   sortIndex: 'cost_price',
-  isSortable: true
+  isSortable: true,
+  format: function format(value) {
+    return renderMoney(value);
+  }
 }, {
   id: 'quantity',
   label: 'Quantity',
@@ -13274,7 +13311,10 @@ var columns$1 = [{
   isSortable: true
 }, {
   id: 'soldAmount',
-  label: 'Sold Amount'
+  label: 'Sold Amount',
+  format: function format(value) {
+    return renderMoney(value);
+  }
 }, {
   id: 'currentStockFromVendor',
   label: 'Current Stock',
@@ -13284,14 +13324,18 @@ var columns$1 = [{
   id: 'tier1Price',
   label: 'Price',
   sortIndex: 'tier1_price',
-  isSortable: true
+  isSortable: true,
+  format: function format(value) {
+    return renderMoney(value);
+  }
 }];
 var bottomTableTargetKeys = {
   totalQuantity: 'Total Quantity',
   subTotal: 'Sub Total',
-  shippingAmount: 'Shipping Amount',
   discountAmount: 'Discount Amount',
-  valueReceived: 'Value Received'
+  valueReceived: 'Value Received',
+  totalAmount: 'Grand Total',
+  adjustmentValue: 'Adjustment'
 };
 var topCardTargetKeys = {
   id: 'PO ID',
@@ -13300,9 +13344,8 @@ var topCardTargetKeys = {
   vendorCompanyName: 'Company',
   trackingNumber: 'Tracking Number',
   vendorInvoiceId: 'Vendor Invoice',
-  billStatusName: 'Status',
-  vendorNotes: 'Vendor Notes',
-  internalNotes: 'Internal Notes'
+  statusId: 'Status',
+  vendorNotes: 'Vendor Notes'
 };
 var PurchaseOrderDetail = function PurchaseOrderDetail(_ref) {
   var _topDtoData$slice, _topDtoData$slice2, _router$query;
@@ -13342,7 +13385,7 @@ var PurchaseOrderDetail = function PurchaseOrderDetail(_ref) {
     return {
       key: key,
       label: bottomTableTargetKeys[key],
-      value: ['subTotal', 'shippingAmount', 'discountAmount'].includes(key) ? renderMoney(value) : value
+      value: ['subTotal', 'shippingAmount', 'discountAmount', 'totalAmount'].includes(key) ? renderMoney(value) : value
     };
   });
   return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -13566,9 +13609,6 @@ var PurchaseOrderDetail = function PurchaseOrderDetail(_ref) {
 };
 
 var columns$2 = [{
-  id: 'id',
-  label: 'Id'
-}, {
   id: 'name',
   label: 'Name',
   isSearchable: true