tabexseriescomponents 0.0.690 → 0.0.693

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +21 -13
  2. package/dist/index.esm.js +21 -13
  3. package/dist/index.umd.js +21 -13
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -15461,16 +15461,17 @@ var Filter$1 = function Filter(props) {
15461
15461
  filterupdater();
15462
15462
  }, []);
15463
15463
  React.useEffect(function () {
15464
- if (FetchAllVendorsQuery.isSuccess && FetchAllVendorsQuery.data.data.vendors != undefined && FetchAllVendorsQuery.data.data.vendors.length != 0) {
15465
- var _FetchAllVendorsQuery, _temp;
15464
+ var _FetchAllVendorsQuery, _FetchAllVendorsQuery2;
15465
+ if (FetchAllVendorsQuery !== null && FetchAllVendorsQuery !== void 0 && FetchAllVendorsQuery.isSuccess && (FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = _FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 ? void 0 : _FetchAllVendorsQuery.vendors) != undefined && (FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery2 = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery2 === void 0 || (_FetchAllVendorsQuery2 = _FetchAllVendorsQuery2.data) === null || _FetchAllVendorsQuery2 === void 0 || (_FetchAllVendorsQuery2 = _FetchAllVendorsQuery2.vendors) === null || _FetchAllVendorsQuery2 === void 0 ? void 0 : _FetchAllVendorsQuery2.length) != 0) {
15466
+ var _FetchAllVendorsQuery3, _temp;
15466
15467
  var temp = _toConsumableArray__default["default"](vendorarr);
15467
- temp = _toConsumableArray__default["default"](FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = _FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 ? void 0 : _FetchAllVendorsQuery.vendors);
15468
+ temp = _toConsumableArray__default["default"](FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery3 = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery3 === void 0 || (_FetchAllVendorsQuery3 = _FetchAllVendorsQuery3.data) === null || _FetchAllVendorsQuery3 === void 0 ? void 0 : _FetchAllVendorsQuery3.vendors);
15468
15469
  (_temp = temp) === null || _temp === void 0 || _temp.forEach(function (instfilteritem, instfilterindex) {
15469
15470
  instfilteritem.isfilterselected = false;
15470
15471
  });
15471
15472
  setvendorsarr(_toConsumableArray__default["default"](temp));
15472
15473
  }
15473
- }, [FetchAllVendorsQuery.isSuccess]);
15474
+ }, [FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 ? void 0 : FetchAllVendorsQuery.isSuccess]);
15474
15475
  React.useEffect(function () {
15475
15476
  if (fetchproductoptionsQueryContext.isSuccess) {
15476
15477
  var _fetchproductoptionsQ;
@@ -17031,14 +17032,25 @@ var Filter$1 = function Filter(props) {
17031
17032
  className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
17032
17033
  }, langdetect == 'en' ? 'Brands' : 'الماركات')), vendorarr.map(function (item, index) {
17033
17034
  return /*#__PURE__*/React__default["default"].createElement("div", {
17034
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, " ") + ' d-flex align-items-center pb-3 ',
17035
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-center pb-3 col-12 ',
17035
17036
  onClick: function onClick() {
17036
- // setCollectionFilterFunc(item.collectionid);
17037
+ var _tempfetchproductsfil3;
17038
+ var tempfetchproductsfilerobjcontext = _objectSpread$2b({}, ProductFilterObjContext);
17039
+ // alert(JSON.stringify(tempfetchproductsfilerobjcontext));
17040
+ tempfetchproductsfilerobjcontext.vendorsarr = [];
17041
+ tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil3 = tempfetchproductsfilerobjcontext.vendorsarr) === null || _tempfetchproductsfil3 === void 0 || _tempfetchproductsfil3.push(item.vendorid);
17042
+ setProductFilterObjContext(_objectSpread$2b({}, tempfetchproductsfilerobjcontext));
17043
+ var temp = _toConsumableArray__default["default"](vendorarr);
17044
+ temp === null || temp === void 0 || temp.forEach(function (instfilteritem, instfilterindex) {
17045
+ instfilteritem.isfilterselected = false;
17046
+ });
17047
+ item.isfilterselected = true;
17048
+ setvendorsarr(_toConsumableArray__default["default"](temp));
17037
17049
  }
17038
17050
  }, /*#__PURE__*/React__default["default"].createElement("div", {
17039
17051
  "class": "mr-2"
17040
17052
  }, /*#__PURE__*/React__default["default"].createElement("div", {
17041
- className: " ".concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
17053
+ className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
17042
17054
  }, /*#__PURE__*/React__default["default"].createElement("i", {
17043
17055
  className: "h-100 d-flex align-items-center"
17044
17056
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -17046,13 +17058,9 @@ var Filter$1 = function Filter(props) {
17046
17058
  }, /*#__PURE__*/React__default["default"].createElement("p", {
17047
17059
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
17048
17060
  style: {
17049
- // color: item.isfilterselected ? sectionproperties.activecat_color : '',
17061
+ color: item.isfilterselected ? sectionproperties.activecat_color : ''
17050
17062
  }
17051
- }, item.vendorname)))
17052
- // <div class="col-lg-12 p-0">
17053
- // <p>{item.vendorname}</p>
17054
- // </div>
17055
- ;
17063
+ }, langdetect == 'en' ? item.vendorname : item.vendorname)));
17056
17064
  }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
