tabexseriescomponents 0.0.666 → 0.0.669

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.
package/dist/index.cjs.js CHANGED
@@ -15351,7 +15351,17 @@ var Filter$1 = function Filter(props) {
15351
15351
  React.useEffect(function () {
15352
15352
  if (fetchcollectionsQueryContext.isSuccess) {
15353
15353
  var _fetchcollectionsQuer;
15354
- setinstcollections(_toConsumableArray__default["default"](fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 || (_fetchcollectionsQuer = fetchcollectionsQueryContext.data) === null || _fetchcollectionsQuer === void 0 || (_fetchcollectionsQuer = _fetchcollectionsQuer.data) === null || _fetchcollectionsQuer === void 0 ? void 0 : _fetchcollectionsQuer.collections));
15354
+ var tempcoll = fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 || (_fetchcollectionsQuer = fetchcollectionsQueryContext.data) === null || _fetchcollectionsQuer === void 0 || (_fetchcollectionsQuer = _fetchcollectionsQuer.data) === null || _fetchcollectionsQuer === void 0 ? void 0 : _fetchcollectionsQuer.collections;
15355
+ var tempcollinfilter = [];
15356
+ {
15357
+ tempcoll === null || tempcoll === void 0 || tempcoll.map(function (collectionitem, collectionindex) {
15358
+ if (collectionitem.isshowntocustomers == 1 && collectionitem.isinftiler == 1) {
15359
+ tempcollinfilter.push(collectionitem);
15360
+ }
15361
+ });
15362
+ }
15363
+ setinstcollections([].concat(tempcollinfilter));
15364
+ // setinstcollections([...fetchcollectionsQueryContext?.data?.data?.collections]);
15355
15365
  }
15356
15366
  }, [fetchcollectionsQueryContext.isSuccess]);
15357
15367
  // useEffect(() => {
@@ -17049,7 +17059,119 @@ var Filter$1 = function Filter(props) {
17049
17059
  }
17050
17060
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
17051
17061
  className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 pl-4 pr-4 '
17052
- }, sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.showvariantsfilter == 'Show' && InstFilters(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
17062
+ }, sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
17063
+ "class": "row m-0 w-100"
17064
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
17065
+ "class": "col-lg-12 d-flex justify-content-start p-0"
17066
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
17067
+ className: "m-0 p-0 font-16 font-weight-600",
17068
+ style: {
17069
+ color: sectionproperties.filter_titlecolor,
17070
+ fontSize: sectionproperties.filter_titlefontsize + 'px',
17071
+ fontWeight: sectionproperties.filter_titlefontweight,
17072
+ textTransform: sectionproperties.filter_titletextransform
17073
+ }
17074
+ }, langdetect == 'en' ? 'Sort By' : 'ترتيب حسب')), /*#__PURE__*/React__default["default"].createElement("div", {
17075
+ className: "col-lg-12"
17076
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
17077
+ className: "mt-2 mb-3"
17078
+ })), otherfilters.map(function (item, index) {
17079
+ return /*#__PURE__*/React__default["default"].createElement("div", {
17080
+ className: "col-lg-12 pl-3 pr-3"
17081
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
17082
+ allowMultipleExpanded: true,
17083
+ allowZeroExpanded: true,
17084
+ preExpanded: [0, 1, 2, 3],
17085
+ style: {
17086
+ width: '100%'
17087
+ }
17088
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
17089
+ uuid: index
17090
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
17091
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
17092
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
17093
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
17094
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
17095
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 collapsetitle ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
17096
+ }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
17097
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
17098
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
17099
+ if (state.expanded == true) {
17100
+ return /*#__PURE__*/React__default["default"].createElement("i", {
17101
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
17102
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
17103
+ } else {
17104
+ return /*#__PURE__*/React__default["default"].createElement("i", {
17105
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
17106
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
17107
+ }
17108
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
17109
+ className: "p-0"
17110
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
17111
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
17112
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
17113
+ className: 'col-lg-12'
17114
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
17115
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
17116
+ }, item.filterarray.map(function (valueitem, valueindex) {
17117
+ var ischecked = false;
17118
+ if (item.payloadvalue == 'sortprice') {
17119
+ if (valueitem.value == ProductFilterObjContext.sortprice) {
17120
+ ischecked = true;
17121
+ }
17122
+ } else if (item.payloadvalue == 'sortdates') {
17123
+ if (valueitem.value == ProductFilterObjContext.sortdates) {
17124
+ ischecked = true;
17125
+ }
17126
+ }
17127
+ return /*#__PURE__*/React__default["default"].createElement("div", {
17128
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-center pb-3 ',
17129
+ onClick: function onClick() {
17130
+ var tempfetchproductsfilerobjcontext = _objectSpread$2b({}, ProductFilterObjContext);
17131
+ if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
17132
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
17133
+ } else {
17134
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
17135
+ }
17136
+ tempfetchproductsfilerobjcontext.page = 0;
17137
+ setProductFilterObjContext(_objectSpread$2b({}, tempfetchproductsfilerobjcontext));
17138
+ filterrouting(tempfetchproductsfilerobjcontext);
17139
+ }
17140
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
17141
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
17142
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
17143
+ className: "h-100 d-flex align-items-center"
17144
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
17145
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
17146
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
17147
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
17148
+ style: {
17149
+ color: ischecked ? sectionproperties.activecat_color : ''
17150
+ }
17151
+ }, valueitem.name)));
17152
+ }))))))));
17153
+ }), sectionproperties.showfilterbyrating == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
17154
+ className: "col-lg-12 pl-4 pr-4"
17155
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
17156
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
17157
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
17158
+ className: "col-lg-12 col-md-12 col-sm-12 p-0 mb-3"
17159
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
17160
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 collapsetitle ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
17161
+ }, langdetect == 'en' ? 'Ratings' : 'التقييمات')), /*#__PURE__*/React__default["default"].createElement("div", {
17162
+ className: "col-lg-12 col-md-12 col-sm-12 mb-4"
17163
+ }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
17164
+ draggableTrack: true,
17165
+ formatLabel: function formatLabel(value) {
17166
+ return "".concat(value);
17167
+ },
17168
+ maxValue: 5,
17169
+ minValue: 0,
17170
+ value: raterangevalue,
17171
+ onChange: function onChange(value) {
17172
+ setraterangevalue(_objectSpread$2b({}, value));
17173
+ }
17174
+ }))))), sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.showvariantsfilter == 'Show' && InstFilters(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
17053
17175
  "class": "row m-0 w-100 mb-3"
17054
17176
  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
17055
17177
  "class": "row m-0 w-100 mb-3"
package/dist/index.esm.js CHANGED
@@ -15302,7 +15302,17 @@ var Filter$1 = function Filter(props) {
15302
15302
  useEffect(function () {
15303
15303
  if (fetchcollectionsQueryContext.isSuccess) {
15304
15304
  var _fetchcollectionsQuer;
15305
- setinstcollections(_toConsumableArray(fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 || (_fetchcollectionsQuer = fetchcollectionsQueryContext.data) === null || _fetchcollectionsQuer === void 0 || (_fetchcollectionsQuer = _fetchcollectionsQuer.data) === null || _fetchcollectionsQuer === void 0 ? void 0 : _fetchcollectionsQuer.collections));
15305
+ var tempcoll = fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 || (_fetchcollectionsQuer = fetchcollectionsQueryContext.data) === null || _fetchcollectionsQuer === void 0 || (_fetchcollectionsQuer = _fetchcollectionsQuer.data) === null || _fetchcollectionsQuer === void 0 ? void 0 : _fetchcollectionsQuer.collections;
15306
+ var tempcollinfilter = [];
15307
+ {
15308
+ tempcoll === null || tempcoll === void 0 || tempcoll.map(function (collectionitem, collectionindex) {
15309
+ if (collectionitem.isshowntocustomers == 1 && collectionitem.isinftiler == 1) {
15310
+ tempcollinfilter.push(collectionitem);
15311
+ }
15312
+ });
15313
+ }
15314
+ setinstcollections([].concat(tempcollinfilter));
15315
+ // setinstcollections([...fetchcollectionsQueryContext?.data?.data?.collections]);
15306
15316
  }
15307
15317
  }, [fetchcollectionsQueryContext.isSuccess]);
15308
15318
  // useEffect(() => {
@@ -17000,7 +17010,119 @@ var Filter$1 = function Filter(props) {
17000
17010
  }
17001
17011
  })))), /*#__PURE__*/React.createElement("div", {
17002
17012
  className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 pl-4 pr-4 '
17003
- }, sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.showvariantsfilter == 'Show' && InstFilters(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
17013
+ }, sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React.createElement("div", {
17014
+ "class": "row m-0 w-100"
17015
+ }, /*#__PURE__*/React.createElement("div", {
17016
+ "class": "col-lg-12 d-flex justify-content-start p-0"
17017
+ }, /*#__PURE__*/React.createElement("p", {
17018
+ className: "m-0 p-0 font-16 font-weight-600",
17019
+ style: {
17020
+ color: sectionproperties.filter_titlecolor,
17021
+ fontSize: sectionproperties.filter_titlefontsize + 'px',
17022
+ fontWeight: sectionproperties.filter_titlefontweight,
17023
+ textTransform: sectionproperties.filter_titletextransform
17024
+ }
17025
+ }, langdetect == 'en' ? 'Sort By' : 'ترتيب حسب')), /*#__PURE__*/React.createElement("div", {
17026
+ className: "col-lg-12"
17027
+ }, /*#__PURE__*/React.createElement("hr", {
17028
+ className: "mt-2 mb-3"
17029
+ })), otherfilters.map(function (item, index) {
17030
+ return /*#__PURE__*/React.createElement("div", {
17031
+ className: "col-lg-12 pl-3 pr-3"
17032
+ }, /*#__PURE__*/React.createElement(Accordion, {
17033
+ allowMultipleExpanded: true,
17034
+ allowZeroExpanded: true,
17035
+ preExpanded: [0, 1, 2, 3],
17036
+ style: {
17037
+ width: '100%'
17038
+ }
17039
+ }, /*#__PURE__*/React.createElement(AccordionItem, {
17040
+ uuid: index
17041
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
17042
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
17043
+ }, /*#__PURE__*/React.createElement("div", {
17044
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
17045
+ }, /*#__PURE__*/React.createElement("p", {
17046
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 collapsetitle ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
17047
+ }, item.name)), /*#__PURE__*/React.createElement("div", {
17048
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
17049
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
17050
+ if (state.expanded == true) {
17051
+ return /*#__PURE__*/React.createElement("i", {
17052
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
17053
+ }, /*#__PURE__*/React.createElement(FiChevronUp, null));
17054
+ } else {
17055
+ return /*#__PURE__*/React.createElement("i", {
17056
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
17057
+ }, /*#__PURE__*/React.createElement(FiChevronDown, null));
17058
+ }
17059
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
17060
+ className: "p-0"
17061
+ }, /*#__PURE__*/React.createElement("div", {
17062
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
17063
+ }, /*#__PURE__*/React.createElement("div", {
17064
+ className: 'col-lg-12'
17065
+ }, /*#__PURE__*/React.createElement("div", {
17066
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
17067
+ }, item.filterarray.map(function (valueitem, valueindex) {
17068
+ var ischecked = false;
17069
+ if (item.payloadvalue == 'sortprice') {
17070
+ if (valueitem.value == ProductFilterObjContext.sortprice) {
17071
+ ischecked = true;
17072
+ }
17073
+ } else if (item.payloadvalue == 'sortdates') {
17074
+ if (valueitem.value == ProductFilterObjContext.sortdates) {
17075
+ ischecked = true;
17076
+ }
17077
+ }
17078
+ return /*#__PURE__*/React.createElement("div", {
17079
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-center pb-3 ',
17080
+ onClick: function onClick() {
17081
+ var tempfetchproductsfilerobjcontext = _objectSpread$2b({}, ProductFilterObjContext);
17082
+ if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
17083
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
17084
+ } else {
17085
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
17086
+ }
17087
+ tempfetchproductsfilerobjcontext.page = 0;
17088
+ setProductFilterObjContext(_objectSpread$2b({}, tempfetchproductsfilerobjcontext));
17089
+ filterrouting(tempfetchproductsfilerobjcontext);
17090
+ }
17091
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
17092
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
17093
+ }, /*#__PURE__*/React.createElement("i", {
17094
+ className: "h-100 d-flex align-items-center"
17095
+ }))), /*#__PURE__*/React.createElement("div", {
17096
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
17097
+ }, /*#__PURE__*/React.createElement("p", {
17098
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
17099
+ style: {
17100
+ color: ischecked ? sectionproperties.activecat_color : ''
17101
+ }
17102
+ }, valueitem.name)));
17103
+ }))))))));
17104
+ }), sectionproperties.showfilterbyrating == 'Show' && /*#__PURE__*/React.createElement("div", {
17105
+ className: "col-lg-12 pl-4 pr-4"
17106
+ }, /*#__PURE__*/React.createElement("div", {
17107
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
17108
+ }, /*#__PURE__*/React.createElement("div", {
17109
+ className: "col-lg-12 col-md-12 col-sm-12 p-0 mb-3"
17110
+ }, /*#__PURE__*/React.createElement("p", {
17111
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 collapsetitle ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
17112
+ }, langdetect == 'en' ? 'Ratings' : 'التقييمات')), /*#__PURE__*/React.createElement("div", {
17113
+ className: "col-lg-12 col-md-12 col-sm-12 mb-4"
17114
+ }, /*#__PURE__*/React.createElement(InputRange, {
17115
+ draggableTrack: true,
17116
+ formatLabel: function formatLabel(value) {
17117
+ return "".concat(value);
17118
+ },
17119
+ maxValue: 5,
17120
+ minValue: 0,
17121
+ value: raterangevalue,
17122
+ onChange: function onChange(value) {
17123
+ setraterangevalue(_objectSpread$2b({}, value));
17124
+ }
17125
+ }))))), sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.showvariantsfilter == 'Show' && InstFilters(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
17004
17126
  "class": "row m-0 w-100 mb-3"
17005
17127
  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
17006
17128
  "class": "row m-0 w-100 mb-3"
package/dist/index.umd.js CHANGED
@@ -15175,7 +15175,17 @@
15175
15175
  React.useEffect(function () {
15176
15176
  if (fetchcollectionsQueryContext.isSuccess) {
15177
15177
  var _fetchcollectionsQuer;
15178
- setinstcollections(_toConsumableArray__default["default"](fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 || (_fetchcollectionsQuer = fetchcollectionsQueryContext.data) === null || _fetchcollectionsQuer === void 0 || (_fetchcollectionsQuer = _fetchcollectionsQuer.data) === null || _fetchcollectionsQuer === void 0 ? void 0 : _fetchcollectionsQuer.collections));
15178
+ var tempcoll = fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 || (_fetchcollectionsQuer = fetchcollectionsQueryContext.data) === null || _fetchcollectionsQuer === void 0 || (_fetchcollectionsQuer = _fetchcollectionsQuer.data) === null || _fetchcollectionsQuer === void 0 ? void 0 : _fetchcollectionsQuer.collections;
15179
+ var tempcollinfilter = [];
15180
+ {
15181
+ tempcoll === null || tempcoll === void 0 || tempcoll.map(function (collectionitem, collectionindex) {
15182
+ if (collectionitem.isshowntocustomers == 1 && collectionitem.isinftiler == 1) {
15183
+ tempcollinfilter.push(collectionitem);
15184
+ }
15185
+ });
15186
+ }
15187
+ setinstcollections([].concat(tempcollinfilter));
15188
+ // setinstcollections([...fetchcollectionsQueryContext?.data?.data?.collections]);
15179
15189
  }
15180
15190
  }, [fetchcollectionsQueryContext.isSuccess]);
15181
15191
  // useEffect(() => {
@@ -16873,7 +16883,119 @@
16873
16883
  }
