@secondstaxorg/sscomp 2.0.35 → 2.0.37

package/dist/index.js

@@ -22411,7 +22411,7 @@ const _jsxFileName$Q = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
  * Filter bar for news items on the news application
  */
 const NewsFilterBar = (props) => {
-    const {countries,outlets,selectedCountryFxn,selectedOutletFxn,theme,labelOverrides} = props;
+    const {countries,outlets,selectedCountryFxn,selectedOutletFxn,initialOutlet,theme,labelOverrides} = props;
     const [windowWidth,setWindowWidth] = React$1.useState(720);
     const [outletInitText,setOutletInitText] = React$1.useState('');
 
@@ -22422,28 +22422,30 @@ const NewsFilterBar = (props) => {
         });
     }, []);
 
+    React$1.useEffect(()=>{
+        if (initialOutlet){
+            setOutletInitText(initialOutlet);
+        }
+    },[initialOutlet]);
+
     return (
-        React$1.createElement(TitleBarContainer$2, { className: theme, ...props, __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 23}}
-            , React$1.createElement('h4', { className: windowWidth <= 720 ? "paragraph2Medium" : "heading6Medium", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 24}}, _optionalChain$u([labelOverrides, 'optionalAccess', _ => _.title]) || 'News')
-            , React$1.createElement(NewsFilters, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 25}}
+        React$1.createElement(TitleBarContainer$2, { className: theme, ...props, __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 29}}
+            , React$1.createElement('h4', { className: windowWidth <= 720 ? "paragraph2Medium" : "heading6Medium", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 30}}, _optionalChain$u([labelOverrides, 'optionalAccess', _ => _.title]) || 'News')
+            , React$1.createElement(NewsFilters, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 31}}
                 , countries && countries.length > 0 &&
-                    React$1.createElement('div', { className: "filterContainer", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 27}}
-                        , React$1.createElement(DropdownList, { options: countries, returnedSelection: (selCountry) => {
+                    React$1.createElement('div', { className: "filterContainer", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 33}}
+                        , React$1.createElement(DropdownList, { options: countries, returnedSelection: (selCtr) => {
                             if (selectedCountryFxn){
-                                selectedCountryFxn(selCountry);
-                                setOutletInitText('');
-                                setTimeout(()=>{
-                                    setOutletInitText(_optionalChain$u([labelOverrides, 'optionalAccess', _2 => _2.allOption]) || 'All');
-                                },200);
+                                selectedCountryFxn(selCtr);
                             }
-                        }, placeholder: _optionalChain$u([labelOverrides, 'optionalAccess', _3 => _3.selectCountryPlaceholder]) || "Select Country", searchable: true, inputName: "country", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 28}})
+                        }, placeholder: _optionalChain$u([labelOverrides, 'optionalAccess', _2 => _2.selectCountryPlaceholder]) || "Select Country", searchable: true, inputName: "country", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 34}})
                     )
                 
                 , outlets && outlets.length > 0 &&
-                    React$1.createElement('div', { className: "filterContainer", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 40}}
+                    React$1.createElement('div', { className: "filterContainer", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 42}}
                         , React$1.createElement(DropdownList, { options: outlets, initialText: outletInitText, returnedSelection: (selOutlet) => {
                             if (selectedOutletFxn) selectedOutletFxn(selOutlet);
-                        }, placeholder: _optionalChain$u([labelOverrides, 'optionalAccess', _4 => _4.selectOutletPlaceholder]) || "Select Outlet", searchable: true, inputName: "outlet", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 41}})
+                        }, placeholder: _optionalChain$u([labelOverrides, 'optionalAccess', _3 => _3.selectOutletPlaceholder]) || "Select Outlet", searchable: true, inputName: "outlet", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 43}})
                     )
                 
             )