@bonlineza/luxity-lib 2.17.5 → 2.18.1

package/AddInterest.js

@@ -11039,7 +11039,10 @@
         var _this$state = _this.state,
             limit = _this$state.limit,
             category = _this$state.category,
-            nameFilter = _this$state.nameFilter;
+            nameFilter = _this$state.nameFilter,
+            brands = _this$state.brands,
+            models = _this$state.models,
+            materials = _this$state.materials;
         var _this$props = _this.props,
             title = _this$props.title,
             baseClass = _this$props.baseClass,
@@ -11060,10 +11063,10 @@
         }), /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(GraphQLMultiSelector$1, {
           triggerRequest: function triggerRequest() {
             return requestInstance.post(graphApi, {
-              query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter)
+              query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials)
             });
           },
-          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter),
+          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials),
           identifier: identifier,
           ref: _this.multiSelectorRef,
           onChange: _this.onChange,
@@ -11076,6 +11079,9 @@
       _this.state = {
         limit: props.baseQueryLimit,
         category: props.category,
+        brands: props.brands,
+        models: props.models,
+        materials: props.materials,
         nameFilter: ''
       };
       return _this;
@@ -11084,11 +11090,23 @@
     _createClass(LuxityGraphQLMultiselector, [{
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps) {
-        var _this$multiSelectorRe;
+        var _this$multiSelectorRe, _this$multiSelectorRe2, _this$multiSelectorRe3, _this$multiSelectorRe4;
 
         if (prevProps.category !== this.props.category && (_this$multiSelectorRe = this.multiSelectorRef) !== null && _this$multiSelectorRe !== void 0 && _this$multiSelectorRe.current) {
           this.multiSelectorRef.current.emptySelected();
         }
+
+        if (prevProps.brands !== this.props.brands && (_this$multiSelectorRe2 = this.multiSelectorRef) !== null && _this$multiSelectorRe2 !== void 0 && _this$multiSelectorRe2.current) {
+          this.multiSelectorRef.current.emptySelected();
+        }
+
+        if (prevProps.models !== this.props.models && (_this$multiSelectorRe3 = this.multiSelectorRef) !== null && _this$multiSelectorRe3 !== void 0 && _this$multiSelectorRe3.current) {
+          this.multiSelectorRef.current.emptySelected();
+        }
+
+        if (prevProps.materials !== this.props.materials && (_this$multiSelectorRe4 = this.multiSelectorRef) !== null && _this$multiSelectorRe4 !== void 0 && _this$multiSelectorRe4.current) {
+          this.multiSelectorRef.current.emptySelected();
+        }
       }
     }], [{
       key: "getDerivedStateFromProps",
@@ -11099,6 +11117,24 @@
           };
         }
 
+        if (prevState.brands !== props.brands) {
+          return {
+            brands: props.brands
+          };
+        }
+
+        if (prevState.models !== props.models) {
+          return {
+            models: props.models
+          };
+        }
+
+        if (prevState.materials !== props.materials) {
+          return {
+            materials: props.materials
+          };
+        }
+
         return null;
       }
     }]);
@@ -11147,7 +11183,10 @@
         itemRenderer = _ref.itemRenderer,
         getGraphQuery = _ref.getGraphQuery,
         resultProcessor = _ref.resultProcessor,
-        requestInstance = _ref.requestInstance;
+        requestInstance = _ref.requestInstance,
+        brands = _ref.brands,
+        models = _ref.models,
+        materials = _ref.materials;
     return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
       title: "Styles",
       queryId: "getStyles",
@@ -11156,6 +11195,9 @@
       identifier: "style-selector",
       searchPlaceHolder: "Search Styles",
       category: category,
+      brands: brands,
+      models: models,
+      materials: materials,
       onChange: onChange,
       graphApi: graphApi,
       itemRenderer: itemRenderer,
