tabexseriescomponents 0.2.1226 → 0.2.1227
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 +230 -128
- package/dist/index.esm.js +230 -128
- package/dist/index.umd.js +230 -128
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -21890,7 +21890,6 @@ var Filter$1 = function Filter(props) {
|
|
|
21890
21890
|
// );
|
|
21891
21891
|
// }
|
|
21892
21892
|
if (item.type == 'Selectbox') {
|
|
21893
|
-
var _item$featuresselectb;
|
|
21894
21893
|
// item?.featuresselectbovalue?.forEach(function (slecitem) {
|
|
21895
21894
|
// var itemlabel = '';
|
|
21896
21895
|
// var itemlabelar = '';
|
|
@@ -21901,146 +21900,249 @@ var Filter$1 = function Filter(props) {
|
|
|
21901
21900
|
// }
|
|
21902
21901
|
// selectboxarr.push({ label: itemlabel, value: slecitem.value_en });
|
|
21903
21902
|
// });
|
|
21904
|
-
|
|
21905
|
-
|
|
21906
|
-
|
|
21907
|
-
|
|
21908
|
-
|
|
21909
|
-
|
|
21910
|
-
|
|
21911
|
-
|
|
21912
|
-
|
|
21913
|
-
|
|
21914
|
-
|
|
21915
|
-
|
|
21916
|
-
|
|
21917
|
-
|
|
21918
|
-
|
|
21919
|
-
|
|
21920
|
-
|
|
21921
|
-
|
|
21922
|
-
|
|
21923
|
-
|
|
21924
|
-
|
|
21925
|
-
|
|
21926
|
-
|
|
21927
|
-
|
|
21928
|
-
|
|
21929
|
-
className: "p-0"
|
|
21930
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21931
|
-
className: "row mt-3 mb-2 ml-0 mr-0 d-lg-flex px-3 px-md-4-2 overflowyedit"
|
|
21932
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21933
|
-
className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
21934
|
-
}, item === null || item === void 0 || (_item$featuresselectb = item.featuresselectbovalue) === null || _item$featuresselectb === void 0 ? void 0 : _item$featuresselectb.map(function (slecitem, slecindex) {
|
|
21935
|
-
var ischecked = false;
|
|
21936
|
-
if (ProductFilterObjContext != undefined && ProductFilterObjContext != null && ProductFilterObjContext.prod_featruesar != undefined && ProductFilterObjContext.prod_featruesar != null && ProductFilterObjContext.prod_featruesar.length != 0) {
|
|
21937
|
-
var tempproductfeatuesarr = _toConsumableArray__default["default"](ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.prod_featruesar);
|
|
21938
|
-
if (tempproductfeatuesarr.length != 0) {
|
|
21939
|
-
tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
|
|
21940
|
-
if (attritem.value == slecitem.value_en) {
|
|
21941
|
-
ischecked = true;
|
|
21942
|
-
}
|
|
21943
|
-
});
|
|
21903
|
+
if (sectionproperties.expandall == 'Yes') {
|
|
21904
|
+
var _item$featuresselectb;
|
|
21905
|
+
return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
|
|
21906
|
+
allowMultipleExpanded: true,
|
|
21907
|
+
allowZeroExpanded: true,
|
|
21908
|
+
preExpanded: [0, 1, 2, 3]
|
|
21909
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
|
|
21910
|
+
uuid: index
|
|
21911
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21912
|
+
className: filter_cssstyles.titlecontainer + ' row m-0 w-100 p-0 mb-2 pl-md-3 pr-md-3 '
|
|
21913
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21914
|
+
className: "col-lg-10 col-md-10 col-sm-10 p-0"
|
|
21915
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
21916
|
+
className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
|
|
21917
|
+
}, langdetect == 'en' ? item.name_en : item.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21918
|
+
className: "col-lg-2 col-md-2 col-sm-2 p-0"
|
|
21919
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
|
|
21920
|
+
if (state.expanded == true) {
|
|
21921
|
+
return /*#__PURE__*/React__default["default"].createElement("i", {
|
|
21922
|
+
className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
21923
|
+
}, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
|
|
21924
|
+
} else {
|
|
21925
|
+
return /*#__PURE__*/React__default["default"].createElement("i", {
|
|
21926
|
+
className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
21927
|
+
}, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
|
|
21944
21928
|
}
|
|
21945
|
-
}
|
|
21946
|
-
|
|
21947
|
-
|
|
21948
|
-
|
|
21949
|
-
|
|
21950
|
-
|
|
21951
|
-
|
|
21952
|
-
|
|
21953
|
-
|
|
21954
|
-
|
|
21955
|
-
|
|
21956
|
-
|
|
21957
|
-
|
|
21958
|
-
|
|
21959
|
-
|
|
21929
|
+
}))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
|
|
21930
|
+
className: "p-0"
|
|
21931
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21932
|
+
className: "row mt-3 mb-2 ml-0 mr-0 d-lg-flex px-3 px-md-4-2 overflowyedit"
|
|
21933
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21934
|
+
className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
21935
|
+
}, item === null || item === void 0 || (_item$featuresselectb = item.featuresselectbovalue) === null || _item$featuresselectb === void 0 ? void 0 : _item$featuresselectb.map(function (slecitem, slecindex) {
|
|
21936
|
+
var ischecked = false;
|
|
21937
|
+
if (ProductFilterObjContext != undefined && ProductFilterObjContext != null && ProductFilterObjContext.prod_featruesar != undefined && ProductFilterObjContext.prod_featruesar != null && ProductFilterObjContext.prod_featruesar.length != 0) {
|
|
21938
|
+
var tempproductfeatuesarr = _toConsumableArray__default["default"](ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.prod_featruesar);
|
|
21939
|
+
if (tempproductfeatuesarr.length != 0) {
|
|
21940
|
+
tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
|
|
21941
|
+
if (attritem.value == slecitem.value_en) {
|
|
21942
|
+
ischecked = true;
|
|
21943
|
+
}
|
|
21960
21944
|
});
|
|
21961
|
-
|
|
21962
|
-
|
|
21963
|
-
|
|
21964
|
-
|
|
21945
|
+
}
|
|
21946
|
+
}
|
|
21947
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21948
|
+
// className={
|
|
21949
|
+
// `${filterstyles.border_left_line} ${filterstyles.timelineinnercont} ${filter_cssstyles.timelineinnercont}
|
|
21950
|
+
// ${slecitem.isfilterselected ? `${filter_cssstyles.timelineinnercont_active} ${filterstyles.timelineinnercont_active}` : ''}
|
|
21951
|
+
|
|
21952
|
+
// ` + ' d-flex align-items-center pb-3 '
|
|
21953
|
+
// }
|
|
21954
|
+
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 ',
|
|
21955
|
+
onClick: function onClick(e) {
|
|
21956
|
+
var tempproductfeatuesarr = [];
|
|
21957
|
+
if (ProductFilterObjContext != undefined && ProductFilterObjContext != null && ProductFilterObjContext.prod_featruesar != undefined && ProductFilterObjContext.prod_featruesar != null && ProductFilterObjContext.prod_featruesar.length != 0) {
|
|
21958
|
+
tempproductfeatuesarr = _toConsumableArray__default["default"](ProductFilterObjContext.prod_featruesar);
|
|
21959
|
+
var existingIndex = tempproductfeatuesarr.findIndex(function (attritem) {
|
|
21960
|
+
return attritem.id === slecitem.featureid;
|
|
21961
|
+
});
|
|
21962
|
+
if (existingIndex !== -1) {
|
|
21963
|
+
if (tempproductfeatuesarr[existingIndex].value === slecitem.value_en) {
|
|
21964
|
+
// Same feature and value -> remove (toggle off)
|
|
21965
|
+
tempproductfeatuesarr.splice(existingIndex, 1);
|
|
21966
|
+
} else {
|
|
21967
|
+
// Same feature, different value -> update
|
|
21968
|
+
tempproductfeatuesarr[existingIndex].value = slecitem.value_en;
|
|
21969
|
+
}
|
|
21965
21970
|
} else {
|
|
21966
|
-
//
|
|
21967
|
-
tempproductfeatuesarr
|
|
21971
|
+
// Feature doesn't exist -> add new
|
|
21972
|
+
tempproductfeatuesarr.push({
|
|
21973
|
+
id: slecitem.featureid,
|
|
21974
|
+
value: slecitem.value_en
|
|
21975
|
+
});
|
|
21968
21976
|
}
|
|
21969
21977
|
} else {
|
|
21970
|
-
// Feature
|
|
21978
|
+
// Feature list is empty -> add new
|
|
21971
21979
|
tempproductfeatuesarr.push({
|
|
21972
21980
|
id: slecitem.featureid,
|
|
21973
21981
|
value: slecitem.value_en
|
|
21974
21982
|
});
|
|
21975
21983
|
}
|
|
21976
|
-
|
|
21977
|
-
// Feature list is empty -> add new
|
|
21978
|
-
tempproductfeatuesarr.push({
|
|
21979
|
-
id: slecitem.featureid,
|
|
21980
|
-
value: slecitem.value_en
|
|
21981
|
-
});
|
|
21984
|
+
setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
|
|
21982
21985
|
}
|
|
21983
|
-
|
|
21984
|
-
|
|
21985
|
-
|
|
21986
|
-
|
|
21987
|
-
|
|
21988
|
-
|
|
21989
|
-
|
|
21990
|
-
|
|
21991
|
-
|
|
21992
|
-
|
|
21993
|
-
|
|
21994
|
-
|
|
21995
|
-
|
|
21986
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21987
|
+
// className={
|
|
21988
|
+
// ` ${slecitem.isfilterselected ? filter_cssstyles.btn_item_active : ''} ${filterstyles.btn_item} ${
|
|
21989
|
+
// filter_cssstyles.btn_item
|
|
21990
|
+
// }` + ' d-flex align-items-center '
|
|
21991
|
+
// }
|
|
21992
|
+
className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
|
|
21993
|
+
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
21994
|
+
className: "h-100 d-flex align-items-center"
|
|
21995
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21996
|
+
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
21997
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
21998
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
21999
|
+
style: {
|
|
22000
|
+
color: slecitem.isfilterselected ? sectionproperties.activecat_color : ''
|
|
22001
|
+
}
|
|
22002
|
+
}, langdetect == 'en' ? slecitem.value_en : slecitem.value_ar)));
|
|
22003
|
+
}))))))
|
|
22004
|
+
// <div class="col-lg-12 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3 p-0">
|
|
22005
|
+
// <label
|
|
22006
|
+
// className={' mb-3 w-100 '}
|
|
22007
|
+
// style={{
|
|
22008
|
+
// textAlign: langdetect == 'en' ? 'left' : 'right',
|
|
22009
|
+
// color: sectionproperties.filtertitle_color,
|
|
22010
|
+
// color: sectionproperties.filtertitle_color,
|
|
22011
|
+
// fontSize: sectionproperties.filtertitle_fontsize + 'px',
|
|
22012
|
+
// fontWeight: sectionproperties.filtertitle_fontweight,
|
|
22013
|
+
// color: sectionproperties.filtertitle_color,
|
|
22014
|
+
// textTransform: 'capitalize',
|
|
22015
|
+
// }}
|
|
22016
|
+
// >
|
|
22017
|
+
// {langdetect == 'en' ? item.name_en : item.name_ar}
|
|
22018
|
+
// </label>
|
|
22019
|
+
// <div class={'col-lg-12 p-0'}>
|
|
22020
|
+
// <Select
|
|
22021
|
+
// options={selectboxarr}
|
|
22022
|
+
// styles={langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated}
|
|
22023
|
+
// placeholder={''}
|
|
22024
|
+
// onChange={(e) => {
|
|
22025
|
+
// var isattrexists = false;
|
|
22026
|
+
// var tempproductfeatuesarr = [...productfeatuesarr];
|
|
22027
|
+
// tempproductfeatuesarr?.forEach(function (attritem, attrindex) {
|
|
22028
|
+
// if (attritem.id == item.id) {
|
|
22029
|
+
// tempproductfeatuesarr[attrindex].value = e.value;
|
|
22030
|
+
// isattrexists = true;
|
|
22031
|
+
// }
|
|
22032
|
+
// });
|
|
22033
|
+
// if (isattrexists == false) {
|
|
22034
|
+
// tempproductfeatuesarr.push({
|
|
22035
|
+
// id: item.id,
|
|
22036
|
+
// value: e.value,
|
|
22037
|
+
// });
|
|
22038
|
+
// }
|
|
22039
|
+
// setproductfeatuesarr([...tempproductfeatuesarr]);
|
|
22040
|
+
// }}
|
|
22041
|
+
// />
|
|
22042
|
+
// </div>
|
|
22043
|
+
// </div>
|
|
22044
|
+
;
|
|
22045
|
+
} else {
|
|
22046
|
+
var _item$featuresselectb2;
|
|
22047
|
+
return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
|
|
22048
|
+
allowMultipleExpanded: true,
|
|
22049
|
+
allowZeroExpanded: true
|
|
22050
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
|
|
22051
|
+
uuid: index
|
|
22052
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
22053
|
+
className: filter_cssstyles.titlecontainer + ' row m-0 w-100 p-0 mb-2 pl-md-3 pr-md-3 '
|
|
22054
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
22055
|
+
className: "col-lg-10 col-md-10 col-sm-10 p-0"
|
|
21996
22056
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
21997
|
-
className:
|
|
21998
|
-
|
|
21999
|
-
|
|
22057
|
+
className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
|
|
22058
|
+
}, langdetect == 'en' ? item.name_en : item.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
22059
|
+
className: "col-lg-2 col-md-2 col-sm-2 p-0"
|
|
22060
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
|
|
22061
|
+
if (state.expanded == true) {
|
|
22062
|
+
return /*#__PURE__*/React__default["default"].createElement("i", {
|
|
22063
|
+
className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
22064
|
+
}, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
|
|
22065
|
+
} else {
|
|
22066
|
+
return /*#__PURE__*/React__default["default"].createElement("i", {
|
|
22067
|
+
className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
22068
|
+
}, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
|
|
22000
22069
|
}
|
|
22001
|
-
},
|
|
22002
|
-
|
|
22003
|
-
|
|
22004
|
-
|
|
22005
|
-
|
|
22006
|
-
|
|
22007
|
-
|
|
22008
|
-
|
|
22009
|
-
|
|
22010
|
-
|
|
22011
|
-
|
|
22012
|
-
|
|
22013
|
-
|
|
22014
|
-
|
|
22015
|
-
|
|
22016
|
-
|
|
22017
|
-
|
|
22018
|
-
|
|
22019
|
-
|
|
22020
|
-
|
|
22021
|
-
|
|
22022
|
-
|
|
22023
|
-
|
|
22024
|
-
|
|
22025
|
-
|
|
22026
|
-
|
|
22027
|
-
|
|
22028
|
-
|
|
22029
|
-
|
|
22030
|
-
|
|
22031
|
-
|
|
22032
|
-
|
|
22033
|
-
|
|
22034
|
-
|
|
22035
|
-
|
|
22036
|
-
|
|
22037
|
-
|
|
22038
|
-
|
|
22039
|
-
|
|
22040
|
-
|
|
22041
|
-
|
|
22042
|
-
|
|
22043
|
-
|
|
22070
|
+
}))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
|
|
22071
|
+
className: "p-0"
|
|
22072
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
22073
|
+
className: "row mt-3 mb-2 ml-0 mr-0 d-lg-flex px-3 px-md-4-2 overflowyedit"
|
|
22074
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
22075
|
+
className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
22076
|
+
}, item === null || item === void 0 || (_item$featuresselectb2 = item.featuresselectbovalue) === null || _item$featuresselectb2 === void 0 ? void 0 : _item$featuresselectb2.map(function (slecitem, slecindex) {
|
|
22077
|
+
var ischecked = false;
|
|
22078
|
+
if (ProductFilterObjContext != undefined && ProductFilterObjContext != null && ProductFilterObjContext.prod_featruesar != undefined && ProductFilterObjContext.prod_featruesar != null && ProductFilterObjContext.prod_featruesar.length != 0) {
|
|
22079
|
+
var tempproductfeatuesarr = _toConsumableArray__default["default"](ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.prod_featruesar);
|
|
22080
|
+
if (tempproductfeatuesarr.length != 0) {
|
|
22081
|
+
tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
|
|
22082
|
+
if (attritem.value == slecitem.value_en) {
|
|
22083
|
+
ischecked = true;
|
|
22084
|
+
}
|
|
22085
|
+
});
|
|
22086
|
+
}
|
|
22087
|
+
}
|
|
22088
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
22089
|
+
// className={
|
|
22090
|
+
// `${filterstyles.border_left_line} ${filterstyles.timelineinnercont} ${filter_cssstyles.timelineinnercont}
|
|
22091
|
+
// ${slecitem.isfilterselected ? `${filter_cssstyles.timelineinnercont_active} ${filterstyles.timelineinnercont_active}` : ''}
|
|
22092
|
+
|
|
22093
|
+
// ` + ' d-flex align-items-center pb-3 '
|
|
22094
|
+
// }
|
|
22095
|
+
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 ',
|
|
22096
|
+
onClick: function onClick(e) {
|
|
22097
|
+
var tempproductfeatuesarr = [];
|
|
22098
|
+
if (ProductFilterObjContext != undefined && ProductFilterObjContext != null && ProductFilterObjContext.prod_featruesar != undefined && ProductFilterObjContext.prod_featruesar != null && ProductFilterObjContext.prod_featruesar.length != 0) {
|
|
22099
|
+
tempproductfeatuesarr = _toConsumableArray__default["default"](ProductFilterObjContext.prod_featruesar);
|
|
22100
|
+
var existingIndex = tempproductfeatuesarr.findIndex(function (attritem) {
|
|
22101
|
+
return attritem.id === slecitem.featureid;
|
|
22102
|
+
});
|
|
22103
|
+
if (existingIndex !== -1) {
|
|
22104
|
+
if (tempproductfeatuesarr[existingIndex].value === slecitem.value_en) {
|
|
22105
|
+
// Same feature and value -> remove (toggle off)
|
|
22106
|
+
tempproductfeatuesarr.splice(existingIndex, 1);
|
|
22107
|
+
} else {
|
|
22108
|
+
// Same feature, different value -> update
|
|
22109
|
+
tempproductfeatuesarr[existingIndex].value = slecitem.value_en;
|
|
22110
|
+
}
|
|
22111
|
+
} else {
|
|
22112
|
+
// Feature doesn't exist -> add new
|
|
22113
|
+
tempproductfeatuesarr.push({
|
|
22114
|
+
id: slecitem.featureid,
|
|
22115
|
+
value: slecitem.value_en
|
|
22116
|
+
});
|
|
22117
|
+
}
|
|
22118
|
+
} else {
|
|
22119
|
+
// Feature list is empty -> add new
|
|
22120
|
+
tempproductfeatuesarr.push({
|
|
22121
|
+
id: slecitem.featureid,
|
|
22122
|
+
value: slecitem.value_en
|
|
22123
|
+
});
|
|
22124
|
+
}
|
|
22125
|
+
setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
|
|
22126
|
+
}
|
|
22127
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
22128
|
+
// className={
|
|
22129
|
+
// ` ${slecitem.isfilterselected ? filter_cssstyles.btn_item_active : ''} ${filterstyles.btn_item} ${
|
|
22130
|
+
// filter_cssstyles.btn_item
|
|
22131
|
+
// }` + ' d-flex align-items-center '
|
|
22132
|
+
// }
|
|
22133
|
+
className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
|
|
22134
|
+
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
22135
|
+
className: "h-100 d-flex align-items-center"
|
|
22136
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
22137
|
+
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
22138
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
22139
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
22140
|
+
style: {
|
|
22141
|
+
color: slecitem.isfilterselected ? sectionproperties.activecat_color : ''
|
|
22142
|
+
}
|
|
22143
|
+
}, langdetect == 'en' ? slecitem.value_en : slecitem.value_ar)));
|
|
22144
|
+
}))))));
|
|
22145
|
+
}
|
|
22044
22146
|
}
|
|
22045
22147
|
// up here
|
|
22046
22148
|
if (item.type == 'Number') {
|