tabexseriescomponents 0.0.169 → 0.0.171

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 +277 -28
  2. package/dist/index.esm.js +277 -28
  3. package/dist/index.umd.js +277 -28
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -8638,7 +8638,7 @@ var Filter$1 = function Filter(props) {
8638
8638
  })
8639
8639
  };
8640
8640
  return /*#__PURE__*/React__default["default"].createElement("div", {
8641
- className: "col-lg-12 p-0 w-100 filter mt-md-0",
8641
+ className: "col-lg-12 p-0 w-100 filter mt-md-0 d-md-none",
8642
8642
  style: {
8643
8643
  marginTop: sectionproperties.filtersection_mt + 'px',
8644
8644
  zIndex: 1000000
@@ -8956,7 +8956,252 @@ var Filter$1 = function Filter(props) {
8956
8956
  })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8957
8957
  className: "mt-3 mb-3"
8958
8958
  }));
8959
- }))))));
8959
+ }))))), /*#__PURE__*/React__default["default"].createElement("div", {
8960
+ className: "col-lg-12",
8961
+ style: {
8962
+ zIndex: 200000
8963
+ }
8964
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
8965
+ show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
8966
+ onHide: function onHide() {
8967
+ props.setopenFilterSlider(false);
8968
+ },
8969
+ placement: "end",
8970
+ scroll: true,
8971
+ style: {
8972
+ minWidth: '200px',
8973
+ background: sectionproperties.filter_backgroundcolor,
8974
+ borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
8975
+ },
8976
+ backdrop: true
8977
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, /*#__PURE__*/React__default["default"].createElement("div", {
8978
+ className: "row m-0 w-100 mt-2"
8979
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8980
+ className: "col-lg-9 col-md-9 col-sm-9 d-none align-items-center d-md-flex"
8981
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8982
+ className: "m-0 p-0 font-16 font-weight-600",
8983
+ style: {
8984
+ color: sectionproperties.filter_titlecolor,
8985
+ fontSize: sectionproperties.filter_titlefontsize + 'px',
8986
+ fontWeight: sectionproperties.filter_titlefontweight,
8987
+ textTransform: sectionproperties.filter_titletextransform
8988
+ }
8989
+ }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
8990
+ className: "col-lg-3 col-md-3 col-sm-3 d-none d-md-flex align-items-center justify-content-end p-0"
8991
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8992
+ className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
8993
+ onClick: function onClick() {
8994
+ props.setopenFilterSlider(false);
8995
+ }
8996
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
8997
+ className: "h-100 d-flex align-items-center justify-content-center"
8998
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
8999
+ size: sectionproperties.closeSlider_fontSize,
9000
+ style: {
9001
+ color: sectionproperties.closeSlider_color
9002
+ }
9003
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
9004
+ "class": "col-lg-12"
9005
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
9006
+ "class": "mt-2 mb-2"
9007
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
9008
+ className: ' pb-md-5 ',
9009
+ style: {
9010
+ background: sectionproperties.filter_backgroundcolor,
9011
+ borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
9012
+ zIndex: 100000
9013
+ }
9014
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9015
+ className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
9016
+ }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
9017
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
9018
+ allowMultipleExpanded: true,
9019
+ allowZeroExpanded: true,
9020
+ preExpanded: [0, 1, 2, 3],
9021
+ style: {
9022
+ width: '100%'
9023
+ }
9024
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
9025
+ uuid: index
9026
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
9027
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9028
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9029
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
9030
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9031
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9032
+ }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
9033
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
9034
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
9035
+ if (state.expanded == true) {
9036
+ return /*#__PURE__*/React__default["default"].createElement("i", {
9037
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9038
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
9039
+ } else {
9040
+ return /*#__PURE__*/React__default["default"].createElement("i", {
9041
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9042
+ }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
9043
+ }
9044
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
9045
+ className: "p-0"
9046
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9047
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9048
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9049
+ className: 'col-lg-12'
9050
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9051
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9052
+ }, item.filterarray.map(function (valueitem, valueindex) {
9053
+ var ischecked = false;
9054
+ if (item.payloadvalue == 'sortprice') {
9055
+ if (valueitem.value == ProductFilterObjContext.sortprice) {
9056
+ ischecked = true;
9057
+ }
9058
+ } else if (item.payloadvalue == 'sortdates') {
9059
+ if (valueitem.value == ProductFilterObjContext.sortdates) {
9060
+ ischecked = true;
9061
+ }
9062
+ }
9063
+ return /*#__PURE__*/React__default["default"].createElement("div", {
9064
+ 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-start pb-3 ',
9065
+ onClick: function onClick() {
9066
+ // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
9067
+ var tempfetchproductsfilerobjcontext = _objectSpread$1C({}, ProductFilterObjContext);
9068
+ if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
9069
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
9070
+ } else {
9071
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
9072
+ }
9073
+ setProductFilterObjContext(_objectSpread$1C({}, tempfetchproductsfilerobjcontext));
9074
+ }
9075
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
9076
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9077
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
9078
+ className: "h-100 d-flex align-items-center"
9079
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
9080
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9081
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9082
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9083
+ style: {
9084
+ color: ischecked ? sectionproperties.activecat_color : ''
9085
+ }
9086
+ }, valueitem.name)));
9087
+ }))))))), /*#__PURE__*/React__default["default"].createElement("hr", {
9088
+ className: "mt-3 mb-3"
9089
+ }));
9090
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
9091
+ className: "col-lg-12"
9092
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
9093
+ className: "mt-2 mb-3"
9094
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
9095
+ className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
9096
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
9097
+ allowMultipleExpanded: true,
9098
+ allowZeroExpanded: true,
9099
+ preExpanded: [0, 1, 2, 3]
9100
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
9101
+ uuid: 0
9102
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
9103
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9104
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9105
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
9106
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9107
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9108
+ }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
9109
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
9110
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
9111
+ if (state.expanded == true) {
9112
+ return /*#__PURE__*/React__default["default"].createElement("i", {
9113
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9114
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
9115
+ } else {
9116
+ return /*#__PURE__*/React__default["default"].createElement("i", {
9117
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9118
+ }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
9119
+ }
9120
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
9121
+ className: "p-0"
9122
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9123
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9124
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9125
+ className: 'col-lg-12'
9126
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9127
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9128
+ }, instcollections.map(function (item, index) {
9129
+ return /*#__PURE__*/React__default["default"].createElement("div", {
9130
+ 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-start pb-3 ',
9131
+ onClick: function onClick() {
9132
+ setCollectionFilterFunc(item.collectionid);
9133
+ }
9134
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9135
+ className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9136
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
9137
+ className: "h-100 d-flex align-items-center"
9138
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
9139
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9140
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9141
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9142
+ style: {
9143
+ color: item.isfilterselected ? sectionproperties.activecat_color : ''
9144
+ }
9145
+ }, langdetect == 'en' ? item.title_en : item.title_ar)));
9146
+ }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
9147
+ "class": "col-lg-12"
9148
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
9149
+ className: "mt-3 mb-3"
9150
+ })), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
9151
+ allowMultipleExpanded: true,
9152
+ allowZeroExpanded: true,
9153
+ preExpanded: [0, 1, 2, 3]
9154
+ }, instfilters.map(function (item, index) {
9155
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
9156
+ uuid: index
9157
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
9158
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9159
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9160
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
9161
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9162
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9163
+ }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
9164
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
9165
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
9166
+ if (state.expanded == true) {
9167
+ return /*#__PURE__*/React__default["default"].createElement("i", {
9168
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9169
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
9170
+ } else {
9171
+ return /*#__PURE__*/React__default["default"].createElement("i", {
9172
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9173
+ }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
9174
+ }
9175
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
9176
+ className: "p-0"
9177
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9178
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9179
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9180
+ className: 'col-lg-12'
9181
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9182
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9183
+ }, item.productvaluesfilter.map(function (valueitem, valueindex) {
9184
+ return /*#__PURE__*/React__default["default"].createElement("div", {
9185
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
9186
+ onClick: function onClick() {
9187
+ setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
9188
+ }
9189
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
9190
+ className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9191
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
9192
+ className: "h-100 d-flex align-items-center"
9193
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
9194
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9195
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9196
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9197
+ style: {
9198
+ color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
9199
+ }
9200
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
9201
+ })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
9202
+ className: "mt-3 mb-3"
9203
+ }));
9204
+ })))))))));
8960
9205
  };
