@salesgenterp/ui-components 0.4.440 → 0.4.442

package/dist/index.js

@@ -607,6 +607,7 @@ var loadCachedTableState = function loadCachedTableState(_ref2) {
 };
 var getcsvData = function getcsvData(_ref3) {
   var url = _ref3.url,
+    queryParams = _ref3.queryParams,
     apiEndPoint = _ref3.apiEndPoint,
     token = _ref3.token;
   try {
@@ -614,6 +615,7 @@ var getcsvData = function getcsvData(_ref3) {
       return Promise.resolve(API({
         method: 'GET',
         url: url,
+        queryParams: queryParams,
         responseTypeData: 'blob',
         apiEndPoint: apiEndPoint,
         token: token
@@ -1422,7 +1424,7 @@ var TextContainer = styled__default.span(_templateObject3 || (_templateObject3 =
 });
 
 var _templateObject$5, _templateObject2$2, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-var _excluded$1 = ["apiData", "columns", "listUpdate", "onDataLoad", "expandedRowRender", "onDataLoadError", "pagination", "extraFilterParams", "setExtraFilterParams", "cacheFilters", "tableId", "asyncService", "tableDataList", "filterData", "loading", "onRowClick", "poDto", "setPoDto", "isRowClickable", "setTriggerTableData", "primaryColor", "title", "isDateChangeAllowed", "isBackButton"];
+var _excluded$1 = ["apiData", "columns", "listUpdate", "onDataLoad", "expandedRowRender", "onDataLoadError", "pagination", "extraFilterParams", "setExtraFilterParams", "onChangeQueryParams", "cacheFilters", "tableId", "asyncService", "tableDataList", "filterData", "loading", "onRowClick", "poDto", "setPoDto", "isRowClickable", "setTriggerTableData", "primaryColor", "title", "isDateChangeAllowed", "isBackButton"];
 var APITable = React.forwardRef(function (_ref, ref) {
   var _tableData$data, _tableData$data2, _tableData$pagination, _tableData$data3, _tableData$pagination2, _tableData$pagination3;
   var apiData = _ref.apiData,
@@ -1434,6 +1436,7 @@ var APITable = React.forwardRef(function (_ref, ref) {
     _ref$extraFilterParam = _ref.extraFilterParams,
     extraFilterParams = _ref$extraFilterParam === void 0 ? {} : _ref$extraFilterParam,
     setExtraFilterParams = _ref.setExtraFilterParams,
+    onChangeQueryParams = _ref.onChangeQueryParams,
     tableId = _ref.tableId,
     asyncService = _ref.asyncService,
     tableDataList = _ref.tableDataList,
@@ -1602,6 +1605,7 @@ var APITable = React.forwardRef(function (_ref, ref) {
             size: pagination.pageSize,
             sortDirection: sortDirection
           }, getSortQueryParams(sort), (_ref3 = apiData || {}) === null || _ref3 === void 0 ? void 0 : _ref3.queryParams, getFilterQueryParams(filters), extraFilterParams);
+          onChangeQueryParams && onChangeQueryParams(queryParams);
           var _temp2 = function () {
             if (asyncService) {
               return Promise.resolve(asyncService({
@@ -5725,7 +5729,7 @@ var BrandStock = function BrandStock(_ref) {
         style: {
           fontWeight: 600
         }
-      }, brand === null || brand === void 0 ? void 0 : brand.name), /*#__PURE__*/React__default.createElement("p", null, "Case quantity: ", (brand === null || brand === void 0 ? void 0 : brand.caseQuantity) || 'N/A')), /*#__PURE__*/React__default.createElement(TablePaperContainer, {
+      }, brand === null || brand === void 0 ? void 0 : brand.name), (brand === null || brand === void 0 ? void 0 : brand.caseQuantity) && /*#__PURE__*/React__default.createElement("p", null, "Case quantity: ", (brand === null || brand === void 0 ? void 0 : brand.caseQuantity) || 'N/A')), /*#__PURE__*/React__default.createElement(TablePaperContainer, {
         component: Paper
       }, /*#__PURE__*/React__default.createElement(Table, {
         "aria-label": "simple table",
@@ -13750,6 +13754,9 @@ var VendorInventory = function VendorInventory(_ref) {
   var _useState2 = React.useState(getRandomString()),
     triggerTableData = _useState2[0],
     setTriggerTableData = _useState2[1];
+  var _useState3 = React.useState(),
+    tableParams = _useState3[0],
+    setTableParams = _useState3[1];
   var getItem = erLocalStorage.getItem;
   var VENDOR_TOKEN = STORAGE_KEYS.VENDOR_TOKEN;
   var token = getItem(VENDOR_TOKEN);
@@ -13764,10 +13771,38 @@ var VendorInventory = function VendorInventory(_ref) {
     }));
     setTriggerTableData(getRandomString());
   };
+  var exportCsv = function exportCsv() {
+    try {
+      var url = "/vendor/portal/inventory/export/csv";
+      return Promise.resolve(getcsvData({
+        url: url,
+        apiEndPoint: API_BASE_URL,
+        token: token,
+        queryParams: tableParams
+      })).then(function (data) {
+        if (data) {
+          var blob = new Blob([data]);
+          var url1 = window.URL.createObjectURL(blob);
+          var link = document.createElement('a');
+          link.href = url1;
+          link.setAttribute('download', "inventory_details.xls");
+          document.body.appendChild(link);
+          link.click();
+          link.parentNode.removeChild(link);
+        }
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var onChangeQueryParams = function onChangeQueryParams(data) {
+    setTableParams(data);
+  };
   return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(TableContainer$2, null, /*#__PURE__*/React__default.createElement(APITable, {
     cacheFilters: true,
     extraFilterParams: queryParams,
     listUpdate: triggerTableData,
+    onChangeQueryParams: onChangeQueryParams,
     pagination: false,
     scroll: {
       x: 1000
@@ -13798,13 +13833,35 @@ var VendorInventory = function VendorInventory(_ref) {
       }
     }, "Inventory Detail")), /*#__PURE__*/React__default.createElement(material.Grid, {
       item: true
+    }, /*#__PURE__*/React__default.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '1rem'
+      }
     }, /*#__PURE__*/React__default.createElement(DateRangePicker, {
       fontColor: '#000',
       primaryColor: primaryColor,
       onChange: onDateChange,
       initialStartDate: moment().startOf('month'),
       initialEndDate: moment().endOf('month')
-    }))),
+    }), /*#__PURE__*/React__default.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '0.5rem'
+      }
+    }, /*#__PURE__*/React__default.createElement(material.IconButton, {
+      onClick: exportCsv,
+      style: {
+        color: primaryColor,
+        padding: 2
+      }
+    }, /*#__PURE__*/React__default.createElement(md.MdOutlineFileDownload, {
+      style: {
+        fontSize: '1.6rem'
+      }
+    })), "Export CSV")))),
     primaryColor: primaryColor,
     secondaryColor: '#fff',
     backgroundColor: '#424242',