tabexseriescomponents 0.0.354 → 0.0.356

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 +425 -45
  2. package/dist/index.esm.js +425 -45
  3. package/dist/index.umd.js +425 -45
  4. package/package.json +1 -1
package/dist/index.umd.js CHANGED
@@ -12696,6 +12696,13 @@
12696
12696
  var routingcountext = props.actions.routingcountext;
12697
12697
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
12698
12698
  var ikimagecredcontext = props.actions.ikimagecredcontext;
12699
+ var _useState = React.useState({
12700
+ min: 0,
12701
+ max: 10000
12702
+ }),
12703
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
12704
+ pricevalue = _useState2[0],
12705
+ setpricevalue = _useState2[1];
12699
12706
  var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
12700
12707
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
12701
12708
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
@@ -12703,40 +12710,40 @@
12703
12710
  var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
12704
12711
  var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
12705
12712
  var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
12706
- var _useState = React.useState(''),
12707
- _useState2 = _slicedToArray__default["default"](_useState, 2),
12708
- sectionproperties = _useState2[0],
12709
- setsectionproperties = _useState2[1];
12710
- var _useState3 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instfilters)),
12713
+ var _useState3 = React.useState(''),
12711
12714
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
12712
- instfilters = _useState4[0],
12713
- setinstfilters = _useState4[1];
12714
- var _useState5 = React.useState([]),
12715
+ sectionproperties = _useState4[0],
12716
+ setsectionproperties = _useState4[1];
12717
+ var _useState5 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instfilters)),
12715
12718
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
12716
- collectionstobevisible = _useState6[0],
12717
- setcollectionstobevisible = _useState6[1];
12718
- var _useState7 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections)),
12719
+ instfilters = _useState6[0],
12720
+ setinstfilters = _useState6[1];
12721
+ var _useState7 = React.useState([]),
12719
12722
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
12720
- instcollections = _useState8[0],
12721
- setinstcollections = _useState8[1];
12722
- var _useState9 = React.useState(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
12723
+ collectionstobevisible = _useState8[0],
12724
+ setcollectionstobevisible = _useState8[1];
12725
+ var _useState9 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections)),
12723
12726
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
12724
- instcategories = _useState10[0],
12725
- setinstcategories = _useState10[1];
12727
+ instcollections = _useState10[0],
12728
+ setinstcollections = _useState10[1];
12729
+ var _useState11 = React.useState(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
12730
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
12731
+ instcategories = _useState12[0],
12732
+ setinstcategories = _useState12[1];
12726
12733
  // const [sortby, setSortby] = useState('Sort by');
12727
- var _useState11 = React.useState({
12734
+ var _useState13 = React.useState({
12728
12735
  min: 0,
12729
12736
  max: 5
12730
12737
  }),
12731
- _useState12 = _slicedToArray__default["default"](_useState11, 2),
12732
- raterangevalue = _useState12[0],
12733
- setraterangevalue = _useState12[1];
12738
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
12739
+ raterangevalue = _useState14[0],
12740
+ setraterangevalue = _useState14[1];
12734
12741
  var timeoutRef = React__default["default"].useRef(null);
12735
- var _useState13 = React.useState(''),
12736
- _useState14 = _slicedToArray__default["default"](_useState13, 2);
12737
- _useState14[0];
12738
- var setsortbycontext = _useState14[1];
12739
- var _useState15 = React.useState([{
12742
+ var _useState15 = React.useState(''),
12743
+ _useState16 = _slicedToArray__default["default"](_useState15, 2);
12744
+ _useState16[0];
12745
+ var setsortbycontext = _useState16[1];
12746
+ var _useState17 = React.useState([{
12740
12747
  payloadvalue: 'sortprice',
12741
12748
  name: lang.price,
12742
12749
  filterarray: [{
@@ -12761,9 +12768,9 @@
12761
12768
  isfilterselected: false
12762
12769
  }]
12763
12770
  }]),
12764
- _useState16 = _slicedToArray__default["default"](_useState15, 2),
12765
- otherfilters = _useState16[0];
12766
- _useState16[1];
12771
+ _useState18 = _slicedToArray__default["default"](_useState17, 2),
12772
+ otherfilters = _useState18[0];
12773
+ _useState18[1];
12767
12774
  React.useEffect(function () {
12768
12775
  filterupdater();
12769
12776
  }, []);
@@ -13211,6 +13218,310 @@
13211
13218
  className: "mt-3 mb-3"
13212
13219
  })));
13213
13220
  };
13221
+ var DynamicFilter = function DynamicFilter() {
13222
+ var _ref, _ref3, _ref4, _ref5, _ref6, _ref7;
13223
+ return /*#__PURE__*/React__default["default"].createElement("div", {
13224
+ "class": "row m-0 w-100"
13225
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13226
+ "class": "col-lg-12 p-0 mb-3"
13227
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13228
+ className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13229
+ style: (_ref = {
13230
+ color: sectionproperties.filtertitle_color
13231
+ }, _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _ref)
13232
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13233
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
13234
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
13235
+ className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13236
+ }, langdetect == 'en' ? 'Car Brand' : 'الماركة'))), /*#__PURE__*/React__default["default"].createElement("div", {
13237
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13238
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13239
+ className: 'col-lg-12 p-0'
13240
+ }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13241
+ options: [{
13242
+ name: 'Tesla',
13243
+ value: 'Tesla'
13244
+ }, {
13245
+ name: 'VW',
13246
+ value: 'VW'
13247
+ }, {
13248
+ name: 'Mercedes',
13249
+ value: 'Mercedes'
13250
+ }],
13251
+ getOptionLabel: function getOptionLabel(option) {
13252
+ var crname = '';
13253
+ if (langdetect == 'en') {
13254
+ crname = option.name;
13255
+ } else if (langdetect == 'ar') {
13256
+ if (option.name_ar != null) {
13257
+ crname = option.name_ar;
13258
+ } else {
13259
+ crname = option.name;
13260
+ }
13261
+ }
13262
+ return crname;
13263
+ },
13264
+ getOptionValue: function getOptionValue(option) {
13265
+ return option.id;
13266
+ },
13267
+ value: '',
13268
+ onChange: function onChange(option) {},
13269
+ styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13270
+ isSearchable: true,
13271
+ placeholder: ''
13272
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
13273
+ "class": "col-lg-12 p-0 mb-3"
13274
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13275
+ className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13276
+ style: _defineProperty__default["default"]({
13277
+ color: sectionproperties.filtertitle_color,
13278
+ fontSize: sectionproperties.filtertitle_fontsize + 'px',
13279
+ fontWeight: sectionproperties.filtertitle_fontweight
13280
+ }, "color", sectionproperties.filtertitle_color)
13281
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13282
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
13283
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
13284
+ className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13285
+ }, langdetect == 'en' ? 'Car Model' : 'النوع'))), /*#__PURE__*/React__default["default"].createElement("div", {
13286
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13287
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13288
+ className: 'col-lg-12 p-0'
13289
+ }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13290
+ options: [{
13291
+ name: 'ID.4',
13292
+ value: 'ID.4'
13293
+ }, {
13294
+ name: 'ID.6',
13295
+ value: 'ID.6'
13296
+ }],
13297
+ getOptionLabel: function getOptionLabel(option) {
13298
+ var crname = '';
13299
+ if (langdetect == 'en') {
13300
+ crname = option.name;
13301
+ } else if (langdetect == 'ar') {
13302
+ if (option.name_ar != null) {
13303
+ crname = option.name_ar;
13304
+ } else {
13305
+ crname = option.name;
13306
+ }
13307
+ }
13308
+ return crname;
13309
+ },
13310
+ getOptionValue: function getOptionValue(option) {
13311
+ return option.id;
13312
+ },
13313
+ value: '',
13314
+ onChange: function onChange(option) {},
13315
+ styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13316
+ isSearchable: true,
13317
+ placeholder: ''
13318
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
13319
+ "class": "col-lg-12 p-0 mb-3"
13320
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13321
+ className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13322
+ style: (_ref3 = {
13323
+ color: sectionproperties.filtertitle_color
13324
+ }, _defineProperty__default["default"](_ref3, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref3, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref3, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref3, "color", sectionproperties.filtertitle_color), _ref3)
13325
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13326
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
13327
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
13328
+ className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13329
+ }, " ", langdetect == 'en' ? 'Kilometers (From)' : 'كيلومترات (من)'))), /*#__PURE__*/React__default["default"].createElement("div", {
13330
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13331
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13332
+ className: 'col-lg-12 p-0'
13333
+ }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13334
+ options: [{
13335
+ name: '10000',
13336
+ value: '10000'
13337
+ }, {
13338
+ name: '20000',
13339
+ value: '20000'
13340
+ }],
13341
+ getOptionLabel: function getOptionLabel(option) {
13342
+ var crname = '';
13343
+ if (langdetect == 'en') {
13344
+ crname = option.name;
13345
+ } else if (langdetect == 'ar') {
13346
+ if (option.name_ar != null) {
13347
+ crname = option.name_ar;
13348
+ } else {
13349
+ crname = option.name;
13350
+ }
13351
+ }
13352
+ return crname;
13353
+ },
13354
+ getOptionValue: function getOptionValue(option) {
13355
+ return option.id;
13356
+ },
13357
+ value: '',
13358
+ onChange: function onChange(option) {},
13359
+ styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13360
+ isSearchable: true,
13361
+ placeholder: ''
13362
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
13363
+ "class": "col-lg-12 p-0 mb-3"
13364
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13365
+ className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13366
+ style: (_ref4 = {
13367
+ color: sectionproperties.filtertitle_color
13368
+ }, _defineProperty__default["default"](_ref4, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref4, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref4, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref4, "color", sectionproperties.filtertitle_color), _ref4)
13369
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13370
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
13371
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
13372
+ className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13373
+ }, langdetect == 'en' ? 'Kilometers (To)' : 'كيلومترات (الى)'))), /*#__PURE__*/React__default["default"].createElement("div", {
13374
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13375
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13376
+ className: 'col-lg-12 p-0'
13377
+ }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13378
+ options: [{
13379
+ name: '10000',
13380
+ value: '10000'
13381
+ }, {
13382
+ name: '20000',
13383
+ value: '20000'
13384
+ }],
13385
+ getOptionLabel: function getOptionLabel(option) {
13386
+ var crname = '';
13387
+ if (langdetect == 'en') {
13388
+ crname = option.name;
13389
+ } else if (langdetect == 'ar') {
13390
+ if (option.name_ar != null) {
13391
+ crname = option.name_ar;
13392
+ } else {
13393
+ crname = option.name;
13394
+ }
13395
+ }
13396
+ return crname;
13397
+ },
13398
+ getOptionValue: function getOptionValue(option) {
13399
+ return option.id;
13400
+ },
13401
+ value: '',
13402
+ onChange: function onChange(option) {},
13403
+ styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13404
+ isSearchable: true,
13405
+ placeholder: ''
13406
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
13407
+ "class": "col-lg-12 p-0 mb-3"
13408
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13409
+ className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13410
+ style: (_ref5 = {
13411
+ color: sectionproperties.filtertitle_color
13412
+ }, _defineProperty__default["default"](_ref5, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref5, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref5, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref5, "color", sectionproperties.filtertitle_color), _ref5)
13413
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13414
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
13415
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
13416
+ className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13417
+ }, langdetect == 'en' ? 'Year of built (From)' : 'سنة الصنع (من)'))), /*#__PURE__*/React__default["default"].createElement("div", {
13418
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13419
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13420
+ className: 'col-lg-12 p-0'
13421
+ }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13422
+ options: [{
13423
+ name: '2020',
13424
+ value: '2020'
13425
+ }, {
13426
+ name: '2021',
13427
+ value: '2021'
13428
+ }],
13429
+ getOptionLabel: function getOptionLabel(option) {
13430
+ var crname = '';
13431
+ if (langdetect == 'en') {
13432
+ crname = option.name;
13433
+ } else if (langdetect == 'ar') {
13434
+ if (option.name_ar != null) {
13435
+ crname = option.name_ar;
13436
+ } else {
13437
+ crname = option.name;
13438
+ }
13439
+ }
13440
+ return crname;
13441
+ },
13442
+ getOptionValue: function getOptionValue(option) {
13443
+ return option.id;
13444
+ },
13445
+ value: '',
13446
+ onChange: function onChange(option) {},
13447
+ styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13448
+ isSearchable: true,
13449
+ placeholder: ''
13450
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
13451
+ "class": "col-lg-12 p-0 mb-3"
13452
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13453
+ className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13454
+ style: (_ref6 = {
13455
+ color: sectionproperties.filtertitle_color
13456
+ }, _defineProperty__default["default"](_ref6, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref6, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref6, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref6, "color", sectionproperties.filtertitle_color), _ref6)
13457
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13458
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
13459
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
13460
+ className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13461
+ }, langdetect == 'en' ? 'Year of built (To)' : 'سنة الصنع (الى)'))), /*#__PURE__*/React__default["default"].createElement("div", {
13462
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13463
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13464
+ className: 'col-lg-12 p-0'
13465
+ }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13466
+ options: [{
13467
+ name: '2020',
13468
+ value: '2020'
13469
+ }, {
13470
+ name: '2021',
13471
+ value: '2021'
13472
+ }],
13473
+ getOptionLabel: function getOptionLabel(option) {
13474
+ var crname = '';
13475
+ if (langdetect == 'en') {
13476
+ crname = option.name;
13477
+ } else if (langdetect == 'ar') {
13478
+ if (option.name_ar != null) {
13479
+ crname = option.name_ar;
13480
+ } else {
13481
+ crname = option.name;
13482
+ }
13483
+ }
13484
+ return crname;
13485
+ },
13486
+ getOptionValue: function getOptionValue(option) {
13487
+ return option.id;
13488
+ },
13489
+ value: '',
13490
+ onChange: function onChange(option) {},
13491
+ styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13492
+ isSearchable: true,
13493
+ placeholder: ''
13494
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
13495
+ "class": "col-lg-12 p-0 mb-3"
13496
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13497
+ className: ' row m-0 p-0 mb-4 pl-md-3 pr-md-3 ',
13498
+ style: (_ref7 = {
13499
+ color: sectionproperties.filtertitle_color
13500
+ }, _defineProperty__default["default"](_ref7, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref7, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref7, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref7, "color", sectionproperties.filtertitle_color), _ref7)
13501
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13502
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
13503
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
13504
+ className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13505
+ }, langdetect == 'en' ? 'Price' : 'السعر'))), /*#__PURE__*/React__default["default"].createElement("div", {
13506
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13507
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13508
+ className: 'col-lg-12 p-0 px-md-4',
13509
+ style: {
13510
+ direction: 'ltr'
13511
+ }
13512
+ }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
13513
+ draggableTrack: true,
13514
+ formatLabel: function formatLabel(value) {
13515
+ return "".concat(value);
13516
+ },
13517
+ maxValue: parseInt(sectionproperties.filterpricemaxvalue),
13518
+ minValue: parseInt(sectionproperties.filterpriceminvalue),
13519
+ value: pricevalue,
13520
+ onChange: function onChange(value) {
13521
+ setpricevalue(_objectSpread$26({}, value));
13522
+ }
13523
+ })))));
13524
+ };
13214
13525
  var InstFilters = function InstFilters() {
13215
13526
  return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
13216
13527
  allowMultipleExpanded: true,
@@ -13530,10 +13841,10 @@
13530
13841
  isSearchable: true
13531
13842
  })))));
