@salesgenterp/ui-components 0.4.439 → 0.4.441

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({
@@ -5431,7 +5435,9 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
   var brandList = _ref.brandList,
     noImgUrl = _ref.noImgUrl,
     isSlider = _ref.isSlider,
-    filterNoUrlData = _ref.filterNoUrlData;
+    filterNoUrlData = _ref.filterNoUrlData,
+    _ref$maxShowItem = _ref.maxShowItem,
+    maxShowItem = _ref$maxShowItem === void 0 ? 9 : _ref$maxShowItem;
   var isTablet = material.useMediaQuery('(max-width:768px)');
   var isMobile = material.useMediaQuery('(max-width:480px)');
   var brandListData = (brandList === null || brandList === void 0 ? void 0 : brandList.content) || [];
@@ -5442,8 +5448,8 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
   });
   var brandData = function brandData() {
     var data = lodash.cloneDeep(brandListData || []);
-    if ((brandListData === null || brandListData === void 0 ? void 0 : brandListData.length) < 9) {
-      for (var index = 0; index < 9; index++) {
+    if ((brandListData === null || brandListData === void 0 ? void 0 : brandListData.length) < (maxShowItem || 9)) {
+      for (var index = 0; index < (maxShowItem || 9); index++) {
         data.push.apply(data, brandListData);
       }
     }
@@ -5453,7 +5459,7 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
     return {
       dots: true,
       infinite: true,
-      slidesToShow: 9,
+      slidesToShow: maxShowItem || 9,
       slidesToScroll: 1,
       swipeToSlide: true,
       autoplay: true,
@@ -5475,7 +5481,7 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
       }, {
         breakpoint: 1200,
         settings: {
-          slidesToShow: 9
+          slidesToShow: maxShowItem || 9
         }
       }]
     };
@@ -5564,7 +5570,9 @@ var BrandList = function BrandList(_ref) {
     isSlider = _ref$isSlider === void 0 ? true : _ref$isSlider,
     noImgUrl = _ref.noImgUrl,
     _ref$filterNoUrlData = _ref.filterNoUrlData,
-    filterNoUrlData = _ref$filterNoUrlData === void 0 ? false : _ref$filterNoUrlData;
+    filterNoUrlData = _ref$filterNoUrlData === void 0 ? false : _ref$filterNoUrlData,
+    _ref$maxShowItem = _ref.maxShowItem,
+    maxShowItem = _ref$maxShowItem === void 0 ? 9 : _ref$maxShowItem;
   var _useState = React.useState(false),
     loading = _useState[0],
     setLoading = _useState[1];
@@ -5598,7 +5606,8 @@ var BrandList = function BrandList(_ref) {
     brandList: brandList,
     noImgUrl: noImgUrl,
     isSlider: isSlider,
-    filterNoUrlData: filterNoUrlData
+    filterNoUrlData: filterNoUrlData,
+    maxShowItem: maxShowItem
   }))));
 };
 var Root$8 = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose([""])));
@@ -13745,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);
@@ -13759,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
@@ -13793,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',