@secondstaxorg/sscomp 1.5.96 → 1.5.97
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +24 -4
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +34 -11
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +23 -3
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/SearchBar/type.d.ts +1 -1
package/dist/index.js
CHANGED
|
@@ -20413,6 +20413,13 @@ const SourceDate$1 = styled.div`
|
|
|
20413
20413
|
}
|
|
20414
20414
|
.tag:first-of-type{
|
|
20415
20415
|
border-right: 2px solid ${theme.colors["neutral-100"]};
|
|
20416
|
+
max-width: 130px;
|
|
20417
|
+
white-space: nowrap;
|
|
20418
|
+
overflow-x: hidden;
|
|
20419
|
+
}
|
|
20420
|
+
.tag .source-text{
|
|
20421
|
+
text-overflow: ellipsis;
|
|
20422
|
+
overflow-x:hidden;
|
|
20416
20423
|
}
|
|
20417
20424
|
`;
|
|
20418
20425
|
|
|
@@ -20430,9 +20437,11 @@ const NewsSourceTag = (props) => {
|
|
|
20430
20437
|
, React$1.createElement('span', { style: {marginRight:'8px'}, __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 14}}
|
|
20431
20438
|
, React$1.createElement('img', { src: flag, alt: "Source flag" , __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 15}})
|
|
20432
20439
|
)
|
|
20433
|
-
, source
|
|
20440
|
+
, React$1.createElement('span', { className: "source-text", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 17}}
|
|
20441
|
+
, source
|
|
20442
|
+
)
|
|
20434
20443
|
)
|
|
20435
|
-
, React$1.createElement('div', { className: "tag", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
20444
|
+
, React$1.createElement('div', { className: "tag", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 21}}, date)
|
|
20436
20445
|
)
|
|
20437
20446
|
)
|
|
20438
20447
|
};
|
|
@@ -21667,7 +21676,7 @@ const SearchBarContainer = styled.div`
|
|
|
21667
21676
|
|
|
21668
21677
|
const SearchBox = styled.input`
|
|
21669
21678
|
padding: 13px 16px;
|
|
21670
|
-
height: 48px;
|
|
21679
|
+
//height: 48px;
|
|
21671
21680
|
width: 100%;
|
|
21672
21681
|
background: ${theme.colors.white};
|
|
21673
21682
|
border-radius: 8px;
|
|
@@ -21683,13 +21692,26 @@ const SearchBox = styled.input`
|
|
|
21683
21692
|
|
|
21684
21693
|
const SearchButton = styled.button`
|
|
21685
21694
|
width: 60px;
|
|
21686
|
-
height: 48px;
|
|
21695
|
+
//height: 48px;
|
|
21687
21696
|
background: ${theme.colors["primary-500"]};
|
|
21688
21697
|
color: ${theme.colors.white};
|
|
21689
21698
|
padding: 12px 18px;
|
|
21690
21699
|
border-radius: 8px;
|
|
21691
21700
|
border: none;
|
|
21692
21701
|
cursor: pointer;
|
|
21702
|
+
&:hover{
|
|
21703
|
+
background: ${theme.colors["primary-400"]};
|
|
21704
|
+
}
|
|
21705
|
+
&:active{
|
|
21706
|
+
background: ${theme.colors["primary-600"]};
|
|
21707
|
+
}
|
|
21708
|
+
&:focus,:focus-within{
|
|
21709
|
+
outline: 2px solid ${theme.colors["primary-200"]};
|
|
21710
|
+
}
|
|
21711
|
+
&:disabled{
|
|
21712
|
+
background: ${theme.colors["neutral-100"]};
|
|
21713
|
+
cursor: not-allowed;
|
|
21714
|
+
}
|
|
21693
21715
|
`;
|
|
21694
21716
|
|
|
21695
21717
|
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
|
|
|
21699
21721
|
*/
|
|
21700
21722
|
const SearchBar = (props) => {
|
|
21701
21723
|
const {value,submitFxn} = props;
|
|
21724
|
+
const [searchStr,setSearchStr] = React$1.useState(value);
|
|
21702
21725
|
|
|
21703
21726
|
return (
|
|
21704
21727
|
React$1.createElement('form', { onSubmit: (e)=>{
|
|
21705
21728
|
e.preventDefault();
|
|
21706
|
-
submitFxn();
|
|
21707
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$i, lineNumber:
|
|
21708
|
-
, React$1.createElement(SearchBarContainer, {__self: undefined, __source: {fileName: _jsxFileName$i, lineNumber:
|
|
21709
|
-
, React$1.createElement(SearchBox, { type: "
|
|
21710
|
-
, React$1.createElement(SearchButton, { type: "submit", __self: undefined, __source: {fileName: _jsxFileName$i, lineNumber:
|
|
21711
|
-
, 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:
|
|
21712
|
-
, 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:
|
|
21729
|
+
submitFxn(searchStr);
|
|
21730
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$i, lineNumber: 13}}
|
|
21731
|
+
, React$1.createElement(SearchBarContainer, {__self: undefined, __source: {fileName: _jsxFileName$i, lineNumber: 17}}
|
|
21732
|
+
, React$1.createElement(SearchBox, { type: "text", placeholder: "Search", value: searchStr, onChange: (e)=>{setSearchStr(e.target.value);}, __self: undefined, __source: {fileName: _jsxFileName$i, lineNumber: 18}})
|
|
21733
|
+
, React$1.createElement(SearchButton, { type: "submit", __self: undefined, __source: {fileName: _jsxFileName$i, lineNumber: 19}}
|
|
21734
|
+
, 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}}
|
|
21735
|
+
, 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}})
|
|
21713
21736
|
)
|
|
21714
21737
|
)
|
|
21715
21738
|
)
|