@bonlineza/luxity-lib 2.28.0 → 2.29.1

package/LuxityGraphQLDropdownSelector.js

@@ -9382,42 +9382,6 @@
 
   var NotificationDropDown$1 = themed(NotificationDropDown);
 
-  var BrandSelector = function BrandSelector(_ref) {
-    var onChange = _ref.onChange,
-        category = _ref.category,
-        graphApi = _ref.graphApi,
-        getGraphQuery = _ref.getGraphQuery,
-        resultProcessor = _ref.resultProcessor,
-        requestInstance = _ref.requestInstance;
-    return /*#__PURE__*/React__default.createElement(LuxityGraphQLDropdownSelector, {
-      baseQueryLimit: 9999,
-      title: "Brands",
-      queryId: "getBrands",
-      baseClass: "brand-selector",
-      identifier: "brand-selector",
-      searchPlaceHolder: "Search brands",
-      query_arguments: category,
-      onChange: onChange,
-      graphApi: graphApi,
-      getGraphQuery: getGraphQuery,
-      resultProcessor: resultProcessor,
-      requestInstance: requestInstance
-    });
-  };
-
-  BrandSelector.defaultProps = {
-    resultProcessor: function resultProcessor(result) {
-      return result.data.data.luxity_brands.data.map(function (_ref2) {
-        var id = _ref2.id,
-            name = _ref2.name;
-        return {
-          label: name,
-          value: id
-        };
-      });
-    }
-  };
-
   var _templateObject$E, _templateObject2$6;
   var ALL_ITEM = {
     id: 'ALL',
@@ -9750,10 +9714,7 @@
         var _this$state = _this.state,
             limit = _this$state.limit,
             category = _this$state.category,
-            nameFilter = _this$state.nameFilter,
-            brands = _this$state.brands,
-            models = _this$state.models,
-            materials = _this$state.materials;
+            nameFilter = _this$state.nameFilter;
         var _this$props = _this.props,
             title = _this$props.title,
             baseClass = _this$props.baseClass,
@@ -9774,10 +9735,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, brands, models, materials)
+              query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter)
             });
           },
-          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials),
+          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter),
           identifier: identifier,
           ref: _this.multiSelectorRef,
           onChange: _this.onChange,
@@ -9790,9 +9751,6 @@
       _this.state = {
         limit: props.baseQueryLimit,
         category: props.category,
-        brands: props.brands,
-        models: props.models,
-        materials: props.materials,
         nameFilter: ''
       };
       return _this;
@@ -9801,23 +9759,11 @@
     _createClass(LuxityGraphQLMultiselector, [{
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps) {
-        var _this$multiSelectorRe, _this$multiSelectorRe2, _this$multiSelectorRe3, _this$multiSelectorRe4;
+        var _this$multiSelectorRe;
 
         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",
@@ -9828,24 +9774,6 @@
           };
         }
 
-        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;
       }
     }]);
@@ -9887,6 +9815,38 @@
     return selected ? /*#__PURE__*/React__default.createElement(PrimaryButton$1, props, item.name) : /*#__PURE__*/React__default.createElement(UnselectedButton, props, item.name);
   };
 
+  var BrandSelector = function BrandSelector(_ref) {
+    var onChange = _ref.onChange,
+        category = _ref.category,
+        graphApi = _ref.graphApi,
+        itemRenderer = _ref.itemRenderer,
+        getGraphQuery = _ref.getGraphQuery,
+        resultProcessor = _ref.resultProcessor,
+        requestInstance = _ref.requestInstance;
+    return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
+      baseQueryLimit: 16,
+      title: "Brands",
+      queryId: "getBrands",
+      baseClass: "brand-selector",
+      identifier: "brand-selector",
+      searchPlaceHolder: "Search brands",
+      category: category,
+      onChange: onChange,
+      graphApi: graphApi,
+      itemRenderer: itemRenderer,
+      getGraphQuery: getGraphQuery,
+      resultProcessor: resultProcessor,
+      requestInstance: requestInstance
+    });
+  };
+
+  BrandSelector.defaultProps = {
+    itemRenderer: ItemRenderer,
+    resultProcessor: function resultProcessor(result) {
+      return result.data.data.luxity_brands;
+    }
+  };
+
   var StyleSelector = function StyleSelector(_ref) {
     var onChange = _ref.onChange,
         category = _ref.category,
@@ -9894,10 +9854,7 @@
         itemRenderer = _ref.itemRenderer,
         getGraphQuery = _ref.getGraphQuery,
         resultProcessor = _ref.resultProcessor,
-        requestInstance = _ref.requestInstance,
-        brands = _ref.brands,
-        models = _ref.models,
-        materials = _ref.materials;
+        requestInstance = _ref.requestInstance;
     return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
       title: "Styles",
       queryId: "getStyles",
@@ -9906,9 +9863,6 @@
       identifier: "style-selector",
       searchPlaceHolder: "Search Styles",
       category: category,
-      brands: brands,
-      models: models,
-      materials: materials,
       onChange: onChange,
       graphApi: graphApi,
       itemRenderer: itemRenderer,

package/LuxityGraphQLMultiselector.js

@@ -817,10 +817,7 @@
         var _this$state = _this.state,
             limit = _this$state.limit,
             category = _this$state.category,
-            nameFilter = _this$state.nameFilter,
-            brands = _this$state.brands,
-            models = _this$state.models,
-            materials = _this$state.materials;
+            nameFilter = _this$state.nameFilter;
         var _this$props = _this.props,
             title = _this$props.title,
             baseClass = _this$props.baseClass,
@@ -841,10 +838,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, brands, models, materials)
+              query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter)
             });
           },
-          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials),
+          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter),
           identifier: identifier,
           ref: _this.multiSelectorRef,
           onChange: _this.onChange,
@@ -857,9 +854,6 @@
       _this.state = {
         limit: props.baseQueryLimit,
         category: props.category,
-        brands: props.brands,
-        models: props.models,
-        materials: props.materials,
         nameFilter: ''
       };
       return _this;
@@ -868,23 +862,11 @@
     _createClass(LuxityGraphQLMultiselector, [{
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps) {
-        var _this$multiSelectorRe, _this$multiSelectorRe2, _this$multiSelectorRe3, _this$multiSelectorRe4;
+        var _this$multiSelectorRe;
 
         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",
@@ -895,24 +877,6 @@
           };
         }
 
-        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;
       }
     }]);

package/MaterialSelector.js

@@ -9382,42 +9382,6 @@
 
   var NotificationDropDown$1 = themed(NotificationDropDown);
 
-  var BrandSelector = function BrandSelector(_ref) {
-    var onChange = _ref.onChange,
-        category = _ref.category,
-        graphApi = _ref.graphApi,
-        getGraphQuery = _ref.getGraphQuery,
-        resultProcessor = _ref.resultProcessor,
-        requestInstance = _ref.requestInstance;
-    return /*#__PURE__*/React__default.createElement(LuxityGraphQLDropdownSelector, {
-      baseQueryLimit: 9999,
-      title: "Brands",
-      queryId: "getBrands",
-      baseClass: "brand-selector",
-      identifier: "brand-selector",
-      searchPlaceHolder: "Search brands",
-      query_arguments: category,
-      onChange: onChange,
-      graphApi: graphApi,
-      getGraphQuery: getGraphQuery,
-      resultProcessor: resultProcessor,
-      requestInstance: requestInstance
-    });
-  };
-
-  BrandSelector.defaultProps = {
-    resultProcessor: function resultProcessor(result) {
-      return result.data.data.luxity_brands.data.map(function (_ref2) {
-        var id = _ref2.id,
-            name = _ref2.name;
-        return {
-          label: name,
-          value: id
-        };
-      });
-    }
-  };
-
   var _templateObject$E, _templateObject2$6;
   var ALL_ITEM = {
     id: 'ALL',
@@ -9750,10 +9714,7 @@
         var _this$state = _this.state,
             limit = _this$state.limit,
             category = _this$state.category,
-            nameFilter = _this$state.nameFilter,
-            brands = _this$state.brands,
-            models = _this$state.models,
-            materials = _this$state.materials;
+            nameFilter = _this$state.nameFilter;
         var _this$props = _this.props,
             title = _this$props.title,
             baseClass = _this$props.baseClass,
@@ -9774,10 +9735,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, brands, models, materials)
+              query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter)
             });
           },
-          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials),
+          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter),
           identifier: identifier,
           ref: _this.multiSelectorRef,
           onChange: _this.onChange,
@@ -9790,9 +9751,6 @@
       _this.state = {
         limit: props.baseQueryLimit,
         category: props.category,
-        brands: props.brands,
-        models: props.models,
-        materials: props.materials,
         nameFilter: ''
       };
       return _this;
@@ -9801,23 +9759,11 @@
     _createClass(LuxityGraphQLMultiselector, [{
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps) {
-        var _this$multiSelectorRe, _this$multiSelectorRe2, _this$multiSelectorRe3, _this$multiSelectorRe4;
+        var _this$multiSelectorRe;
 
         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",
@@ -9828,24 +9774,6 @@
           };
         }
 
-        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;
       }
     }]);
@@ -9887,6 +9815,38 @@
     return selected ? /*#__PURE__*/React__default.createElement(PrimaryButton$1, props, item.name) : /*#__PURE__*/React__default.createElement(UnselectedButton, props, item.name);
   };
 
+  var BrandSelector = function BrandSelector(_ref) {
+    var onChange = _ref.onChange,
+        category = _ref.category,
+        graphApi = _ref.graphApi,
+        itemRenderer = _ref.itemRenderer,
+        getGraphQuery = _ref.getGraphQuery,
+        resultProcessor = _ref.resultProcessor,
+        requestInstance = _ref.requestInstance;
+    return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
+      baseQueryLimit: 16,
+      title: "Brands",
+      queryId: "getBrands",
+      baseClass: "brand-selector",
+      identifier: "brand-selector",
+      searchPlaceHolder: "Search brands",
+      category: category,
+      onChange: onChange,
+      graphApi: graphApi,
+      itemRenderer: itemRenderer,
+      getGraphQuery: getGraphQuery,
+      resultProcessor: resultProcessor,
+      requestInstance: requestInstance
+    });
+  };
+
+  BrandSelector.defaultProps = {
+    itemRenderer: ItemRenderer,
+    resultProcessor: function resultProcessor(result) {
+      return result.data.data.luxity_brands;
+    }
+  };
+
   var StyleSelector = function StyleSelector(_ref) {
     var onChange = _ref.onChange,
         category = _ref.category,
@@ -9894,10 +9854,7 @@
         itemRenderer = _ref.itemRenderer,
         getGraphQuery = _ref.getGraphQuery,
         resultProcessor = _ref.resultProcessor,
-        requestInstance = _ref.requestInstance,
-        brands = _ref.brands,
-        models = _ref.models,
-        materials = _ref.materials;
+        requestInstance = _ref.requestInstance;
     return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
       title: "Styles",
       queryId: "getStyles",
@@ -9906,9 +9863,6 @@
       identifier: "style-selector",
       searchPlaceHolder: "Search Styles",
       category: category,
-      brands: brands,
-      models: models,
-      materials: materials,
       onChange: onChange,
       graphApi: graphApi,
       itemRenderer: itemRenderer,

package/ModelSelector.js

@@ -9382,42 +9382,6 @@
 
   var NotificationDropDown$1 = themed(NotificationDropDown);
 
-  var BrandSelector = function BrandSelector(_ref) {
-    var onChange = _ref.onChange,
-        category = _ref.category,
-        graphApi = _ref.graphApi,
-        getGraphQuery = _ref.getGraphQuery,
-        resultProcessor = _ref.resultProcessor,
-        requestInstance = _ref.requestInstance;
-    return /*#__PURE__*/React__default.createElement(LuxityGraphQLDropdownSelector, {
-      baseQueryLimit: 9999,
-      title: "Brands",
-      queryId: "getBrands",
-      baseClass: "brand-selector",
-      identifier: "brand-selector",
-      searchPlaceHolder: "Search brands",
-      query_arguments: category,
-      onChange: onChange,
-      graphApi: graphApi,
-      getGraphQuery: getGraphQuery,
-      resultProcessor: resultProcessor,
-      requestInstance: requestInstance
-    });
-  };
-
-  BrandSelector.defaultProps = {
-    resultProcessor: function resultProcessor(result) {
-      return result.data.data.luxity_brands.data.map(function (_ref2) {
-        var id = _ref2.id,
-            name = _ref2.name;
-        return {
-          label: name,
-          value: id
-        };
-      });
-    }
-  };
-
   var _templateObject$E, _templateObject2$6;
   var ALL_ITEM = {
     id: 'ALL',
@@ -9750,10 +9714,7 @@
         var _this$state = _this.state,
             limit = _this$state.limit,
             category = _this$state.category,
-            nameFilter = _this$state.nameFilter,
-            brands = _this$state.brands,
-            models = _this$state.models,
-            materials = _this$state.materials;
+            nameFilter = _this$state.nameFilter;
         var _this$props = _this.props,
             title = _this$props.title,
             baseClass = _this$props.baseClass,
@@ -9774,10 +9735,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, brands, models, materials)
+              query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter)
             });
           },
