@bonlineza/luxity-lib 2.17.4 → 2.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/AddInterest.js CHANGED
@@ -1918,7 +1918,6 @@
1918
1918
  return React__default.createElement("input", __assign({}, inputProps));
1919
1919
  });
1920
1920
  CurrencyInput.displayName = 'CurrencyInput';
1921
- //# sourceMappingURL=index.esm.js.map
1922
1921
 
1923
1922
  var _excluded$5 = ["value", "onChange", "prefix", "allowNegativeValue", "groupSeparator", "decimalSeparator"];
1924
1923
  var unMask = function unMask() {
@@ -11040,7 +11039,10 @@
11040
11039
  var _this$state = _this.state,
11041
11040
  limit = _this$state.limit,
11042
11041
  category = _this$state.category,
11043
- nameFilter = _this$state.nameFilter;
11042
+ nameFilter = _this$state.nameFilter,
11043
+ brands = _this$state.brands,
11044
+ models = _this$state.models,
11045
+ materials = _this$state.materials;
11044
11046
  var _this$props = _this.props,
11045
11047
  title = _this$props.title,
11046
11048
  baseClass = _this$props.baseClass,
@@ -11061,10 +11063,10 @@
11061
11063
  }), /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(GraphQLMultiSelector$1, {
11062
11064
  triggerRequest: function triggerRequest() {
11063
11065
  return requestInstance.post(graphApi, {
11064
- query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter)
11066
+ query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials)
11065
11067
  });
11066
11068
  },
11067
- graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter),
11069
+ graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials),
11068
11070
  identifier: identifier,
11069
11071
  ref: _this.multiSelectorRef,
11070
11072
  onChange: _this.onChange,
@@ -11077,6 +11079,9 @@
11077
11079
  _this.state = {
11078
11080
  limit: props.baseQueryLimit,
11079
11081
  category: props.category,
11082
+ brands: props.brands,
11083
+ models: props.models,
11084
+ materials: props.materials,
11080
11085
  nameFilter: ''
11081
11086
  };
11082
11087
  return _this;
@@ -11085,11 +11090,23 @@
11085
11090
  _createClass(LuxityGraphQLMultiselector, [{
11086
11091
  key: "componentDidUpdate",
11087
11092
  value: function componentDidUpdate(prevProps) {
11088
- var _this$multiSelectorRe;
11093
+ var _this$multiSelectorRe, _this$multiSelectorRe2, _this$multiSelectorRe3, _this$multiSelectorRe4;
11089
11094
 
11090
11095
  if (prevProps.category !== this.props.category && (_this$multiSelectorRe = this.multiSelectorRef) !== null && _this$multiSelectorRe !== void 0 && _this$multiSelectorRe.current) {
11091
11096
  this.multiSelectorRef.current.emptySelected();
11092
11097
  }
11098
+
11099
+ if (prevProps.brands !== this.props.brands && (_this$multiSelectorRe2 = this.multiSelectorRef) !== null && _this$multiSelectorRe2 !== void 0 && _this$multiSelectorRe2.current) {
11100
+ this.multiSelectorRef.current.emptySelected();
11101
+ }
11102
+
11103
+ if (prevProps.models !== this.props.models && (_this$multiSelectorRe3 = this.multiSelectorRef) !== null && _this$multiSelectorRe3 !== void 0 && _this$multiSelectorRe3.current) {
11104
+ this.multiSelectorRef.current.emptySelected();
11105
+ }
11106
+
11107
+ if (prevProps.materials !== this.props.materials && (_this$multiSelectorRe4 = this.multiSelectorRef) !== null && _this$multiSelectorRe4 !== void 0 && _this$multiSelectorRe4.current) {
11108
+ this.multiSelectorRef.current.emptySelected();
11109
+ }
11093
11110
  }
11094
11111
  }], [{
11095
11112
  key: "getDerivedStateFromProps",
@@ -11100,6 +11117,24 @@
11100
11117
  };
11101
11118
  }
11102
11119
 
11120
+ if (prevState.brands !== props.brands) {
11121
+ return {
11122
+ brands: props.brands
11123
+ };
11124
+ }
11125
+
11126
+ if (prevState.models !== props.models) {
11127
+ return {
11128
+ models: props.models
11129
+ };
11130
+ }
11131
+
11132
+ if (prevState.materials !== props.materials) {
11133
+ return {
11134
+ materials: props.materials
11135
+ };
11136
+ }
11137
+
11103
11138
  return null;
11104
11139
  }