16874
16884
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
16875
16885
  className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 pl-4 pr-4 '
16876
- }, sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.showvariantsfilter == 'Show' && InstFilters(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
16886
+ }, sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
16887
+ "class": "row m-0 w-100"
16888
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
16889
+ "class": "col-lg-12 d-flex justify-content-start p-0"
16890
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
16891
+ className: "m-0 p-0 font-16 font-weight-600",
16892
+ style: {
16893
+ color: sectionproperties.filter_titlecolor,
16894
+ fontSize: sectionproperties.filter_titlefontsize + 'px',
16895
+ fontWeight: sectionproperties.filter_titlefontweight,
16896
+ textTransform: sectionproperties.filter_titletextransform
16897
+ }
16898
+ }, langdetect == 'en' ? 'Sort By' : 'ترتيب حسب')), /*#__PURE__*/React__default["default"].createElement("div", {
16899
+ className: "col-lg-12"
16900
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
16901
+ className: "mt-2 mb-3"
16902
+ })), otherfilters.map(function (item, index) {
16903
+ return /*#__PURE__*/React__default["default"].createElement("div", {
16904
+ className: "col-lg-12 pl-3 pr-3"
16905
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
16906
+ allowMultipleExpanded: true,
16907
+ allowZeroExpanded: true,
16908
+ preExpanded: [0, 1, 2, 3],
16909
+ style: {
16910
+ width: '100%'
16911
+ }
16912
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
16913
+ uuid: index
16914
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
16915
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
16916
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
16917
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
16918
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
16919
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 collapsetitle ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
16920
+ }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
16921
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
16922
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
16923
+ if (state.expanded == true) {
16924
+ return /*#__PURE__*/React__default["default"].createElement("i", {
16925
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
16926
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
16927
+ } else {
16928
+ return /*#__PURE__*/React__default["default"].createElement("i", {
16929
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
16930
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
16931
+ }
16932
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
16933
+ className: "p-0"
16934
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
16935
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
16936
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
16937
+ className: 'col-lg-12'
16938
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
16939
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
16940
+ }, item.filterarray.map(function (valueitem, valueindex) {
16941
+ var ischecked = false;
16942
+ if (item.payloadvalue == 'sortprice') {
16943
+ if (valueitem.value == ProductFilterObjContext.sortprice) {
16944
+ ischecked = true;
16945
+ }
16946
+ } else if (item.payloadvalue == 'sortdates') {
16947
+ if (valueitem.value == ProductFilterObjContext.sortdates) {
16948
+ ischecked = true;
16949
+ }
16950
+ }
16951
+ return /*#__PURE__*/React__default["default"].createElement("div", {
16952
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-center pb-3 ',
16953
+ onClick: function onClick() {
16954
+ var tempfetchproductsfilerobjcontext = _objectSpread$2b({}, ProductFilterObjContext);
16955
+ if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
16956
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
16957
+ } else {
16958
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
16959
+ }
16960
+ tempfetchproductsfilerobjcontext.page = 0;
16961
+ setProductFilterObjContext(_objectSpread$2b({}, tempfetchproductsfilerobjcontext));
16962
+ filterrouting(tempfetchproductsfilerobjcontext);
16963
+ }
16964
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
16965
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
16966
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
16967
+ className: "h-100 d-flex align-items-center"
16968
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
16969
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
16970
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
16971
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
16972
+ style: {
16973
+ color: ischecked ? sectionproperties.activecat_color : ''
16974
+ }
16975
+ }, valueitem.name)));
16976
+ }))))))));
16977
+ }), sectionproperties.showfilterbyrating == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
16978
+ className: "col-lg-12 pl-4 pr-4"
16979
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
16980
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
16981
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
16982
+ className: "col-lg-12 col-md-12 col-sm-12 p-0 mb-3"
16983
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
16984
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 collapsetitle ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
16985
+ }, langdetect == 'en' ? 'Ratings' : 'التقييمات')), /*#__PURE__*/React__default["default"].createElement("div", {
16986
+ className: "col-lg-12 col-md-12 col-sm-12 mb-4"
16987
+ }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
16988
+ draggableTrack: true,
16989
+ formatLabel: function formatLabel(value) {
16990
+ return "".concat(value);
16991
+ },
16992
+ maxValue: 5,
16993
+ minValue: 0,
16994
+ value: raterangevalue,
16995
+ onChange: function onChange(value) {
16996
+ setraterangevalue(_objectSpread$2b({}, value));
16997
+ }
16998
+ }))))), sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.showvariantsfilter == 'Show' && InstFilters(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
16877
16999
  "class": "row m-0 w-100 mb-3"
16878
17000
  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
16879
17001
  "class": "row m-0 w-100 mb-3"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.666",
3
+ "version": "0.0.669",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {
@@ -762,7 +762,7 @@ const CardsSection = (props) => {
762
762
  background: sectionproperties.linebgcolor,
763
763
  height: 3,
764
764
  borderRadius: 10,
765
- marginTop: 15,
765
+ marginTop: 5,
766
766
  }}
767
767
  ></span>
768
768
  )}
