@secondstaxorg/sscomp 1.8.36 → 1.8.38
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 +64 -56
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +71 -30
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +32 -24
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/FileUpload/FileUpdload.d.ts +3 -0
- package/types/components/FileUpload/type.d.ts +17 -1
- package/types/components/SearchBar/SearchBar.d.ts +1 -0
- package/types/components/TablePrimary/type.d.ts +18 -2
package/dist/index.js
CHANGED
|
@@ -22564,7 +22564,6 @@ const ConsolidatedContainer = styled.div`
|
|
|
22564
22564
|
`;
|
|
22565
22565
|
|
|
22566
22566
|
const _jsxFileName$s = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\SearchBar\\SearchBar.tsx";
|
|
22567
|
-
|
|
22568
22567
|
/**
|
|
22569
22568
|
* A search field added on the news application to implement search
|
|
22570
22569
|
*/
|
|
@@ -22589,7 +22588,7 @@ const SearchBar = (props) => {
|
|
|
22589
22588
|
|
|
22590
22589
|
, consolidateBtn &&
|
|
22591
22590
|
React$1.createElement(ConsolidatedContainer, { className: searchStr ? 'success' : '', style: {width:295}, __self: undefined, __source: {fileName: _jsxFileName$s, lineNumber: 31}}
|
|
22592
|
-
, React$1.createElement('input', { type: "text", className: "search-input", value: searchStr, onChange: (e)=>{setSearchStr(e.target.value);}, ...props, __self: undefined, __source: {fileName: _jsxFileName$s, lineNumber: 32}})
|
|
22591
|
+
, React$1.createElement('input', { type: "text", className: "search-input paragraph2Regular" , value: searchStr, onChange: (e)=>{setSearchStr(e.target.value);}, ...props, __self: undefined, __source: {fileName: _jsxFileName$s, lineNumber: 32}})
|
|
22593
22592
|
, React$1.createElement('button', { type: "submit", className: "search-btn", __self: undefined, __source: {fileName: _jsxFileName$s, lineNumber: 33}}
|
|
22594
22593
|
, 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$s, lineNumber: 34}}
|
|
22595
22594
|
, React$1.createElement('g', { clipPath: "url(#clip0_2419_580)", __self: undefined, __source: {fileName: _jsxFileName$s, lineNumber: 35}}
|
|
@@ -25436,6 +25435,11 @@ const Table = styled.table`
|
|
|
25436
25435
|
border-top-right-radius: 8px;
|
|
25437
25436
|
border-bottom-right-radius: 8px;
|
|
25438
25437
|
}
|
|
25438
|
+
.with-arrow{
|
|
25439
|
+
display: flex;
|
|
25440
|
+
justify-content: space-between;
|
|
25441
|
+
align-items: center;
|
|
25442
|
+
}
|
|
25439
25443
|
thead tr{
|
|
25440
25444
|
background: ${theme.colors["neutral-900"]};
|
|
25441
25445
|
height:57px;
|
|
@@ -25453,6 +25457,9 @@ const Table = styled.table`
|
|
|
25453
25457
|
tbody tr{
|
|
25454
25458
|
background: ${theme.colors.white};
|
|
25455
25459
|
}
|
|
25460
|
+
tbody tr.clickable{
|
|
25461
|
+
cursor: pointer;
|
|
25462
|
+
}
|
|
25456
25463
|
tbody td{
|
|
25457
25464
|
padding: 16px;
|
|
25458
25465
|
color: ${theme.colors["neutral-900"]};
|
|
@@ -25496,27 +25503,58 @@ const Table = styled.table`
|
|
|
25496
25503
|
`;
|
|
25497
25504
|
|
|
25498
25505
|
const _jsxFileName$b = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\TablePrimary\\index.tsx";
|
|
25499
|
-
|
|
25500
25506
|
/**
|
|
25501
25507
|
* Default SSX table component
|
|
25502
25508
|
*/
|
|
25503
25509
|
const TablePrimary = (props) => {
|
|
25504
|
-
const {thead,children} = props;
|
|
25510
|
+
const {thead,children,tbody,clickedRow,showPagination,itemsPerPage} = props;
|
|
25511
|
+
const [cellItems,setCellItems] = React$1.useState([]);
|
|
25512
|
+
const [tbodyItems,setTbodyItems] = React$1.useState(thead);
|
|
25513
|
+
|
|
25514
|
+
React$1.useEffect(()=>{
|
|
25515
|
+
if (tbody) {
|
|
25516
|
+
setCellItems(Object.keys(tbody[0]));
|
|
25517
|
+
}
|
|
25518
|
+
},[tbody]);
|
|
25505
25519
|
|
|
25506
25520
|
return (
|
|
25507
|
-
React$1.createElement(
|
|
25508
|
-
, React$1.createElement(
|
|
25509
|
-
, React$1.createElement(
|
|
25510
|
-
|
|
25511
|
-
,
|
|
25512
|
-
|
|
25521
|
+
React$1.createElement(React$1.Fragment, null
|
|
25522
|
+
, React$1.createElement(TableContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 22}}
|
|
25523
|
+
, React$1.createElement(Table, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 23}}
|
|
25524
|
+
, React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 24}}
|
|
25525
|
+
, React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 25}}
|
|
25526
|
+
, thead.map((item,index) => (
|
|
25527
|
+
React$1.createElement('th', { key: index, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 27}}, item)
|
|
25528
|
+
))
|
|
25529
|
+
)
|
|
25530
|
+
)
|
|
25531
|
+
, React$1.createElement('tbody', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 31}}
|
|
25532
|
+
, children
|
|
25533
|
+
, tbodyItems && tbodyItems.map((item,index) => (
|
|
25534
|
+
React$1.createElement('tr', { key: index, className: clickedRow && 'clickable', onClick: ()=>{
|
|
25535
|
+
if (clickedRow) {
|
|
25536
|
+
clickedRow(item);
|
|
25537
|
+
}}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 34}}
|
|
25538
|
+
, cellItems.length > 0 && cellItems.map((cellItem,index) => (
|
|
25539
|
+
React$1.createElement('td', { key: index, className: (index == cellItems.length - 1 && clickedRow) ? 'with-arrow' : '', __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 39}}
|
|
25540
|
+
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 40}}
|
|
25541
|
+
, item[cellItem]
|
|
25542
|
+
)
|
|
25543
|
+
, (index == cellItems.length - 1 && clickedRow) &&
|
|
25544
|
+
React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 44}}
|
|
25545
|
+
, React$1.createElement('path', { d: "M10.3592 7.52685L6.58584 3.76019C6.52387 3.6977 6.45013 3.64811 6.36889 3.61426C6.28765 3.58041 6.20052 3.56299 6.11251 3.56299C6.0245 3.56299 5.93736 3.58041 5.85612 3.61426C5.77488 3.64811 5.70115 3.6977 5.63917 3.76019C5.51501 3.8851 5.44531 4.05406 5.44531 4.23019C5.44531 4.40631 5.51501 4.57528 5.63917 4.70019L8.93917 8.03352L5.63917 11.3335C5.51501 11.4584 5.44531 11.6274 5.44531 11.8035C5.44531 11.9796 5.51501 12.1486 5.63917 12.2735C5.70092 12.3365 5.77455 12.3866 5.8558 12.421C5.93705 12.4553 6.0243 12.4732 6.11251 12.4735C6.20071 12.4732 6.28797 12.4553 6.36922 12.421C6.45047 12.3866 6.5241 12.3365 6.58584 12.2735L10.3592 8.50685C10.4268 8.44443 10.4808 8.36866 10.5178 8.28432C10.5547 8.19999 10.5738 8.10892 10.5738 8.01685C10.5738 7.92479 10.5547 7.83372 10.5178 7.74938C10.4808 7.66505 10.4268 7.58928 10.3592 7.52685Z" , fill: "#A4BBDD", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 45}})
|
|
25546
|
+
)
|
|
25547
|
+
|
|
25548
|
+
)
|
|
25549
|
+
))
|
|
25550
|
+
)
|
|
25513
25551
|
))
|
|
25514
|
-
|
|
25515
|
-
)
|
|
25516
|
-
, React$1.createElement('tbody', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 21}}
|
|
25517
|
-
, children
|
|
25552
|
+
)
|
|
25518
25553
|
)
|
|
25519
25554
|
)
|
|
25555
|
+
, showPagination && tbody && itemsPerPage && itemsPerPage > 0 &&
|
|
25556
|
+
React$1.createElement(Pagination, { itemsPerPage: itemsPerPage, items: tbody, paginatedItems: (arr)=>{setTbodyItems(arr);}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 56}})
|
|
25557
|
+
|
|
25520
25558
|
)
|
|
25521
25559
|
)
|
|
25522
25560
|
};
|
|
@@ -31239,7 +31277,10 @@ const ErrorText = styled.div`
|
|
|
31239
31277
|
|
|
31240
31278
|
const _jsxFileName$4 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\FileUpload\\FileUpdload.tsx";
|
|
31241
31279
|
|
|
31242
|
-
|
|
31280
|
+
/**
|
|
31281
|
+
* This component is for uploading selecting files for upload
|
|
31282
|
+
*/
|
|
31283
|
+
const FileUpdload = ({label,required,value,onChange,accept}) => {
|
|
31243
31284
|
const [selectedFile,setSelectedFile] = React$1.useState(null);
|
|
31244
31285
|
const [selectionState,setSelectionState] = React$1.useState('');
|
|
31245
31286
|
const [firstRun,setFirstRun] = React$1.useState(true);
|
|
@@ -31269,33 +31310,33 @@ const FileUpdload = ({label,required,value,onChange}) => {
|
|
|
31269
31310
|
|
|
31270
31311
|
return (
|
|
31271
31312
|
React$1.createElement(React$1.Fragment, null
|
|
31272
|
-
, React$1.createElement(Container, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
31273
|
-
, label && React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
31274
|
-
, React$1.createElement('div', { className: "file-selector-field success" , __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
31275
|
-
, React$1.createElement('input', { type: "file", className: "file-input", ref: fileInputRef, required: !selectedFile ? required : false, onInvalid: ()=>{
|
|
31313
|
+
, React$1.createElement(Container, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 40}}
|
|
31314
|
+
, label && React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 41}}, label)
|
|
31315
|
+
, React$1.createElement('div', { className: "file-selector-field success" , __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 42}}
|
|
31316
|
+
, React$1.createElement('input', { type: "file", accept: accept, className: "file-input", ref: fileInputRef, required: !selectedFile ? required : false, onInvalid: ()=>{
|
|
31276
31317
|
if (!selectedFile) {
|
|
31277
31318
|
setSelectionState('error');
|
|
31278
31319
|
}
|
|
31279
31320
|
}, onChange: (e)=>{
|
|
31280
31321
|
setSelectedFile(e.target.files[0]);
|
|
31281
31322
|
onChange(e.target.files[0]);
|
|
31282
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
31283
|
-
, React$1.createElement('div', { className: `${selectionState} paragraph2Regular file-name`, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
31284
|
-
, React$1.createElement(Button$1, { type: "button", variant: "primary", size: "lg", width: "fit-content", onClick: ()=>{fileInputRef.current.click();}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
31323
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 43}})
|
|
31324
|
+
, React$1.createElement('div', { className: `${selectionState} paragraph2Regular file-name`, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 51}}, selectedFile ? selectedFile.name : 'No file selected')
|
|
31325
|
+
, React$1.createElement(Button$1, { type: "button", variant: "primary", size: "lg", width: "fit-content", onClick: ()=>{fileInputRef.current.click();}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 52}}, "Select File" )
|
|
31285
31326
|
)
|
|
31286
31327
|
)
|
|
31287
|
-
, selectionState === 'error' && React$1.createElement(ErrorText, { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
31288
|
-
, React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
31289
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
31290
|
-
, React$1.createElement('path', { d: "M8.00006 10.6667C7.86821 10.6667 7.73931 10.7058 7.62968 10.779C7.52005 10.8523 7.4346 10.9564 7.38414 11.0782C7.33368 11.2 7.32048 11.3341 7.3462 11.4634C7.37193 11.5927 7.43542 11.7115 7.52866 11.8048C7.62189 11.898 7.74068 11.9615 7.87 11.9872C7.99932 12.0129 8.13336 11.9997 8.25518 11.9493C8.377 11.8988 8.48112 11.8134 8.55437 11.7037C8.62763 11.5941 8.66673 11.4652 8.66673 11.3334C8.66673 11.1565 8.59649 10.987 8.47146 10.8619C8.34644 10.7369 8.17687 10.6667 8.00006 10.6667ZM15.1134 11.6467L9.74673 2.31335C9.57326 2.00236 9.31992 1.74332 9.01285 1.563C8.70579 1.38267 8.35615 1.2876 8.00006 1.2876C7.64396 1.2876 7.29433 1.38267 6.98726 1.563C6.6802 1.74332 6.42686 2.00236 6.25339 2.31335L0.92006 11.6467C0.74059 11.9494 0.644155 12.294 0.640489 12.6459C0.636824 12.9978 0.726058 13.3444 0.899184 13.6507C1.07231 13.9571 1.3232 14.2123 1.62652 14.3907C1.92984 14.5691 2.27485 14.6643 2.62673 14.6667H13.3734C13.7281 14.6702 14.0773 14.5793 14.3853 14.4033C14.6933 14.2273 14.949 13.9726 15.126 13.6652C15.3031 13.3579 15.3953 13.009 15.3931 12.6542C15.3908 12.2995 15.2943 11.9518 15.1134 11.6467ZM13.9601 12.98C13.9016 13.084 13.8164 13.1704 13.7132 13.2302C13.61 13.29 13.4927 13.321 13.3734 13.32H2.62673C2.50747 13.321 2.39013 13.29 2.28694 13.2302C2.18375 13.1704 2.0985 13.084 2.04006 12.98C1.98155 12.8787 1.95074 12.7637 1.95074 12.6467C1.95074 12.5297 1.98155 12.4147 2.04006 12.3134L7.37339 2.98002C7.42934 2.87082 7.51433 2.77917 7.61902 2.71518C7.72371 2.65119 7.84403 2.61733 7.96673 2.61733C8.08942 2.61733 8.20974 2.65119 8.31443 2.71518C8.41912 2.77917 8.50411 2.87082 8.56006 2.98002L13.9267 12.3134C13.9929 12.4132 14.0309 12.5291 14.0367 12.6488C14.0426 12.7684 14.0161 12.8875 13.9601 12.9934V12.98ZM8.00006 5.33335C7.82325 5.33335 7.65368 5.40359 7.52866 5.52861C7.40363 5.65364 7.33339 5.82321 7.33339 6.00002V8.66669C7.33339 8.8435 7.40363 9.01307 7.52866 9.13809C7.65368 9.26311 7.82325 9.33335 8.00006 9.33335C8.17687 9.33335 8.34644 9.26311 8.47146 9.13809C8.59649 9.01307 8.66673 8.8435 8.66673 8.66669V6.00002C8.66673 5.82321 8.59649 5.65364 8.47146 5.52861C8.34644 5.40359 8.17687 5.33335 8.00006 5.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
31328
|
+
, selectionState === 'error' && React$1.createElement(ErrorText, { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 55}}
|
|
31329
|
+
, React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 56}}
|
|
31330
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 57}}
|
|
31331
|
+
, React$1.createElement('path', { d: "M8.00006 10.6667C7.86821 10.6667 7.73931 10.7058 7.62968 10.779C7.52005 10.8523 7.4346 10.9564 7.38414 11.0782C7.33368 11.2 7.32048 11.3341 7.3462 11.4634C7.37193 11.5927 7.43542 11.7115 7.52866 11.8048C7.62189 11.898 7.74068 11.9615 7.87 11.9872C7.99932 12.0129 8.13336 11.9997 8.25518 11.9493C8.377 11.8988 8.48112 11.8134 8.55437 11.7037C8.62763 11.5941 8.66673 11.4652 8.66673 11.3334C8.66673 11.1565 8.59649 10.987 8.47146 10.8619C8.34644 10.7369 8.17687 10.6667 8.00006 10.6667ZM15.1134 11.6467L9.74673 2.31335C9.57326 2.00236 9.31992 1.74332 9.01285 1.563C8.70579 1.38267 8.35615 1.2876 8.00006 1.2876C7.64396 1.2876 7.29433 1.38267 6.98726 1.563C6.6802 1.74332 6.42686 2.00236 6.25339 2.31335L0.92006 11.6467C0.74059 11.9494 0.644155 12.294 0.640489 12.6459C0.636824 12.9978 0.726058 13.3444 0.899184 13.6507C1.07231 13.9571 1.3232 14.2123 1.62652 14.3907C1.92984 14.5691 2.27485 14.6643 2.62673 14.6667H13.3734C13.7281 14.6702 14.0773 14.5793 14.3853 14.4033C14.6933 14.2273 14.949 13.9726 15.126 13.6652C15.3031 13.3579 15.3953 13.009 15.3931 12.6542C15.3908 12.2995 15.2943 11.9518 15.1134 11.6467ZM13.9601 12.98C13.9016 13.084 13.8164 13.1704 13.7132 13.2302C13.61 13.29 13.4927 13.321 13.3734 13.32H2.62673C2.50747 13.321 2.39013 13.29 2.28694 13.2302C2.18375 13.1704 2.0985 13.084 2.04006 12.98C1.98155 12.8787 1.95074 12.7637 1.95074 12.6467C1.95074 12.5297 1.98155 12.4147 2.04006 12.3134L7.37339 2.98002C7.42934 2.87082 7.51433 2.77917 7.61902 2.71518C7.72371 2.65119 7.84403 2.61733 7.96673 2.61733C8.08942 2.61733 8.20974 2.65119 8.31443 2.71518C8.41912 2.77917 8.50411 2.87082 8.56006 2.98002L13.9267 12.3134C13.9929 12.4132 14.0309 12.5291 14.0367 12.6488C14.0426 12.7684 14.0161 12.8875 13.9601 12.9934V12.98ZM8.00006 5.33335C7.82325 5.33335 7.65368 5.40359 7.52866 5.52861C7.40363 5.65364 7.33339 5.82321 7.33339 6.00002V8.66669C7.33339 8.8435 7.40363 9.01307 7.52866 9.13809C7.65368 9.26311 7.82325 9.33335 8.00006 9.33335C8.17687 9.33335 8.34644 9.26311 8.47146 9.13809C8.59649 9.01307 8.66673 8.8435 8.66673 8.66669V6.00002C8.66673 5.82321 8.59649 5.65364 8.47146 5.52861C8.34644 5.40359 8.17687 5.33335 8.00006 5.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 58}})
|
|
31291
31332
|
)
|
|
31292
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
31293
|
-
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
31294
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
31333
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 60}}
|
|
31334
|
+
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 61}}
|
|
31335
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 62}})
|
|
31295
31336
|
)
|
|
31296
31337
|
)
|
|
31297
31338
|
)
|
|
31298
|
-
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
31339
|
+
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 66}}, "This field is required" )
|
|
31299
31340
|
)
|
|
31300
31341
|
)
|
|
31301
31342
|
)
|