8961
9206
 
8962
9207
  function ownKeys$1B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -8985,31 +9230,35 @@ var CardsSection = function CardsSection(props) {
8985
9230
  var fetchingtype = props.actions.fetchingtype;
8986
9231
  props.actions.addtofavoritescontext;
8987
9232
  var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
8988
- var actions = props.actions;
8989
- var _useState = React.useState(''),
9233
+ var _useState = React.useState(false),
8990
9234
  _useState2 = _slicedToArray__default["default"](_useState, 2),
8991
- sectionproperties = _useState2[0],
8992
- setsectionproperties = _useState2[1];
8993
- var _useState3 = React.useState([]),
9235
+ openFilterSlider = _useState2[0],
9236
+ setopenFilterSlider = _useState2[1];
9237
+ var actions = props.actions;
9238
+ var _useState3 = React.useState(''),
8994
9239
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
8995
- cardsarray = _useState4[0],
8996
- setcardsarray = _useState4[1];
8997
- var _useState5 = React.useState(''),
9240
+ sectionproperties = _useState4[0],
9241
+ setsectionproperties = _useState4[1];
9242
+ var _useState5 = React.useState([]),
8998
9243
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
8999
- sectionitem = _useState6[0],
9000
- setsectionitem = _useState6[1];
9001
- var _useState7 = React.useState({
9244
+ cardsarray = _useState6[0],
9245
+ setcardsarray = _useState6[1];
9246
+ var _useState7 = React.useState(''),
9247
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
9248
+ sectionitem = _useState8[0],
9249
+ setsectionitem = _useState8[1];
9250
+ var _useState9 = React.useState({
9002
9251
  productfetchingtype: 'Random',
9003
9252
  collectionid: '',
9004
9253
  grouptype: ''
9005
9254
  }),
9006
- _useState8 = _slicedToArray__default["default"](_useState7, 2),
9007
- ProductsFetchingTypeSectionObj = _useState8[0],
9008
- setProductsFetchingTypeSectionObj = _useState8[1];
9009
- var _useState9 = React.useState([]),
9010
9255
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
9011
- maincontainerarrayofobjs = _useState10[0],
9012
- setmaincontainerarrayofobjs = _useState10[1];
9256
+ ProductsFetchingTypeSectionObj = _useState10[0],
9257
+ setProductsFetchingTypeSectionObj = _useState10[1];
9258
+ var _useState11 = React.useState([]),
9259
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
9260
+ maincontainerarrayofobjs = _useState12[0],
9261
+ setmaincontainerarrayofobjs = _useState12[1];
9013
9262
  React__default["default"].useEffect(function () {
9014
9263
  if (inView) {
9015
9264
  fetchProductsQuery.fetchNextPage();
@@ -9498,8 +9747,9 @@ var CardsSection = function CardsSection(props) {
9498
9747
  }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(FaArrowAltCircleRight.FaArrowAltCircleRight, null) : /*#__PURE__*/React__default["default"].createElement(FaArrowAltCircleLeft.FaArrowAltCircleLeft, null)))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("button", {
9499
9748
  "class": ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
9500
9749
  onClick: function onClick() {
9501
- var element = document.getElementById('filterslider');
9502
- element.classList.add(filterstyles.filterslider_container_opened);
9750
+ setopenFilterSlider(true);
9751
+ // var element = document.getElementById('filterslider');
9752
+ // element.classList.add(filterstyles.filterslider_container_opened);
9503
9753
  }
9504
9754
  }, /*#__PURE__*/React__default["default"].createElement("div", {
9505
9755
  "class": "".concat(section_cssstyles.filterbtn)
@@ -9633,17 +9883,16 @@ var CardsSection = function CardsSection(props) {
9633
9883
  paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
9634
9884
  paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0
9635
9885
  }
9636
- }, sectionproperties.showFilter == 'show' &&
9637
- /*#__PURE__*/
9638
- // d-md-none
9639
- React__default["default"].createElement("div", {
9886
+ }, sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
9640
9887
  className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex ' : 'col-lg-3 d-flex',
9641
9888
  style: {
9642
9889
  zIndex: 1000
9643
9890
  }
9644
9891
  }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
9645
9892
  sectionpropertiesprops: sectionproperties,
9646
- actions: actions
9893
+ actions: actions,
9894
+ openFilterSlider: openFilterSlider,
9895
+ setopenFilterSlider: setopenFilterSlider
9647
9896
  })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender()));
9648
9897
  };
9649
9898
 
@@ -35089,8 +35338,8 @@ var Freetextsection = function Freetextsection(props) {
35089
35338
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
35090
35339
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
35091
35340
  paddingTop: sectionproperties.paddingTop + 'px',
35092
- paddingBottom: sectionproperties.paddingBottom + 'px'
35093
- // zIndex: 100,
35341
+ paddingBottom: sectionproperties.paddingBottom + 'px',
35342
+ zIndex: 100
35094
35343
  }
35095
35344
  }, /*#__PURE__*/React__default["default"].createElement("div", {
35096
35345
  "class": "row m-0 w-100 mb-auto"
package/dist/index.esm.js CHANGED
@@ -8595,7 +8595,7 @@ var Filter$1 = function Filter(props) {
8595
8595
  })
8596
8596
  };
8597
8597
  return /*#__PURE__*/React.createElement("div", {
8598
- className: "col-lg-12 p-0 w-100 filter mt-md-0",
8598
+ className: "col-lg-12 p-0 w-100 filter mt-md-0 d-md-none",
8599
8599
  style: {
8600
8600
  marginTop: sectionproperties.filtersection_mt + 'px',
8601
8601
  zIndex: 1000000
@@ -8913,7 +8913,252 @@ var Filter$1 = function Filter(props) {
8913
8913
  })))))), /*#__PURE__*/React.createElement("hr", {
8914
8914
  className: "mt-3 mb-3"
8915
8915
  }));
8916
- }))))));
8916
+ }))))), /*#__PURE__*/React.createElement("div", {
8917
+ className: "col-lg-12",
8918
+ style: {
8919
+ zIndex: 200000
8920
+ }
8921
+ }, /*#__PURE__*/React.createElement(Offcanvas, {
8922
+ show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
8923
+ onHide: function onHide() {
8924
+ props.setopenFilterSlider(false);
8925
+ },
8926
+ placement: "end",
8927
+ scroll: true,
8928
+ style: {
8929
+ minWidth: '200px',
8930
+ background: sectionproperties.filter_backgroundcolor,
8931
+ borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
8932
+ },
8933
+ backdrop: true
8934
+ }, /*#__PURE__*/React.createElement(Offcanvas.Header, null, /*#__PURE__*/React.createElement(Offcanvas.Title, null, /*#__PURE__*/React.createElement("div", {
8935
+ className: "row m-0 w-100 mt-2"
8936
+ }, /*#__PURE__*/React.createElement("div", {
8937
+ className: "col-lg-9 col-md-9 col-sm-9 d-none align-items-center d-md-flex"
8938
+ }, /*#__PURE__*/React.createElement("p", {
8939
+ className: "m-0 p-0 font-16 font-weight-600",
8940
+ style: {
8941
+ color: sectionproperties.filter_titlecolor,
8942
+ fontSize: sectionproperties.filter_titlefontsize + 'px',
8943
+ fontWeight: sectionproperties.filter_titlefontweight,
8944
+ textTransform: sectionproperties.filter_titletextransform
8945
+ }
8946
+ }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React.createElement("div", {
8947
+ className: "col-lg-3 col-md-3 col-sm-3 d-none d-md-flex align-items-center justify-content-end p-0"
8948
+ }, /*#__PURE__*/React.createElement("div", {
8949
+ className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
8950
+ onClick: function onClick() {
8951
+ props.setopenFilterSlider(false);
8952
+ }
8953
+ }, /*#__PURE__*/React.createElement("i", {
8954
+ className: "h-100 d-flex align-items-center justify-content-center"
8955
+ }, /*#__PURE__*/React.createElement(IoMdClose, {
8956
+ size: sectionproperties.closeSlider_fontSize,
8957
+ style: {
8958
+ color: sectionproperties.closeSlider_color
8959
+ }
8960
+ })))), /*#__PURE__*/React.createElement("div", {
8961
+ "class": "col-lg-12"
8962
+ }, /*#__PURE__*/React.createElement("hr", {
8963
+ "class": "mt-2 mb-2"
8964
+ }))))), /*#__PURE__*/React.createElement(Offcanvas.Body, null, /*#__PURE__*/React.createElement("div", {
8965
+ className: ' pb-md-5 ',
8966
+ style: {
8967
+ background: sectionproperties.filter_backgroundcolor,
8968
+ borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
8969
+ zIndex: 100000
8970
+ }
8971
+ }, /*#__PURE__*/React.createElement("div", {
8972
+ className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
8973
+ }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8974
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion, {
8975
+ allowMultipleExpanded: true,
8976
+ allowZeroExpanded: true,
8977
+ preExpanded: [0, 1, 2, 3],
8978
+ style: {
8979
+ width: '100%'
8980
+ }
8981
+ }, /*#__PURE__*/React.createElement(AccordionItem, {
8982
+ uuid: index
8983
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
8984
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8985
+ }, /*#__PURE__*/React.createElement("div", {
8986
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8987
+ }, /*#__PURE__*/React.createElement("p", {
8988
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8989
+ }, item.name)), /*#__PURE__*/React.createElement("div", {
8990
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8991
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
8992
+ if (state.expanded == true) {
8993
+ return /*#__PURE__*/React.createElement("i", {
8994
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8995
+ }, /*#__PURE__*/React.createElement(AiOutlineMinus, null));
8996
+ } else {
8997
+ return /*#__PURE__*/React.createElement("i", {
8998
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8999
+ }, /*#__PURE__*/React.createElement(HiOutlinePlus, null));
9000
+ }
9001
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
9002
+ className: "p-0"
9003
+ }, /*#__PURE__*/React.createElement("div", {
9004
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9005
+ }, /*#__PURE__*/React.createElement("div", {
9006
+ className: 'col-lg-12'
9007
+ }, /*#__PURE__*/React.createElement("div", {
9008
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9009
+ }, item.filterarray.map(function (valueitem, valueindex) {
9010
+ var ischecked = false;
9011
+ if (item.payloadvalue == 'sortprice') {
9012
+ if (valueitem.value == ProductFilterObjContext.sortprice) {
9013
+ ischecked = true;
9014
+ }
9015
+ } else if (item.payloadvalue == 'sortdates') {
9016
+ if (valueitem.value == ProductFilterObjContext.sortdates) {
9017
+ ischecked = true;
9018
+ }
9019
+ }
9020
+ return /*#__PURE__*/React.createElement("div", {
9021
+ 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-start pb-3 ',
9022
+ onClick: function onClick() {
9023
+ // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
9024
+ var tempfetchproductsfilerobjcontext = _objectSpread$1C({}, ProductFilterObjContext);
9025
+ if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
9026
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
9027
+ } else {
9028
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
9029
+ }
9030
+ setProductFilterObjContext(_objectSpread$1C({}, tempfetchproductsfilerobjcontext));
9031
+ }
9032
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
9033
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9034
+ }, /*#__PURE__*/React.createElement("i", {
9035
+ className: "h-100 d-flex align-items-center"
9036
+ }))), /*#__PURE__*/React.createElement("div", {
9037
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9038
+ }, /*#__PURE__*/React.createElement("p", {
9039
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9040
+ style: {
9041
+ color: ischecked ? sectionproperties.activecat_color : ''
9042
+ }
9043
+ }, valueitem.name)));
9044
+ }))))))), /*#__PURE__*/React.createElement("hr", {
9045
+ className: "mt-3 mb-3"
9046
+ }));
9047
+ }), /*#__PURE__*/React.createElement("div", {
9048
+ className: "col-lg-12"
9049
+ }, /*#__PURE__*/React.createElement("hr", {
9050
+ className: "mt-2 mb-3"
9051
+ })), /*#__PURE__*/React.createElement("div", {
9052
+ className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
9053
+ }, /*#__PURE__*/React.createElement(Accordion, {
9054
+ allowMultipleExpanded: true,
9055
+ allowZeroExpanded: true,
9056
+ preExpanded: [0, 1, 2, 3]
9057
+ }, /*#__PURE__*/React.createElement(AccordionItem, {
9058
+ uuid: 0
9059
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
9060
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9061
+ }, /*#__PURE__*/React.createElement("div", {
9062
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
9063
+ }, /*#__PURE__*/React.createElement("p", {
9064
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9065
+ }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React.createElement("div", {
9066
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
9067
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
9068
+ if (state.expanded == true) {
9069
+ return /*#__PURE__*/React.createElement("i", {
9070
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9071
+ }, /*#__PURE__*/React.createElement(AiOutlineMinus, null));
9072
+ } else {
9073
+ return /*#__PURE__*/React.createElement("i", {
9074
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9075
+ }, /*#__PURE__*/React.createElement(HiOutlinePlus, null));
9076
+ }
9077
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
9078
+ className: "p-0"
9079
+ }, /*#__PURE__*/React.createElement("div", {
9080
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9081
+ }, /*#__PURE__*/React.createElement("div", {
9082
+ className: 'col-lg-12'
9083
+ }, /*#__PURE__*/React.createElement("div", {
9084
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9085
+ }, instcollections.map(function (item, index) {
9086
+ return /*#__PURE__*/React.createElement("div", {
9087
+ 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-start pb-3 ',
9088
+ onClick: function onClick() {
9089
+ setCollectionFilterFunc(item.collectionid);
9090
+ }
9091
+ }, /*#__PURE__*/React.createElement("div", {
9092
+ className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9093
+ }, /*#__PURE__*/React.createElement("i", {
9094
+ className: "h-100 d-flex align-items-center"
9095
+ })), /*#__PURE__*/React.createElement("div", {
9096
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9097
+ }, /*#__PURE__*/React.createElement("p", {
9098
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9099
+ style: {
9100
+ color: item.isfilterselected ? sectionproperties.activecat_color : ''
9101
+ }
9102
+ }, langdetect == 'en' ? item.title_en : item.title_ar)));
9103
+ }))))))), /*#__PURE__*/React.createElement("div", {
9104
+ "class": "col-lg-12"
9105
+ }, /*#__PURE__*/React.createElement("hr", {
9106
+ className: "mt-3 mb-3"
9107
+ })), /*#__PURE__*/React.createElement(Accordion, {
9108
+ allowMultipleExpanded: true,
9109
+ allowZeroExpanded: true,
9110
+ preExpanded: [0, 1, 2, 3]
9111
+ }, instfilters.map(function (item, index) {
9112
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AccordionItem, {
9113
+ uuid: index
9114
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
9115
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9116
+ }, /*#__PURE__*/React.createElement("div", {
9117
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
9118
+ }, /*#__PURE__*/React.createElement("p", {
9119
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9120
+ }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React.createElement("div", {
9121
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
9122
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
9123
+ if (state.expanded == true) {
9124
+ return /*#__PURE__*/React.createElement("i", {
9125
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9126
+ }, /*#__PURE__*/React.createElement(AiOutlineMinus, null));
9127
+ } else {
9128
+ return /*#__PURE__*/React.createElement("i", {
9129
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9130
+ }, /*#__PURE__*/React.createElement(HiOutlinePlus, null));
9131
+ }
9132
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
9133
+ className: "p-0"
9134
+ }, /*#__PURE__*/React.createElement("div", {
9135
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9136
+ }, /*#__PURE__*/React.createElement("div", {
9137
+ className: 'col-lg-12'
9138
+ }, /*#__PURE__*/React.createElement("div", {
9139
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9140
+ }, item.productvaluesfilter.map(function (valueitem, valueindex) {
9141
+ return /*#__PURE__*/React.createElement("div", {
9142
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
9143
+ onClick: function onClick() {
9144
+ setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
9145
+ }
9146
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
9147
+ className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9148
+ }, /*#__PURE__*/React.createElement("i", {
9149
+ className: "h-100 d-flex align-items-center"
9150
+ }))), /*#__PURE__*/React.createElement("div", {
9151
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9152
+ }, /*#__PURE__*/React.createElement("p", {
9153
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9154
+ style: {
9155
+ color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
9156
+ }
9157
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
9158
+ })))))), /*#__PURE__*/React.createElement("hr", {
9159
+ className: "mt-3 mb-3"
9160
+ }));
9161
+ })))))))));
8917
9162
  };
