@secondstaxorg/sscomp 1.7.89 → 1.7.92

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 (19) hide show
  1. package/dist/index.es.js +10 -10
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +429 -625
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.js +2 -2
  6. package/dist/index.min.js.map +1 -1
  7. package/package.json +1 -1
  8. package/types/components/AppActionsTable/type.d.ts +0 -1
  9. package/types/components/AppFormsTable/AppFormsTable.d.ts +0 -3
  10. package/types/components/AppFormsTable/type.d.ts +0 -1
  11. package/types/components/AppModulesTable/AppModulesTable.d.ts +0 -3
  12. package/types/components/AppModulesTable/type.d.ts +0 -1
  13. package/types/components/BrokersTable/type.d.ts +0 -1
  14. package/types/components/CurrencyPairs/type.d.ts +0 -1
  15. package/types/components/PaymentMethodsTable/type.d.ts +0 -1
  16. package/types/components/ProvidersTable/type.d.ts +0 -1
  17. package/types/components/SystemConfigTable/type.d.ts +0 -1
  18. package/types/components/UserRolesTable/type.d.ts +0 -1
  19. package/types/components/UsersTable/type.d.ts +0 -1
package/dist/index.js CHANGED
@@ -619,23 +619,28 @@ const Pagination = (props) => {
619
619
  }
620
620
  },[items,pageNum,itemsPerPage]);
621
621
 
622
+ //if the list changes, jump back to page 1
623
+ React$1.useEffect(()=>{
624
+ setPageNum(1);
625
+ },[items]);
626
+
622
627
 
623
628
  return (
624
629
  React$1.createElement(React$1.Fragment, null
625
630
  , pageNumbers.length > 1 &&
626
- React$1.createElement(PaginationContainer, {__self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 34}}
631
+ React$1.createElement(PaginationContainer, {__self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 39}}
627
632
  , React$1.createElement(NumberButton, { onClick: ()=>{
628
633
  setPageNum(pageNum - 1);
629
634
  if (returnedPageNum) returnedPageNum(pageNum - 1);
630
- }, disabled: pageNum === 1, __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 35}}
635
+ }, disabled: pageNum === 1, __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 40}}
631
636
  , pageNum === 1 &&
632
- React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 40}}
633
- , React$1.createElement('path', { d: "M3.2908 6.00019L6.8308 2.46019C7.01705 2.27283 7.12159 2.01938 7.12159 1.75519C7.12159 1.49101 7.01705 1.23756 6.8308 1.05019C6.73784 0.956464 6.62723 0.88207 6.50537 0.831301C6.38352 0.780533 6.25281 0.754395 6.1208 0.754395C5.98879 0.754395 5.85808 0.780533 5.73622 0.831301C5.61436 0.88207 5.50376 0.956464 5.4108 1.05019L1.1708 5.29019C1.07707 5.38316 1.00268 5.49376 0.951907 5.61562C0.901138 5.73748 0.875 5.86818 0.875 6.00019C0.875 6.1322 0.901138 6.26291 0.951907 6.38477C1.00268 6.50663 1.07707 6.61723 1.1708 6.71019L5.4108 11.0002C5.50424 11.0929 5.61505 11.1662 5.73689 11.216C5.85873 11.2657 5.98919 11.291 6.1208 11.2902C6.2524 11.291 6.38287 11.2657 6.5047 11.216C6.62654 11.1662 6.73736 11.0929 6.8308 11.0002C7.01705 10.8128 7.12159 10.5594 7.12159 10.2952C7.12159 10.031 7.01705 9.77756 6.8308 9.59019L3.2908 6.00019Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 41}})
637
+ React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 45}}
638
+ , React$1.createElement('path', { d: "M3.2908 6.00019L6.8308 2.46019C7.01705 2.27283 7.12159 2.01938 7.12159 1.75519C7.12159 1.49101 7.01705 1.23756 6.8308 1.05019C6.73784 0.956464 6.62723 0.88207 6.50537 0.831301C6.38352 0.780533 6.25281 0.754395 6.1208 0.754395C5.98879 0.754395 5.85808 0.780533 5.73622 0.831301C5.61436 0.88207 5.50376 0.956464 5.4108 1.05019L1.1708 5.29019C1.07707 5.38316 1.00268 5.49376 0.951907 5.61562C0.901138 5.73748 0.875 5.86818 0.875 6.00019C0.875 6.1322 0.901138 6.26291 0.951907 6.38477C1.00268 6.50663 1.07707 6.61723 1.1708 6.71019L5.4108 11.0002C5.50424 11.0929 5.61505 11.1662 5.73689 11.216C5.85873 11.2657 5.98919 11.291 6.1208 11.2902C6.2524 11.291 6.38287 11.2657 6.5047 11.216C6.62654 11.1662 6.73736 11.0929 6.8308 11.0002C7.01705 10.8128 7.12159 10.5594 7.12159 10.2952C7.12159 10.031 7.01705 9.77756 6.8308 9.59019L3.2908 6.00019Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 46}})
634
639
  )
635
640
 
636
641
  , pageNum > 1 &&
637
- React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 45}}
638
- , React$1.createElement('path', { d: "M3.2908 6.00019L6.8308 2.46019C7.01705 2.27283 7.12159 2.01938 7.12159 1.75519C7.12159 1.49101 7.01705 1.23756 6.8308 1.05019C6.73784 0.956464 6.62723 0.88207 6.50537 0.831301C6.38352 0.780533 6.25281 0.754395 6.1208 0.754395C5.98879 0.754395 5.85808 0.780533 5.73622 0.831301C5.61436 0.88207 5.50376 0.956464 5.4108 1.05019L1.1708 5.29019C1.07707 5.38316 1.00268 5.49376 0.951907 5.61562C0.901138 5.73748 0.875 5.86818 0.875 6.00019C0.875 6.1322 0.901138 6.26291 0.951907 6.38477C1.00268 6.50663 1.07707 6.61723 1.1708 6.71019L5.4108 11.0002C5.50424 11.0929 5.61505 11.1662 5.73689 11.216C5.85873 11.2657 5.98919 11.291 6.1208 11.2902C6.2524 11.291 6.38287 11.2657 6.5047 11.216C6.62654 11.1662 6.73736 11.0929 6.8308 11.0002C7.01705 10.8128 7.12159 10.5594 7.12159 10.2952C7.12159 10.031 7.01705 9.77756 6.8308 9.59019L3.2908 6.00019Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 46}})
642
+ React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 50}}
643
+ , React$1.createElement('path', { d: "M3.2908 6.00019L6.8308 2.46019C7.01705 2.27283 7.12159 2.01938 7.12159 1.75519C7.12159 1.49101 7.01705 1.23756 6.8308 1.05019C6.73784 0.956464 6.62723 0.88207 6.50537 0.831301C6.38352 0.780533 6.25281 0.754395 6.1208 0.754395C5.98879 0.754395 5.85808 0.780533 5.73622 0.831301C5.61436 0.88207 5.50376 0.956464 5.4108 1.05019L1.1708 5.29019C1.07707 5.38316 1.00268 5.49376 0.951907 5.61562C0.901138 5.73748 0.875 5.86818 0.875 6.00019C0.875 6.1322 0.901138 6.26291 0.951907 6.38477C1.00268 6.50663 1.07707 6.61723 1.1708 6.71019L5.4108 11.0002C5.50424 11.0929 5.61505 11.1662 5.73689 11.216C5.85873 11.2657 5.98919 11.291 6.1208 11.2902C6.2524 11.291 6.38287 11.2657 6.5047 11.216C6.62654 11.1662 6.73736 11.0929 6.8308 11.0002C7.01705 10.8128 7.12159 10.5594 7.12159 10.2952C7.12159 10.031 7.01705 9.77756 6.8308 9.59019L3.2908 6.00019Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 51}})
639
644
  )
640
645
 
641
646
  )
@@ -643,20 +648,20 @@ const Pagination = (props) => {
643
648
  React$1.createElement(NumberButton, { className: `${number === pageNum ? 'active' : ''} somebutton`, key: number, onClick: ()=>{
644
649
  if (returnedPageNum) returnedPageNum(number);
645
650
  setPageNum(number);
646
- }, __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 51}}, number)
651
+ }, __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 56}}, number)
647
652
  ))
648
653
  , React$1.createElement(NumberButton, { onClick: ()=>{
649
654
  setPageNum(pageNum + 1);
650
655
  if (returnedPageNum) returnedPageNum(pageNum + 1);
651
- }, disabled: pageNum === pageNumbers.length, __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 56}}
656
+ }, disabled: pageNum === pageNumbers.length, __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 61}}
652
657
  , pageNum !== pageNumbers.length &&
