@secondstaxorg/sscomp 2.1.12 → 2.1.13

package/dist/index.es.js

@@ -3222,6 +3222,10 @@ function round$1(e){return e+.5|0}const lim=(e,t,o)=>Math.max(Math.min(e,o),t);f
             }
         }
     }
+    
+    div.tab-content{
+        width: 100%;
+    }
 `,NewsFilters=styled.div`
     display: flex;
     gap: 16px;
@@ -3236,7 +3240,7 @@ function round$1(e){return e+.5|0}const lim=(e,t,o)=>Math.max(Math.min(e,o),t);f
             width: 100%;
         }
     }
-`,_jsxFileName$S="D:\\SSX\\Projects\\SSX Comps\\sscomp\\src\\components\\NewsFilterBar\\NewsFilterBar.tsx";function _optionalChain$u(e){let t,o=e[0],a=1;for(;a<e.length;){const r=e[a],i=e[a+1];if(a+=2,("optionalAccess"===r||"optionalCall"===r)&&null==o)return;"access"===r||"optionalAccess"===r?(t=o,o=i(o)):"call"!==r&&"optionalCall"!==r||(o=i(((...e)=>o.call(t,...e))),t=void 0)}return o}const NewsFilterBar=e=>{const{countries:t,outlets:o,selectedCountryFxn:a,selectedOutletFxn:r,initialOutlet:i,theme:n,labelOverrides:s,tabs:l,currentTab:d,preselect:c}=e,[u,m]=useState(720),[g,f]=useState(""),[p,h]=useState("");return useEffect((()=>{m(window.innerWidth),window.addEventListener("resize",(function(){m(window.innerWidth)}))}),[]),useEffect((()=>{l&&l.length>0&&(h(l[0].label),d&&d(l[0].label))}),[]),useEffect((()=>{if(c&&l){const e=l.find((e=>e.label.toLowerCase()===c.toLowerCase()));e&&h(e.label)}}),[c]),useEffect((()=>{i&&f(i)}),[i]),React__default$1.createElement(TitleBarContainer$2,{barTheme:n,...e,__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:53}},React__default$1.createElement("div",{className:"tabs",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:54}},l?React__default$1.createElement(React__default$1.Fragment,null,l.map(((e,t)=>React__default$1.createElement("button",{className:`paragraph2Medium tab-button ${e.label===p?"active":""} ${n}`,key:t,onClick:()=>{p!==e.label&&(h(e.label),d&&d(e.label))},__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:58}},e.label)))):React__default$1.createElement("h4",{className:u<=720?"paragraph2Medium":"heading6Medium",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:71}},_optionalChain$u([s,"optionalAccess",e=>e.title])||"News")),React__default$1.createElement("div",{__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:74}},l&&_optionalChain$u([l,"access",e=>e.find,"call",e=>e((e=>e.label===p)),"optionalAccess",e=>e.actions])||React__default$1.createElement(NewsFilters,{__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:75}},t&&t.length>0&&React__default$1.createElement("div",{className:"filterContainer",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:77}},React__default$1.createElement(DropdownList,{options:t,returnedSelection:e=>{a&&a(e)},placeholder:_optionalChain$u([s,"optionalAccess",e=>e.selectCountryPlaceholder])||"Select Country",searchable:!0,inputName:"country",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:78}})),o&&o.length>0&&React__default$1.createElement("div",{className:"filterContainer",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:87}},React__default$1.createElement(DropdownList,{options:o,initialText:g,returnedSelection:e=>{r&&r(e)},placeholder:_optionalChain$u([s,"optionalAccess",e=>e.selectOutletPlaceholder])||"Select Outlet",searchable:!0,inputName:"outlet",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:88}})))))},SourceDate$1=styled.div`
+`,_jsxFileName$S="D:\\SSX\\Projects\\SSX Comps\\sscomp\\src\\components\\NewsFilterBar\\NewsFilterBar.tsx";function _optionalChain$u(e){let t,o=e[0],a=1;for(;a<e.length;){const r=e[a],i=e[a+1];if(a+=2,("optionalAccess"===r||"optionalCall"===r)&&null==o)return;"access"===r||"optionalAccess"===r?(t=o,o=i(o)):"call"!==r&&"optionalCall"!==r||(o=i(((...e)=>o.call(t,...e))),t=void 0)}return o}const NewsFilterBar=e=>{const{countries:t,outlets:o,selectedCountryFxn:a,selectedOutletFxn:r,initialOutlet:i,theme:n,labelOverrides:s,tabs:l,currentTab:d,preselect:c}=e,[u,m]=useState(720),[g,f]=useState(""),[p,h]=useState("");return useEffect((()=>{m(window.innerWidth),window.addEventListener("resize",(function(){m(window.innerWidth)}))}),[]),useEffect((()=>{l&&l.length>0&&(h(l[0].label),d&&d(l[0].label))}),[]),useEffect((()=>{if(c&&l){const e=l.find((e=>e.label.toLowerCase()===c.toLowerCase()));e&&h(e.label)}}),[c]),useEffect((()=>{i&&f(i)}),[i]),React__default$1.createElement(TitleBarContainer$2,{barTheme:n,...e,__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:53}},React__default$1.createElement("div",{className:"tabs",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:54}},l?React__default$1.createElement(React__default$1.Fragment,null,l.map(((e,t)=>React__default$1.createElement("button",{className:`paragraph2Medium tab-button ${e.label===p?"active":""} ${n}`,key:t,onClick:()=>{p!==e.label&&(h(e.label),d&&d(e.label))},__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:58}},e.label)))):React__default$1.createElement("h4",{className:u<=720?"paragraph2Medium":"heading6Medium",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:71}},_optionalChain$u([s,"optionalAccess",e=>e.title])||"News")),React__default$1.createElement("div",{className:"tab-content",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:74}},l&&_optionalChain$u([l,"access",e=>e.find,"call",e=>e((e=>e.label===p)),"optionalAccess",e=>e.actions])||React__default$1.createElement(NewsFilters,{__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:75}},t&&t.length>0&&React__default$1.createElement("div",{className:"filterContainer",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:77}},React__default$1.createElement(DropdownList,{options:t,returnedSelection:e=>{a&&a(e)},placeholder:_optionalChain$u([s,"optionalAccess",e=>e.selectCountryPlaceholder])||"Select Country",searchable:!0,inputName:"country",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:78}})),o&&o.length>0&&React__default$1.createElement("div",{className:"filterContainer",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:87}},React__default$1.createElement(DropdownList,{options:o,initialText:g,returnedSelection:e=>{r&&r(e)},placeholder:_optionalChain$u([s,"optionalAccess",e=>e.selectOutletPlaceholder])||"Select Outlet",searchable:!0,inputName:"outlet",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:88}})))))},SourceDate$1=styled.div`
     background: ${theme.colors["neutral-50"]};
     border-radius: 8px;
     display: inline-flex;