13532
13843
  };
13533
- var _useState17 = React.useState(false),
13534
- _useState18 = _slicedToArray__default["default"](_useState17, 2),
13535
- checked = _useState18[0],
13536
- setChecked = _useState18[1];
13844
+ var _useState19 = React.useState(false),
13845
+ _useState20 = _slicedToArray__default["default"](_useState19, 2),
13846
+ checked = _useState20[0],
13847
+ setChecked = _useState20[1];
13537
13848
  // const queryParameters = new URLSearchParams(window.location.search);
13538
13849
  // useEffect(() => {
13539
13850
  // // setsortbycontext('Sort By');
@@ -13864,7 +14175,9 @@
13864
14175
  "class": "row m-0 w-100"
13865
14176
  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
13866
14177
  "class": "row m-0 w-100"
13867
- }, CollectionsFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters()))), /*#__PURE__*/React__default["default"].createElement("div", {
14178
+ }, CollectionsFilter()), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
14179
+ "class": "row m-0 w-100"
14180
+ }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters()))), /*#__PURE__*/React__default["default"].createElement("div", {
13868
14181
  className: "col-lg-12"
13869
14182
  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
13870
14183
  show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
@@ -14001,7 +14314,9 @@
14001
14314
  "class": "row m-0 w-100"
14002
14315
  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
14003
14316
  "class": "row m-0 w-100"
14004
- }, CollectionsFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters())))))));
14317
+ }, CollectionsFilter()), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
14318
+ "class": "row m-0 w-100"
14319
+ }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters())))))));
14005
14320
  };
