@secondstaxorg/sscomp 1.6.85 → 1.6.87

package/dist/index.js

@@ -20731,6 +20731,7 @@ const _jsxFileName$v = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
 const NewsFilterBar = (props) => {
     const {countries,outlets,selectedCountryFxn,selectedOutletFxn,theme} = props;
     const [windowWidth,setWindowWidth] = React$1.useState(720);
+    const [outletInitText,setOutletInitText] = React$1.useState('');
 
     React$1.useEffect(() => {
         setWindowWidth(window.innerWidth);
@@ -20740,21 +20741,27 @@ const NewsFilterBar = (props) => {
     }, []);
 
     return (
-        React$1.createElement(TitleBarContainer$2, { className: theme, ...props, __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 22}}
-            , React$1.createElement('h4', { className: windowWidth <= 720 ? "paragraph2Medium" : "heading6Medium", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 23}}, "News")
-            , React$1.createElement(NewsFilters, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 24}}
+        React$1.createElement(TitleBarContainer$2, { className: theme, ...props, __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 23}}
+            , React$1.createElement('h4', { className: windowWidth <= 720 ? "paragraph2Medium" : "heading6Medium", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 24}}, "News")
+            , React$1.createElement(NewsFilters, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 25}}
                 , countries && countries.length > 0 &&
-                    React$1.createElement('div', { className: "filterContainer", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 26}}
+                    React$1.createElement('div', { className: "filterContainer", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 27}}
                         , React$1.createElement(DropdownList, { options: countries, returnedSelection: (selCountry) => {
-                            if (selectedCountryFxn) selectedCountryFxn(selCountry);
-                        }, placeholder: "Select Country" , __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 27}})
+                            if (selectedCountryFxn){
+                                selectedCountryFxn(selCountry);
+                                setOutletInitText('');
+                                setTimeout(()=>{
+                                    setOutletInitText('All');
+                                },200);
+                            }
+                        }, placeholder: "Select Country" , __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 28}})
                     )
                 
                 , outlets && outlets.length > 0 &&
-                    React$1.createElement('div', { className: "filterContainer", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 33}}
-                        , React$1.createElement(DropdownList, { options: outlets, returnedSelection: (selOutlet) => {
+                    React$1.createElement('div', { className: "filterContainer", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 40}}
+                        , React$1.createElement(DropdownList, { options: outlets, initialText: outletInitText, returnedSelection: (selOutlet) => {
                             if (selectedOutletFxn) selectedOutletFxn(selOutlet);
-                        }, placeholder: "Select Outlet" , __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 34}})
+                        }, placeholder: "Select Outlet" , __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 41}})
                     )
                 
             )