17057
17065
  className: "col-lg-12"
17058
17066
  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
package/dist/index.esm.js CHANGED
@@ -15412,16 +15412,17 @@ var Filter$1 = function Filter(props) {
15412
15412
  filterupdater();
15413
15413
  }, []);
15414
15414
  useEffect(function () {
15415
- if (FetchAllVendorsQuery.isSuccess && FetchAllVendorsQuery.data.data.vendors != undefined && FetchAllVendorsQuery.data.data.vendors.length != 0) {
15416
- var _FetchAllVendorsQuery, _temp;
15415
+ var _FetchAllVendorsQuery, _FetchAllVendorsQuery2;
15416
+ if (FetchAllVendorsQuery !== null && FetchAllVendorsQuery !== void 0 && FetchAllVendorsQuery.isSuccess && (FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = _FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 ? void 0 : _FetchAllVendorsQuery.vendors) != undefined && (FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery2 = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery2 === void 0 || (_FetchAllVendorsQuery2 = _FetchAllVendorsQuery2.data) === null || _FetchAllVendorsQuery2 === void 0 || (_FetchAllVendorsQuery2 = _FetchAllVendorsQuery2.vendors) === null || _FetchAllVendorsQuery2 === void 0 ? void 0 : _FetchAllVendorsQuery2.length) != 0) {
15417
+ var _FetchAllVendorsQuery3, _temp;
15417
15418
  var temp = _toConsumableArray(vendorarr);
15418
- temp = _toConsumableArray(FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = _FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 ? void 0 : _FetchAllVendorsQuery.vendors);
15419
+ temp = _toConsumableArray(FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery3 = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery3 === void 0 || (_FetchAllVendorsQuery3 = _FetchAllVendorsQuery3.data) === null || _FetchAllVendorsQuery3 === void 0 ? void 0 : _FetchAllVendorsQuery3.vendors);
15419
15420
  (_temp = temp) === null || _temp === void 0 || _temp.forEach(function (instfilteritem, instfilterindex) {
15420
15421
  instfilteritem.isfilterselected = false;
15421
15422
  });
15422
15423
  setvendorsarr(_toConsumableArray(temp));
15423
15424
  }
15424
- }, [FetchAllVendorsQuery.isSuccess]);
15425
+ }, [FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 ? void 0 : FetchAllVendorsQuery.isSuccess]);
15425
15426
  useEffect(function () {
15426
15427
  if (fetchproductoptionsQueryContext.isSuccess) {
15427
15428
  var _fetchproductoptionsQ;
@@ -16982,14 +16983,25 @@ var Filter$1 = function Filter(props) {
16982
16983
  className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
16983
16984
  }, langdetect == 'en' ? 'Brands' : 'الماركات')), vendorarr.map(function (item, index) {
16984
16985
  return /*#__PURE__*/React.createElement("div", {
16985
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, " ") + ' d-flex align-items-center pb-3 ',
16986
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-center pb-3 col-12 ',
16986
16987
  onClick: function onClick() {
16987
- // setCollectionFilterFunc(item.collectionid);
16988
+ var _tempfetchproductsfil3;
16989
+ var tempfetchproductsfilerobjcontext = _objectSpread$2b({}, ProductFilterObjContext);
16990
+ // alert(JSON.stringify(tempfetchproductsfilerobjcontext));
16991
+ tempfetchproductsfilerobjcontext.vendorsarr = [];
16992
+ tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil3 = tempfetchproductsfilerobjcontext.vendorsarr) === null || _tempfetchproductsfil3 === void 0 || _tempfetchproductsfil3.push(item.vendorid);
16993
+ setProductFilterObjContext(_objectSpread$2b({}, tempfetchproductsfilerobjcontext));
16994
+ var temp = _toConsumableArray(vendorarr);
16995
+ temp === null || temp === void 0 || temp.forEach(function (instfilteritem, instfilterindex) {
16996
+ instfilteritem.isfilterselected = false;
16997
+ });
16998
+ item.isfilterselected = true;
16999
+ setvendorsarr(_toConsumableArray(temp));
16988
17000
  }
16989
17001
  }, /*#__PURE__*/React.createElement("div", {
16990
17002
  "class": "mr-2"
16991
17003
  }, /*#__PURE__*/React.createElement("div", {
16992
- className: " ".concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
17004
+ className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
16993
17005
  }, /*#__PURE__*/React.createElement("i", {
16994
17006
  className: "h-100 d-flex align-items-center"
16995
17007
  }))), /*#__PURE__*/React.createElement("div", {
@@ -16997,13 +17009,9 @@ var Filter$1 = function Filter(props) {
16997
17009
  }, /*#__PURE__*/React.createElement("p", {
16998
17010
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
16999
17011
  style: {
17000
- // color: item.isfilterselected ? sectionproperties.activecat_color : '',
17012
+ color: item.isfilterselected ? sectionproperties.activecat_color : ''
17001
17013
  }
17002
- }, item.vendorname)))
17003
- // <div class="col-lg-12 p-0">
17004
- // <p>{item.vendorname}</p>
17005
- // </div>
17006
- ;
17014
+ }, langdetect == 'en' ? item.vendorname : item.vendorname)));
17007
17015
  }))))))), /*#__PURE__*/React.createElement("div", {
17008
17016
  className: "col-lg-12"
17009
17017
  }, /*#__PURE__*/React.createElement(Offcanvas, {
package/dist/index.umd.js CHANGED
@@ -15285,16 +15285,17 @@
15285
15285
  filterupdater();
15286
15286
  }, []);
15287
15287
  React.useEffect(function () {
15288
- if (FetchAllVendorsQuery.isSuccess && FetchAllVendorsQuery.data.data.vendors != undefined && FetchAllVendorsQuery.data.data.vendors.length != 0) {
15289
- var _FetchAllVendorsQuery, _temp;
15288
+ var _FetchAllVendorsQuery, _FetchAllVendorsQuery2;
15289
+ if (FetchAllVendorsQuery !== null && FetchAllVendorsQuery !== void 0 && FetchAllVendorsQuery.isSuccess && (FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = _FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 ? void 0 : _FetchAllVendorsQuery.vendors) != undefined && (FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery2 = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery2 === void 0 || (_FetchAllVendorsQuery2 = _FetchAllVendorsQuery2.data) === null || _FetchAllVendorsQuery2 === void 0 || (_FetchAllVendorsQuery2 = _FetchAllVendorsQuery2.vendors) === null || _FetchAllVendorsQuery2 === void 0 ? void 0 : _FetchAllVendorsQuery2.length) != 0) {
15290
+ var _FetchAllVendorsQuery3, _temp;
15290
15291
  var temp = _toConsumableArray__default["default"](vendorarr);
15291
- temp = _toConsumableArray__default["default"](FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = _FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 ? void 0 : _FetchAllVendorsQuery.vendors);
15292
+ temp = _toConsumableArray__default["default"](FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery3 = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery3 === void 0 || (_FetchAllVendorsQuery3 = _FetchAllVendorsQuery3.data) === null || _FetchAllVendorsQuery3 === void 0 ? void 0 : _FetchAllVendorsQuery3.vendors);
15292
15293
  (_temp = temp) === null || _temp === void 0 || _temp.forEach(function (instfilteritem, instfilterindex) {
15293
15294
  instfilteritem.isfilterselected = false;
15294
15295
  });
15295
15296
  setvendorsarr(_toConsumableArray__default["default"](temp));
15296
15297
  }
15297
- }, [FetchAllVendorsQuery.isSuccess]);
15298
+ }, [FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 ? void 0 : FetchAllVendorsQuery.isSuccess]);
15298
15299
  React.useEffect(function () {
15299
15300
  if (fetchproductoptionsQueryContext.isSuccess) {
15300
15301
  var _fetchproductoptionsQ;
@@ -16855,14 +16856,25 @@
16855
16856
  className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
16856
16857
  }, langdetect == 'en' ? 'Brands' : 'الماركات')), vendorarr.map(function (item, index) {
16857
16858
  return /*#__PURE__*/React__default["default"].createElement("div", {
16858
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, " ") + ' d-flex align-items-center pb-3 ',
16859
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-center pb-3 col-12 ',
16859
16860
  onClick: function onClick() {
16860
- // setCollectionFilterFunc(item.collectionid);
16861
+ var _tempfetchproductsfil3;
16862
+ var tempfetchproductsfilerobjcontext = _objectSpread$2b({}, ProductFilterObjContext);
16863
+ // alert(JSON.stringify(tempfetchproductsfilerobjcontext));
16864
+ tempfetchproductsfilerobjcontext.vendorsarr = [];
16865
+ tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil3 = tempfetchproductsfilerobjcontext.vendorsarr) === null || _tempfetchproductsfil3 === void 0 || _tempfetchproductsfil3.push(item.vendorid);
16866
+ setProductFilterObjContext(_objectSpread$2b({}, tempfetchproductsfilerobjcontext));
16867
+ var temp = _toConsumableArray__default["default"](vendorarr);
16868
+ temp === null || temp === void 0 || temp.forEach(function (instfilteritem, instfilterindex) {
16869
+ instfilteritem.isfilterselected = false;
16870
+ });
16871
+ item.isfilterselected = true;
16872
+ setvendorsarr(_toConsumableArray__default["default"](temp));
16861
16873
  }
16862
16874
  }, /*#__PURE__*/React__default["default"].createElement("div", {
16863
16875
  "class": "mr-2"
16864
16876
  }, /*#__PURE__*/React__default["default"].createElement("div", {
16865
- className: " ".concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
16877
+ className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
16866
16878
  }, /*#__PURE__*/React__default["default"].createElement("i", {
16867
16879
  className: "h-100 d-flex align-items-center"
16868
16880
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -16870,13 +16882,9 @@
16870
16882
  }, /*#__PURE__*/React__default["default"].createElement("p", {
16871
16883
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
16872
16884
  style: {
16873
- // color: item.isfilterselected ? sectionproperties.activecat_color : '',
16885
+ color: item.isfilterselected ? sectionproperties.activecat_color : ''
16874
16886
  }
16875
- }, item.vendorname)))
16876
- // <div class="col-lg-12 p-0">
16877
- // <p>{item.vendorname}</p>
16878
- // </div>
16879
- ;
16887
+ }, langdetect == 'en' ? item.vendorname : item.vendorname)));
16880
16888
  }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
16881
16889
  className: "col-lg-12"
16882
16890
  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.690",
3
+ "version": "0.0.693",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {