@secondstaxorg/sscomp 1.8.62 → 1.8.63

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.
Files changed (7) hide show
  1. package/dist/index.es.js +2 -5
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +17 -23
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.js +2 -5
  6. package/dist/index.min.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -550,10 +550,7 @@ const NumberButton = styled.button`
550
550
  height: 32px;
551
551
  color:${theme.colors["neutral-900"]};
552
552
  background:${theme.colors.white};
553
- font-size: 16px;
554
- line-height: 19px;
555
553
  text-align: center;
556
- font-weight: 400;
557
554
  font-family: "Circular Book",sans-serif;
558
555
  display: flex;
559
556
  justify-content: center;
@@ -653,7 +650,7 @@ const Pagination = (props) => {
653
650
  )
654
651
  , pageNumbers.map((number) => {
655
652
  if (number >= startFrom && number <= startFrom + 10) return (
656
- React$1.createElement(NumberButton, { className: `${number === pageNum ? 'active' : ''}`, key: number,
653
+ React$1.createElement(NumberButton, { className: `${number === pageNum ? 'active' : ''} paragraph2Regular`, key: number,
657
654
  onClick: () => {
658
655
  if (returnedPageNum) returnedPageNum(number);
659
656
  setPageNum(number);
@@ -676,7 +673,7 @@ const Pagination = (props) => {
676
673
  )
677
674
 
678
675
  )
679
- , pageNumbers.length > 10 && React$1.createElement(React$1.Fragment, null, React$1.createElement('input', { type: "text", className: `jump-to ${validation}`, placeholder: "Go to" , onChange: (e)=>{
676
+ , pageNumbers.length > 10 && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 83}}, React$1.createElement('input', { type: "text", className: `jump-to ${validation}`, placeholder: "Go to" , onChange: (e)=>{
680
677
  if (!e.target.value) {
681
678
  setValidation('');
682
679
  return
@@ -25510,13 +25507,12 @@ const _jsxFileName$b = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
25510
25507
  const TablePrimary = (props) => {
25511
25508
  const {thead,children,tbody,clickedRow,showPagination,itemsPerPage,paginatedItems} = props;
25512
25509
  const [tbodyItems,setTbodyItems] = React$1.useState([]);
25513
- const [tbodyOri,setTbodyOri] = React$1.useState(tbody);
25510
+ const [tbodyOri,setTbodyOri] = React$1.useState(undefined);
25514
25511
  const [sortedCol,setSortedCol] = React$1.useState('');
25515
25512
 
25516
25513
  React$1.useEffect(()=>{
25517
- console.log(tbody);
25518
- debugger
25519
- },[]);
25514
+ setTbodyOri(tbody);
25515
+ },[tbody]);
25520
25516
 
25521
25517
  function sortByColumn(column){
25522
25518
  if (column === sortedCol){
@@ -25527,7 +25523,6 @@ const TablePrimary = (props) => {
25527
25523
  setTbodyItems(revSort);
25528
25524
  setSortedCol('');
25529
25525
  }
25530
-
25531
25526
  return
25532
25527
  }else if(column !== sortedCol){
25533
25528
  setSortedCol(column);
@@ -25536,7 +25531,6 @@ const TablePrimary = (props) => {
25536
25531
  sortedItems.sort((a,b) => a[column].localeCompare(b[column]));
25537
25532
  setTbodyItems(sortedItems);
25538
25533
  }
25539
-
25540
25534
  return
25541
25535
  }
25542
25536
  }
@@ -25549,32 +25543,32 @@ const TablePrimary = (props) => {
25549
25543
 
25550
25544
  return (
25551
25545
  React$1.createElement(React$1.Fragment, null
25552
- , React$1.createElement(TableContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 51}}
25553
- , React$1.createElement(Table, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 52}}
25554
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 53}}
25555
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 54}}
25546
+ , React$1.createElement(TableContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 48}}
25547
+ , React$1.createElement(Table, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 49}}
25548
+ , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 50}}
25549
+ , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 51}}
25556
25550
  , thead.map((item,index) => (
25557
25551
  React$1.createElement('th', { key: index, onClick: ()=>{
25558
25552
  sortByColumn(item.dataKey);
25559
- }, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 56}}, item.label)
25553
+ }, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 53}}, item.label)
25560
25554
  ))
25561
25555
  )
25562
25556
  )
25563
- , React$1.createElement('tbody', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 62}}
25557
+ , React$1.createElement('tbody', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 59}}
25564
25558
  , children
25565
25559
  , !children && tbodyItems && tbodyItems.map((item,index) => (
25566
25560
  React$1.createElement('tr', { key: index, className: clickedRow && 'clickable', onClick: ()=>{
25567
25561
  if (clickedRow) {
25568
25562
  clickedRow(item);
25569
- }}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 65}}
25563
+ }}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 62}}
25570
25564
  , thead.map((cellItem,index) => (
25571
- React$1.createElement('td', { key: index, className: (index == thead.length - 1 && clickedRow) ? 'with-arrow' : '', __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 70}}
25572
- , React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 71}}
25565
+ React$1.createElement('td', { key: index, className: (index == thead.length - 1 && clickedRow) ? 'with-arrow' : '', __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 67}}
25566
+ , React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 68}}
25573
25567
  , item[cellItem.dataKey]
25574
25568
  )
25575
25569
  , (index == thead.length - 1 && clickedRow) &&
25576
- 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: 75}}
25577
- , 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: 76}})
25570
+ 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: 72}}
25571
+ , 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: 73}})
25578
25572
  )
25579
25573
 
25580
25574
  )
@@ -25588,7 +25582,7 @@ const TablePrimary = (props) => {
25588
25582
  React$1.createElement(Pagination, { itemsPerPage: itemsPerPage, items: tbodyOri, paginatedItems: (arr)=>{
25589
25583
  setTbodyItems(arr);
25590
25584
  paginatedItems(arr);
25591
- }, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 87}})
25585
+ }, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 84}})
25592
25586
 
25593
25587
  )
25594
25588
  )