@bonlineza/luxity-lib 2.17.5 → 2.18.0

package/build/bundle.js

@@ -10897,7 +10897,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,
@@ -10918,10 +10921,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,
@@ -10934,6 +10937,9 @@
       _this.state = {
         limit: props.baseQueryLimit,
         category: props.category,
+        brands: props.brands,
+        models: props.models,
+        materials: props.materials,
         nameFilter: ''
       };
       return _this;
@@ -10942,11 +10948,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",
@@ -10957,6 +10975,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;
       }
     }]);
@@ -11005,7 +11041,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",
@@ -11014,6 +11053,9 @@
       identifier: "style-selector",
       searchPlaceHolder: "Search Styles",
       category: category,
+      brands: brands,
+      models: models,
+      materials: materials,
       onChange: onChange,
       graphApi: graphApi,
       itemRenderer: itemRenderer,
@@ -11541,7 +11583,8 @@
         _this.setState({
           brands: brandsArray.map(function (brand) {
             return brand.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -11565,7 +11608,8 @@
         _this.setState({
           models: modelsArray.map(function (model) {
             return model.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -11573,7 +11617,8 @@
         _this.setState({
           materials: materialsArray.map(function (material) {
             return material.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -11676,7 +11721,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,
@@ -11727,7 +11774,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bonlineza/luxity-lib",
-  "version": "2.17.5",
+  "version": "2.18.0",
   "scripts": {
     "start": "start-storybook -p 9001 -c .storybook -s ./public",
     "clean": "rimraf ./build/*.*",