11105
11140
  }]);
@@ -11148,7 +11183,10 @@
11148
11183
  itemRenderer = _ref.itemRenderer,
11149
11184
  getGraphQuery = _ref.getGraphQuery,
11150
11185
  resultProcessor = _ref.resultProcessor,
11151
- requestInstance = _ref.requestInstance;
11186
+ requestInstance = _ref.requestInstance,
11187
+ brands = _ref.brands,
11188
+ models = _ref.models,
11189
+ materials = _ref.materials;
11152
11190
  return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
11153
11191
  title: "Styles",
11154
11192
  queryId: "getStyles",
@@ -11157,6 +11195,9 @@
11157
11195
  identifier: "style-selector",
11158
11196
  searchPlaceHolder: "Search Styles",
11159
11197
  category: category,
11198
+ brands: brands,
11199
+ models: models,
11200
+ materials: materials,
11160
11201
  onChange: onChange,
11161
11202
  graphApi: graphApi,
11162
11203
  itemRenderer: itemRenderer,
@@ -11673,7 +11714,8 @@
11673
11714
  _this.setState({
11674
11715
  brands: brandsArray.map(function (brand) {
11675
11716
  return brand.value;
11676
- })
11717
+ }),
11718
+ styles: []
11677
11719
  });
11678
11720
  });
11679
11721
 
@@ -11697,7 +11739,8 @@
11697
11739
  _this.setState({
11698
11740
  models: modelsArray.map(function (model) {
11699
11741
  return model.value;
11700
- })
11742
+ }),
11743
+ styles: []
11701
11744
  });
11702
11745
  });
11703
11746
 
@@ -11705,7 +11748,8 @@
11705
11748
  _this.setState({
11706
11749
  materials: materialsArray.map(function (material) {
11707
11750
  return material.value;
11708
- })
11751
+ }),
11752
+ styles: []
11709
11753
  });
11710
11754
  });
11711
11755
 
@@ -11808,7 +11852,9 @@
11808
11852
  var _this$state2 = _this.state,
11809
11853
  category_type = _this$state2.category_type,
11810
11854
  fetching = _this$state2.request.fetching,
11811
- brands = _this$state2.brands;
11855
+ brands = _this$state2.brands,
11856
+ models = _this$state2.models,
11857
+ materials = _this$state2.materials;
11812
11858
  var _this$props = _this.props,
11813
11859
  requestInstance = _this$props.requestInstance,
11814
11860
  baseGraphApi = _this$props.baseGraphApi,
@@ -11859,7 +11905,10 @@
11859
11905
  onChange: _this.onStylesChanged,
11860
11906
  requestInstance: requestInstance,
11861
11907
  graphApi: "".concat(baseGraphApi, "?id=getStyles"),
11862
- getGraphQuery: getStylesGraphQuery
11908
+ getGraphQuery: getStylesGraphQuery,
11909
+ brands: brands,
11910
+ models: models,
11911
+ materials: materials
11863
11912
  })) : null, /*#__PURE__*/React__default.createElement(SaveAndCancelButtonContainer, null, /*#__PURE__*/React__default.createElement("div", {
11864
11913
  className: "fl-right"
11865
11914
  }, /*#__PURE__*/React__default.createElement("div", {
package/BrandSelector.js CHANGED
@@ -1683,7 +1683,6 @@
1683
1683
  return React__default.createElement("input", __assign({}, inputProps));
1684
1684
  });
1685
1685
  CurrencyInput.displayName = 'CurrencyInput';
1686
- //# sourceMappingURL=index.esm.js.map
1687
1686
 
1688
1687
  var _excluded$5 = ["value", "onChange", "prefix", "allowNegativeValue", "groupSeparator", "decimalSeparator"];
1689
1688
  var unMask = function unMask() {
@@ -10288,7 +10287,10 @@
10288
10287
  var _this$state = _this.state,
10289
10288
  limit = _this$state.limit,
10290
10289
  category = _this$state.category,
10291
- nameFilter = _this$state.nameFilter;
10290
+ nameFilter = _this$state.nameFilter,
10291
+ brands = _this$state.brands,
10292
+ models = _this$state.models,
10293
+ materials = _this$state.materials;
10292
10294
  var _this$props = _this.props,
10293
10295
  title = _this$props.title,
10294
10296
  baseClass = _this$props.baseClass,
@@ -10309,10 +10311,10 @@
10309
10311
  }), /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(GraphQLMultiSelector$1, {
10310
10312
  triggerRequest: function triggerRequest() {
10311
10313
  return requestInstance.post(graphApi, {
10312
- query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter)
10314
+ query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials)
10313
10315
  });
10314
10316
  },
10315
- graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter),
10317
+ graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials),
10316
10318
  identifier: identifier,
10317
10319
  ref: _this.multiSelectorRef,
10318
10320
  onChange: _this.onChange,
@@ -10325,6 +10327,9 @@
10325
10327
  _this.state = {
10326
10328
  limit: props.baseQueryLimit,
10327
10329
  category: props.category,
10330
+ brands: props.brands,
10331
+ models: props.models,
10332
+ materials: props.materials,
10328
10333
  nameFilter: ''
10329
10334
  };
10330
10335
  return _this;
@@ -10333,11 +10338,23 @@
10333
10338
  _createClass(LuxityGraphQLMultiselector, [{
10334
10339
  key: "componentDidUpdate",
10335
10340
  value: function componentDidUpdate(prevProps) {
10336
- var _this$multiSelectorRe;
10341
+ var _this$multiSelectorRe, _this$multiSelectorRe2, _this$multiSelectorRe3, _this$multiSelectorRe4;
10337
10342
 
10338
10343
  if (prevProps.category !== this.props.category && (_this$multiSelectorRe = this.multiSelectorRef) !== null && _this$multiSelectorRe !== void 0 && _this$multiSelectorRe.current) {
10339
10344
  this.multiSelectorRef.current.emptySelected();
10340
10345
  }
10346
+
10347
+ if (prevProps.brands !== this.props.brands && (_this$multiSelectorRe2 = this.multiSelectorRef) !== null && _this$multiSelectorRe2 !== void 0 && _this$multiSelectorRe2.current) {
10348
+ this.multiSelectorRef.current.emptySelected();
10349
+ }
10350
+
10351
+ if (prevProps.models !== this.props.models && (_this$multiSelectorRe3 = this.multiSelectorRef) !== null && _this$multiSelectorRe3 !== void 0 && _this$multiSelectorRe3.current) {
10352
+ this.multiSelectorRef.current.emptySelected();
10353
+ }
10354
+
10355
+ if (prevProps.materials !== this.props.materials && (_this$multiSelectorRe4 = this.multiSelectorRef) !== null && _this$multiSelectorRe4 !== void 0 && _this$multiSelectorRe4.current) {
10356
+ this.multiSelectorRef.current.emptySelected();
10357
+ }
10341
10358
  }
10342
10359
  }], [{
10343
10360
  key: "getDerivedStateFromProps",
@@ -10348,6 +10365,24 @@
10348
10365
  };
10349
10366
  }
10350
10367
 
10368
+ if (prevState.brands !== props.brands) {
10369
+ return {
10370
+ brands: props.brands
10371
+ };
10372
+ }
10373
+
10374
+ if (prevState.models !== props.models) {
10375
+ return {
10376
+ models: props.models
10377
+ };
10378
+ }
10379
+
10380
+ if (prevState.materials !== props.materials) {
10381
+ return {
10382
+ materials: props.materials
10383
+ };
10384
+ }
10385
+
10351
10386
  return null;
10352
10387
  }
10353
10388
  }]);
@@ -10396,7 +10431,10 @@
10396
10431
  itemRenderer = _ref.itemRenderer,
10397
10432
  getGraphQuery = _ref.getGraphQuery,
10398
10433
  resultProcessor = _ref.resultProcessor,
10399
- requestInstance = _ref.requestInstance;
10434
+ requestInstance = _ref.requestInstance,
10435
+ brands = _ref.brands,
10436
+ models = _ref.models,
10437
+ materials = _ref.materials;
10400
10438
  return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
10401
10439
  title: "Styles",
10402
10440
  queryId: "getStyles",
@@ -10405,6 +10443,9 @@
10405
10443
  identifier: "style-selector",
10406
10444
  searchPlaceHolder: "Search Styles",
10407
10445
  category: category,
10446
+ brands: brands,
10447
+ models: models,
10448
+ materials: materials,
10408
10449
  onChange: onChange,
10409
10450
  graphApi: graphApi,
10410
10451
  itemRenderer: itemRenderer,
@@ -10932,7 +10973,8 @@
10932
10973
  _this.setState({
10933
10974
  brands: brandsArray.map(function (brand) {
10934
10975
  return brand.value;
10935
- })
10976
+ }),
10977
+ styles: []
10936
10978
  });
10937
10979
  });
10938
10980
 
@@ -10956,7 +10998,8 @@
10956
10998
  _this.setState({
10957
10999
  models: modelsArray.map(function (model) {
10958
11000
  return model.value;
10959
- })
11001
+ }),
11002
+ styles: []
10960
11003
  });
10961
11004
  });
10962
11005
 
@@ -10964,7 +11007,8 @@
10964
11007
  _this.setState({
10965
11008
  materials: materialsArray.map(function (material) {
10966
11009
  return material.value;
10967
- })
11010
+ }),
11011
+ styles: []
10968
11012
  });
10969
11013
  });
10970
11014
 
@@ -11067,7 +11111,9 @@
11067
11111
  var _this$state2 = _this.state,
11068
11112
  category_type = _this$state2.category_type,
11069
11113
  fetching = _this$state2.request.fetching,
11070
- brands = _this$state2.brands;
11114
+ brands = _this$state2.brands,
11115
+ models = _this$state2.models,
11116
+ materials = _this$state2.materials;
11071
11117
  var _this$props = _this.props,
11072
11118
  requestInstance = _this$props.requestInstance,
11073
11119
  baseGraphApi = _this$props.baseGraphApi,
@@ -11118,7 +11164,10 @@
11118
11164
  onChange: _this.onStylesChanged,
11119
11165
  requestInstance: requestInstance,
11120
11166
  graphApi: "".concat(baseGraphApi, "?id=getStyles"),
11121
- getGraphQuery: getStylesGraphQuery
11167
+ getGraphQuery: getStylesGraphQuery,
11168
+ brands: brands,
11169
+ models: models,
11170
+ materials: materials
11122
11171
  })) : null, /*#__PURE__*/React__default.createElement(SaveAndCancelButtonContainer, null, /*#__PURE__*/React__default.createElement("div", {
11123
11172
  className: "fl-right"
11124
11173
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -1683,7 +1683,6 @@
1683
1683
  return React__default.createElement("input", __assign({}, inputProps));
1684
1684
  });
1685
1685
  CurrencyInput.displayName = 'CurrencyInput';
1686
- //# sourceMappingURL=index.esm.js.map
1687
1686
 
1688
1687
  var _excluded$5 = ["value", "onChange", "prefix", "allowNegativeValue", "groupSeparator", "decimalSeparator"];
1689
1688
  var unMask = function unMask() {
@@ -10423,7 +10422,10 @@
10423
10422
  var _this$state = _this.state,
10424
10423
  limit = _this$state.limit,
10425
10424
  category = _this$state.category,
10426
- nameFilter = _this$state.nameFilter;
10425
+ nameFilter = _this$state.nameFilter,
10426
+ brands = _this$state.brands,
10427
+ models = _this$state.models,
10428
+ materials = _this$state.materials;
10427
10429
  var _this$props = _this.props,
10428
10430
  title = _this$props.title,
10429
10431
  baseClass = _this$props.baseClass,
@@ -10444,10 +10446,10 @@
10444
10446
  }), /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(GraphQLMultiSelector$1, {
10445
10447
  triggerRequest: function triggerRequest() {
10446
10448
  return requestInstance.post(graphApi, {
10447
- query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter)
10449
+ query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials)
10448
10450
  });
10449
10451
  },
10450
- graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter),
10452
+ graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials),
10451
10453
  identifier: identifier,
10452
10454
  ref: _this.multiSelectorRef,
10453
10455
  onChange: _this.onChange,
@@ -10460,6 +10462,9 @@
10460
10462
  _this.state = {
10461
10463
  limit: props.baseQueryLimit,
10462
10464
  category: props.category,
10465
+ brands: props.brands,
10466
+ models: props.models,
10467
+ materials: props.materials,
10463
10468
  nameFilter: ''
10464
10469
  };
10465
10470
  return _this;
@@ -10468,11 +10473,23 @@
10468
10473
  _createClass(LuxityGraphQLMultiselector, [{
10469
10474
  key: "componentDidUpdate",
10470
10475
  value: function componentDidUpdate(prevProps) {
10471
- var _this$multiSelectorRe;
10476
+ var _this$multiSelectorRe, _this$multiSelectorRe2, _this$multiSelectorRe3, _this$multiSelectorRe4;
10472
10477
 
10473
10478
  if (prevProps.category !== this.props.category && (_this$multiSelectorRe = this.multiSelectorRef) !== null && _this$multiSelectorRe !== void 0 && _this$multiSelectorRe.current) {
10474
10479
  this.multiSelectorRef.current.emptySelected();
10475
10480
  }
10481
+
10482
+ if (prevProps.brands !== this.props.brands && (_this$multiSelectorRe2 = this.multiSelectorRef) !== null && _this$multiSelectorRe2 !== void 0 && _this$multiSelectorRe2.current) {
10483
+ this.multiSelectorRef.current.emptySelected();
10484
+ }
10485
+
10486
+ if (prevProps.models !== this.props.models && (_this$multiSelectorRe3 = this.multiSelectorRef) !== null && _this$multiSelectorRe3 !== void 0 && _this$multiSelectorRe3.current) {
10487
+ this.multiSelectorRef.current.emptySelected();
10488
+ }
10489
+
10490
+ if (prevProps.materials !== this.props.materials && (_this$multiSelectorRe4 = this.multiSelectorRef) !== null && _this$multiSelectorRe4 !== void 0 && _this$multiSelectorRe4.current) {
10491
+ this.multiSelectorRef.current.emptySelected();
10492
+ }
10476
10493
  }
10477
10494
  }], [{
10478
10495
  key: "getDerivedStateFromProps",
@@ -10483,6 +10500,24 @@
10483
10500
  };
10484
10501
  }
10485
10502
 
10503
+ if (prevState.brands !== props.brands) {
10504
+ return {
10505
+ brands: props.brands
10506
+ };
10507
+ }
10508
+
10509
+ if (prevState.models !== props.models) {
10510
+ return {
10511
+ models: props.models
10512
+ };
10513
+ }
10514
+
10515
+ if (prevState.materials !== props.materials) {
10516
+ return {
10517
+ materials: props.materials
10518
+ };
10519
+ }
10520
+
10486
10521
  return null;
10487
10522
  }
10488
10523
  }]);
@@ -10531,7 +10566,10 @@
10531
10566
  itemRenderer = _ref.itemRenderer,
10532
10567
  getGraphQuery = _ref.getGraphQuery,
10533
10568
  resultProcessor = _ref.resultProcessor,
10534
- requestInstance = _ref.requestInstance;
10569
+ requestInstance = _ref.requestInstance,
10570
+ brands = _ref.brands,
10571
+ models = _ref.models,
10572
+ materials = _ref.materials;
10535
10573
  return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
10536
10574
  title: "Styles",
10537
10575
  queryId: "getStyles",
@@ -10540,6 +10578,9 @@
10540
10578
  identifier: "style-selector",
10541
10579
  searchPlaceHolder: "Search Styles",
10542
10580
  category: category,
10581
+ brands: brands,
10582
+ models: models,
10583
+ materials: materials,
10543
10584
  onChange: onChange,
10544
10585
  graphApi: graphApi,
10545
10586
  itemRenderer: itemRenderer,
@@ -11067,7 +11108,8 @@
11067
11108
  _this.setState({
11068
11109
  brands: brandsArray.map(function (brand) {
11069
11110
  return brand.value;
11070
- })
11111
+ }),
11112
+ styles: []
11071
11113
  });
11072
11114
  });
11073
11115
 
@@ -11091,7 +11133,8 @@
11091
11133
  _this.setState({
11092
11134
  models: modelsArray.map(function (model) {
11093
11135
  return model.value;
11094
- })
11136
+ }),
11137
+ styles: []
11095
11138
  });
11096
11139
  });
11097
11140
 
@@ -11099,7 +11142,8 @@
11099
11142
  _this.setState({
11100
11143
  materials: materialsArray.map(function (material) {
11101
11144
  return material.value;
11102
- })
11145
+ }),
11146
+ styles: []
11103
11147
  });
11104
11148
  });
11105
11149
 
@@ -11202,7 +11246,9 @@
11202
11246
  var _this$state2 = _this.state,
11203
11247
  category_type = _this$state2.category_type,
11204
11248
  fetching = _this$state2.request.fetching,
