@secondstaxorg/sscomp 2.0.36 → 2.0.38

package/dist/index.js

@@ -22413,7 +22413,7 @@ const _jsxFileName$Q = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
 const NewsFilterBar = (props) => {
     const {countries,outlets,selectedCountryFxn,selectedOutletFxn,initialOutlet,theme,labelOverrides} = props;
     const [windowWidth,setWindowWidth] = React$1.useState(720);
-    const [outletInitText,setOutletInitText] = React$1.useState(initialOutlet || '');
+    const [outletInitText,setOutletInitText] = React$1.useState('');
 
     React$1.useEffect(() => {
         setWindowWidth(window.innerWidth);
@@ -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}})
                     )
                 
             )
@@ -36029,7 +36031,7 @@ const AmountInput = (props) => {
 };
 
 const MainContainer = styled.div`
-  max-width: 430px;
+  width: 510px;
   background: ${theme.colors.white};
   padding: 40px;
   border-radius: 16px;
@@ -36218,7 +36220,7 @@ const Container = styled.div`
     display: flex;
     flex-direction: column;
     gap: 40px;
-    max-width: 510px;
+    width: 510px;
     
     .email-field{
         padding: 16px;