-          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials),
+          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter),
           identifier: identifier,
           ref: _this.multiSelectorRef,
           onChange: _this.onChange,
@@ -9790,9 +9751,6 @@
       _this.state = {
         limit: props.baseQueryLimit,
         category: props.category,
-        brands: props.brands,
-        models: props.models,
-        materials: props.materials,
         nameFilter: ''
       };
       return _this;
@@ -9801,23 +9759,11 @@
     _createClass(LuxityGraphQLMultiselector, [{
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps) {
-        var _this$multiSelectorRe, _this$multiSelectorRe2, _this$multiSelectorRe3, _this$multiSelectorRe4;
+        var _this$multiSelectorRe;
 
         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",
@@ -9828,24 +9774,6 @@
           };
         }
 
-        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;
       }
     }]);
@@ -9887,6 +9815,38 @@
     return selected ? /*#__PURE__*/React__default.createElement(PrimaryButton$1, props, item.name) : /*#__PURE__*/React__default.createElement(UnselectedButton, props, item.name);
   };
 
+  var BrandSelector = function BrandSelector(_ref) {
+    var onChange = _ref.onChange,
+        category = _ref.category,
+        graphApi = _ref.graphApi,
+        itemRenderer = _ref.itemRenderer,
+        getGraphQuery = _ref.getGraphQuery,
+        resultProcessor = _ref.resultProcessor,
+        requestInstance = _ref.requestInstance;
+    return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
+      baseQueryLimit: 16,
+      title: "Brands",
+      queryId: "getBrands",
+      baseClass: "brand-selector",
+      identifier: "brand-selector",
+      searchPlaceHolder: "Search brands",
+      category: category,
+      onChange: onChange,
+      graphApi: graphApi,
+      itemRenderer: itemRenderer,
+      getGraphQuery: getGraphQuery,
+      resultProcessor: resultProcessor,
+      requestInstance: requestInstance
+    });
+  };
+
+  BrandSelector.defaultProps = {
+    itemRenderer: ItemRenderer,
+    resultProcessor: function resultProcessor(result) {
+      return result.data.data.luxity_brands;
+    }
+  };
+
   var StyleSelector = function StyleSelector(_ref) {
     var onChange = _ref.onChange,
         category = _ref.category,
@@ -9894,10 +9854,7 @@
         itemRenderer = _ref.itemRenderer,
         getGraphQuery = _ref.getGraphQuery,
         resultProcessor = _ref.resultProcessor,
-        requestInstance = _ref.requestInstance,
-        brands = _ref.brands,
-        models = _ref.models,
-        materials = _ref.materials;
+        requestInstance = _ref.requestInstance;
     return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
       title: "Styles",
       queryId: "getStyles",
@@ -9906,9 +9863,6 @@
       identifier: "style-selector",
       searchPlaceHolder: "Search Styles",
       category: category,
-      brands: brands,
-      models: models,
-      materials: materials,
       onChange: onChange,
       graphApi: graphApi,
       itemRenderer: itemRenderer,

package/RareStepHeader.js

@@ -304,6 +304,9 @@
       }
     };
 
+    React.useEffect(function () {
+      searchInputRef.current.focus();
+    }, []);
     return /*#__PURE__*/React__default.createElement(SearchContainer, {
       className: "header__search-container"
     }, /*#__PURE__*/React__default.createElement(SearchIcon, {