@secondstaxorg/sscomp 2.0.75 → 2.0.76

package/dist/index.es.js

@@ -3232,7 +3232,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$R="D:\\SSX\\Project\\Component Library\\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}=e,[c,u]=useState(720),[m,g]=useState(""),[f,p]=useState("");return useEffect((()=>{u(window.innerWidth),window.addEventListener("resize",(function(){u(window.innerWidth)}))}),[]),useEffect((()=>{i&&g(i)}),[i]),React__default$1.createElement(TitleBarContainer$2,{className:n,...e,__self:void 0,__source:{fileName:_jsxFileName$R,lineNumber:35}},React__default$1.createElement("div",{className:"tabs",__self:void 0,__source:{fileName:_jsxFileName$R,lineNumber:36}},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===f?"active":""} ${n}`,key:t,onClick:()=>{f!==e.label&&(p(e.label),d&&d(e.label))},__self:void 0,__source:{fileName:_jsxFileName$R,lineNumber:40}},e.label)))):React__default$1.createElement("h4",{className:c<=720?"paragraph2Medium":"heading6Medium",__self:void 0,__source:{fileName:_jsxFileName$R,lineNumber:50}},_optionalChain$u([s,"optionalAccess",e=>e.title])||"News")),React__default$1.createElement("div",{__self:void 0,__source:{fileName:_jsxFileName$R,lineNumber:53}},l&&_optionalChain$u([l,"access",e=>e.find,"call",e=>e((e=>e.label===f)),"optionalAccess",e=>e.actions])||React__default$1.createElement(NewsFilters,{__self:void 0,__source:{fileName:_jsxFileName$R,lineNumber:54}},t&&t.length>0&&React__default$1.createElement("div",{className:"filterContainer",__self:void 0,__source:{fileName:_jsxFileName$R,lineNumber:56}},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$R,lineNumber:57}})),o&&o.length>0&&React__default$1.createElement("div",{className:"filterContainer",__self:void 0,__source:{fileName:_jsxFileName$R,lineNumber:66}},React__default$1.createElement(DropdownList,{options:o,initialText:m,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$R,lineNumber:67}})))))},SourceDate$1=styled.div`
+`,_jsxFileName$R="D:\\SSX\\Project\\Component Library\\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}=e,[c,u]=useState(720),[m,g]=useState(""),[f,p]=useState("");return useEffect((()=>{u(window.innerWidth),window.addEventListener("resize",(function(){u(window.innerWidth)}))}),[]),useEffect((()=>{l&&l.length>0&&(p(l[0].label),d&&d(l[0].label))}),[]),useEffect((()=>{i&&g(i)}),[i]),React__default$1.createElement(TitleBarContainer$2,{className:n,...e,__self:void 0,__source:{fileName:_jsxFileName$R,lineNumber:35}},React__default$1.createElement("div",{className:"tabs",__self:void 0,__source:{fileName:_jsxFileName$R,lineNumber:36}},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===f?"active":""} ${n}`,key:t,onClick:()=>{f!==e.label&&(p(e.label),d&&d(e.label))},__self:void 0,__source:{fileName:_jsxFileName$R,lineNumber:40}},e.label)))):React__default$1.createElement("h4",{className:c<=720?"paragraph2Medium":"heading6Medium",__self:void 0,__source:{fileName:_jsxFileName$R,lineNumber:50}},_optionalChain$u([s,"optionalAccess",e=>e.title])||"News")),React__default$1.createElement("div",{__self:void 0,__source:{fileName:_jsxFileName$R,lineNumber:53}},l&&_optionalChain$u([l,"access",e=>e.find,"call",e=>e((e=>e.label===f)),"optionalAccess",e=>e.actions])||React__default$1.createElement(NewsFilters,{__self:void 0,__source:{fileName:_jsxFileName$R,lineNumber:54}},t&&t.length>0&&React__default$1.createElement("div",{className:"filterContainer",__self:void 0,__source:{fileName:_jsxFileName$R,lineNumber:56}},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$R,lineNumber:57}})),o&&o.length>0&&React__default$1.createElement("div",{className:"filterContainer",__self:void 0,__source:{fileName:_jsxFileName$R,lineNumber:66}},React__default$1.createElement(DropdownList,{options:o,initialText:m,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$R,lineNumber:67}})))))},SourceDate$1=styled.div`
     background: ${theme.colors["neutral-50"]};
     border-radius: 8px;
     display: inline-flex;