8918
9163
 
8919
9164
  function ownKeys$1B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -8942,31 +9187,35 @@ var CardsSection = function CardsSection(props) {
8942
9187
  var fetchingtype = props.actions.fetchingtype;
8943
9188
  props.actions.addtofavoritescontext;
8944
9189
  var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
8945
- var actions = props.actions;
8946
- var _useState = useState(''),
9190
+ var _useState = useState(false),
8947
9191
  _useState2 = _slicedToArray(_useState, 2),
8948
- sectionproperties = _useState2[0],
8949
- setsectionproperties = _useState2[1];
8950
- var _useState3 = useState([]),
9192
+ openFilterSlider = _useState2[0],
9193
+ setopenFilterSlider = _useState2[1];
9194
+ var actions = props.actions;
9195
+ var _useState3 = useState(''),
8951
9196
  _useState4 = _slicedToArray(_useState3, 2),
8952
- cardsarray = _useState4[0],
8953
- setcardsarray = _useState4[1];
8954
- var _useState5 = useState(''),
9197
+ sectionproperties = _useState4[0],
9198
+ setsectionproperties = _useState4[1];
9199
+ var _useState5 = useState([]),
8955
9200
  _useState6 = _slicedToArray(_useState5, 2),
8956
- sectionitem = _useState6[0],
8957
- setsectionitem = _useState6[1];
8958
- var _useState7 = useState({
9201
+ cardsarray = _useState6[0],
9202
+ setcardsarray = _useState6[1];
9203
+ var _useState7 = useState(''),
9204
+ _useState8 = _slicedToArray(_useState7, 2),
9205
+ sectionitem = _useState8[0],
9206
+ setsectionitem = _useState8[1];
9207
+ var _useState9 = useState({
8959
9208
  productfetchingtype: 'Random',
8960
9209
  collectionid: '',
8961
9210
  grouptype: ''
8962
9211
  }),
8963
- _useState8 = _slicedToArray(_useState7, 2),
8964
- ProductsFetchingTypeSectionObj = _useState8[0],
8965
- setProductsFetchingTypeSectionObj = _useState8[1];
8966
- var _useState9 = useState([]),
8967
9212
  _useState10 = _slicedToArray(_useState9, 2),
8968
- maincontainerarrayofobjs = _useState10[0],
8969
- setmaincontainerarrayofobjs = _useState10[1];
9213
+ ProductsFetchingTypeSectionObj = _useState10[0],
9214
+ setProductsFetchingTypeSectionObj = _useState10[1];
9215
+ var _useState11 = useState([]),
9216
+ _useState12 = _slicedToArray(_useState11, 2),
9217
+ maincontainerarrayofobjs = _useState12[0],
9218
+ setmaincontainerarrayofobjs = _useState12[1];
8970
9219
  React.useEffect(function () {
8971
9220
  if (inView) {
8972
9221
  fetchProductsQuery.fetchNextPage();
@@ -9455,8 +9704,9 @@ var CardsSection = function CardsSection(props) {
9455
9704
  }, langdetect == 'en' ? /*#__PURE__*/React.createElement(FaArrowAltCircleRight, null) : /*#__PURE__*/React.createElement(FaArrowAltCircleLeft, null)))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React.createElement("button", {
9456
9705
  "class": ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
9457
9706
  onClick: function onClick() {
9458
- var element = document.getElementById('filterslider');
9459
- element.classList.add(filterstyles.filterslider_container_opened);
9707
+ setopenFilterSlider(true);
9708
+ // var element = document.getElementById('filterslider');
9709
+ // element.classList.add(filterstyles.filterslider_container_opened);
9460
9710
  }
9461
9711
  }, /*#__PURE__*/React.createElement("div", {
9462
9712
  "class": "".concat(section_cssstyles.filterbtn)
@@ -9590,17 +9840,16 @@ var CardsSection = function CardsSection(props) {
9590
9840
  paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
9591
9841
  paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0
9592
9842
  }
9593
- }, sectionproperties.showFilter == 'show' &&
9594
- /*#__PURE__*/
9595
- // d-md-none
9596
- React.createElement("div", {
9843
+ }, sectionproperties.showFilter == 'show' && /*#__PURE__*/React.createElement("div", {
9597
9844
  className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex ' : 'col-lg-3 d-flex',
9598
9845
  style: {
9599
9846
  zIndex: 1000
9600
9847
  }
9601
9848
  }, /*#__PURE__*/React.createElement(Filter$1, {
9602
9849
  sectionpropertiesprops: sectionproperties,
9603
- actions: actions
9850
+ actions: actions,
9851
+ openFilterSlider: openFilterSlider,
9852
+ setopenFilterSlider: setopenFilterSlider
9604
9853
  })), fetchingtype == 'custom' && /*#__PURE__*/React.createElement(React.Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender()));
9605
9854
  };
9606
9855
 
@@ -35046,8 +35295,8 @@ var Freetextsection = function Freetextsection(props) {
35046
35295
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
35047
35296
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
35048
35297
  paddingTop: sectionproperties.paddingTop + 'px',
35049
- paddingBottom: sectionproperties.paddingBottom + 'px'
35050
- // zIndex: 100,
35298
+ paddingBottom: sectionproperties.paddingBottom + 'px',
35299
+ zIndex: 100
35051
35300
  }
35052
35301
  }, /*#__PURE__*/React.createElement("div", {
35053
35302
  "class": "row m-0 w-100 mb-auto"
package/dist/index.umd.js CHANGED
@@ -8502,7 +8502,7 @@
8502
8502
  })
8503
8503
  };
8504
8504
  return /*#__PURE__*/React__default["default"].createElement("div", {
8505
- className: "col-lg-12 p-0 w-100 filter mt-md-0",
8505
+ className: "col-lg-12 p-0 w-100 filter mt-md-0 d-md-none",
8506
8506
  style: {
8507
8507
  marginTop: sectionproperties.filtersection_mt + 'px',
8508
8508
  zIndex: 1000000
@@ -8820,7 +8820,252 @@
8820
8820
  })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8821
8821
  className: "mt-3 mb-3"
8822
8822
  }));
8823
- }))))));
8823
+ }))))), /*#__PURE__*/React__default["default"].createElement("div", {
8824
+ className: "col-lg-12",
8825
+ style: {
8826
+ zIndex: 200000
8827
+ }
8828
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
8829
+ show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
8830
+ onHide: function onHide() {
8831
+ props.setopenFilterSlider(false);
8832
+ },
8833
+ placement: "end",
8834
+ scroll: true,
8835
+ style: {
8836
+ minWidth: '200px',
8837
+ background: sectionproperties.filter_backgroundcolor,
8838
+ borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
8839
+ },
8840
+ backdrop: true
8841
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, /*#__PURE__*/React__default["default"].createElement("div", {
8842
+ className: "row m-0 w-100 mt-2"
8843
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8844
+ className: "col-lg-9 col-md-9 col-sm-9 d-none align-items-center d-md-flex"
8845
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8846
+ className: "m-0 p-0 font-16 font-weight-600",
8847
+ style: {
8848
+ color: sectionproperties.filter_titlecolor,
8849
+ fontSize: sectionproperties.filter_titlefontsize + 'px',
8850
+ fontWeight: sectionproperties.filter_titlefontweight,
8851
+ textTransform: sectionproperties.filter_titletextransform
8852
+ }
8853
+ }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
8854
+ className: "col-lg-3 col-md-3 col-sm-3 d-none d-md-flex align-items-center justify-content-end p-0"
8855
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8856
+ className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
8857
+ onClick: function onClick() {
8858
+ props.setopenFilterSlider(false);
8859
+ }
8860
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
8861
+ className: "h-100 d-flex align-items-center justify-content-center"
8862
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
8863
+ size: sectionproperties.closeSlider_fontSize,
8864
+ style: {
8865
+ color: sectionproperties.closeSlider_color
8866
+ }
8867
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
8868
+ "class": "col-lg-12"
8869
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
8870
+ "class": "mt-2 mb-2"
8871
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
8872
+ className: ' pb-md-5 ',
8873
+ style: {
8874
+ background: sectionproperties.filter_backgroundcolor,
8875
+ borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
8876
+ zIndex: 100000
8877
+ }
8878
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8879
+ className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
8880
+ }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8881
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8882
+ allowMultipleExpanded: true,
8883
+ allowZeroExpanded: true,
8884
+ preExpanded: [0, 1, 2, 3],
8885
+ style: {
8886
+ width: '100%'
8887
+ }
8888
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8889
+ uuid: index
8890
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8891
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8892
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8893
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8894
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8895
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8896
+ }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
8897
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8898
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8899
+ if (state.expanded == true) {
8900
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8901
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8902
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
8903
+ } else {
8904
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8905
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8906
+ }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
8907
+ }
8908
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8909
+ className: "p-0"
8910
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8911
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
8912
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8913
+ className: 'col-lg-12'
8914
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8915
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8916
+ }, item.filterarray.map(function (valueitem, valueindex) {
8917
+ var ischecked = false;
8918
+ if (item.payloadvalue == 'sortprice') {
8919
+ if (valueitem.value == ProductFilterObjContext.sortprice) {
8920
+ ischecked = true;
8921
+ }
8922
+ } else if (item.payloadvalue == 'sortdates') {
8923
+ if (valueitem.value == ProductFilterObjContext.sortdates) {
8924
+ ischecked = true;
8925
+ }
8926
+ }
8927
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8928
+ 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-start pb-3 ',
8929
+ onClick: function onClick() {
8930
+ // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
8931
+ var tempfetchproductsfilerobjcontext = _objectSpread$1C({}, ProductFilterObjContext);
8932
+ if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
8933
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
8934
+ } else {
8935
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
8936
+ }
8937
+ setProductFilterObjContext(_objectSpread$1C({}, tempfetchproductsfilerobjcontext));
8938
+ }
8939
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
8940
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8941
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
8942
+ className: "h-100 d-flex align-items-center"
8943
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
8944
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8945
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8946
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8947
+ style: {
8948
+ color: ischecked ? sectionproperties.activecat_color : ''
8949
+ }
8950
+ }, valueitem.name)));
8951
+ }))))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8952
+ className: "mt-3 mb-3"
8953
+ }));
8954
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
8955
+ className: "col-lg-12"
8956
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
8957
+ className: "mt-2 mb-3"
8958
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
8959
+ className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
8960
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8961
+ allowMultipleExpanded: true,
8962
+ allowZeroExpanded: true,
8963
+ preExpanded: [0, 1, 2, 3]
8964
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8965
+ uuid: 0
8966
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8967
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8968
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8969
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8970
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8971
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8972
+ }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8973
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8974
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8975
+ if (state.expanded == true) {
8976
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8977
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8978
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
8979
+ } else {
8980
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8981
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8982
+ }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
8983
+ }
8984
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8985
+ className: "p-0"
8986
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8987
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
8988
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8989
+ className: 'col-lg-12'
8990
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8991
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8992
+ }, instcollections.map(function (item, index) {
8993
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8994
+ 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-start pb-3 ',
8995
+ onClick: function onClick() {
8996
+ setCollectionFilterFunc(item.collectionid);
8997
+ }
8998
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8999
+ className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9000
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
9001
+ className: "h-100 d-flex align-items-center"
9002
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
9003
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9004
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9005
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9006
+ style: {
9007
+ color: item.isfilterselected ? sectionproperties.activecat_color : ''
9008
+ }
9009
+ }, langdetect == 'en' ? item.title_en : item.title_ar)));
9010
+ }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
9011
+ "class": "col-lg-12"
9012
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
9013
+ className: "mt-3 mb-3"
9014
+ })), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
9015
+ allowMultipleExpanded: true,
9016
+ allowZeroExpanded: true,
9017
+ preExpanded: [0, 1, 2, 3]
9018
+ }, instfilters.map(function (item, index) {
9019
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
9020
+ uuid: index
9021
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
9022
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9023
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9024
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
9025
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9026
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9027
+ }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
9028
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
9029
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
9030
+ if (state.expanded == true) {
9031
+ return /*#__PURE__*/React__default["default"].createElement("i", {
9032
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9033
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
9034
+ } else {
9035
+ return /*#__PURE__*/React__default["default"].createElement("i", {
9036
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9037
+ }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
9038
+ }
9039
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
9040
+ className: "p-0"
9041
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9042
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9043
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9044
+ className: 'col-lg-12'
9045
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9046
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9047
+ }, item.productvaluesfilter.map(function (valueitem, valueindex) {
9048
+ return /*#__PURE__*/React__default["default"].createElement("div", {
9049
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
9050
+ onClick: function onClick() {
9051
+ setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
9052
+ }
9053
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
9054
+ className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9055
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
9056
+ className: "h-100 d-flex align-items-center"
9057
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
9058
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9059
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9060
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9061
+ style: {
9062
+ color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
9063
+ }
9064
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
9065
+ })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
9066
+ className: "mt-3 mb-3"
9067
+ }));
9068
+ })))))))));
8824
9069
  };
