@secondstaxorg/sscomp 1.7.86 → 1.7.87

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.js CHANGED
@@ -22518,6 +22518,10 @@ const ConsolidatedContainer = styled.div`
22518
22518
  height: 50px;
22519
22519
  box-sizing: border-box;
22520
22520
 
22521
+ &.success{
22522
+ border-color: ${theme.colors["success-500"]};
22523
+ }
22524
+
22521
22525
  .search-input,.search-btn{
22522
22526
  width: 100%;
22523
22527
  border: none;
@@ -22554,6 +22558,7 @@ const ConsolidatedContainer = styled.div`
22554
22558
  `;
22555
22559
 
22556
22560
  const _jsxFileName$q = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\SearchBar\\SearchBar.tsx";
22561
+
22557
22562
  /**
22558
22563
  * A search field added on the news application to implement search
22559
22564
  */
@@ -22565,28 +22570,28 @@ const SearchBar = (props) => {
22565
22570
  React$1.createElement('form', { onSubmit: (e)=>{
22566
22571
  e.preventDefault();
22567
22572
  submitFxn(searchStr);
22568
- }, __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 15}}
22573
+ }, __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 16}}
22569
22574
  , !consolidateBtn &&
22570
- React$1.createElement(SearchBarContainer, {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 20}}
22571
- , React$1.createElement(TextField, { type: "text", width: 284, value: searchStr, onChange: (e)=>{setSearchStr(e.target.value);}, ...props, __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 21}})
22572
- , React$1.createElement(Button$1, { variant: "primary", size: "lg", width: "fit-content", type: "submit", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 22}}
22573
- , 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$q, lineNumber: 23}}
22574
- , 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$q, lineNumber: 24}})
22575
+ React$1.createElement(SearchBarContainer, {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 21}}
22576
+ , React$1.createElement(TextField, { type: "text", width: 284, value: searchStr, onChange: (e)=>{setSearchStr(e.target.value);}, ...props, __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 22}})
22577
+ , React$1.createElement(Button$1, { variant: "primary", size: "lg", width: "fit-content", type: "submit", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 23}}
22578
+ , 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$q, lineNumber: 24}}
22579
+ , 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$q, lineNumber: 25}})
22575
22580
  )
22576
22581
  )
22577
22582
  )
22578
22583
 
22579
22584
  , consolidateBtn &&
22580
- React$1.createElement(ConsolidatedContainer, { style: {width:295}, __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 30}}
22581
- , React$1.createElement('input', { type: "text", className: "search-input", value: searchStr, onChange: (e)=>{setSearchStr(e.target.value);}, ...props, __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 31}})
22582
- , React$1.createElement('button', { type: "submit", className: "search-btn", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 32}}
22583
- , React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 33}}
22584
- , React$1.createElement('g', { clipPath: "url(#clip0_2419_580)", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 34}}
22585
- , React$1.createElement('path', { d: "M21.71 20.29L18 16.61C19.4401 14.8144 20.1375 12.5353 19.9488 10.2413C19.7601 7.9473 18.6997 5.81278 16.9855 4.27664C15.2714 2.7405 13.0338 1.91951 10.7329 1.98247C8.43207 2.04543 6.24275 2.98756 4.61517 4.61514C2.98759 6.24272 2.04546 8.43203 1.9825 10.7329C1.91954 13.0338 2.74053 15.2714 4.27667 16.9855C5.81281 18.6997 7.94733 19.7601 10.2413 19.9488C12.5353 20.1375 14.8144 19.4401 16.61 18L20.29 21.68C20.383 21.7737 20.4936 21.8481 20.6154 21.8989C20.7373 21.9497 20.868 21.9758 21 21.9758C21.132 21.9758 21.2627 21.9497 21.3846 21.8989C21.5065 21.8481 21.6171 21.7737 21.71 21.68C21.8903 21.4935 21.991 21.2443 21.991 20.985C21.991 20.7257 21.8903 20.4765 21.71 20.29ZM11 18C9.61556 18 8.26218 17.5895 7.11103 16.8203C5.95989 16.0511 5.06268 14.9579 4.53287 13.6788C4.00306 12.3997 3.86443 10.9922 4.13453 9.63436C4.40463 8.2765 5.07131 7.02922 6.05028 6.05025C7.02925 5.07128 8.27653 4.4046 9.63439 4.1345C10.9923 3.8644 12.3997 4.00303 13.6788 4.53284C14.9579 5.06265 16.0511 5.95986 16.8203 7.111C17.5895 8.26215 18 9.61553 18 11C18 12.8565 17.2625 14.637 15.9498 15.9497C14.637 17.2625 12.8565 18 11 18Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 35}})
22585
+ React$1.createElement(ConsolidatedContainer, { className: searchStr ? 'success' : '', style: {width:295}, __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 31}}
22586
+ , React$1.createElement('input', { type: "text", className: "search-input", value: searchStr, onChange: (e)=>{setSearchStr(e.target.value);}, ...props, __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 32}})
22587
+ , React$1.createElement('button', { type: "submit", className: "search-btn", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 33}}
22588
+ , React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 34}}
22589
+ , React$1.createElement('g', { clipPath: "url(#clip0_2419_580)", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 35}}
22590
+ , React$1.createElement('path', { d: "M21.71 20.29L18 16.61C19.4401 14.8144 20.1375 12.5353 19.9488 10.2413C19.7601 7.9473 18.6997 5.81278 16.9855 4.27664C15.2714 2.7405 13.0338 1.91951 10.7329 1.98247C8.43207 2.04543 6.24275 2.98756 4.61517 4.61514C2.98759 6.24272 2.04546 8.43203 1.9825 10.7329C1.91954 13.0338 2.74053 15.2714 4.27667 16.9855C5.81281 18.6997 7.94733 19.7601 10.2413 19.9488C12.5353 20.1375 14.8144 19.4401 16.61 18L20.29 21.68C20.383 21.7737 20.4936 21.8481 20.6154 21.8989C20.7373 21.9497 20.868 21.9758 21 21.9758C21.132 21.9758 21.2627 21.9497 21.3846 21.8989C21.5065 21.8481 21.6171 21.7737 21.71 21.68C21.8903 21.4935 21.991 21.2443 21.991 20.985C21.991 20.7257 21.8903 20.4765 21.71 20.29ZM11 18C9.61556 18 8.26218 17.5895 7.11103 16.8203C5.95989 16.0511 5.06268 14.9579 4.53287 13.6788C4.00306 12.3997 3.86443 10.9922 4.13453 9.63436C4.40463 8.2765 5.07131 7.02922 6.05028 6.05025C7.02925 5.07128 8.27653 4.4046 9.63439 4.1345C10.9923 3.8644 12.3997 4.00303 13.6788 4.53284C14.9579 5.06265 16.0511 5.95986 16.8203 7.111C17.5895 8.26215 18 9.61553 18 11C18 12.8565 17.2625 14.637 15.9498 15.9497C14.637 17.2625 12.8565 18 11 18Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 36}})
22586
22591
  )
22587
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 37}}
22588
- , React$1.createElement('clipPath', { id: "clip0_2419_580", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 38}}
22589
- , React$1.createElement('rect', { width: "24", height: "24", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 39}})
22592
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 38}}
22593
+ , React$1.createElement('clipPath', { id: "clip0_2419_580", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 39}}
22594
+ , React$1.createElement('rect', { width: "24", height: "24", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 40}})
22590
22595
  )
22591
22596
  )
22592
22597
  )