@@ -156,7 +156,7 @@ const Freetextsection = (props) => {
156
156
  background: sectionproperties.linebgcolor,
157
157
  height: 3,
158
158
  borderRadius: 10,
159
- marginTop: 15,
159
+ marginTop: 5,
160
160
  }}
161
161
  ></span>
162
162
  )}
@@ -662,6 +662,7 @@ const Image_with_leftwords = (props) => {
662
662
  style={{
663
663
  position: 'relative',
664
664
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
665
+ textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
665
666
  fontSize: sectionproperties.sectionTitleFontSize + 'px',
666
667
  backgroundColor: sectionproperties.sectiontitlebgcolor,
667
668
  borderRadius: sectionproperties.sectiontitleborderradius + 'px',
@@ -99,7 +99,7 @@ const Servicesection = (props) => {
99
99
 
100
100
  return (
101
101
  <div
102
- class={' row ml-0 mr-0 align-items-center w-md-100 '}
102
+ class={' row ml-0 mr-0 align-items-center '}
103
103
  style={{
104
104
  width: sectionproperties.width + 'vw',
105
105
  marginTop: sectionproperties.marginTop + 'px',
@@ -248,7 +248,7 @@ const Servicesection = (props) => {
248
248
  <div class="row m-0 w-100 d-flex justify-content-center justify-content-md-start">
249
249
  {cardsarray.map((cardinfoitem, cardinfoindex) => {
250
250
  return (
251
- <div class="col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start">
251
+ <div class="col-lg-6 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start">
252
252
  <div
253
253
  // class="m-lg-auto d-flex justify-content-center"
254
254
  class={
@@ -298,7 +298,7 @@ const ServicesectionCenteredcards = (props) => {
298
298
  background: sectionproperties.linebgcolor,
299
299
  height: 3,
300
300
  borderRadius: 10,
301
- marginTop: 15,
301
+ marginTop: 5,
302
302
  }}
303
303
  ></span>
304
304
  )}
@@ -338,7 +338,7 @@ const ServicesectionCenteredcards = (props) => {
338
338
  {/* innersectionbgcolorhover */}
339
339
  {sectionproperties.showcountdown == 'Yes' && (
340
340
  <div class="row m-0 w-100 allcentered">
341
- <div className="col-3 col-sm-6 allcentered mb-md-2">
341
+ <div className="col-3 col-sm-6 allcentered mb-md-3">
342
342
  <CountdownCircleTimer {...timerProps} colors="#013c48" duration={daysDuration} initialRemainingTime={remainingTime}>
343
343
  {({ elapsedTime, color }) => (
344
344
  <span style={{ color: '#bea04b', fontSize: 23, fontWeight: 600 }} class="allcentered">
@@ -347,7 +347,7 @@ const ServicesectionCenteredcards = (props) => {
347
347
  )}
348
348
  </CountdownCircleTimer>
349
349
  </div>
350
- <div className="col-3 col-sm-6 allcentered mb-md-2">
350
+ <div className="col-3 col-sm-6 allcentered mb-md-3">
351
351
  <CountdownCircleTimer
352
352
  {...timerProps}
353
353
  colors="#013c48"
@@ -365,7 +365,7 @@ const ServicesectionCenteredcards = (props) => {
365
365
  </CountdownCircleTimer>
366
366
  </div>
367
367
 
368
- <div className="col-3 col-sm-6 allcentered mb-md-2">
368
+ <div className="col-3 col-sm-6 allcentered mb-md-3">
369
369
  <CountdownCircleTimer
370
370
  {...timerProps}
371
371
  colors="#013c48"
@@ -383,7 +383,7 @@ const ServicesectionCenteredcards = (props) => {
383
383
  </CountdownCircleTimer>
384
384
  </div>
385
385
 
386
- <div className="col-3 col-sm-6 allcentered mb-md-2">
386
+ <div className="col-3 col-sm-6 allcentered mb-md-3">
387
387
  <CountdownCircleTimer
388
388
  {...timerProps}
389
389
  colors="#013c48"