11205
- brands = _this$state2.brands;
11249
+ brands = _this$state2.brands,
11250
+ models = _this$state2.models,
11251
+ materials = _this$state2.materials;
11206
11252
  var _this$props = _this.props,
11207
11253
  requestInstance = _this$props.requestInstance,
11208
11254
  baseGraphApi = _this$props.baseGraphApi,
@@ -11253,7 +11299,10 @@
11253
11299
  onChange: _this.onStylesChanged,
11254
11300
  requestInstance: requestInstance,
11255
11301
  graphApi: "".concat(baseGraphApi, "?id=getStyles"),
11256
- getGraphQuery: getStylesGraphQuery
11302
+ getGraphQuery: getStylesGraphQuery,
11303
+ brands: brands,
11304
+ models: models,
11305
+ materials: materials
11257
11306
  })) : null, /*#__PURE__*/React__default.createElement(SaveAndCancelButtonContainer, null, /*#__PURE__*/React__default.createElement("div", {
11258
11307
  className: "fl-right"
11259
11308
  }, /*#__PURE__*/React__default.createElement("div", {
package/Interests.js CHANGED
@@ -8716,7 +8716,6 @@
8716
8716
  return React__default.createElement("input", __assign({}, inputProps));
8717
8717
  });
8718
8718
  CurrencyInput.displayName = 'CurrencyInput';
8719
- //# sourceMappingURL=index.esm.js.map
8720
8719
 
8721
8720
  var _excluded$5 = ["value", "onChange", "prefix", "allowNegativeValue", "groupSeparator", "decimalSeparator"];
8722
8721
  var unMask = function unMask() {
@@ -10843,7 +10842,10 @@
10843
10842
  var _this$state = _this.state,
10844
10843
  limit = _this$state.limit,
10845
10844
  category = _this$state.category,
10846
- nameFilter = _this$state.nameFilter;
10845
+ nameFilter = _this$state.nameFilter,
10846
+ brands = _this$state.brands,
10847
+ models = _this$state.models,
10848
+ materials = _this$state.materials;
10847
10849
  var _this$props = _this.props,
10848
10850
  title = _this$props.title,
10849
10851
  baseClass = _this$props.baseClass,
@@ -10864,10 +10866,10 @@
10864
10866
  }), /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(GraphQLMultiSelector$1, {
10865
10867
  triggerRequest: function triggerRequest() {
10866
10868
  return requestInstance.post(graphApi, {
10867
- query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter)
10869
+ query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials)
10868
10870
  });
10869
10871
  },
10870
- graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter),
10872
+ graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials),
10871
10873
  identifier: identifier,
10872
10874
  ref: _this.multiSelectorRef,
10873
10875
  onChange: _this.onChange,
@@ -10880,6 +10882,9 @@
10880
10882
  _this.state = {
10881
10883
  limit: props.baseQueryLimit,
10882
10884
  category: props.category,
10885
+ brands: props.brands,
10886
+ models: props.models,
10887
+ materials: props.materials,
10883
10888
  nameFilter: ''
10884
10889
  };
10885
10890
  return _this;
@@ -10888,11 +10893,23 @@
10888
10893
  _createClass(LuxityGraphQLMultiselector, [{
10889
10894
  key: "componentDidUpdate",
10890
10895
  value: function componentDidUpdate(prevProps) {
10891
- var _this$multiSelectorRe;
10896
+ var _this$multiSelectorRe, _this$multiSelectorRe2, _this$multiSelectorRe3, _this$multiSelectorRe4;
10892
10897
 
10893
10898
  if (prevProps.category !== this.props.category && (_this$multiSelectorRe = this.multiSelectorRef) !== null && _this$multiSelectorRe !== void 0 && _this$multiSelectorRe.current) {
10894
10899
  this.multiSelectorRef.current.emptySelected();
10895
10900
  }
10901
+
10902
+ if (prevProps.brands !== this.props.brands && (_this$multiSelectorRe2 = this.multiSelectorRef) !== null && _this$multiSelectorRe2 !== void 0 && _this$multiSelectorRe2.current) {
10903
+ this.multiSelectorRef.current.emptySelected();
10904
+ }
10905
+
10906
+ if (prevProps.models !== this.props.models && (_this$multiSelectorRe3 = this.multiSelectorRef) !== null && _this$multiSelectorRe3 !== void 0 && _this$multiSelectorRe3.current) {
10907
+ this.multiSelectorRef.current.emptySelected();
10908
+ }
10909
+
10910
+ if (prevProps.materials !== this.props.materials && (_this$multiSelectorRe4 = this.multiSelectorRef) !== null && _this$multiSelectorRe4 !== void 0 && _this$multiSelectorRe4.current) {
10911
+ this.multiSelectorRef.current.emptySelected();
10912
+ }
10896
10913
  }
10897
10914
  }], [{
10898
10915
  key: "getDerivedStateFromProps",
@@ -10903,6 +10920,24 @@
10903
10920
  };
10904
10921
  }
10905
10922
 
10923
+ if (prevState.brands !== props.brands) {
10924
+ return {
10925
+ brands: props.brands
10926
+ };
10927
+ }
10928
+
10929
+ if (prevState.models !== props.models) {
10930
+ return {
10931
+ models: props.models
10932
+ };
10933
+ }
10934
+
10935
+ if (prevState.materials !== props.materials) {
10936
+ return {
10937
+ materials: props.materials
10938
+ };
10939
+ }
10940
+
10906
10941
  return null;
10907
10942
  }
