@secondstaxorg/sscomp 2.1.12 → 2.1.13

package/dist/index.min.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],r=1;for(;r<e.length;){const i=e[r],a=e[r+1];if(r+=2,("optionalAccess"===i||"optionalCall"===i)&&null==o)return;"access"===i||"optionalAccess"===i?(t=o,o=a(o)):"call"!==i&&"optionalCall"!==i||(o=a(((...e)=>o.call(t,...e))),t=void 0)}return o}const NewsFilterBar=e=>{const{countries:t,outlets:o,selectedCountryFxn:r,selectedOutletFxn:i,initialOutlet:a,theme:n,labelOverrides:s,tabs:l,currentTab:c,preselect:d}=e,[u,m]=React$1.useState(720),[g,p]=React$1.useState(""),[f,h]=React$1.useState("");return React$1.useEffect((()=>{m(window.innerWidth),window.addEventListener("resize",(function(){m(window.innerWidth)}))}),[]),React$1.useEffect((()=>{l&&l.length>0&&(h(l[0].label),c&&c(l[0].label))}),[]),React$1.useEffect((()=>{if(d&&l){const e=l.find((e=>e.label.toLowerCase()===d.toLowerCase()));e&&h(e.label)}}),[d]),React$1.useEffect((()=>{a&&p(a)}),[a]),React$1.createElement(TitleBarContainer$2,{barTheme:n,...e,__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:53}},React$1.createElement("div",{className:"tabs",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:54}},l?React$1.createElement(React$1.Fragment,null,l.map(((e,t)=>React$1.createElement("button",{className:`paragraph2Medium tab-button ${e.label===f?"active":""} ${n}`,key:t,onClick:()=>{f!==e.label&&(h(e.label),c&&c(e.label))},__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:58}},e.label)))):React$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$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===f)),"optionalAccess",e=>e.actions])||React$1.createElement(NewsFilters,{__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:75}},t&&t.length>0&&React$1.createElement("div",{className:"filterContainer",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:77}},React$1.createElement(DropdownList,{options:t,returnedSelection:e=>{r&&r(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$1.createElement("div",{className:"filterContainer",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:87}},React$1.createElement(DropdownList,{options:o,initialText:g,returnedSelection:e=>{i&&i(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],r=1;for(;r<e.length;){const i=e[r],a=e[r+1];if(r+=2,("optionalAccess"===i||"optionalCall"===i)&&null==o)return;"access"===i||"optionalAccess"===i?(t=o,o=a(o)):"call"!==i&&"optionalCall"!==i||(o=a(((...e)=>o.call(t,...e))),t=void 0)}return o}const NewsFilterBar=e=>{const{countries:t,outlets:o,selectedCountryFxn:r,selectedOutletFxn:i,initialOutlet:a,theme:n,labelOverrides:s,tabs:l,currentTab:c,preselect:d}=e,[u,m]=React$1.useState(720),[g,p]=React$1.useState(""),[f,h]=React$1.useState("");return React$1.useEffect((()=>{m(window.innerWidth),window.addEventListener("resize",(function(){m(window.innerWidth)}))}),[]),React$1.useEffect((()=>{l&&l.length>0&&(h(l[0].label),c&&c(l[0].label))}),[]),React$1.useEffect((()=>{if(d&&l){const e=l.find((e=>e.label.toLowerCase()===d.toLowerCase()));e&&h(e.label)}}),[d]),React$1.useEffect((()=>{a&&p(a)}),[a]),React$1.createElement(TitleBarContainer$2,{barTheme:n,...e,__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:53}},React$1.createElement("div",{className:"tabs",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:54}},l?React$1.createElement(React$1.Fragment,null,l.map(((e,t)=>React$1.createElement("button",{className:`paragraph2Medium tab-button ${e.label===f?"active":""} ${n}`,key:t,onClick:()=>{f!==e.label&&(h(e.label),c&&c(e.label))},__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:58}},e.label)))):React$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$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===f)),"optionalAccess",e=>e.actions])||React$1.createElement(NewsFilters,{__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:75}},t&&t.length>0&&React$1.createElement("div",{className:"filterContainer",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:77}},React$1.createElement(DropdownList,{options:t,returnedSelection:e=>{r&&r(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$1.createElement("div",{className:"filterContainer",__self:void 0,__source:{fileName:_jsxFileName$S,lineNumber:87}},React$1.createElement(DropdownList,{options:o,initialText:g,returnedSelection:e=>{i&&i(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;