653
- React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 61}}
654
- , React$1.createElement('path', { d: "M6.8336 5.29019L2.59361 1.05019C2.50064 0.956464 2.39004 0.88207 2.26818 0.831301C2.14632 0.780533 2.01562 0.754395 1.88361 0.754395C1.75159 0.754395 1.62089 0.780533 1.49903 0.831301C1.37717 0.88207 1.26657 0.956464 1.1736 1.05019C0.987354 1.23756 0.882812 1.49101 0.882812 1.75519C0.882812 2.01938 0.987354 2.27283 1.1736 2.46019L4.7136 6.00019L1.1736 9.54019C0.987354 9.72756 0.882812 9.98101 0.882812 10.2452C0.882813 10.5094 0.987354 10.7628 1.1736 10.9502C1.26705 11.0429 1.37786 11.1162 1.4997 11.166C1.62154 11.2157 1.752 11.241 1.88361 11.2402C2.01521 11.241 2.14567 11.2157 2.26751 11.166C2.38935 11.1162 2.50016 11.0429 2.59361 10.9502L6.8336 6.71019C6.92733 6.61723 7.00173 6.50663 7.0525 6.38477C7.10326 6.26291 7.1294 6.1322 7.1294 6.00019C7.1294 5.86818 7.10326 5.73748 7.0525 5.61562C7.00173 5.49376 6.92733 5.38316 6.8336 5.29019Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 62}})
658
+ React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 66}}
659
+ , React$1.createElement('path', { d: "M6.8336 5.29019L2.59361 1.05019C2.50064 0.956464 2.39004 0.88207 2.26818 0.831301C2.14632 0.780533 2.01562 0.754395 1.88361 0.754395C1.75159 0.754395 1.62089 0.780533 1.49903 0.831301C1.37717 0.88207 1.26657 0.956464 1.1736 1.05019C0.987354 1.23756 0.882812 1.49101 0.882812 1.75519C0.882812 2.01938 0.987354 2.27283 1.1736 2.46019L4.7136 6.00019L1.1736 9.54019C0.987354 9.72756 0.882812 9.98101 0.882812 10.2452C0.882813 10.5094 0.987354 10.7628 1.1736 10.9502C1.26705 11.0429 1.37786 11.1162 1.4997 11.166C1.62154 11.2157 1.752 11.241 1.88361 11.2402C2.01521 11.241 2.14567 11.2157 2.26751 11.166C2.38935 11.1162 2.50016 11.0429 2.59361 10.9502L6.8336 6.71019C6.92733 6.61723 7.00173 6.50663 7.0525 6.38477C7.10326 6.26291 7.1294 6.1322 7.1294 6.00019C7.1294 5.86818 7.10326 5.73748 7.0525 5.61562C7.00173 5.49376 6.92733 5.38316 6.8336 5.29019Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 67}})
655
660
  )
656
661
 
657
662
  , pageNum === pageNumbers.length &&
658
- React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 66}}
659
- , React$1.createElement('path', { d: "M6.8336 5.29019L2.59361 1.05019C2.50064 0.956464 2.39004 0.88207 2.26818 0.831301C2.14632 0.780533 2.01562 0.754395 1.88361 0.754395C1.75159 0.754395 1.62089 0.780533 1.49903 0.831301C1.37717 0.88207 1.26657 0.956464 1.1736 1.05019C0.987354 1.23756 0.882812 1.49101 0.882812 1.75519C0.882812 2.01938 0.987354 2.27283 1.1736 2.46019L4.7136 6.00019L1.1736 9.54019C0.987354 9.72756 0.882812 9.98101 0.882812 10.2452C0.882813 10.5094 0.987354 10.7628 1.1736 10.9502C1.26705 11.0429 1.37786 11.1162 1.4997 11.166C1.62154 11.2157 1.752 11.241 1.88361 11.2402C2.01521 11.241 2.14567 11.2157 2.26751 11.166C2.38935 11.1162 2.50016 11.0429 2.59361 10.9502L6.8336 6.71019C6.92733 6.61723 7.00173 6.50663 7.0525 6.38477C7.10326 6.26291 7.1294 6.1322 7.1294 6.00019C7.1294 5.86818 7.10326 5.73748 7.0525 5.61562C7.00173 5.49376 6.92733 5.38316 6.8336 5.29019Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 67}})
663
+ React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 71}}
664
+ , React$1.createElement('path', { d: "M6.8336 5.29019L2.59361 1.05019C2.50064 0.956464 2.39004 0.88207 2.26818 0.831301C2.14632 0.780533 2.01562 0.754395 1.88361 0.754395C1.75159 0.754395 1.62089 0.780533 1.49903 0.831301C1.37717 0.88207 1.26657 0.956464 1.1736 1.05019C0.987354 1.23756 0.882812 1.49101 0.882812 1.75519C0.882812 2.01938 0.987354 2.27283 1.1736 2.46019L4.7136 6.00019L1.1736 9.54019C0.987354 9.72756 0.882812 9.98101 0.882812 10.2452C0.882813 10.5094 0.987354 10.7628 1.1736 10.9502C1.26705 11.0429 1.37786 11.1162 1.4997 11.166C1.62154 11.2157 1.752 11.241 1.88361 11.2402C2.01521 11.241 2.14567 11.2157 2.26751 11.166C2.38935 11.1162 2.50016 11.0429 2.59361 10.9502L6.8336 6.71019C6.92733 6.61723 7.00173 6.50663 7.0525 6.38477C7.10326 6.26291 7.1294 6.1322 7.1294 6.00019C7.1294 5.86818 7.10326 5.73748 7.0525 5.61562C7.00173 5.49376 6.92733 5.38316 6.8336 5.29019Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 72}})
660
665
  )
661
666
 
662
667
  )
@@ -671,26 +676,11 @@ const _jsxFileName$16 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compo
671
676
  * SDataTable view of App Actions on Code Maintenance in LP Application
672
677
  */
673
678
  const AppActionsTable = (props) => {
674
- const {actions,callback,srchActive} = props;
675
- const [currentPage,setCurrentPage] = React$1.useState(1);
676
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
679
+ const {actions,callback} = props;
677
680
  const [dispActions,setDispActions] = React$1.useState([]);
678
681
  const [dispActionsOri,setDispActionsOri] = React$1.useState(actions);
679
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
680
682
  const [sortDir,setSortDir] = React$1.useState('desc');
681
683
 
682
- React$1.useEffect(()=>{
683
- //pagination
684
- if (dispActionsOri.length > 0){
685
- const lastItemIndex = currentPage * itemsPerPage;
686
- const firstItemIndex = lastItemIndex - itemsPerPage;
687
- setDispActions(dispActionsOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
688
- }
689
- if (dispActionsOri.length === 0){
690
- setDispActions(dispActionsOri);
691
- }
692
- setDisplayContent(true);
693
- },[dispActionsOri,currentPage]);
694
684
 
695
685
  React$1.useEffect(()=>{
696
686
  setDispActionsOri(actions.sort((a,b) => {
@@ -699,10 +689,6 @@ const AppActionsTable = (props) => {
699
689
  }));
700
690
  },[actions]);
701
691
 
702
- React$1.useEffect(()=>{
703
- if (srchActive) setCurrentPage(1);
704
- },[srchActive]);
705
-
706
692
 
707
693
  function sortEntries(){
708
694
  if (sortDir === 'asc'){
@@ -724,48 +710,48 @@ const AppActionsTable = (props) => {
724
710
 
725
711
  return (
726
712
  React$1.createElement(React$1.Fragment, null
727
- , React$1.createElement(TableContainer$c, {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 63}}
728
- , React$1.createElement(Table$c, {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 64}}
729
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 65}}
730
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 66}}
731
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 67}}
732
- , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 68}}, "Title"
713
+ , React$1.createElement(TableContainer$c, {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 44}}
714
+ , React$1.createElement(Table$c, {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 45}}
715
+ , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 46}}
716
+ , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 47}}
717
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 48}}
718
+ , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 49}}, "Title"
733
719
 
734
720
  , sortDir === 'desc' &&
735
721
  React$1.createElement(React$1.Fragment, null
736
722
  /*arrow-up*/
737
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 73}}
738
- , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 74}})
723
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 54}}
724
+ , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 55}})
739
725
  )
740
726
  )
741
727
 
742
728
  , sortDir === 'asc' &&
743
729
  React$1.createElement(React$1.Fragment, null
744
730
  /*arrow-down*/
745
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 81}}
746
- , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 82}})
731
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 62}}
732
+ , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 63}})
747
733
  )
748
734
  )
749
735
 
750
736
 
751
737
  )
752
738
  )
753
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 89}}, "Description")
754
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 90}}, "Clearance Level" )
739
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 70}}, "Description")
740
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 71}}, "Clearance Level" )
755
741
  )
756
742
  )
757
- , dispActions && dispActions.length > 0 && displayContent &&
743
+ , dispActions && dispActions.length > 0 &&
758
744
  React$1.createElement(React$1.Fragment, null
759
- , React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 95}}
745
+ , React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 76}}
760
746
  , dispActions.map((action,index) => (
761
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(action);}, __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 97}}
762
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 98}}, action.title)
763
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 99}}, action.description)
764
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 100}}
765
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 101}}
747
+ React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(action);}, __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 78}}
748
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 79}}, action.title)
749
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 80}}, action.description)
750
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 81}}
751
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 82}}
766
752
  , action.clearanceLevel
767
- , 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$16, lineNumber: 103}}
768
- , 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$16, lineNumber: 104}})
753
+ , 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$16, lineNumber: 84}}
754
+ , 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$16, lineNumber: 85}})
769
755
  )
770
756
  )
771
757
  )
@@ -775,31 +761,31 @@ const AppActionsTable = (props) => {
775
761
  )
776
762
 
777
763
  )
778
- , dispActions && dispActions.length === 0 && displayContent &&
779
- React$1.createElement(NothingContainer$a, {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 115}}
780
- , React$1.createElement(NothingContent$a, {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 116}}
781
- , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 117}}
782
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 118}}
783
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 119}})
784
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 120}})
785
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 121}})
786
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 122}})
787
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 123}})
788
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 124}})
764
+ , dispActions && dispActions.length === 0 &&
765
+ React$1.createElement(NothingContainer$a, {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 96}}
766
+ , React$1.createElement(NothingContent$a, {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 97}}
767
+ , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 98}}
768
+ , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 99}}
769
+ , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 100}})
770
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 101}})
771
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 102}})
772
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 103}})
773
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 104}})
774
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 105}})
789
775
  )
790
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 126}}
791
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 127}}
792
- , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 128}})
776
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 107}}
777
+ , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 108}}
778
+ , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 109}})
793
779
  )
794
780
  )
795
781
  )
796
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 132}}, "App actions will be displayed here when you have any." )
782
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 113}}, "App actions will be displayed here when you have any." )
797
783
  )
798
784
  )
799
785
 
800
786
  )
801
- , React$1.createElement('div', { className: "mt-[12px]", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 137}}
802
- , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: actions, paginatedItems: (a)=>{setDispActions(a);}, __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 138}})
787
+ , React$1.createElement('div', { className: "mt-[12px]", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 118}}
788
+ , React$1.createElement(Pagination, { itemsPerPage: 10, items: dispActionsOri, paginatedItems: (a)=>{setDispActions(a);}, __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 119}})
803
789
  )
804
790
  )
805
791
  )
@@ -885,30 +871,13 @@ const NothingContent$9 = styled.div`
885
871
  `;
886
872
 
887
873
  const _jsxFileName$15 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\AppFormsTable\\AppFormsTable.tsx";
888
- /**
889
- * SDataTable view of App Actions on Code Maintenance in LP Application
890
- */
874
+
891
875
  const AppFormsTable = (props) => {
892
- const {forms,callback,srchActive} = props;
893
- const [currentPage,setCurrentPage] = React$1.useState(1);
894
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
876
+ const {forms,callback} = props;
895
877
  const [dispForms,setDispForms] = React$1.useState([]);
896
878
  const [dispFormsOri,setDispFormsOri] = React$1.useState(forms);
897
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
898
879
  const [sortDir,setSortDir] = React$1.useState('desc');
899
880
 
900
- React$1.useEffect(()=>{
901
- //pagination
902
- if (dispFormsOri.length > 0){
903
- const lastItemIndex = currentPage * itemsPerPage;
904
- const firstItemIndex = lastItemIndex - itemsPerPage;
905
- setDispForms(dispFormsOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
906
- }
907
- if (dispFormsOri.length === 0){
908
- setDispForms(dispFormsOri);
909
- }
910
- setDisplayContent(true);
911
- },[dispFormsOri,currentPage]);
912
881
 
913
882
  React$1.useEffect(()=>{
914
883
  setDispFormsOri(forms.sort((a,b) => {
@@ -917,10 +886,6 @@ const AppFormsTable = (props) => {
917
886
  }));
918
887
  },[forms]);
919
888
 
920
- React$1.useEffect(()=>{
921
- if (srchActive) setCurrentPage(1);
922
- },[srchActive]);
923
-
924
889
  function sortEntries(){
925
890
  if (sortDir === 'asc'){
926
891
  setSortDir('desc');
@@ -940,46 +905,46 @@ const AppFormsTable = (props) => {
940
905
 
941
906
  return (
942
907
  React$1.createElement(React$1.Fragment, null
943
- , React$1.createElement(TableContainer$b, {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 61}}
944
- , React$1.createElement(Table$b, {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 62}}
945
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 63}}
946
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 64}}
947
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 65}}
948
- , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 66}}, "Form Name"
908
+ , React$1.createElement(TableContainer$b, {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 40}}
909
+ , React$1.createElement(Table$b, {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 41}}
910
+ , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 42}}
911
+ , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 43}}
912
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 44}}
913
+ , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 45}}, "Form Name"
949
914
 
950
915
  , sortDir === 'desc' &&
951
916
  React$1.createElement(React$1.Fragment, null
952
917
  /*arrow-up*/
953
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 71}}
954
- , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 72}})
918
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 50}}
919
+ , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 51}})
955
920
  )
956
921
  )
957
922
 
958
923
  , sortDir === 'asc' &&
959
924
  React$1.createElement(React$1.Fragment, null
960
925
  /*arrow-down*/
961
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 79}}
962
- , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 80}})
926
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 58}}
927
+ , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 59}})
963
928
  )
964
929
  )
965
930
 
966
931
  )
967
932
  )
968
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 86}}, "Form Code" )
969
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 87}}, "Authorised User Type" )
933
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 65}}, "Form Code" )
934
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 66}}, "Authorised User Type" )
970
935
  )
971
936
  )
972
- , dispForms && dispForms.length > 0 && displayContent &&
973
- React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 91}}
937
+ , dispForms && dispForms.length > 0 &&
938
+ React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 70}}
974
939
  , dispForms.map((form,index) => (
975
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(form);}, __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 93}}
976
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 94}}, form.formName)
977
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 95}}, form.formCode)
978
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 96}}
979
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 97}}
940
+ React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(form);}, __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 72}}
941
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 73}}, form.formName)
942
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 74}}, form.formCode)
943
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 75}}
944
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 76}}
980
945
  , form.userType
981
- , 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$15, lineNumber: 99}}
982
- , 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$15, lineNumber: 100}})
946
+ , 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$15, lineNumber: 78}}
947
+ , 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$15, lineNumber: 79}})
983
948
  )
984
949
  )
985
950
  )
@@ -988,31 +953,31 @@ const AppFormsTable = (props) => {
988
953
  )
989
954
 
990
955
  )
991
- , dispForms && dispForms.length === 0 && displayContent &&
992
- React$1.createElement(NothingContainer$9, {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 110}}
993
- , React$1.createElement(NothingContent$9, {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 111}}
994
- , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 112}}
995
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 113}}
996
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 114}})
997
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 115}})
998
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 116}})
999
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 117}})
1000
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 118}})
1001
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 119}})
956
+ , dispForms && dispForms.length === 0 &&
957
+ React$1.createElement(NothingContainer$9, {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 89}}
958
+ , React$1.createElement(NothingContent$9, {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 90}}
959
+ , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 91}}
960
+ , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 92}}
961
+ , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 93}})
962
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 94}})
963
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 95}})
964
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 96}})
965
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 97}})
966
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 98}})
1002
967
  )
1003
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 121}}
1004
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 122}}
1005
- , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 123}})
968
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 100}}
969
+ , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 101}}
970
+ , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 102}})
1006
971
  )
1007
972
  )
1008
973
  )
1009
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 127}}, "App forms will be displayed here when you have any." )
974
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 106}}, "App forms will be displayed here when you have any." )
1010
975
  )
1011
976
  )
1012
977
 
1013
978
  )
1014
- , React$1.createElement('div', { className: "mt-[12px]", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 132}}
1015
- , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: forms, paginatedItems: (a)=>{setDispForms(a);}, __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 133}})
979
+ , React$1.createElement('div', { className: "mt-[12px]", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 111}}
980
+ , React$1.createElement(Pagination, { itemsPerPage: 10, items: dispFormsOri, paginatedItems: (a)=>{setDispForms(a);}, __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 112}})
1016
981
  )
1017
982
  )
1018
983
  )
@@ -1098,31 +1063,12 @@ const NothingContent$8 = styled.div`
1098
1063
  `;
1099
1064
 
1100
1065
  const _jsxFileName$14 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\AppModulesTable\\AppModulesTable.tsx";
1101
- /**
1102
- * SDataTable view of App Modules in Code Maintenance in LP Application
1103
- */
1104
1066
  const AppModulesTable = (props) => {
1105
- const {modules,callback,srchActive} = props;
1106
- const [currentPage,setCurrentPage] = React$1.useState(1);
1107
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
1067
+ const {modules,callback} = props;
1108
1068
  const [dispModules,setDispModules] = React$1.useState([]);
1109
1069
  const [dispModulesOri,setDispModulesOri] = React$1.useState(modules);
1110
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
1111
1070
  const [sortDir,setSortDir] = React$1.useState('desc');
1112
1071
 
1113
- React$1.useEffect(()=>{
1114
- //pagination
1115
- if (dispModulesOri.length > 0){
1116
- const lastItemIndex = currentPage * itemsPerPage;
1117
- const firstItemIndex = lastItemIndex - itemsPerPage;
1118
- setDispModules(dispModulesOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
1119
- }
1120
- if (dispModulesOri.length === 0){
1121
- setDispModules(dispModulesOri);
1122
- }
1123
- setDisplayContent(true);
1124
- },[dispModulesOri,currentPage]);
1125
-
1126
1072
  React$1.useEffect(()=>{
1127
1073
  setDispModulesOri(modules.sort((a,b) => {
1128
1074
  if(a.moduleName < b.moduleName) return -1
@@ -1130,10 +1076,6 @@ const AppModulesTable = (props) => {
1130
1076
  }));
1131
1077
  },[modules]);
1132
1078
 
1133
- React$1.useEffect(()=>{
1134
- if (srchActive) setCurrentPage(1);
1135
- },[srchActive]);
1136
-
1137
1079
  function sortEntries(){
1138
1080
  if (sortDir === 'asc'){
1139
1081
  setSortDir('desc');
@@ -1153,46 +1095,46 @@ const AppModulesTable = (props) => {
1153
1095
 
1154
1096
  return (
1155
1097
  React$1.createElement(React$1.Fragment, null
1156
- , React$1.createElement(TableContainer$a, {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 61}}
1157
- , React$1.createElement(Table$a, {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 62}}
1158
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 63}}
1159
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 64}}
1160
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 65}}
1161
- , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 66}}, "Module Name"
1098
+ , React$1.createElement(TableContainer$a, {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 38}}
1099
+ , React$1.createElement(Table$a, {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 39}}
1100
+ , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 40}}
1101
+ , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 41}}
1102
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 42}}
1103
+ , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 43}}, "Module Name"
1162
1104
 
1163
1105
  , sortDir === 'desc' &&
1164
1106
  React$1.createElement(React$1.Fragment, null
1165
1107
  /*arrow-up*/
1166
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 71}}
1167
- , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 72}})
1108
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 48}}
1109
+ , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 49}})
1168
1110
  )
1169
1111
  )
1170
1112
 
1171
1113
  , sortDir === 'asc' &&
1172
1114
  React$1.createElement(React$1.Fragment, null
1173
1115
  /*arrow-down*/
1174
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 79}}
1175
- , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 80}})
1116
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 56}}
1117
+ , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 57}})
1176
1118
  )
1177
1119
  )
1178
1120
 
1179
1121
  )
1180
1122
  )
1181
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 86}}, "Module Code" )
1182
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 87}}, "Remarks")
1123
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 63}}, "Module Code" )
1124
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 64}}, "Remarks")
1183
1125
  )
1184
1126
  )
1185
- , dispModules && dispModules.length > 0 && displayContent &&
1186
- React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 91}}
1127
+ , dispModules && dispModules.length > 0 &&
1128
+ React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 68}}
1187
1129
  , dispModules.map((action,index) => (
1188
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(action);}, __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 93}}
1189
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 94}}, action.moduleName)
1190
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 95}}, action.moduleCode)
1191
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 96}}
1192
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 97}}
1130
+ React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(action);}, __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 70}}
1131
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 71}}, action.moduleName)
1132
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 72}}, action.moduleCode)
1133
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 73}}
1134
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 74}}
1193
1135
  , action.remarks ? action.remarks : '-'
1194
- , 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$14, lineNumber: 99}}
1195
- , 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$14, lineNumber: 100}})
1136
+ , 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$14, lineNumber: 76}}
1137
+ , 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$14, lineNumber: 77}})
1196
1138
  )
1197
1139
  )
1198
1140
  )
@@ -1201,30 +1143,30 @@ const AppModulesTable = (props) => {
1201
1143
  )
1202
1144
 
1203
1145
  )
1204
- , dispModules && dispModules.length === 0 && displayContent &&
1205
- React$1.createElement(NothingContainer$8, {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 110}}
1206
- , React$1.createElement(NothingContent$8, {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 111}}
1207
- , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 112}}
1208
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 113}}
1209
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 114}})
1210
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 115}})
1211
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 116}})
1212
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 117}})
1213
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 118}})
1214
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 119}})
1146
+ , dispModules && dispModules.length === 0 &&
1147
+ React$1.createElement(NothingContainer$8, {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 87}}
1148
+ , React$1.createElement(NothingContent$8, {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 88}}
1149
+ , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 89}}
1150
+ , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 90}}
1151
+ , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 91}})
1152
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 92}})
1153
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 93}})
1154
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 94}})
1155
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 95}})
1156
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 96}})
1215
1157
  )
1216
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 121}}
1217
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 122}}
1218
- , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 123}})
1158
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 98}}
1159
+ , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 99}}
1160
+ , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 100}})
1219
1161
  )
1220
1162
  )
1221
1163
  )
1222
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 127}}, "App modules will be displayed here when you have any." )
1164
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 104}}, "App modules will be displayed here when you have any." )
1223
1165
  )
1224
1166
  )
1225
1167
 
1226
1168
  )
1227
- , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: modules, paginatedItems: (a)=>{setDispModules(a);}, __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 132}})
1169
+ , React$1.createElement(Pagination, { itemsPerPage: 10, items: dispModulesOri, paginatedItems: (a)=>{setDispModules(a);}, __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 109}})
1228
1170
  )
1229
1171
  )
1230
1172
  };
@@ -1947,27 +1889,11 @@ const _jsxFileName$Z = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
1947
1889
  */
1948
1890
 
1949
1891
  const BrokersTable = (props) => {
1950
- const {brokers,callback,srchActive} = props;
1951
- const [currentPage,setCurrentPage] = React$1.useState(1);
1952
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
1892
+ const {brokers,callback} = props;
1953
1893
  const [dispBrokers,setDispBrokers] = React$1.useState([]);
1954
1894
  const [dispBrokersOri,setDispBrokersOri] = React$1.useState(brokers);
1955
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
1956
1895
  const [sortDir,setSortDir] = React$1.useState('desc');
1957
1896
 
1958
- React$1.useEffect(()=>{
1959
- //pagination
1960
- if (dispBrokersOri.length > 0){
1961
- const lastItemIndex = currentPage * itemsPerPage;
1962
- const firstItemIndex = lastItemIndex - itemsPerPage;
1963
- setDispBrokers(dispBrokersOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
1964
- }
1965
- if (dispBrokersOri.length === 0){
1966
- setDispBrokers(dispBrokersOri);
1967
- }
1968
- setDisplayContent(true);
1969
- },[dispBrokersOri,currentPage]);
1970
-
1971
1897
  React$1.useEffect(()=>{
1972
1898
  setDispBrokersOri(brokers.sort((a,b) => {
1973
1899
  if(a.name < b.name) return -1
@@ -1975,10 +1901,6 @@ const BrokersTable = (props) => {
1975
1901
  }));
1976
1902
  },[brokers]);
1977
1903
 
1978
- React$1.useEffect(()=>{
1979
- if (srchActive) setCurrentPage(1);
1980
- },[srchActive]);
1981
-
1982
1904
  function sortEntries(){
1983
1905
  if (sortDir === 'asc'){
1984
1906
  setSortDir('desc');
@@ -1998,52 +1920,52 @@ const BrokersTable = (props) => {
1998
1920
 
1999
1921
  return (
2000
1922
  React$1.createElement(React$1.Fragment, null
2001
- , React$1.createElement(TableContainer$9, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 62}}
2002
- , React$1.createElement(Table$9, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 63}}
2003
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 64}}
2004
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 65}}
2005
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 66}}
2006
- , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 67}}, "Name"
1923
+ , React$1.createElement(TableContainer$9, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 42}}
1924
+ , React$1.createElement(Table$9, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 43}}
1925
+ , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 44}}
1926
+ , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 45}}
1927
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 46}}
1928
+ , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 47}}, "Name"
2007
1929
 
2008
1930
  , sortDir === 'desc' &&
2009
1931
  React$1.createElement(React$1.Fragment, null
2010
1932
  /*arrow-up*/
2011
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 72}}
2012
- , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 73}})
1933
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 52}}
1934
+ , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 53}})
2013
1935
  )
2014
1936
  )
2015
1937
 
2016
1938
  , sortDir === 'asc' &&
2017
1939
  React$1.createElement(React$1.Fragment, null
2018
1940
  /*arrow-down*/
2019
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 80}}
2020
- , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 81}})
1941
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 60}}
1942
+ , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 61}})
2021
1943
  )
2022
1944
  )
2023
1945
 
2024
1946
 
2025
1947
  )
2026
1948
  )
2027
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 88}}, "Email")
2028
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 89}}, "Phone")
2029
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 90}}, "Country")
1949
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 68}}, "Email")
1950
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 69}}, "Phone")
1951
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 70}}, "Country")
2030
1952
  )
2031
1953
  )
2032
- , dispBrokers && dispBrokers.length > 0 && displayContent &&
2033
- React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 94}}
1954
+ , dispBrokers && dispBrokers.length > 0 &&
1955
+ React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 74}}
2034
1956
  , dispBrokers.map((broker,index) => (
2035
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(broker);}, __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 96}}
2036
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 97}}, broker.name)
2037
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 98}}, broker.email)
2038
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 99}}, broker.phone)
2039
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 100}}
2040
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 101}}
2041
- , React$1.createElement(BrokerCountry, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 102}}
2042
- , broker.countryFlag && React$1.createElement('img', { src: broker.countryFlag, alt: "Country flag" , __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 103}})
1957
+ React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(broker);}, __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 76}}
1958
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 77}}, broker.name)
1959
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 78}}, broker.email)
1960
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 79}}, broker.phone)
1961
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 80}}
1962
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 81}}
1963
+ , React$1.createElement(BrokerCountry, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 82}}
1964
+ , broker.countryFlag && React$1.createElement('img', { src: broker.countryFlag, alt: "Country flag" , __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 83}})
2043
1965
  , broker.country
2044
1966
  )
2045
- , 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$Z, lineNumber: 106}}
2046
- , 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$Z, lineNumber: 107}})
1967
+ , 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$Z, lineNumber: 86}}
1968
+ , 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$Z, lineNumber: 87}})
2047
1969
  )
2048
1970
  )
2049
1971
  )
@@ -2052,30 +1974,30 @@ const BrokersTable = (props) => {
2052
1974
  )
2053
1975
 
2054
1976
  )
2055
- , dispBrokers && dispBrokers.length === 0 && displayContent &&
2056
- React$1.createElement(NothingContainer$7, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 117}}
2057
- , React$1.createElement(NothingContent$7, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 118}}
2058
- , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 119}}
2059
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 120}}
2060
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 121}})
2061
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 122}})
2062
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 123}})
2063
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 124}})
2064
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 125}})
2065
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 126}})
1977
+ , dispBrokers && dispBrokers.length === 0 &&
1978
+ React$1.createElement(NothingContainer$7, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 97}}
1979
+ , React$1.createElement(NothingContent$7, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 98}}
1980
+ , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 99}}
1981
+ , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 100}}
1982
+ , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 101}})
1983
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 102}})
1984
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 103}})
1985
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 104}})
1986
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 105}})
1987
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 106}})
2066
1988
  )
2067
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 128}}
2068
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 129}}
2069
- , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 130}})
1989
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 108}}
1990
+ , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 109}}
1991
+ , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 110}})
2070
1992
  )
2071
1993
  )
2072
1994
  )
2073
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 134}}, "Brokers will be displayed here when you have any." )
1995
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 114}}, "Brokers will be displayed here when you have any." )
2074
1996
  )
2075
1997
  )
2076
1998
 
2077
1999
  )
2078
- , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: brokers, paginatedItems: (a)=>{setDispBrokers(a);}, __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 139}})
2000
+ , React$1.createElement(Pagination, { itemsPerPage: 10, items: dispBrokersOri, paginatedItems: (a)=>{setDispBrokers(a);}, __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 119}})
2079
2001
  )
2080
2002
  )
2081
2003
  };
@@ -16906,29 +16828,13 @@ const _jsxFileName$T = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
16906
16828
  * SDataTable with a list of all currency pairs in the LP platform
16907
16829
  */
16908
16830
  const CurrencyPairsTable = (props) => {
16909
- const {pairs,callback,srchActive} = props;
16910
- const [currentPage,setCurrentPage] = React$1.useState(1);
16911
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
16831
+ const {pairs,callback} = props;
16912
16832
  const [dispPairs,setDispPairs] = React$1.useState([]);
16913
16833
  const [dispPairsOri,setDispPairsOri] = React$1.useState(pairs);
16914
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
16915
16834
  const [sortPairDir,setSortPairDir] = React$1.useState('desc');
16916
16835
  const [sortBaseDir,setSortBaseDir] = React$1.useState('desc');
16917
16836
  const [sortExchDir,setSortExchDir] = React$1.useState('desc');
16918
16837
 
16919
- React$1.useEffect(()=>{
16920
- //pagination
16921
- if (dispPairsOri.length > 0){
16922
- const lastItemIndex = currentPage * itemsPerPage;
16923
- const firstItemIndex = lastItemIndex - itemsPerPage;
16924
- setDispPairs(dispPairsOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
16925
- }
16926
- if (dispPairsOri.length === 0){
16927
- setDispPairs(dispPairsOri);
16928
- }
16929
- setDisplayContent(true);
16930
- },[dispPairsOri,currentPage]);
16931
-
16932
16838
  React$1.useEffect(()=>{
16933
16839
  setDispPairsOri(pairs.sort((a,b) => {
16934
16840
  if(a.pairCode < b.pairCode) return -1
@@ -16936,10 +16842,6 @@ const CurrencyPairsTable = (props) => {
16936
16842
  }));
16937
16843
  },[pairs]);
16938
16844
 
16939
- React$1.useEffect(()=>{
16940
- if (srchActive) setCurrentPage(1);
16941
- },[srchActive]);
16942
-
16943
16845
  function sortPair(){
16944
16846
  if (sortPairDir === 'asc'){
16945
16847
  setSortPairDir('desc');
@@ -16993,96 +16895,96 @@ const CurrencyPairsTable = (props) => {
16993
16895
 
16994
16896
  return (
16995
16897
  React$1.createElement(React$1.Fragment, null
16996
- , React$1.createElement(TableContainer$8, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 97}}
16997
- , React$1.createElement(Table$8, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 98}}
16998
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 99}}
16999
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 100}}
17000
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 101}}
17001
- , React$1.createElement('div', { onClick: ()=>{sortPair();}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 102}}, "Pair Code"
16898
+ , React$1.createElement(TableContainer$8, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 77}}
16899
+ , React$1.createElement(Table$8, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 78}}
16900
+ , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 79}}
16901
+ , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 80}}
16902
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 81}}
16903
+ , React$1.createElement('div', { onClick: ()=>{sortPair();}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 82}}, "Pair Code"
17002
16904
 
17003
16905
  , sortPairDir === 'desc' &&
17004
16906
  React$1.createElement(React$1.Fragment, null
17005
16907
  /*arrow-up*/
17006
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 107}}
17007
- , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 108}})
16908
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 87}}
16909
+ , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 88}})
17008
16910
  )
17009
16911
  )
17010
16912
 
17011
16913
  , sortPairDir === 'asc' &&
17012
16914
  React$1.createElement(React$1.Fragment, null
17013
16915
  /*arrow-down*/
17014
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 115}}
17015
- , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 116}})
16916
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 95}}
16917
+ , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 96}})
17016
16918
  )
17017
16919
  )
17018
16920
 
17019
16921
  )
17020
16922
  )
17021
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 122}}
17022
- , React$1.createElement('div', { onClick: ()=>{sortBase();}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 123}}, "Base Currency"
16923
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 102}}
16924
+ , React$1.createElement('div', { onClick: ()=>{sortBase();}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 103}}, "Base Currency"
17023
16925
 
17024
16926
  , sortBaseDir === 'desc' &&
17025
16927
  React$1.createElement(React$1.Fragment, null
17026
16928
  /*arrow-up*/
17027
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 128}}
17028
- , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 129}})
16929
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 108}}
16930
+ , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 109}})
17029
16931
  )
17030
16932
  )
17031
16933
 
17032
16934
  , sortBaseDir === 'asc' &&
17033
16935
  React$1.createElement(React$1.Fragment, null
17034
16936
  /*arrow-down*/
17035
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 136}}
17036
- , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 137}})
16937
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 116}}
16938
+ , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 117}})
17037
16939
  )
17038
16940
  )
17039
16941
 
17040
16942
  )
17041
16943
  )
17042
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 143}}, React$1.createElement('div', { onClick: ()=>{sortExch();}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 143}}, "Exchange Currency"
16944
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 123}}, React$1.createElement('div', { onClick: ()=>{sortExch();}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 123}}, "Exchange Currency"
17043
16945
 
17044
16946
  , sortExchDir === 'desc' &&
17045
16947
  React$1.createElement(React$1.Fragment, null
17046
16948
  /*arrow-up*/
17047
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 148}}
17048
- , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 149}})
16949
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 128}}
16950
+ , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 129}})
17049
16951
  )
17050
16952
  )
17051
16953
 
17052
16954
  , sortExchDir === 'asc' &&
17053
16955
  React$1.createElement(React$1.Fragment, null
17054
16956
  /*arrow-down*/
17055
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 156}}
17056
- , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 157}})
16957
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 136}}
16958
+ , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 137}})
17057
16959
  )
17058
16960
  )
17059
16961
 
17060
16962
  ))
17061
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 162}}, "Pair Name" )
16963
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 142}}, "Pair Name" )
17062
16964
  )
17063
16965
  )
17064
- , dispPairs && dispPairs.length > 0 && displayContent &&
17065
- React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 166}}
16966
+ , dispPairs && dispPairs.length > 0 &&
16967
+ React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 146}}
17066
16968
  , dispPairs.map(( pair,index) => (
17067
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(pair);}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 168}}
17068
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 169}}, pair.pairCode)
17069
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 170}}
17070
- , React$1.createElement('div', { style: {display:'flex',gap:'8px'}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 171}}
17071
- , pair.baseFlag ? React$1.createElement('img', { src: pair.baseFlag, alt: "Base currency flag" , __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 172}}) : ''
16969
+ React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(pair);}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 148}}
16970
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 149}}, pair.pairCode)
16971
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 150}}
16972
+ , React$1.createElement('div', { style: {display:'flex',gap:'8px'}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 151}}
16973
+ , pair.baseFlag ? React$1.createElement('img', { src: pair.baseFlag, alt: "Base currency flag" , __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 152}}) : ''
17072
16974
  , pair.baseCurrency
17073
16975
  )
17074
16976
  )
17075
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 176}}
17076
- , React$1.createElement('div', { style: {display:'flex',gap:'8px'}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 177}}
17077
- , pair.exchangeFlag ? React$1.createElement('img', { src: pair.exchangeFlag, alt: "Exchange currency flag" , __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 178}}) : ''
16977
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 156}}
16978
+ , React$1.createElement('div', { style: {display:'flex',gap:'8px'}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 157}}
16979
+ , pair.exchangeFlag ? React$1.createElement('img', { src: pair.exchangeFlag, alt: "Exchange currency flag" , __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 158}}) : ''
17078
16980
  , pair.exchangeCurrency
17079
16981
  )
17080
16982
  )
17081
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 182}}
17082
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 183}}
16983
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 162}}
16984
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 163}}
17083
16985
  , pair.pairName ? pair.pairName : '-'
17084
- , 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$T, lineNumber: 185}}
17085
- , 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$T, lineNumber: 186}})
16986
+ , 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$T, lineNumber: 165}}
16987
+ , 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$T, lineNumber: 166}})
17086
16988
  )
17087
16989
  )
17088
16990
  )
@@ -17091,30 +16993,30 @@ const CurrencyPairsTable = (props) => {
17091
16993
  )
17092
16994
 
17093
16995
  )
17094
- , dispPairs && dispPairs.length === 0 && displayContent &&
17095
- React$1.createElement(NothingContainer$6, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 196}}
17096
- , React$1.createElement(NothingContent$6, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 197}}
17097
- , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 198}}
17098
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 199}}
17099
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 200}})
17100
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 201}})
17101
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 202}})
17102
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 203}})
17103
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 204}})
17104
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 205}})
16996
+ , dispPairs && dispPairs.length === 0 &&
16997
+ React$1.createElement(NothingContainer$6, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 176}}
16998
+ , React$1.createElement(NothingContent$6, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 177}}
16999
+ , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 178}}
17000
+ , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 179}}
17001
+ , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 180}})
17002
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 181}})
17003
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 182}})
17004
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 183}})
17005
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 184}})
17006
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 185}})
17105
17007
  )
17106
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 207}}
17107
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 208}}
17108
- , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 209}})
17008
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 187}}
17009
+ , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 188}}
17010
+ , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 189}})
17109
17011
  )
17110
17012
  )
17111
17013
  )
17112
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 213}}, "Currency pairs will be displayed here when you have any." )
17014
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 193}}, "Currency pairs will be displayed here when you have any." )
17113
17015
  )
17114
17016
  )
17115
17017
 
17116
17018
  )
17117
- , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: pairs, paginatedItems: (a)=>{setDispPairs(a);}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 218}})
17019
+ , React$1.createElement(Pagination, { itemsPerPage: 10, items: pairs, paginatedItems: (a)=>{setDispPairs(a);}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 198}})
17118
17020
  )
17119
17021
  )
17120
17022
  };
@@ -21451,27 +21353,11 @@ const _jsxFileName$y = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
21451
21353
  * Component to display a table listing the payment methods accepted in the LP app
21452
21354
  */
21453
21355
  const PaymentMethodsTable = (props) => {
21454
- const {methods,callback,srchActive} = props;
21455
- const [currentPage,setCurrentPage] = React$1.useState(1);
21456
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
21356
+ const {methods,callback} = props;
21457
21357
  const [dispMethods,setDispMethods] = React$1.useState([]);
21458
21358
  const [dispMethodsOri,setDispMethodsOri] = React$1.useState(methods);
21459
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
21460
21359
  const [sortDir,setSortDir] = React$1.useState('desc');
21461
21360
 
21462
- React$1.useEffect(()=>{
21463
- //pagination
21464
- if (dispMethodsOri.length > 0){
21465
- const lastItemIndex = currentPage * itemsPerPage;
21466
- const firstItemIndex = lastItemIndex - itemsPerPage;
21467
- setDispMethods(dispMethodsOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
21468
- }
21469
- if (dispMethodsOri.length === 0){
21470
- setDispMethods(dispMethodsOri);
21471
- }
21472
- setDisplayContent(true);
21473
- },[dispMethodsOri,currentPage]);
21474
-
21475
21361
  React$1.useEffect(()=>{
21476
21362
  setDispMethodsOri(methods.sort((a,b) => {
21477
21363
  if(a.pymtModeName < b.pymtModeName) return -1
@@ -21479,10 +21365,6 @@ const PaymentMethodsTable = (props) => {
21479
21365
  }));
21480
21366
  },[methods]);
21481
21367
 
21482
- React$1.useEffect(()=>{
21483
- if (srchActive) setCurrentPage(1);
21484
- },[srchActive]);
21485
-
21486
21368
  function sortEntries(){
21487
21369
  if (sortDir === 'asc'){
21488
21370
  setSortDir('desc');
@@ -21502,48 +21384,48 @@ const PaymentMethodsTable = (props) => {
21502
21384
 
21503
21385
  return (
21504
21386
  React$1.createElement(React$1.Fragment, null
21505
- , React$1.createElement(TableContainer$6, {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 61}}
21506
- , React$1.createElement(Table$6, {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 62}}
21507
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 63}}
21508
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 64}}
21509
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 65}}, "Code")
21510
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 66}}
21511
- , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 67}}, "Name"
21387
+ , React$1.createElement(TableContainer$6, {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 41}}
21388
+ , React$1.createElement(Table$6, {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 42}}
21389
+ , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 43}}
21390
+ , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 44}}
21391
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 45}}, "Code")
21392
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 46}}
21393
+ , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 47}}, "Name"
21512
21394
 
21513
21395
  , sortDir === 'desc' &&
21514
21396
  React$1.createElement(React$1.Fragment, null
21515
21397
  /*arrow-up*/
21516
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 72}}
21517
- , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 73}})
21398
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 52}}
21399
+ , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 53}})
21518
21400
  )
21519
21401
  )
21520
21402
 
21521
21403
  , sortDir === 'asc' &&
21522
21404
  React$1.createElement(React$1.Fragment, null
21523
21405
  /*arrow-down*/
21524
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 80}}
21525
- , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 81}})
21406
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 60}}
21407
+ , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 61}})
21526
21408
  )
21527
21409
  )
21528
21410
 
21529
21411
  )
21530
21412
  )
21531
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 87}}, "Short Name" )
21532
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 88}}, "Remarks")
21413
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 67}}, "Short Name" )
21414
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 68}}, "Remarks")
21533
21415
  )
21534
21416
  )
21535
- , dispMethods && dispMethods.length > 0 && displayContent &&
21536
- React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 92}}
21417
+ , dispMethods && dispMethods.length > 0 &&
21418
+ React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 72}}
21537
21419
  , dispMethods.map((method,index) => (
21538
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(method);}, __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 94}}
21539
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 95}}, method.pymtModeCode)
21540
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 96}}, method.pymtModeName)
21541
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 97}}, method.pymtModeShortName)
21542
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 98}}
21543
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 99}}
21420
+ React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(method);}, __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 74}}
21421
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 75}}, method.pymtModeCode)
21422
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 76}}, method.pymtModeName)
21423
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 77}}, method.pymtModeShortName)
21424
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 78}}
21425
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 79}}
21544
21426
  , method.remarks ? method.remarks : '-'
21545
- , 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$y, lineNumber: 101}}
21546
- , 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$y, lineNumber: 102}})
21427
+ , 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$y, lineNumber: 81}}
21428
+ , 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$y, lineNumber: 82}})
21547
21429
  )
21548
21430
  )
21549
21431
  )
@@ -21552,30 +21434,30 @@ const PaymentMethodsTable = (props) => {
21552
21434
  )
21553
21435
 
21554
21436
  )
21555
- , dispMethods && dispMethods.length === 0 && displayContent &&
21556
- React$1.createElement(NothingContainer$4, {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 112}}
21557
- , React$1.createElement(NothingContent$4, {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 113}}
21558
- , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 114}}
21559
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 115}}
21560
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 116}})
21561
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 117}})
21562
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 118}})
21563
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 119}})
21564
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 120}})
21565
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 121}})
21437
+ , dispMethods && dispMethods.length === 0 &&
21438
+ React$1.createElement(NothingContainer$4, {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 92}}
21439
+ , React$1.createElement(NothingContent$4, {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 93}}
21440
+ , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 94}}
21441
+ , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 95}}
21442
+ , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 96}})
21443
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 97}})
21444
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 98}})
21445
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 99}})
21446
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 100}})
21447
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 101}})
21566
21448
  )
21567
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 123}}
21568
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 124}}
21569
- , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 125}})
21449
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 103}}
21450
+ , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 104}}
21451
+ , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 105}})
21570
21452
  )
21571
21453
  )
21572
21454
  )
21573
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 129}}, "Payment methods will be displayed here when you have any." )
21455
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 109}}, "Payment methods will be displayed here when you have any." )
21574
21456
  )
21575
21457
  )
21576
21458
 
21577
21459
  )
21578
- , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: methods, paginatedItems: (a)=>{setDispMethods(a);}, __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 134}})
21460
+ , React$1.createElement(Pagination, { itemsPerPage: 10, items: dispMethodsOri, paginatedItems: (a)=>{setDispMethods(a);}, __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 114}})
21579
21461
  )
21580
21462
  )
21581
21463
  };
@@ -21867,26 +21749,12 @@ const _jsxFileName$v = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
21867
21749
  * Component to display a table listing the providers signed on to the LP application
21868
21750
  */
21869
21751
  const ProvidersTable = (props) => {
21870
- const {providers,callback,srchActive} = props;
21871
- const [currentPage,setCurrentPage] = React$1.useState(1);
21872
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
21752
+ const {providers,callback} = props;
21873
21753
  const [dispProvs,setDispProvs] = React$1.useState([]);
21874
21754
  const [dispProvsOri,setDispProvsOri] = React$1.useState(providers);
21875
21755
  const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
21876
21756
  const [sortDir,setSortDir] = React$1.useState('desc');
21877
21757
 
21878
- React$1.useEffect(()=>{
21879
- //pagination
21880
- if (dispProvsOri.length > 0){
21881
- const lastItemIndex = currentPage * itemsPerPage;
21882
- const firstItemIndex = lastItemIndex - itemsPerPage;
21883
- setDispProvs(dispProvsOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
21884
- }
21885
- if (dispProvsOri.length === 0){
21886
- setDispProvs(dispProvsOri);
21887
- }
21888
- setDisplayContent(true);
21889
- },[dispProvsOri,currentPage]);
21890
21758
 
21891
21759
  React$1.useEffect(()=>{
21892
21760
  setDispProvsOri(providers.sort((a,b) => {
@@ -21895,10 +21763,6 @@ const ProvidersTable = (props) => {
21895
21763
  }));
21896
21764
  },[providers]);
21897
21765
 
21898
- React$1.useEffect(()=>{
21899
- if (srchActive) setCurrentPage(1);
21900
- },[srchActive]);
21901
-
21902
21766
  function sortEntries(){
21903
21767
  if (sortDir === 'asc'){
21904
21768
  setSortDir('desc');
@@ -21918,48 +21782,48 @@ const ProvidersTable = (props) => {
21918
21782
 
21919
21783
  return (
21920
21784
  React$1.createElement(React$1.Fragment, null
21921
- , React$1.createElement(TableContainer$5, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 62}}
21922
- , React$1.createElement(Table$5, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 63}}
21923
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 64}}
21924
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 65}}
21925
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 66}}
21926
- , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 67}}, "Name"
21785
+ , React$1.createElement(TableContainer$5, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 44}}
21786
+ , React$1.createElement(Table$5, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 45}}
21787
+ , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 46}}
21788
+ , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 47}}
21789
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 48}}
21790
+ , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 49}}, "Name"
21927
21791
 
21928
21792
  , sortDir === 'desc' &&
21929
21793
  React$1.createElement(React$1.Fragment, null
21930
21794
  /*arrow-up*/
21931
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 72}}
21932
- , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 73}})
21795
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 54}}
21796
+ , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 55}})
21933
21797
  )
21934
21798
  )
21935
21799
 
21936
21800
  , sortDir === 'asc' &&
21937
21801
  React$1.createElement(React$1.Fragment, null
21938
21802
  /*arrow-down*/
21939
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 80}}
21940
- , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 81}})
21803
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 62}}
21804
+ , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 63}})
21941
21805
  )
21942
21806
  )
21943
21807
 
21944
21808
  )
21945
21809
  )
21946
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 87}}, "Email")
21947
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 88}}, "Phone")
21948
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 89}}, "Status")
21810
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 69}}, "Email")
21811
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 70}}, "Phone")
21812
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 71}}, "Status")
21949
21813
  )
21950
21814
  )
21951
21815
  , dispProvs && dispProvs.length > 0 && displayContent &&
21952
- React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 93}}
21816
+ React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 75}}
21953
21817
  , dispProvs.map((provider,index) => (
21954
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(provider);}, __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 95}}
21955
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 96}}, provider.name)
21956
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 97}}, provider.email)
21957
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 98}}, provider.phone)
21958
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 99}}
21959
- , React$1.createElement('div', { className: "last-col", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 100}}
21960
- , React$1.createElement(StatusBadge, { status: provider.status.toLowerCase() === 'active' ? 'success' : 'error', label: provider.status.toUpperCase(), __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 101}})
21961
- , 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$v, lineNumber: 102}}
21962
- , 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$v, lineNumber: 103}})
21818
+ React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(provider);}, __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 77}}
21819
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 78}}, provider.name)
21820
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 79}}, provider.email)
21821
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 80}}, provider.phone)
21822
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 81}}
21823
+ , React$1.createElement('div', { className: "last-col", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 82}}
21824
+ , React$1.createElement(StatusBadge, { status: provider.status.toLowerCase() === 'active' ? 'success' : 'error', label: provider.status.toUpperCase(), __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 83}})
21825
+ , 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$v, lineNumber: 84}}
21826
+ , 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$v, lineNumber: 85}})
21963
21827
  )
21964
21828
  )
21965
21829
  )
@@ -21969,29 +21833,29 @@ const ProvidersTable = (props) => {
21969
21833
 
21970
21834
  )
21971
21835
  , dispProvs && dispProvs.length === 0 && displayContent &&
21972
- React$1.createElement(NothingContainer$3, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 113}}
21973
- , React$1.createElement(NothingContent$3, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 114}}
21974
- , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 115}}
21975
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 116}}
21976
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 117}})
21977
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 118}})
21978
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 119}})
21979
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 120}})
21980
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 121}})
21981
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 122}})
21836
+ React$1.createElement(NothingContainer$3, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 95}}
21837
+ , React$1.createElement(NothingContent$3, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 96}}
21838
+ , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 97}}
21839
+ , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 98}}
21840
+ , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 99}})
21841
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 100}})
21842
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 101}})
21843
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 102}})
21844
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 103}})
21845
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 104}})
21982
21846
  )
21983
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 124}}
21984
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 125}}
21985
- , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 126}})
21847
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 106}}
21848
+ , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 107}}
21849
+ , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 108}})
21986
21850
  )
21987
21851
  )
21988
21852
  )
21989
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 130}}, "Providers will be displayed here when you have any." )
21853
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 112}}, "Providers will be displayed here when you have any." )
21990
21854
  )
21991
21855
  )
21992
21856
 
21993
21857
  )
21994
- , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: providers, paginatedItems: (a)=>{setDispProvs(a);}, __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 135}})
21858
+ , React$1.createElement(Pagination, { itemsPerPage: 10, items: providers, paginatedItems: (a)=>{setDispProvs(a);}, __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 117}})
21995
21859
  )
21996
21860
  )
21997
21861
  };
@@ -23228,27 +23092,11 @@ const _jsxFileName$l = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
23228
23092
  * SDataTable displaying the configurations of the system in the LP application
23229
23093
  */
23230
23094
  const SystemConfigTable = (props) => {
23231
- const {configs,callback,srchActive} = props;
23232
- const [currentPage,setCurrentPage] = React$1.useState(1);
23233
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
23095
+ const {configs,callback} = props;
23234
23096
  const [dispConfigs,setDispConfigs] = React$1.useState([]);
23235
23097
  const [dispConfigsOri,setDispConfigsOri] = React$1.useState(configs);
23236
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
23237
23098
  const [sortDir,setSortDir] = React$1.useState('desc');
23238
23099
 
23239
- React$1.useEffect(()=>{
23240
- //pagination
23241
- if (dispConfigsOri.length > 0){
23242
- const lastItemIndex = currentPage * itemsPerPage;
23243
- const firstItemIndex = lastItemIndex - itemsPerPage;
23244
- setDispConfigs(dispConfigsOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
23245
- }
23246
- if (dispConfigsOri.length === 0){
23247
- setDispConfigs(dispConfigsOri);
23248
- }
23249
- setDisplayContent(true);
23250
- },[dispConfigsOri,currentPage]);
23251
-
23252
23100
  React$1.useEffect(()=>{
23253
23101
  setDispConfigsOri(configs.sort((a,b) => {
23254
23102
  if(a.configName < b.configName) return -1
@@ -23256,10 +23104,6 @@ const SystemConfigTable = (props) => {
23256
23104
  }));
23257
23105
  },[configs]);
23258
23106
 
23259
- React$1.useEffect(()=>{
23260
- if (srchActive) setCurrentPage(1);
23261
- },[srchActive]);
23262
-
23263
23107
  function sortEntries(){
23264
23108
  if (sortDir === 'asc'){
23265
23109
  setSortDir('desc');
@@ -23279,48 +23123,48 @@ const SystemConfigTable = (props) => {
23279
23123
 
23280
23124
  return (
23281
23125
  React$1.createElement(React$1.Fragment, null
23282
- , React$1.createElement(TableContainer$4, {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 61}}
23283
- , React$1.createElement(Table$4, {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 62}}
23284
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 63}}
23285
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 64}}
23286
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 65}}, "Code")
23287
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 66}}
23288
- , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 67}}, "Name"
23126
+ , React$1.createElement(TableContainer$4, {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 41}}
23127
+ , React$1.createElement(Table$4, {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 42}}
23128
+ , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 43}}
23129
+ , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 44}}
23130
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 45}}, "Code")
23131
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 46}}
23132
+ , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 47}}, "Name"
23289
23133
 
23290
23134
  , sortDir === 'desc' &&
23291
23135
  React$1.createElement(React$1.Fragment, null
23292
23136
  /*arrow-up*/
23293
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 72}}
23294
- , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 73}})
23137
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 52}}
23138
+ , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 53}})
23295
23139
  )
23296
23140
  )
23297
23141
 
23298
23142
  , sortDir === 'asc' &&
23299
23143
  React$1.createElement(React$1.Fragment, null
23300
23144
  /*arrow-down*/
23301
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 80}}
23302
- , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 81}})
23145
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 60}}
23146
+ , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 61}})
23303
23147
  )
23304
23148
  )
23305
23149
 
23306
23150
  )
23307
23151
  )
23308
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 87}}, "Value")
23309
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 88}}, "Remarks")
23152
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 67}}, "Value")
23153
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 68}}, "Remarks")
23310
23154
  )
23311
23155
  )
23312
- , dispConfigs && dispConfigs.length > 0 && displayContent &&
23313
- React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 92}}
23156
+ , dispConfigs && dispConfigs.length > 0 &&
23157
+ React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 72}}
23314
23158
  , dispConfigs.map((config,index) => (
23315
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(config);}, __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 94}}
23316
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 95}}, config.configCode)
23317
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 96}}, config.configName)
23318
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 97}}, config.configValue)
23319
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 98}}
23320
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 99}}
23159
+ React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(config);}, __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 74}}
23160
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 75}}, config.configCode)
23161
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 76}}, config.configName)
23162
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 77}}, config.configValue)
23163
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 78}}
23164
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 79}}
23321
23165
  , config.remarks
23322
- , 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$l, lineNumber: 101}}
23323
- , 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$l, lineNumber: 102}})
23166
+ , 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$l, lineNumber: 81}}
23167
+ , 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$l, lineNumber: 82}})
23324
23168
  )
23325
23169
  )
23326
23170
  )
@@ -23329,30 +23173,30 @@ const SystemConfigTable = (props) => {
23329
23173
  )
23330
23174
 
23331
23175
  )
23332
- , dispConfigs && dispConfigs.length === 0 && displayContent &&
23333
- React$1.createElement(NothingContainer$2, {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 112}}
23334
- , React$1.createElement(NothingContent$2, {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 113}}
23335
- , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 114}}
23336
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 115}}
23337
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 116}})
23338
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 117}})
23339
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 118}})
23340
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 119}})
23341
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 120}})
23342
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 121}})
23176
+ , dispConfigs && dispConfigs.length === 0 &&
23177
+ React$1.createElement(NothingContainer$2, {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 92}}
23178
+ , React$1.createElement(NothingContent$2, {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 93}}
23179
+ , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 94}}
23180
+ , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 95}}
23181
+ , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 96}})
23182
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 97}})
23183
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 98}})
23184
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 99}})
23185
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 100}})
23186
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 101}})
23343
23187
  )
23344
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 123}}
23345
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 124}}
23346
- , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 125}})
23188
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 103}}
23189
+ , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 104}}
23190
+ , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 105}})
23347
23191
  )
23348
23192
  )
23349
23193
  )
23350
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 129}}, "System configs will be displayed here when you have any." )
23194
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 109}}, "System configs will be displayed here when you have any." )
23351
23195
  )
23352
23196
  )
23353
23197
 
23354
23198
  )
23355
- , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: configs, paginatedItems: (a)=>{setDispConfigs(a);}, __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 134}})
23199
+ , React$1.createElement(Pagination, { itemsPerPage: 10, items: configs, paginatedItems: (a)=>{setDispConfigs(a);}, __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 114}})
23356
23200
  )
23357
23201
  )
23358
23202
  };
@@ -24889,27 +24733,11 @@ const _jsxFileName$e = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
24889
24733
  * SDataTable listing the user roles that can be assigned to users in the LP application
24890
24734
  */
24891
24735
  const UserRolesTable = (props) => {
24892
- const {roles,callback,srchActive} = props;
24893
- const [currentPage,setCurrentPage] = React$1.useState(1);
24894
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
24736
+ const {roles,callback} = props;
24895
24737
  const [dispRoles,setDispRoles] = React$1.useState([]);
24896
24738
  const [dispRolesOri,setDispRolesOri] = React$1.useState(roles);
24897
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
24898
24739
  const [sortDir,setSortDir] = React$1.useState('desc');
24899
24740
 
24900
- React$1.useEffect(()=>{
24901
- //pagination
24902
- if (dispRolesOri.length > 0){
24903
- const lastItemIndex = currentPage * itemsPerPage;
24904
- const firstItemIndex = lastItemIndex - itemsPerPage;
24905
- setDispRoles(dispRolesOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
24906
- }
24907
- if (dispRolesOri.length === 0){
24908
- setDispRoles(dispRolesOri);
24909
- }
24910
- setDisplayContent(true);
24911
- },[dispRolesOri,currentPage]);
24912
-
24913
24741
  React$1.useEffect(()=>{
24914
24742
  setDispRolesOri(roles.sort((a,b) => {
24915
24743
  if(a.roleName < b.roleName) return -1
@@ -24917,10 +24745,6 @@ const UserRolesTable = (props) => {
24917
24745
  }));
24918
24746
  },[roles]);
24919
24747
 
24920
- React$1.useEffect(()=>{
24921
- if (srchActive) setCurrentPage(1);
24922
- },[srchActive]);
24923
-
24924
24748
  function sortEntries(){
24925
24749
  if (sortDir === 'asc'){
24926
24750
  setSortDir('desc');
@@ -24941,46 +24765,46 @@ const UserRolesTable = (props) => {
24941
24765
 
24942
24766
  return (
24943
24767
  React$1.createElement(React$1.Fragment, null
24944
- , React$1.createElement(TableContainer$3, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 62}}
24945
- , React$1.createElement(Table$2, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 63}}
24946
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 64}}
24947
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 65}}
24948
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 66}}
24949
- , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 67}}, "Name"
24768
+ , React$1.createElement(TableContainer$3, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 42}}
24769
+ , React$1.createElement(Table$2, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 43}}
24770
+ , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 44}}
24771
+ , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 45}}
24772
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 46}}
24773
+ , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 47}}, "Name"
24950
24774
 
24951
24775
  , sortDir === 'desc' &&
24952
24776
  React$1.createElement(React$1.Fragment, null
24953
24777
  /*arrow-up*/
24954
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 72}}
24955
- , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 73}})
24778
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 52}}
24779
+ , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 53}})
24956
24780
  )
24957
24781
  )
24958
24782
 
24959
24783
  , sortDir === 'asc' &&
24960
24784
  React$1.createElement(React$1.Fragment, null
24961
24785
  /*arrow-down*/
24962
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 80}}
24963
- , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 81}})
24786
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 60}}
24787
+ , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 61}})
24964
24788
  )
24965
24789
  )
24966
24790
 
24967
24791
  )
24968
24792
  )
24969
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 87}}, "Code")
24970
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 88}}, "Clearance Level" )
24793
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 67}}, "Code")
24794
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 68}}, "Clearance Level" )
24971
24795
  )
24972
24796
  )
24973
- , dispRoles && dispRoles.length > 0 && displayContent &&
24974
- React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 92}}
24797
+ , dispRoles && dispRoles.length > 0 &&
24798
+ React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 72}}
24975
24799
  , dispRoles.map((role,index) => (
24976
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(role);}, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 94}}
24977
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 95}}, role.roleName)
24978
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 96}}, role.roleCode)
24979
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 97}}
24980
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 98}}
24800
+ React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(role);}, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 74}}
24801
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 75}}, role.roleName)
24802
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 76}}, role.roleCode)
24803
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 77}}
24804
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 78}}
24981
24805
  , role.clearanceLevel
24982
- , 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$e, lineNumber: 100}}
24983
- , 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$e, lineNumber: 101}})
24806
+ , 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$e, lineNumber: 80}}
24807
+ , 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$e, lineNumber: 81}})
24984
24808
  )
24985
24809
  )
24986
24810
  )
@@ -24989,30 +24813,30 @@ const UserRolesTable = (props) => {
24989
24813
  )
24990
24814
 
24991
24815
  )
24992
- , dispRoles && dispRoles.length === 0 && displayContent &&
24993
- React$1.createElement(NothingContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 111}}
24994
- , React$1.createElement(NothingContent$1, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 112}}
24995
- , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 113}}
24996
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 114}}
24997
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 115}})
24998
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 116}})
24999
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 117}})
25000
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 118}})
25001
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 119}})
25002
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 120}})
24816
+ , dispRoles && dispRoles.length === 0 &&
24817
+ React$1.createElement(NothingContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 91}}
24818
+ , React$1.createElement(NothingContent$1, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 92}}
24819
+ , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 93}}
24820
+ , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 94}}
24821
+ , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 95}})
24822
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 96}})
24823
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 97}})
24824
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 98}})
24825
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 99}})
24826
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 100}})
25003
24827
  )
25004
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 122}}
25005
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 123}}
25006
- , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 124}})
24828
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 102}}
24829
+ , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 103}}
24830
+ , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 104}})
25007
24831
  )
25008
24832
  )
25009
24833
  )
25010
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 128}}, "User roles will be displayed here when you have any." )
24834
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 108}}, "User roles will be displayed here when you have any." )
25011
24835
  )
25012
24836
  )
25013
24837
 
25014
24838
  )
25015
- , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: roles, paginatedItems: (a)=>{setDispRoles(a);}, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 133}})
24839
+ , React$1.createElement(Pagination, { itemsPerPage: 10, items: dispRolesOri, paginatedItems: (a)=>{setDispRoles(a);}, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 113}})
25016
24840
  )
25017
24841
  )
25018
24842
  };
@@ -25101,27 +24925,11 @@ const _jsxFileName$d = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
25101
24925
  * SDataTable displaying all users in the LP application
25102
24926
  */
25103
24927
  const UsersTable = (props) => {
25104
- const {users,callback,srchActive} = props;
25105
- const [currentPage,setCurrentPage] = React$1.useState(1);
25106
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
24928
+ const {users,callback} = props;
25107
24929
  const [dispUsers,setDispUsers] = React$1.useState([]);
25108
24930
  const [dispUsersOri,setDispUsersOri] = React$1.useState(users);
25109
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
25110
24931
  const [sortDir,setSortDir] = React$1.useState('desc');
25111
24932
 
25112
- React$1.useEffect(()=>{
25113
- //pagination
25114
- if (dispUsersOri.length > 0){
25115
- const lastItemIndex = currentPage * itemsPerPage;
25116
- const firstItemIndex = lastItemIndex - itemsPerPage;
25117
- setDispUsers(dispUsersOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
25118
- }
25119
- if (dispUsersOri.length === 0){
25120
- setDispUsers(dispUsersOri);
25121
- }
25122
- setDisplayContent(true);
25123
- },[dispUsersOri,currentPage]);
25124
-
25125
24933
  React$1.useEffect(()=>{
25126
24934
  setDispUsersOri(users.sort((a,b) => {
25127
24935
  if(a.name < b.name) return -1
@@ -25129,10 +24937,6 @@ const UsersTable = (props) => {
25129
24937
  }));
25130
24938
  },[users]);
25131
24939
 
25132
- React$1.useEffect(()=>{
25133
- if (srchActive) setCurrentPage(1);
25134
- },[srchActive]);
25135
-
25136
24940
  function sortEntries(){
25137
24941
  if (sortDir === 'asc'){
25138
24942
  setSortDir('desc');
@@ -25152,51 +24956,51 @@ const UsersTable = (props) => {
25152
24956
 
25153
24957
  return (
25154
24958
  React$1.createElement(React$1.Fragment, null
25155
- , React$1.createElement(TableContainer$2, {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 62}}
25156
- , React$1.createElement(Table$1, {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 63}}
25157
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 64}}
25158
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 65}}
25159
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 66}}
25160
- , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 67}}, "Name"
24959
+ , React$1.createElement(TableContainer$2, {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 42}}
24960
+ , React$1.createElement(Table$1, {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 43}}
24961
+ , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 44}}
24962
+ , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 45}}
24963
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 46}}
24964
+ , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 47}}, "Name"
25161
24965
 
25162
24966
  , sortDir === 'desc' &&
25163
24967
  React$1.createElement(React$1.Fragment, null
25164
24968
  /*arrow-up*/
25165
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 72}}
25166
- , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 73}})
24969
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 52}}
24970
+ , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 53}})
25167
24971
  )
25168
24972
  )
25169
24973
 
25170
24974
  , sortDir === 'asc' &&
25171
24975
  React$1.createElement(React$1.Fragment, null
25172
24976
  /*arrow-down*/
25173
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 80}}
25174
- , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 81}})
24977
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 60}}
24978
+ , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 61}})
25175
24979
  )
25176
24980
  )
25177
24981
 
25178
24982
 
25179
24983
  )
25180
24984
  )
25181
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 88}}, "Organisation")
25182
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 89}}, "Email")
25183
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 90}}, "Role")
25184
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 91}}, "Status")
24985
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 68}}, "Organisation")
24986
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 69}}, "Email")
24987
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 70}}, "Role")
24988
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 71}}, "Status")
25185
24989
  )
25186
24990
  )
25187
- , dispUsers && dispUsers.length > 0 && displayContent &&
25188
- React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 95}}
24991
+ , dispUsers && dispUsers.length > 0 &&
24992
+ React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 75}}
25189
24993
  , dispUsers.map((user,index) => (
25190
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(user);}, __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 97}}
25191
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 98}}, user.name)
25192
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 99}}, user.organisation)
25193
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 100}}, user.email)
25194
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 101}}, user.role)
25195
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 102}}
25196
- , React$1.createElement('div', { className: "last-col", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 103}}
25197
- , React$1.createElement(StatusBadge, { status: user.status.toUpperCase() === 'ACTIVE' ? 'success' : "error", label: user.status, __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 104}})
25198
- , 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$d, lineNumber: 105}}
25199
- , 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$d, lineNumber: 106}})
24994
+ React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(user);}, __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 77}}
24995
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 78}}, user.name)
24996
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 79}}, user.organisation)
24997
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 80}}, user.email)
24998
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 81}}, user.role)
24999
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 82}}
25000
+ , React$1.createElement('div', { className: "last-col", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 83}}
25001
+ , React$1.createElement(StatusBadge, { status: user.status.toUpperCase() === 'ACTIVE' ? 'success' : "error", label: user.status, __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 84}})
25002
+ , 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$d, lineNumber: 85}}
25003
+ , 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$d, lineNumber: 86}})
25200
25004
  )
25201
25005
  )
25202
25006
  )
@@ -25205,30 +25009,30 @@ const UsersTable = (props) => {
25205
25009
  )
25206
25010
 
25207
25011
  )
25208
- , dispUsers && dispUsers.length === 0 && displayContent &&
25209
- React$1.createElement(NothingContainer, {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 116}}
25210
- , React$1.createElement(NothingContent, {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 117}}
25211
- , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 118}}
25212
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 119}}
25213
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 120}})
25214
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 121}})
25215
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 122}})
25216
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 123}})
25217
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 124}})
25218
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 125}})
25012
+ , dispUsers && dispUsers.length === 0 &&
25013
+ React$1.createElement(NothingContainer, {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 96}}
25014
+ , React$1.createElement(NothingContent, {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 97}}
25015
+ , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 98}}
25016
+ , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 99}}
25017
+ , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 100}})
25018
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 101}})
25019
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 102}})
25020
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 103}})
25021
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 104}})
25022
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 105}})
25219
25023
  )
25220
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 127}}
25221
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 128}}
25222
- , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 129}})
25024
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 107}}
25025
+ , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 108}}
25026
+ , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 109}})
25223
25027
  )
25224
25028
  )
25225
25029
  )
25226
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 133}}, "Users will live here when you have any." )
25030
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 113}}, "Users will live here when you have any." )
25227
25031
  )
25228
25032
  )
25229
25033
 
25230
25034
  )
25231
- , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: users, paginatedItems: (a)=>{setDispUsers(a);}, __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 138}})
25035
+ , React$1.createElement(Pagination, { itemsPerPage: 10, items: dispUsersOri, paginatedItems: (a)=>{setDispUsers(a);}, __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 118}})
25232
25036
  )
25233
25037
  )
25234
25038
  };