10908
10943
  }]);
@@ -10951,7 +10986,10 @@
10951
10986
  itemRenderer = _ref.itemRenderer,
10952
10987
  getGraphQuery = _ref.getGraphQuery,
10953
10988
  resultProcessor = _ref.resultProcessor,
10954
- requestInstance = _ref.requestInstance;
10989
+ requestInstance = _ref.requestInstance,
10990
+ brands = _ref.brands,
10991
+ models = _ref.models,
10992
+ materials = _ref.materials;
10955
10993
  return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
10956
10994
  title: "Styles",
10957
10995
  queryId: "getStyles",
@@ -10960,6 +10998,9 @@
10960
10998
  identifier: "style-selector",
10961
10999
  searchPlaceHolder: "Search Styles",
10962
11000
  category: category,
11001
+ brands: brands,
11002
+ models: models,
11003
+ materials: materials,
10963
11004
  onChange: onChange,
10964
11005
  graphApi: graphApi,
10965
11006
  itemRenderer: itemRenderer,
@@ -11487,7 +11528,8 @@
11487
11528
  _this.setState({
11488
11529
  brands: brandsArray.map(function (brand) {
11489
11530
  return brand.value;
11490
- })
11531
+ }),
11532
+ styles: []
11491
11533
  });
11492
11534
  });
11493
11535
 
@@ -11511,7 +11553,8 @@
11511
11553
  _this.setState({
11512
11554
  models: modelsArray.map(function (model) {
11513
11555
  return model.value;
11514
- })
11556
+ }),
11557
+ styles: []
11515
11558
  });
11516
11559
  });
11517
11560
 
@@ -11519,7 +11562,8 @@
11519
11562
  _this.setState({
11520
11563
  materials: materialsArray.map(function (material) {
11521
11564
  return material.value;
11522
- })
11565
+ }),
11566
+ styles: []
11523
11567
  });
11524
11568
  });
11525
11569
 
@@ -11622,7 +11666,9 @@
11622
11666
  var _this$state2 = _this.state,
11623
11667
  category_type = _this$state2.category_type,
11624
11668
  fetching = _this$state2.request.fetching,
11625
- brands = _this$state2.brands;
11669
+ brands = _this$state2.brands,
11670
+ models = _this$state2.models,
11671
+ materials = _this$state2.materials;
11626
11672
  var _this$props = _this.props,
11627
11673
  requestInstance = _this$props.requestInstance,
11628
11674
  baseGraphApi = _this$props.baseGraphApi,
@@ -11673,7 +11719,10 @@
11673
11719
  onChange: _this.onStylesChanged,
11674
11720
  requestInstance: requestInstance,
11675
11721
  graphApi: "".concat(baseGraphApi, "?id=getStyles"),
11676
- getGraphQuery: getStylesGraphQuery
11722
+ getGraphQuery: getStylesGraphQuery,
11723
+ brands: brands,
11724
+ models: models,
11725
+ materials: materials
11677
11726
  })) : null, /*#__PURE__*/React__default.createElement(SaveAndCancelButtonContainer, null, /*#__PURE__*/React__default.createElement("div", {
11678
11727
  className: "fl-right"
11679
11728
  }, /*#__PURE__*/React__default.createElement("div", {