14006
14321
 
14007
14322
  function ownKeys$25(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -47614,7 +47929,7 @@
47614
47929
  maxWidth: '500px'
47615
47930
  }
47616
47931
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
47617
- "class": 'col-lg-10 col-md-12 col-sm-12 allcentered mt-3',
47932
+ "class": 'col-lg-11 col-md-12 col-sm-12 allcentered mt-3',
47618
47933
  style: {
47619
47934
  backgroundColor: sectionproperties.reservation_bgcolor,
47620
47935
  borderRadius: sectionproperties.reservation_borderradius + 'px',
@@ -47630,13 +47945,13 @@
47630
47945
  }, /*#__PURE__*/React__default["default"].createElement("div", {
47631
47946
  "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
47632
47947
  }, /*#__PURE__*/React__default["default"].createElement("div", {
47633
- "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
47948
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
47634
47949
  }, /*#__PURE__*/React__default["default"].createElement("label", {
47635
47950
  className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
47636
47951
  style: {
47637
47952
  textAlign: langdetect == 'en' ? 'left' : 'right'
47638
47953
  }
47639
- }, langdetect == 'en' ? 'Brand' : 'الماركة'), /*#__PURE__*/React__default["default"].createElement("div", {
47954
+ }, langdetect == 'en' ? 'Car Brand' : 'الماركة'), /*#__PURE__*/React__default["default"].createElement("div", {
47640
47955
  "class": 'col-lg-12 p-0'
47641
47956
  }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
47642
47957
  options: [{
@@ -47652,13 +47967,32 @@
47652
47967
  styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
47653
47968
  placeholder: ''
47654
47969
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
47655
- "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
47970
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
47656
47971
  }, /*#__PURE__*/React__default["default"].createElement("label", {
47657
47972
  className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
47658
47973
  style: {
47659
47974
  textAlign: langdetect == 'en' ? 'left' : 'right'
47660
47975
  }
47661
- }, langdetect == 'en' ? 'KM' : 'KM'), /*#__PURE__*/React__default["default"].createElement("div", {
47976
+ }, langdetect == 'en' ? 'Car Model' : 'النوع'), /*#__PURE__*/React__default["default"].createElement("div", {
47977
+ "class": 'col-lg-12 p-0'
47978
+ }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
47979
+ options: [{
47980
+ label: 'ID.4',
47981
+ value: 1
47982
+ }, {
47983
+ label: 'ID.6',
47984
+ value: 0
47985
+ }],
47986
+ styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
47987
+ placeholder: ''
47988
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
47989
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
47990
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
47991
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
47992
+ style: {
47993
+ textAlign: langdetect == 'en' ? 'left' : 'right'
47994
+ }
47995
+ }, langdetect == 'en' ? 'Kilometers (From)' : 'كيلومترات (من)'), /*#__PURE__*/React__default["default"].createElement("div", {
47662
47996
  "class": 'col-lg-12 p-0'
47663
47997
  }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
47664
47998
  options: [{
@@ -47674,13 +48008,35 @@
47674
48008
  styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
47675
48009
  placeholder: ''
47676
48010
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
47677
- "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
48011
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
47678
48012
  }, /*#__PURE__*/React__default["default"].createElement("label", {
47679
48013
  className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
47680
48014
  style: {
47681
48015
  textAlign: langdetect == 'en' ? 'left' : 'right'
47682
48016
  }
47683
- }, langdetect == 'en' ? 'Model Year' : 'السنة'), /*#__PURE__*/React__default["default"].createElement("div", {
48017
+ }, langdetect == 'en' ? 'Kilometers (To)' : 'كيلومترات (الى)'), /*#__PURE__*/React__default["default"].createElement("div", {
48018
+ "class": 'col-lg-12 p-0'
48019
+ }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48020
+ options: [{
48021
+ label: '100000',
48022
+ value: 1
48023
+ }, {
48024
+ label: '50000',
48025
+ value: 0
48026
+ }, {
48027
+ label: '30000',
48028
+ value: 0
48029
+ }],
48030
+ styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48031
+ placeholder: ''
48032
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
48033
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48034
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
48035
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48036
+ style: {
48037
+ textAlign: langdetect == 'en' ? 'left' : 'right'
48038
+ }
48039
+ }, langdetect == 'en' ? 'Year of built (From)' : 'سنة الصنع (من)'), /*#__PURE__*/React__default["default"].createElement("div", {
47684
48040
  "class": 'col-lg-12 p-0'
47685
48041
  }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
47686
48042
  options: [{
@@ -47696,7 +48052,29 @@
47696
48052
  styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
47697
48053
  placeholder: ''
47698
48054
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
47699
- className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-md-3 '
48055
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48056
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
48057
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48058
+ style: {
48059
+ textAlign: langdetect == 'en' ? 'left' : 'right'
48060
+ }
48061
+ }, langdetect == 'en' ? 'Year of built (To)' : 'سنة الصنع (الى)'), /*#__PURE__*/React__default["default"].createElement("div", {
48062
+ "class": 'col-lg-12 p-0'
48063
+ }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48064
+ options: [{
48065
+ label: '2023',
48066
+ value: 1
48067
+ }, {
48068
+ label: '2022',
48069
+ value: 0
48070
+ }, {
48071
+ label: '2021',
48072
+ value: 0
48073
+ }],
48074
+ styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48075
+ placeholder: ''
48076
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
48077
+ className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-3 '
47700
48078
  }, /*#__PURE__*/React__default["default"].createElement("label", {
47701
48079
  className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
47702
48080
  style: {
@@ -47719,9 +48097,11 @@
47719
48097
  setpricevalue(_objectSpread$17({}, value));
47720
48098
  }
47721
48099
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
47722
- "class": "col-lg-1"
47723
- }), /*#__PURE__*/React__default["default"].createElement("div", {
47724
- "class": "col-lg-2 col-md-12 d-flex align-items-center justify-content-end"
48100
+ "class": "col-lg-2 col-md-12 text-end",
48101
+ style: {
48102
+ marginLeft: langdetect == 'en' ? 'auto' : '',
48103
+ marginRight: langdetect == 'ar' ? 'auto' : ''
48104
+ }
47725
48105
  }, /*#__PURE__*/React__default["default"].createElement("button", {
47726
48106
  "class": sectionstyles.btnstyles + ' allcentered ',
47727
48107
  onClick: function onClick() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.354",
3
+ "version": "0.0.356",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {