@bonlineza/luxity-lib 2.17.4 → 2.18.0

package/StyleSelector.js

@@ -817,7 +817,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,
@@ -838,10 +841,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,
@@ -854,6 +857,9 @@
       _this.state = {
         limit: props.baseQueryLimit,
         category: props.category,
+        brands: props.brands,
+        models: props.models,
+        materials: props.materials,
         nameFilter: ''
       };
       return _this;
@@ -862,11 +868,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",
@@ -877,6 +895,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;
       }
     }]);
@@ -947,7 +983,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",
@@ -956,6 +995,9 @@
       identifier: "style-selector",
       searchPlaceHolder: "Search Styles",
       category: category,
+      brands: brands,
+      models: models,
+      materials: materials,
       onChange: onChange,
       graphApi: graphApi,
       itemRenderer: itemRenderer,

package/build/bundle.js

@@ -1964,7 +1964,6 @@
       return React__default.createElement("input", __assign({}, inputProps));
   });
   CurrencyInput.displayName = 'CurrencyInput';
-  //# sourceMappingURL=index.esm.js.map
 
   var _excluded$5 = ["value", "onChange", "prefix", "allowNegativeValue", "groupSeparator", "decimalSeparator"];
   var unMask = function unMask() {
@@ -10898,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,
@@ -10919,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,
@@ -10935,6 +10937,9 @@
       _this.state = {
         limit: props.baseQueryLimit,
         category: props.category,
+        brands: props.brands,
+        models: props.models,
+        materials: props.materials,
         nameFilter: ''
       };
       return _this;
@@ -10943,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",
@@ -10958,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;
       }
     }]);
@@ -11006,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",
@@ -11015,6 +11053,9 @@
       identifier: "style-selector",
       searchPlaceHolder: "Search Styles",
       category: category,
+      brands: brands,
+      models: models,
+      materials: materials,
       onChange: onChange,
       graphApi: graphApi,
       itemRenderer: itemRenderer,
@@ -11542,7 +11583,8 @@
         _this.setState({
           brands: brandsArray.map(function (brand) {
             return brand.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -11566,7 +11608,8 @@
         _this.setState({
           models: modelsArray.map(function (model) {
             return model.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -11574,7 +11617,8 @@
         _this.setState({
           materials: materialsArray.map(function (material) {
             return material.value;
-          })
+          }),
+          styles: []
         });
       });
 
@@ -11677,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,
@@ -11728,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", {
@@ -12723,10 +12772,12 @@
     }), /*#__PURE__*/React__default.createElement(FooterTitleLink, {
       className: "footer__link"
     }, "Connect"), /*#__PURE__*/React__default.createElement(SocialIconWrapper, null, /*#__PURE__*/React__default.createElement(FooterLink, {
+      target: "_blank",
       href: facebookUrl
     }, /*#__PURE__*/React__default.createElement(SocialIcon, {
       src: facebookIconUrl
     })), /*#__PURE__*/React__default.createElement(FooterLink, {
+      target: "_blank",
       href: instagramUrl
     }, /*#__PURE__*/React__default.createElement(SocialIcon, {
       src: instagramImageUrl
@@ -12754,10 +12805,12 @@
         className: "footer__links",
         key: index
       }, /*#__PURE__*/React__default.createElement(FooterTitleLink, {
+        target: footerLink !== null && footerLink !== void 0 && footerLink.openInNewTab ? '_blank' : '_self',
         className: "footer__link",
         href: footerLink.url
       }, footerLink.title), footerLink.links.map(function (link, linkIndex) {
         return /*#__PURE__*/React__default.createElement(FooterLink, {
+          target: footerLink !== null && footerLink !== void 0 && footerLink.openInNewTab ? '_blank' : '_self',
           className: "footer__link",
           href: link.url,
           key: linkIndex

package/package.json

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