@secondstaxorg/sscomp 1.5.95 → 1.5.97

package/dist/index.js

@@ -20413,6 +20413,13 @@ const SourceDate$1 = styled.div`
   }
   .tag:first-of-type{
     border-right: 2px solid ${theme.colors["neutral-100"]};
+    max-width: 130px;
+    white-space: nowrap;
+    overflow-x: hidden;
+  }
+  .tag .source-text{
+    text-overflow: ellipsis;
+    overflow-x:hidden;
   }
 `;
 
@@ -20430,9 +20437,11 @@ const NewsSourceTag = (props) => {
                 , React$1.createElement('span', { style: {marginRight:'8px'}, __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 14}}
                     , React$1.createElement('img', { src: flag, alt: "Source flag" , __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 15}})
                 )
-                , source
+                , React$1.createElement('span', { className: "source-text", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 17}}
+                    , source
+                )
             )
-            , React$1.createElement('div', { className: "tag", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 19}}, date)
+            , React$1.createElement('div', { className: "tag", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 21}}, date)
         )
     )
 };
@@ -21631,7 +21640,7 @@ const RibbonItem = styled.a`
     background: white;
     color: ${theme.colors["neutral-900"]};
   }
-  &.light:hover{
+  &.light:hover,&.current{
     background:${theme.colors["primary-500"]};
     color: white;
   }
@@ -21643,14 +21652,14 @@ const _jsxFileName$j = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
  * Menu item displayed at the top of the LP app containing links to different products of the SSX ecosystem
  */
 const Ribbon = (props) => {
-    const {links,bgColor,openInNewTab} = props;
+    const {links,bgColor,openInNewTab,currentPageItem} = props;
 
     return (
         React$1.createElement(React$1.Fragment, null
             , links && links.length > 0 &&
                 React$1.createElement(RibbonContainer, {__self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 14}}
                     , links.map((link,index) => (
-                        React$1.createElement(RibbonItem, { key: index, href: link.url, target: openInNewTab ? '_blank' : '_self', className: bgColor, __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 16}}, link.label)
+                        React$1.createElement(RibbonItem, { key: index, href: link.url, target: openInNewTab ? '_blank' : '_self', className: `${bgColor} ${currentPageItem && currentPageItem === link.label ? 'current' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 16}}, link.label)
                     ))
                 )
             
@@ -21667,7 +21676,7 @@ const SearchBarContainer = styled.div`
 
 const SearchBox = styled.input`
   padding: 13px 16px;
-  height: 48px;
+  //height: 48px;
   width: 100%;
   background: ${theme.colors.white};
   border-radius: 8px;
@@ -21683,13 +21692,26 @@ const SearchBox = styled.input`
 
 const SearchButton = styled.button`
   width: 60px;
-  height: 48px;
+  //height: 48px;
   background: ${theme.colors["primary-500"]};
   color: ${theme.colors.white};
   padding: 12px 18px;
   border-radius: 8px;
   border: none;
   cursor: pointer;
+  &:hover{
+    background: ${theme.colors["primary-400"]};
+  }
+  &:active{
+    background: ${theme.colors["primary-600"]};
+  }
+  &:focus,:focus-within{
+    outline: 2px solid ${theme.colors["primary-200"]};
+  }
+  &:disabled{
+    background: ${theme.colors["neutral-100"]};
+    cursor: not-allowed;
+  }
 `;
 
 const _jsxFileName$i = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\SearchBar\\SearchBar.tsx";
@@ -21699,17 +21721,18 @@ const _jsxFileName$i = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
  */
 const SearchBar = (props) => {
     const {value,submitFxn} = props;
+    const [searchStr,setSearchStr] = React$1.useState(value);
 
     return (
         React$1.createElement('form', { onSubmit: (e)=>{
             e.preventDefault();
-            submitFxn();
-        }, __self: undefined, __source: {fileName: _jsxFileName$i, lineNumber: 12}}
-            , React$1.createElement(SearchBarContainer, {__self: undefined, __source: {fileName: _jsxFileName$i, lineNumber: 16}}
-                , React$1.createElement(SearchBox, { type: "search", placeholder: "Search", value: value, ...props, __self: undefined, __source: {fileName: _jsxFileName$i, lineNumber: 17}})
-                , React$1.createElement(SearchButton, { type: "submit", __self: undefined, __source: {fileName: _jsxFileName$i, lineNumber: 18}}
-                    , React$1.createElement('svg', { width: "21", height: "21", viewBox: "0 0 21 21"   , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$i, lineNumber: 19}}
-                        , React$1.createElement('path', { d: "M20.21 19.29L16.5 15.61C17.9401 13.8144 18.6375 11.5353 18.4488 9.2413C18.2601 6.9473 17.1997 4.81278 15.4855 3.27664C13.7714 1.74051 11.5338 0.91951 9.23292 0.98247C6.93203 1.04543 4.74272 1.98756 3.11514 3.61514C1.48756 5.24272 0.545427 7.43204 0.482466 9.73292C0.419506 12.0338 1.2405 14.2714 2.77664 15.9855C4.31278 17.6997 6.4473 18.7601 8.7413 18.9488C11.0353 19.1375 13.3144 18.4401 15.11 17L18.79 20.68C18.883 20.7737 18.9936 20.8481 19.1154 20.8989C19.2373 20.9497 19.368 20.9758 19.5 20.9758C19.632 20.9758 19.7627 20.9497 19.8846 20.8989C20.0064 20.8481 20.117 20.7737 20.21 20.68C20.3902 20.4935 20.491 20.2443 20.491 19.985C20.491 19.7257 20.3902 19.4765 20.21 19.29V19.29ZM9.5 17C8.11553 17 6.76215 16.5895 5.611 15.8203C4.45986 15.0511 3.56265 13.9579 3.03284 12.6788C2.50303 11.3997 2.3644 9.99223 2.6345 8.63437C2.9046 7.2765 3.57128 6.02922 4.55025 5.05025C5.52922 4.07128 6.7765 3.4046 8.13436 3.1345C9.49223 2.86441 10.8997 3.00303 12.1788 3.53284C13.4579 4.06266 14.5511 4.95986 15.3203 6.11101C16.0895 7.26215 16.5 8.61553 16.5 10C16.5 11.8565 15.7625 13.637 14.4497 14.9497C13.137 16.2625 11.3565 17 9.5 17V17Z"                                                                                                                            , fill: "#F7F9FC", __self: undefined, __source: {fileName: _jsxFileName$i, lineNumber: 20}})
+            submitFxn(searchStr);
+        }, __self: undefined, __source: {fileName: _jsxFileName$i, lineNumber: 13}}
+            , React$1.createElement(SearchBarContainer, {__self: undefined, __source: {fileName: _jsxFileName$i, lineNumber: 17}}
+                , React$1.createElement(SearchBox, { type: "text", placeholder: "Search", value: searchStr, onChange: (e)=>{setSearchStr(e.target.value);}, __self: undefined, __source: {fileName: _jsxFileName$i, lineNumber: 18}})
+                , React$1.createElement(SearchButton, { type: "submit", __self: undefined, __source: {fileName: _jsxFileName$i, lineNumber: 19}}
+                    , React$1.createElement('svg', { width: "21", height: "21", viewBox: "0 0 21 21"   , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$i, lineNumber: 20}}
+                        , React$1.createElement('path', { d: "M20.21 19.29L16.5 15.61C17.9401 13.8144 18.6375 11.5353 18.4488 9.2413C18.2601 6.9473 17.1997 4.81278 15.4855 3.27664C13.7714 1.74051 11.5338 0.91951 9.23292 0.98247C6.93203 1.04543 4.74272 1.98756 3.11514 3.61514C1.48756 5.24272 0.545427 7.43204 0.482466 9.73292C0.419506 12.0338 1.2405 14.2714 2.77664 15.9855C4.31278 17.6997 6.4473 18.7601 8.7413 18.9488C11.0353 19.1375 13.3144 18.4401 15.11 17L18.79 20.68C18.883 20.7737 18.9936 20.8481 19.1154 20.8989C19.2373 20.9497 19.368 20.9758 19.5 20.9758C19.632 20.9758 19.7627 20.9497 19.8846 20.8989C20.0064 20.8481 20.117 20.7737 20.21 20.68C20.3902 20.4935 20.491 20.2443 20.491 19.985C20.491 19.7257 20.3902 19.4765 20.21 19.29V19.29ZM9.5 17C8.11553 17 6.76215 16.5895 5.611 15.8203C4.45986 15.0511 3.56265 13.9579 3.03284 12.6788C2.50303 11.3997 2.3644 9.99223 2.6345 8.63437C2.9046 7.2765 3.57128 6.02922 4.55025 5.05025C5.52922 4.07128 6.7765 3.4046 8.13436 3.1345C9.49223 2.86441 10.8997 3.00303 12.1788 3.53284C13.4579 4.06266 14.5511 4.95986 15.3203 6.11101C16.0895 7.26215 16.5 8.61553 16.5 10C16.5 11.8565 15.7625 13.637 14.4497 14.9497C13.137 16.2625 11.3565 17 9.5 17V17Z"                                                                                                                            , fill: "#F7F9FC", __self: undefined, __source: {fileName: _jsxFileName$i, lineNumber: 21}})
                     )
                 )
             )