8825
9070
 
8826
9071
  function ownKeys$1B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -8849,31 +9094,35 @@
8849
9094
  var fetchingtype = props.actions.fetchingtype;
8850
9095
  props.actions.addtofavoritescontext;
8851
9096
  var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
8852
- var actions = props.actions;
8853
- var _useState = React.useState(''),
9097
+ var _useState = React.useState(false),
8854
9098
  _useState2 = _slicedToArray__default["default"](_useState, 2),
8855
- sectionproperties = _useState2[0],
8856
- setsectionproperties = _useState2[1];
8857
- var _useState3 = React.useState([]),
9099
+ openFilterSlider = _useState2[0],
9100
+ setopenFilterSlider = _useState2[1];
9101
+ var actions = props.actions;
9102
+ var _useState3 = React.useState(''),
8858
9103
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
8859
- cardsarray = _useState4[0],
8860
- setcardsarray = _useState4[1];
8861
- var _useState5 = React.useState(''),
9104
+ sectionproperties = _useState4[0],
9105
+ setsectionproperties = _useState4[1];
9106
+ var _useState5 = React.useState([]),
8862
9107
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
8863
- sectionitem = _useState6[0],
8864
- setsectionitem = _useState6[1];
8865
- var _useState7 = React.useState({
9108
+ cardsarray = _useState6[0],
9109
+ setcardsarray = _useState6[1];
9110
+ var _useState7 = React.useState(''),
9111
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
9112
+ sectionitem = _useState8[0],
9113
+ setsectionitem = _useState8[1];
9114
+ var _useState9 = React.useState({
8866
9115
  productfetchingtype: 'Random',
8867
9116
  collectionid: '',
8868
9117
  grouptype: ''
8869
9118
  }),
8870
- _useState8 = _slicedToArray__default["default"](_useState7, 2),
8871
- ProductsFetchingTypeSectionObj = _useState8[0],
8872
- setProductsFetchingTypeSectionObj = _useState8[1];
8873
- var _useState9 = React.useState([]),
8874
9119
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
8875
- maincontainerarrayofobjs = _useState10[0],
8876
- setmaincontainerarrayofobjs = _useState10[1];
9120
+ ProductsFetchingTypeSectionObj = _useState10[0],
9121
+ setProductsFetchingTypeSectionObj = _useState10[1];
9122
+ var _useState11 = React.useState([]),
9123
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
9124
+ maincontainerarrayofobjs = _useState12[0],
9125
+ setmaincontainerarrayofobjs = _useState12[1];
8877
9126
  React__default["default"].useEffect(function () {
8878
9127
  if (inView) {
8879
9128
  fetchProductsQuery.fetchNextPage();
@@ -9362,8 +9611,9 @@
9362
9611
  }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(FaArrowAltCircleRight.FaArrowAltCircleRight, null) : /*#__PURE__*/React__default["default"].createElement(FaArrowAltCircleLeft.FaArrowAltCircleLeft, null)))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("button", {
9363
9612
  "class": ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
9364
9613
  onClick: function onClick() {
9365
- var element = document.getElementById('filterslider');
9366
- element.classList.add(filterstyles.filterslider_container_opened);
9614
+ setopenFilterSlider(true);
9615
+ // var element = document.getElementById('filterslider');
9616
+ // element.classList.add(filterstyles.filterslider_container_opened);
9367
9617
  }
9368
9618
  }, /*#__PURE__*/React__default["default"].createElement("div", {
9369
9619
  "class": "".concat(section_cssstyles.filterbtn)
@@ -9497,17 +9747,16 @@
9497
9747
  paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
9498
9748
  paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0
9499
9749
  }
9500
- }, sectionproperties.showFilter == 'show' &&
9501
- /*#__PURE__*/
9502
- // d-md-none
9503
- React__default["default"].createElement("div", {
9750
+ }, sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
9504
9751
  className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex ' : 'col-lg-3 d-flex',
9505
9752
  style: {
9506
9753
  zIndex: 1000
9507
9754
  }
9508
9755
  }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
9509
9756
  sectionpropertiesprops: sectionproperties,
9510
- actions: actions
9757
+ actions: actions,
9758
+ openFilterSlider: openFilterSlider,
9759
+ setopenFilterSlider: setopenFilterSlider
9511
9760
  })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender()));
9512
9761
  };
9513
9762
 
@@ -34953,8 +35202,8 @@
34953
35202
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
34954
35203
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
34955
35204
  paddingTop: sectionproperties.paddingTop + 'px',
34956
- paddingBottom: sectionproperties.paddingBottom + 'px'
34957
- // zIndex: 100,
35205
+ paddingBottom: sectionproperties.paddingBottom + 'px',
35206
+ zIndex: 100
34958
35207
  }
34959
35208
  }, /*#__PURE__*/React__default["default"].createElement("div", {
34960
35209
  "class": "row m-0 w-100 mb-auto"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.169",
3
+ "version": "0.0.171",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {