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 +124 -2
- package/dist/index.esm.js +124 -2
- package/dist/index.umd.js +124 -2
- package/package.json +1 -1
- package/srcoman/TabexComponents/Sections/Cards/CardsSection/CardsSection.jsx +1 -1
- package/srcoman/TabexComponents/Sections/Slideshow/Freetextsection/Freetextsection.jsx +1 -1
- package/srcoman/TabexComponents/Sections/Slideshow/Image_with_leftwords/Image_with_leftwords.jsx +1 -0
- package/srcoman/TabexComponents/Sections/Slideshow/Servicesection/Servicesection.jsx +2 -2
- package/srcoman/TabexComponents/Sections/Slideshow/ServicesectionCenteredcards/ServicesectionCenteredcards.jsx +5 -5
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
|
-
|
|
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.
|
|
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
|
-
|
|
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.
|
|
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
|
-
|
|
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.
|
|
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
package/srcoman/TabexComponents/Sections/Slideshow/Image_with_leftwords/Image_with_leftwords.jsx
CHANGED
|
@@ -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
|
|
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-
|
|
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:
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
386
|
+
<div className="col-3 col-sm-6 allcentered mb-md-3">
|
|
387
387
|
<CountdownCircleTimer
|
|
388
388
|
{...timerProps}
|
|
389
389
|
colors="#013c48"
|