@@ -11672,7 +11714,8 @@
         _this.setState({
           brands: brandsArray.map(function (brand) {
             return brand.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -11696,7 +11739,8 @@
         _this.setState({
           models: modelsArray.map(function (model) {
             return model.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -11704,7 +11748,8 @@
         _this.setState({
           materials: materialsArray.map(function (material) {
             return material.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -11807,7 +11852,9 @@
         var _this$state2 = _this.state,
             category_type = _this$state2.category_type,
             fetching = _this$state2.request.fetching,
-            brands = _this$state2.brands;
+            brands = _this$state2.brands,
+            models = _this$state2.models,
+            materials = _this$state2.materials;
         var _this$props = _this.props,
             requestInstance = _this$props.requestInstance,
             baseGraphApi = _this$props.baseGraphApi,
@@ -11858,7 +11905,10 @@
           onChange: _this.onStylesChanged,
           requestInstance: requestInstance,
           graphApi: "".concat(baseGraphApi, "?id=getStyles"),
-          getGraphQuery: getStylesGraphQuery
+          getGraphQuery: getStylesGraphQuery,
+          brands: brands,
+          models: models,
+          materials: materials
         })) : null, /*#__PURE__*/React__default.createElement(SaveAndCancelButtonContainer, null, /*#__PURE__*/React__default.createElement("div", {
           className: "fl-right"
         }, /*#__PURE__*/React__default.createElement("div", {

package/BrandSelector.js

@@ -10287,7 +10287,10 @@
         var _this$state = _this.state,
             limit = _this$state.limit,
             category = _this$state.category,
-            nameFilter = _this$state.nameFilter;
+            nameFilter = _this$state.nameFilter,
+            brands = _this$state.brands,
+            models = _this$state.models,
+            materials = _this$state.materials;
         var _this$props = _this.props,
             title = _this$props.title,
             baseClass = _this$props.baseClass,
@@ -10308,10 +10311,10 @@
         }), /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(GraphQLMultiSelector$1, {
           triggerRequest: function triggerRequest() {
             return requestInstance.post(graphApi, {
-              query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter)
+              query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials)
             });
           },
-          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter),
+          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials),
           identifier: identifier,
           ref: _this.multiSelectorRef,
           onChange: _this.onChange,
@@ -10324,6 +10327,9 @@
       _this.state = {
         limit: props.baseQueryLimit,
         category: props.category,
+        brands: props.brands,
+        models: props.models,
+        materials: props.materials,
         nameFilter: ''
       };
       return _this;
@@ -10332,11 +10338,23 @@
     _createClass(LuxityGraphQLMultiselector, [{
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps) {
-        var _this$multiSelectorRe;
+        var _this$multiSelectorRe, _this$multiSelectorRe2, _this$multiSelectorRe3, _this$multiSelectorRe4;
 
         if (prevProps.category !== this.props.category && (_this$multiSelectorRe = this.multiSelectorRef) !== null && _this$multiSelectorRe !== void 0 && _this$multiSelectorRe.current) {
           this.multiSelectorRef.current.emptySelected();
         }
+
+        if (prevProps.brands !== this.props.brands && (_this$multiSelectorRe2 = this.multiSelectorRef) !== null && _this$multiSelectorRe2 !== void 0 && _this$multiSelectorRe2.current) {
+          this.multiSelectorRef.current.emptySelected();
+        }
+
+        if (prevProps.models !== this.props.models && (_this$multiSelectorRe3 = this.multiSelectorRef) !== null && _this$multiSelectorRe3 !== void 0 && _this$multiSelectorRe3.current) {
+          this.multiSelectorRef.current.emptySelected();
+        }
+
+        if (prevProps.materials !== this.props.materials && (_this$multiSelectorRe4 = this.multiSelectorRef) !== null && _this$multiSelectorRe4 !== void 0 && _this$multiSelectorRe4.current) {
+          this.multiSelectorRef.current.emptySelected();
+        }
       }
     }], [{
       key: "getDerivedStateFromProps",
@@ -10347,6 +10365,24 @@
           };
         }
 
+        if (prevState.brands !== props.brands) {
+          return {
+            brands: props.brands
+          };
+        }
+
+        if (prevState.models !== props.models) {
+          return {
+            models: props.models
+          };
+        }
+
+        if (prevState.materials !== props.materials) {
+          return {
+            materials: props.materials
+          };
+        }
+
         return null;
       }
     }]);
@@ -10395,7 +10431,10 @@
         itemRenderer = _ref.itemRenderer,
         getGraphQuery = _ref.getGraphQuery,
         resultProcessor = _ref.resultProcessor,
-        requestInstance = _ref.requestInstance;
+        requestInstance = _ref.requestInstance,
+        brands = _ref.brands,
+        models = _ref.models,
+        materials = _ref.materials;
     return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
       title: "Styles",
       queryId: "getStyles",
@@ -10404,6 +10443,9 @@
       identifier: "style-selector",
       searchPlaceHolder: "Search Styles",
       category: category,
+      brands: brands,
+      models: models,
+      materials: materials,
       onChange: onChange,
       graphApi: graphApi,
       itemRenderer: itemRenderer,
@@ -10931,7 +10973,8 @@
         _this.setState({
           brands: brandsArray.map(function (brand) {
             return brand.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -10955,7 +10998,8 @@
         _this.setState({
           models: modelsArray.map(function (model) {
             return model.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -10963,7 +11007,8 @@
         _this.setState({
           materials: materialsArray.map(function (material) {
             return material.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -11066,7 +11111,9 @@
         var _this$state2 = _this.state,
             category_type = _this$state2.category_type,
             fetching = _this$state2.request.fetching,
-            brands = _this$state2.brands;
+            brands = _this$state2.brands,
+            models = _this$state2.models,
+            materials = _this$state2.materials;
         var _this$props = _this.props,
             requestInstance = _this$props.requestInstance,
             baseGraphApi = _this$props.baseGraphApi,
@@ -11117,7 +11164,10 @@
           onChange: _this.onStylesChanged,
           requestInstance: requestInstance,
           graphApi: "".concat(baseGraphApi, "?id=getStyles"),
-          getGraphQuery: getStylesGraphQuery
+          getGraphQuery: getStylesGraphQuery,
+          brands: brands,
+          models: models,
+          materials: materials
         })) : null, /*#__PURE__*/React__default.createElement(SaveAndCancelButtonContainer, null, /*#__PURE__*/React__default.createElement("div", {
           className: "fl-right"
         }, /*#__PURE__*/React__default.createElement("div", {

package/GraphQLDropdownSelector.js

@@ -10422,7 +10422,10 @@
         var _this$state = _this.state,
             limit = _this$state.limit,
             category = _this$state.category,
-            nameFilter = _this$state.nameFilter;
+            nameFilter = _this$state.nameFilter,
+            brands = _this$state.brands,
+            models = _this$state.models,
+            materials = _this$state.materials;
         var _this$props = _this.props,
             title = _this$props.title,
             baseClass = _this$props.baseClass,
@@ -10443,10 +10446,10 @@
         }), /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(GraphQLMultiSelector$1, {
           triggerRequest: function triggerRequest() {
             return requestInstance.post(graphApi, {
-              query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter)
+              query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials)
             });
           },
-          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter),
+          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials),
           identifier: identifier,
           ref: _this.multiSelectorRef,
           onChange: _this.onChange,
@@ -10459,6 +10462,9 @@
       _this.state = {
         limit: props.baseQueryLimit,
         category: props.category,
+        brands: props.brands,
+        models: props.models,
+        materials: props.materials,
         nameFilter: ''
       };
       return _this;
@@ -10467,11 +10473,23 @@
     _createClass(LuxityGraphQLMultiselector, [{
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps) {
-        var _this$multiSelectorRe;
+        var _this$multiSelectorRe, _this$multiSelectorRe2, _this$multiSelectorRe3, _this$multiSelectorRe4;
 
         if (prevProps.category !== this.props.category && (_this$multiSelectorRe = this.multiSelectorRef) !== null && _this$multiSelectorRe !== void 0 && _this$multiSelectorRe.current) {
           this.multiSelectorRef.current.emptySelected();
         }
+
+        if (prevProps.brands !== this.props.brands && (_this$multiSelectorRe2 = this.multiSelectorRef) !== null && _this$multiSelectorRe2 !== void 0 && _this$multiSelectorRe2.current) {
+          this.multiSelectorRef.current.emptySelected();
+        }
+
+        if (prevProps.models !== this.props.models && (_this$multiSelectorRe3 = this.multiSelectorRef) !== null && _this$multiSelectorRe3 !== void 0 && _this$multiSelectorRe3.current) {
+          this.multiSelectorRef.current.emptySelected();
+        }
+
+        if (prevProps.materials !== this.props.materials && (_this$multiSelectorRe4 = this.multiSelectorRef) !== null && _this$multiSelectorRe4 !== void 0 && _this$multiSelectorRe4.current) {
+          this.multiSelectorRef.current.emptySelected();
+        }
       }
     }], [{
       key: "getDerivedStateFromProps",
@@ -10482,6 +10500,24 @@
           };
         }
 
+        if (prevState.brands !== props.brands) {
+          return {
+            brands: props.brands
+          };
+        }
+
+        if (prevState.models !== props.models) {
+          return {
+            models: props.models
+          };
+        }
+
+        if (prevState.materials !== props.materials) {
+          return {
+            materials: props.materials
+          };
+        }
+
         return null;
       }
     }]);
@@ -10530,7 +10566,10 @@
         itemRenderer = _ref.itemRenderer,
         getGraphQuery = _ref.getGraphQuery,
         resultProcessor = _ref.resultProcessor,
-        requestInstance = _ref.requestInstance;
+        requestInstance = _ref.requestInstance,
+        brands = _ref.brands,
+        models = _ref.models,
+        materials = _ref.materials;
     return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
       title: "Styles",
       queryId: "getStyles",
@@ -10539,6 +10578,9 @@
       identifier: "style-selector",
       searchPlaceHolder: "Search Styles",
       category: category,
+      brands: brands,
+      models: models,
+      materials: materials,
       onChange: onChange,
       graphApi: graphApi,
       itemRenderer: itemRenderer,
@@ -11066,7 +11108,8 @@
         _this.setState({
           brands: brandsArray.map(function (brand) {
             return brand.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -11090,7 +11133,8 @@
         _this.setState({
           models: modelsArray.map(function (model) {
             return model.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -11098,7 +11142,8 @@
         _this.setState({
           materials: materialsArray.map(function (material) {
             return material.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -11201,7 +11246,9 @@
         var _this$state2 = _this.state,
             category_type = _this$state2.category_type,
             fetching = _this$state2.request.fetching,
-            brands = _this$state2.brands;
+            brands = _this$state2.brands,
+            models = _this$state2.models,
+            materials = _this$state2.materials;
         var _this$props = _this.props,
             requestInstance = _this$props.requestInstance,
             baseGraphApi = _this$props.baseGraphApi,
@@ -11252,7 +11299,10 @@
           onChange: _this.onStylesChanged,
           requestInstance: requestInstance,
           graphApi: "".concat(baseGraphApi, "?id=getStyles"),
-          getGraphQuery: getStylesGraphQuery
+          getGraphQuery: getStylesGraphQuery,
+          brands: brands,
+          models: models,
+          materials: materials
         })) : null, /*#__PURE__*/React__default.createElement(SaveAndCancelButtonContainer, null, /*#__PURE__*/React__default.createElement("div", {
           className: "fl-right"
         }, /*#__PURE__*/React__default.createElement("div", {

package/Interests.js

@@ -10842,7 +10842,10 @@
         var _this$state = _this.state,
             limit = _this$state.limit,
             category = _this$state.category,
-            nameFilter = _this$state.nameFilter;
+            nameFilter = _this$state.nameFilter,
+            brands = _this$state.brands,
+            models = _this$state.models,
+            materials = _this$state.materials;
         var _this$props = _this.props,
             title = _this$props.title,
             baseClass = _this$props.baseClass,
@@ -10863,10 +10866,10 @@
         }), /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(GraphQLMultiSelector$1, {
           triggerRequest: function triggerRequest() {
             return requestInstance.post(graphApi, {
-              query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter)
+              query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials)
             });
           },
-          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter),
+          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials),
           identifier: identifier,
           ref: _this.multiSelectorRef,
           onChange: _this.onChange,
@@ -10879,6 +10882,9 @@
       _this.state = {
         limit: props.baseQueryLimit,
         category: props.category,
+        brands: props.brands,
+        models: props.models,
+        materials: props.materials,
         nameFilter: ''
       };
       return _this;
@@ -10887,11 +10893,23 @@
     _createClass(LuxityGraphQLMultiselector, [{
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps) {
-        var _this$multiSelectorRe;
+        var _this$multiSelectorRe, _this$multiSelectorRe2, _this$multiSelectorRe3, _this$multiSelectorRe4;
 
         if (prevProps.category !== this.props.category && (_this$multiSelectorRe = this.multiSelectorRef) !== null && _this$multiSelectorRe !== void 0 && _this$multiSelectorRe.current) {
           this.multiSelectorRef.current.emptySelected();
         }
+
+        if (prevProps.brands !== this.props.brands && (_this$multiSelectorRe2 = this.multiSelectorRef) !== null && _this$multiSelectorRe2 !== void 0 && _this$multiSelectorRe2.current) {
+          this.multiSelectorRef.current.emptySelected();
+        }
+
+        if (prevProps.models !== this.props.models && (_this$multiSelectorRe3 = this.multiSelectorRef) !== null && _this$multiSelectorRe3 !== void 0 && _this$multiSelectorRe3.current) {
+          this.multiSelectorRef.current.emptySelected();
+        }
+
+        if (prevProps.materials !== this.props.materials && (_this$multiSelectorRe4 = this.multiSelectorRef) !== null && _this$multiSelectorRe4 !== void 0 && _this$multiSelectorRe4.current) {
+          this.multiSelectorRef.current.emptySelected();
+        }
       }
     }], [{
       key: "getDerivedStateFromProps",
@@ -10902,6 +10920,24 @@
           };
         }
 
+        if (prevState.brands !== props.brands) {
+          return {
+            brands: props.brands
+          };
+        }
+
+        if (prevState.models !== props.models) {
+          return {
+            models: props.models
+          };
+        }
+
+        if (prevState.materials !== props.materials) {
+          return {
+            materials: props.materials
+          };
+        }
+
         return null;
       }
     }]);
@@ -10950,7 +10986,10 @@
         itemRenderer = _ref.itemRenderer,
         getGraphQuery = _ref.getGraphQuery,
         resultProcessor = _ref.resultProcessor,
-        requestInstance = _ref.requestInstance;
+        requestInstance = _ref.requestInstance,
+        brands = _ref.brands,
+        models = _ref.models,
+        materials = _ref.materials;
     return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
       title: "Styles",
       queryId: "getStyles",
@@ -10959,6 +10998,9 @@
       identifier: "style-selector",
       searchPlaceHolder: "Search Styles",
       category: category,
+      brands: brands,
+      models: models,
+      materials: materials,
       onChange: onChange,
       graphApi: graphApi,
       itemRenderer: itemRenderer,
@@ -11486,7 +11528,8 @@
         _this.setState({
           brands: brandsArray.map(function (brand) {
             return brand.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -11510,7 +11553,8 @@
         _this.setState({
           models: modelsArray.map(function (model) {
             return model.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -11518,7 +11562,8 @@
         _this.setState({
           materials: materialsArray.map(function (material) {
             return material.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -11621,7 +11666,9 @@
         var _this$state2 = _this.state,
             category_type = _this$state2.category_type,
             fetching = _this$state2.request.fetching,
-            brands = _this$state2.brands;
+            brands = _this$state2.brands,
+            models = _this$state2.models,
+            materials = _this$state2.materials;
         var _this$props = _this.props,
             requestInstance = _this$props.requestInstance,
             baseGraphApi = _this$props.baseGraphApi,
@@ -11672,7 +11719,10 @@
           onChange: _this.onStylesChanged,
           requestInstance: requestInstance,
           graphApi: "".concat(baseGraphApi, "?id=getStyles"),
-          getGraphQuery: getStylesGraphQuery
+          getGraphQuery: getStylesGraphQuery,
+          brands: brands,
+          models: models,
+          materials: materials
         })) : null, /*#__PURE__*/React__default.createElement(SaveAndCancelButtonContainer, null, /*#__PURE__*/React__default.createElement("div", {
           className: "fl-right"
         }, /*#__PURE__*/React__default.createElement("div", {