@secondstaxorg/sscomp 1.7.91 → 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 +412 -613
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.js +1 -1
  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
@@ -676,26 +676,11 @@ const _jsxFileName$16 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compo
676
676
  * SDataTable view of App Actions on Code Maintenance in LP Application
677
677
  */
678
678
  const AppActionsTable = (props) => {
679
- const {actions,callback,srchActive} = props;
680
- const [currentPage,setCurrentPage] = React$1.useState(1);
681
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
679
+ const {actions,callback} = props;
682
680
  const [dispActions,setDispActions] = React$1.useState([]);
683
681
  const [dispActionsOri,setDispActionsOri] = React$1.useState(actions);
684
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
685
682
  const [sortDir,setSortDir] = React$1.useState('desc');
686
683
 
687
- React$1.useEffect(()=>{
688
- //pagination
689
- if (dispActionsOri.length > 0){
690
- const lastItemIndex = currentPage * itemsPerPage;
691
- const firstItemIndex = lastItemIndex - itemsPerPage;
692
- setDispActions(dispActionsOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
693
- }
694
- if (dispActionsOri.length === 0){
695
- setDispActions(dispActionsOri);
696
- }
697
- setDisplayContent(true);
698
- },[dispActionsOri,currentPage]);
699
684
 
700
685
  React$1.useEffect(()=>{
701
686
  setDispActionsOri(actions.sort((a,b) => {
@@ -704,10 +689,6 @@ const AppActionsTable = (props) => {
704
689
  }));
705
690
  },[actions]);
706
691
 
707
- React$1.useEffect(()=>{
708
- if (srchActive) setCurrentPage(1);
709
- },[srchActive]);
710
-
711
692
 
712
693
  function sortEntries(){
713
694
  if (sortDir === 'asc'){
@@ -729,48 +710,48 @@ const AppActionsTable = (props) => {
729
710
 
730
711
  return (
731
712
  React$1.createElement(React$1.Fragment, null
732
- , React$1.createElement(TableContainer$c, {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 63}}
733
- , React$1.createElement(Table$c, {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 64}}
734
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 65}}
735
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 66}}
736
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 67}}
737
- , 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"
738
719
 
739
720
  , sortDir === 'desc' &&
740
721
  React$1.createElement(React$1.Fragment, null
741
722
  /*arrow-up*/
742
- , 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}}
743
- , 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}})
744
725
  )
745
726
  )
746
727
 
747
728
  , sortDir === 'asc' &&
748
729
  React$1.createElement(React$1.Fragment, null
749
730
  /*arrow-down*/
750
- , 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}}
751
- , 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}})
752
733
  )
753
734
  )
754
735
 
755
736
 
756
737
  )
757
738
  )
758
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 89}}, "Description")
759
- , 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" )
760
741
  )
761
742
  )
762
- , dispActions && dispActions.length > 0 && displayContent &&
743
+ , dispActions && dispActions.length > 0 &&
763
744
  React$1.createElement(React$1.Fragment, null
764
- , 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}}
765
746
  , dispActions.map((action,index) => (
766
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(action);}, __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 97}}
767
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 98}}, action.title)
768
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 99}}, action.description)
769
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 100}}
770
- , 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}}
771
752
  , action.clearanceLevel
772
- , 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}}
773
- , 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}})
774
755
  )
775
756
  )
776
757
  )
@@ -780,31 +761,31 @@ const AppActionsTable = (props) => {
780
761
  )
781
762
 
782
763
  )
783
- , dispActions && dispActions.length === 0 && displayContent &&
784
- React$1.createElement(NothingContainer$a, {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 115}}
785
- , React$1.createElement(NothingContent$a, {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 116}}
786
- , 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}}
787
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 118}}
788
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 119}})
789
- , 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}})
790
- , 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}})
791
- , 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}})
792
- , 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}})
793
- , 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}})
794
775
  )
795
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 126}}
796
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 127}}
797
- , 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}})
798
779
  )
799
780
  )
800
781
  )
801
- , 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." )
802
783
  )
803
784
  )
804
785
 
805
786
  )
806
- , React$1.createElement('div', { className: "mt-[12px]", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 137}}
807
- , 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}})
808
789
  )
809
790
  )
810
791
  )
@@ -890,30 +871,13 @@ const NothingContent$9 = styled.div`
890
871
  `;
891
872
 
892
873
  const _jsxFileName$15 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\AppFormsTable\\AppFormsTable.tsx";
893
- /**
894
- * SDataTable view of App Actions on Code Maintenance in LP Application
895
- */
874
+
896
875
  const AppFormsTable = (props) => {
897
- const {forms,callback,srchActive} = props;
898
- const [currentPage,setCurrentPage] = React$1.useState(1);
899
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
876
+ const {forms,callback} = props;
900
877
  const [dispForms,setDispForms] = React$1.useState([]);
901
878
  const [dispFormsOri,setDispFormsOri] = React$1.useState(forms);
902
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
903
879
  const [sortDir,setSortDir] = React$1.useState('desc');
904
880
 
905
- React$1.useEffect(()=>{
906
- //pagination
907
- if (dispFormsOri.length > 0){
908
- const lastItemIndex = currentPage * itemsPerPage;
909
- const firstItemIndex = lastItemIndex - itemsPerPage;
910
- setDispForms(dispFormsOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
911
- }
912
- if (dispFormsOri.length === 0){
913
- setDispForms(dispFormsOri);
914
- }
915
- setDisplayContent(true);
916
- },[dispFormsOri,currentPage]);
917
881
 
918
882
  React$1.useEffect(()=>{
919
883
  setDispFormsOri(forms.sort((a,b) => {
@@ -922,10 +886,6 @@ const AppFormsTable = (props) => {
922
886
  }));
923
887
  },[forms]);
924
888
 
925
- React$1.useEffect(()=>{
926
- if (srchActive) setCurrentPage(1);
927
- },[srchActive]);
928
-
929
889
  function sortEntries(){
930
890
  if (sortDir === 'asc'){
931
891
  setSortDir('desc');
@@ -945,46 +905,46 @@ const AppFormsTable = (props) => {
945
905
 
946
906
  return (
947
907
  React$1.createElement(React$1.Fragment, null
948
- , React$1.createElement(TableContainer$b, {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 61}}
949
- , React$1.createElement(Table$b, {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 62}}
950
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 63}}
951
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 64}}
952
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 65}}
953
- , 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"
954
914
 
955
915
  , sortDir === 'desc' &&
956
916
  React$1.createElement(React$1.Fragment, null
957
917
  /*arrow-up*/
958
- , 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}}
959
- , 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}})
960
920
  )
961
921
  )
962
922
 
963
923
  , sortDir === 'asc' &&
964
924
  React$1.createElement(React$1.Fragment, null
965
925
  /*arrow-down*/
966
- , 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}}
967
- , 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}})
968
928
  )
969
929
  )
970
930
 
971
931
  )
972
932
  )
973
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 86}}, "Form Code" )
974
- , 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" )
975
935
  )
976
936
  )
977
- , dispForms && dispForms.length > 0 && displayContent &&
978
- 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}}
979
939
  , dispForms.map((form,index) => (
980
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(form);}, __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 93}}
981
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 94}}, form.formName)
982
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 95}}, form.formCode)
983
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 96}}
984
- , 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}}
985
945
  , form.userType
986
- , 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}}
987
- , 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}})
988
948
  )
989
949
  )
990
950
  )
@@ -993,31 +953,31 @@ const AppFormsTable = (props) => {
993
953
  )
994
954
 
995
955
  )
996
- , dispForms && dispForms.length === 0 && displayContent &&
997
- React$1.createElement(NothingContainer$9, {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 110}}
998
- , React$1.createElement(NothingContent$9, {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 111}}
999
- , 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}}
1000
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 113}}
1001
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 114}})
1002
- , 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}})
1003
- , 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}})
1004
- , 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}})
1005
- , 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}})
1006
- , 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}})
1007
967
  )
1008
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 121}}
1009
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 122}}
1010
- , 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}})
1011
971
  )
1012
972
  )
1013
973
  )
1014
- , 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." )
1015
975
  )
1016
976
  )
1017
977
 
1018
978
  )
1019
- , React$1.createElement('div', { className: "mt-[12px]", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 132}}
1020
- , 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}})
1021
981
  )
1022
982
  )
1023
983
  )
@@ -1103,31 +1063,12 @@ const NothingContent$8 = styled.div`
1103
1063
  `;
1104
1064
 
1105
1065
  const _jsxFileName$14 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\AppModulesTable\\AppModulesTable.tsx";
1106
- /**
1107
- * SDataTable view of App Modules in Code Maintenance in LP Application
1108
- */
1109
1066
  const AppModulesTable = (props) => {
1110
- const {modules,callback,srchActive} = props;
1111
- const [currentPage,setCurrentPage] = React$1.useState(1);
1112
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
1067
+ const {modules,callback} = props;
1113
1068
  const [dispModules,setDispModules] = React$1.useState([]);
1114
1069
  const [dispModulesOri,setDispModulesOri] = React$1.useState(modules);
1115
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
1116
1070
  const [sortDir,setSortDir] = React$1.useState('desc');
1117
1071
 
1118
- React$1.useEffect(()=>{
1119
- //pagination
1120
- if (dispModulesOri.length > 0){
1121
- const lastItemIndex = currentPage * itemsPerPage;
1122
- const firstItemIndex = lastItemIndex - itemsPerPage;
1123
- setDispModules(dispModulesOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
1124
- }
1125
- if (dispModulesOri.length === 0){
1126
- setDispModules(dispModulesOri);
1127
- }
1128
- setDisplayContent(true);
1129
- },[dispModulesOri,currentPage]);
1130
-
1131
1072
  React$1.useEffect(()=>{
1132
1073
  setDispModulesOri(modules.sort((a,b) => {
1133
1074
  if(a.moduleName < b.moduleName) return -1
@@ -1135,10 +1076,6 @@ const AppModulesTable = (props) => {
1135
1076
  }));
1136
1077
  },[modules]);
1137
1078
 
1138
- React$1.useEffect(()=>{
1139
- if (srchActive) setCurrentPage(1);
1140
- },[srchActive]);
1141
-
1142
1079
  function sortEntries(){
1143
1080
  if (sortDir === 'asc'){
1144
1081
  setSortDir('desc');
@@ -1158,46 +1095,46 @@ const AppModulesTable = (props) => {
1158
1095
 
1159
1096
  return (
1160
1097
  React$1.createElement(React$1.Fragment, null
1161
- , React$1.createElement(TableContainer$a, {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 61}}
1162
- , React$1.createElement(Table$a, {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 62}}
1163
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 63}}
1164
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 64}}
1165
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 65}}
1166
- , 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"
1167
1104
 
1168
1105
  , sortDir === 'desc' &&
1169
1106
  React$1.createElement(React$1.Fragment, null
1170
1107
  /*arrow-up*/
1171
- , 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}}
1172
- , 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}})
1173
1110
  )
1174
1111
  )
1175
1112
 
1176
1113
  , sortDir === 'asc' &&
1177
1114
  React$1.createElement(React$1.Fragment, null
1178
1115
  /*arrow-down*/
1179
- , 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}}
1180
- , 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}})
1181
1118
  )
1182
1119
  )
1183
1120
 
1184
1121
  )
1185
1122
  )
1186
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 86}}, "Module Code" )
1187
- , 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")
1188
1125
  )
1189
1126
  )
1190
- , dispModules && dispModules.length > 0 && displayContent &&
1191
- 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}}
1192
1129
  , dispModules.map((action,index) => (
1193
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(action);}, __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 93}}
1194
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 94}}, action.moduleName)
1195
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 95}}, action.moduleCode)
1196
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 96}}
1197
- , 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}}
1198
1135
  , action.remarks ? action.remarks : '-'
1199
- , 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}}
1200
- , 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}})
1201
1138
  )
1202
1139
  )
1203
1140
  )
@@ -1206,30 +1143,30 @@ const AppModulesTable = (props) => {
1206
1143
  )
1207
1144
 
1208
1145
  )
1209
- , dispModules && dispModules.length === 0 && displayContent &&
1210
- React$1.createElement(NothingContainer$8, {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 110}}
1211
- , React$1.createElement(NothingContent$8, {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 111}}
1212
- , 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}}
1213
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 113}}
1214
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 114}})
1215
- , 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}})
1216
- , 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}})
1217
- , 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}})
1218
- , 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}})
1219
- , 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}})
1220
1157
  )
1221
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 121}}
1222
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 122}}
1223
- , 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}})
1224
1161
  )
1225
1162
  )
1226
1163
  )
1227
- , 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." )
1228
1165
  )
1229
1166
  )
1230
1167
 
1231
1168
  )
1232
- , 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}})
1233
1170
  )
1234
1171
  )
1235
1172
  };
@@ -1952,27 +1889,11 @@ const _jsxFileName$Z = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
1952
1889
  */
1953
1890
 
1954
1891
  const BrokersTable = (props) => {
1955
- const {brokers,callback,srchActive} = props;
1956
- const [currentPage,setCurrentPage] = React$1.useState(1);
1957
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
1892
+ const {brokers,callback} = props;
1958
1893
  const [dispBrokers,setDispBrokers] = React$1.useState([]);
1959
1894
  const [dispBrokersOri,setDispBrokersOri] = React$1.useState(brokers);
1960
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
1961
1895
  const [sortDir,setSortDir] = React$1.useState('desc');
1962
1896
 
1963
- React$1.useEffect(()=>{
1964
- //pagination
1965
- if (dispBrokersOri.length > 0){
1966
- const lastItemIndex = currentPage * itemsPerPage;
1967
- const firstItemIndex = lastItemIndex - itemsPerPage;
1968
- setDispBrokers(dispBrokersOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
1969
- }
1970
- if (dispBrokersOri.length === 0){
1971
- setDispBrokers(dispBrokersOri);
1972
- }
1973
- setDisplayContent(true);
1974
- },[dispBrokersOri,currentPage]);
1975
-
1976
1897
  React$1.useEffect(()=>{
1977
1898
  setDispBrokersOri(brokers.sort((a,b) => {
1978
1899
  if(a.name < b.name) return -1
@@ -1980,10 +1901,6 @@ const BrokersTable = (props) => {
1980
1901
  }));
1981
1902
  },[brokers]);
1982
1903
 
1983
- React$1.useEffect(()=>{
1984
- if (srchActive) setCurrentPage(1);
1985
- },[srchActive]);
1986
-
1987
1904
  function sortEntries(){
1988
1905
  if (sortDir === 'asc'){
1989
1906
  setSortDir('desc');
@@ -2003,52 +1920,52 @@ const BrokersTable = (props) => {
2003
1920
 
2004
1921
  return (
2005
1922
  React$1.createElement(React$1.Fragment, null
2006
- , React$1.createElement(TableContainer$9, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 62}}
2007
- , React$1.createElement(Table$9, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 63}}
2008
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 64}}
2009
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 65}}
2010
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 66}}
2011
- , 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"
2012
1929
 
2013
1930
  , sortDir === 'desc' &&
2014
1931
  React$1.createElement(React$1.Fragment, null
2015
1932
  /*arrow-up*/
2016
- , 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}}
2017
- , 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}})
2018
1935
  )
2019
1936
  )
2020
1937
 
2021
1938
  , sortDir === 'asc' &&
2022
1939
  React$1.createElement(React$1.Fragment, null
2023
1940
  /*arrow-down*/
2024
- , 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}}
2025
- , 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}})
2026
1943
  )
2027
1944
  )
2028
1945
 
2029
1946
 
2030
1947
  )
2031
1948
  )
2032
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 88}}, "Email")
2033
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 89}}, "Phone")
2034
- , 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")
2035
1952
  )
2036
1953
  )
2037
- , dispBrokers && dispBrokers.length > 0 && displayContent &&
2038
- 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}}
2039
1956
  , dispBrokers.map((broker,index) => (
2040
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(broker);}, __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 96}}
2041
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 97}}, broker.name)
2042
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 98}}, broker.email)
2043
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 99}}, broker.phone)
2044
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 100}}
2045
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 101}}
2046
- , React$1.createElement(BrokerCountry, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 102}}
2047
- , 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}})
2048
1965
  , broker.country
2049
1966
  )
2050
- , 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}}
2051
- , 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}})
2052
1969
  )
2053
1970
  )
2054
1971
  )
@@ -2057,30 +1974,30 @@ const BrokersTable = (props) => {
2057
1974
  )
2058
1975
 
2059
1976
  )
2060
- , dispBrokers && dispBrokers.length === 0 && displayContent &&
2061
- React$1.createElement(NothingContainer$7, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 117}}
2062
- , React$1.createElement(NothingContent$7, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 118}}
2063
- , 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}}
2064
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 120}}
2065
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 121}})
2066
- , 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}})
2067
- , 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}})
2068
- , 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}})
2069
- , 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}})
2070
- , 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}})
2071
1988
  )
2072
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 128}}
2073
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 129}}
2074
- , 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}})
2075
1992
  )
2076
1993
  )
2077
1994
  )
2078
- , 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." )
2079
1996
  )
2080
1997
  )
2081
1998
 
2082
1999
  )
2083
- , 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}})
2084
2001
  )
2085
2002
  )
2086
2003
  };
@@ -16911,29 +16828,13 @@ const _jsxFileName$T = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
16911
16828
  * SDataTable with a list of all currency pairs in the LP platform
16912
16829
  */
16913
16830
  const CurrencyPairsTable = (props) => {
16914
- const {pairs,callback,srchActive} = props;
16915
- const [currentPage,setCurrentPage] = React$1.useState(1);
16916
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
16831
+ const {pairs,callback} = props;
16917
16832
  const [dispPairs,setDispPairs] = React$1.useState([]);
16918
16833
  const [dispPairsOri,setDispPairsOri] = React$1.useState(pairs);
16919
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
16920
16834
  const [sortPairDir,setSortPairDir] = React$1.useState('desc');
16921
16835
  const [sortBaseDir,setSortBaseDir] = React$1.useState('desc');
16922
16836
  const [sortExchDir,setSortExchDir] = React$1.useState('desc');
16923
16837
 
16924
- React$1.useEffect(()=>{
16925
- //pagination
16926
- if (dispPairsOri.length > 0){
16927
- const lastItemIndex = currentPage * itemsPerPage;
16928
- const firstItemIndex = lastItemIndex - itemsPerPage;
16929
- setDispPairs(dispPairsOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
16930
- }
16931
- if (dispPairsOri.length === 0){
16932
- setDispPairs(dispPairsOri);
16933
- }
16934
- setDisplayContent(true);
16935
- },[dispPairsOri,currentPage]);
16936
-
16937
16838
  React$1.useEffect(()=>{
16938
16839
  setDispPairsOri(pairs.sort((a,b) => {
16939
16840
  if(a.pairCode < b.pairCode) return -1
@@ -16941,10 +16842,6 @@ const CurrencyPairsTable = (props) => {
16941
16842
  }));
16942
16843
  },[pairs]);
16943
16844
 
16944
- React$1.useEffect(()=>{
16945
- if (srchActive) setCurrentPage(1);
16946
- },[srchActive]);
16947
-
16948
16845
  function sortPair(){
16949
16846
  if (sortPairDir === 'asc'){
16950
16847
  setSortPairDir('desc');
@@ -16998,96 +16895,96 @@ const CurrencyPairsTable = (props) => {
16998
16895
 
16999
16896
  return (
17000
16897
  React$1.createElement(React$1.Fragment, null
17001
- , React$1.createElement(TableContainer$8, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 97}}
17002
- , React$1.createElement(Table$8, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 98}}
17003
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 99}}
17004
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 100}}
17005
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 101}}
17006
- , 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"
17007
16904
 
17008
16905
  , sortPairDir === 'desc' &&
17009
16906
  React$1.createElement(React$1.Fragment, null
17010
16907
  /*arrow-up*/
17011
- , 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}}
17012
- , 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}})
17013
16910
  )
17014
16911
  )
17015
16912
 
17016
16913
  , sortPairDir === 'asc' &&
17017
16914
  React$1.createElement(React$1.Fragment, null
17018
16915
  /*arrow-down*/
17019
- , 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}}
17020
- , 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}})
17021
16918
  )
17022
16919
  )
17023
16920
 
17024
16921
  )
17025
16922
  )
17026
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 122}}
17027
- , 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"
17028
16925
 
17029
16926
  , sortBaseDir === 'desc' &&
17030
16927
  React$1.createElement(React$1.Fragment, null
17031
16928
  /*arrow-up*/
17032
- , 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}}
17033
- , 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}})
17034
16931
  )
17035
16932
  )
17036
16933
 
17037
16934
  , sortBaseDir === 'asc' &&
17038
16935
  React$1.createElement(React$1.Fragment, null
17039
16936
  /*arrow-down*/
17040
- , 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}}
17041
- , 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}})
17042
16939
  )
17043
16940
  )
17044
16941
 
17045
16942
  )
17046
16943
  )
17047
- , 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"
17048
16945
 
17049
16946
  , sortExchDir === 'desc' &&
17050
16947
  React$1.createElement(React$1.Fragment, null
17051
16948
  /*arrow-up*/
17052
- , 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}}
17053
- , 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}})
17054
16951
  )
17055
16952
  )
17056
16953
 
17057
16954
  , sortExchDir === 'asc' &&
17058
16955
  React$1.createElement(React$1.Fragment, null
17059
16956
  /*arrow-down*/
17060
- , 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}}
17061
- , 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}})
17062
16959
  )
17063
16960
  )
17064
16961
 
17065
16962
  ))
17066
- , 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" )
17067
16964
  )
17068
16965
  )
17069
- , dispPairs && dispPairs.length > 0 && displayContent &&
17070
- 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}}
17071
16968
  , dispPairs.map(( pair,index) => (
17072
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(pair);}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 168}}
17073
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 169}}, pair.pairCode)
17074
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 170}}
17075
- , React$1.createElement('div', { style: {display:'flex',gap:'8px'}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 171}}
17076
- , 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}}) : ''
17077
16974
  , pair.baseCurrency
17078
16975
  )
17079
16976
  )
17080
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 176}}
17081
- , React$1.createElement('div', { style: {display:'flex',gap:'8px'}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 177}}
17082
- , 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}}) : ''
17083
16980
  , pair.exchangeCurrency
17084
16981
  )
17085
16982
  )
17086
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 182}}
17087
- , 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}}
17088
16985
  , pair.pairName ? pair.pairName : '-'
17089
- , 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}}
17090
- , 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}})
17091
16988
  )
17092
16989
  )
17093
16990
  )
@@ -17096,30 +16993,30 @@ const CurrencyPairsTable = (props) => {
17096
16993
  )
17097
16994
 
17098
16995
  )
17099
- , dispPairs && dispPairs.length === 0 && displayContent &&
17100
- React$1.createElement(NothingContainer$6, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 196}}
17101
- , React$1.createElement(NothingContent$6, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 197}}
17102
- , 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}}
17103
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 199}}
17104
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 200}})
17105
- , 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}})
17106
- , 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}})
17107
- , 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}})
17108
- , 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}})
17109
- , 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}})
17110
17007
  )
17111
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 207}}
17112
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 208}}
17113
- , 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}})
17114
17011
  )
17115
17012
  )
17116
17013
  )
17117
- , 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." )
17118
17015
  )
17119
17016
  )
17120
17017
 
17121
17018
  )
17122
- , 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}})
17123
17020
  )
17124
17021
  )
17125
17022
  };
@@ -21456,27 +21353,11 @@ const _jsxFileName$y = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
21456
21353
  * Component to display a table listing the payment methods accepted in the LP app
21457
21354
  */
21458
21355
  const PaymentMethodsTable = (props) => {
21459
- const {methods,callback,srchActive} = props;
21460
- const [currentPage,setCurrentPage] = React$1.useState(1);
21461
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
21356
+ const {methods,callback} = props;
21462
21357
  const [dispMethods,setDispMethods] = React$1.useState([]);
21463
21358
  const [dispMethodsOri,setDispMethodsOri] = React$1.useState(methods);
21464
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
21465
21359
  const [sortDir,setSortDir] = React$1.useState('desc');
21466
21360
 
21467
- React$1.useEffect(()=>{
21468
- //pagination
21469
- if (dispMethodsOri.length > 0){
21470
- const lastItemIndex = currentPage * itemsPerPage;
21471
- const firstItemIndex = lastItemIndex - itemsPerPage;
21472
- setDispMethods(dispMethodsOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
21473
- }
21474
- if (dispMethodsOri.length === 0){
21475
- setDispMethods(dispMethodsOri);
21476
- }
21477
- setDisplayContent(true);
21478
- },[dispMethodsOri,currentPage]);
21479
-
21480
21361
  React$1.useEffect(()=>{
21481
21362
  setDispMethodsOri(methods.sort((a,b) => {
21482
21363
  if(a.pymtModeName < b.pymtModeName) return -1
@@ -21484,10 +21365,6 @@ const PaymentMethodsTable = (props) => {
21484
21365
  }));
21485
21366
  },[methods]);
21486
21367
 
21487
- React$1.useEffect(()=>{
21488
- if (srchActive) setCurrentPage(1);
21489
- },[srchActive]);
21490
-
21491
21368
  function sortEntries(){
21492
21369
  if (sortDir === 'asc'){
21493
21370
  setSortDir('desc');
@@ -21507,48 +21384,48 @@ const PaymentMethodsTable = (props) => {
21507
21384
 
21508
21385
  return (
21509
21386
  React$1.createElement(React$1.Fragment, null
21510
- , React$1.createElement(TableContainer$6, {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 61}}
21511
- , React$1.createElement(Table$6, {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 62}}
21512
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 63}}
21513
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 64}}
21514
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 65}}, "Code")
21515
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 66}}
21516
- , 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"
21517
21394
 
21518
21395
  , sortDir === 'desc' &&
21519
21396
  React$1.createElement(React$1.Fragment, null
21520
21397
  /*arrow-up*/
21521
- , 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}}
21522
- , 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}})
21523
21400
  )
21524
21401
  )
21525
21402
 
21526
21403
  , sortDir === 'asc' &&
21527
21404
  React$1.createElement(React$1.Fragment, null
21528
21405
  /*arrow-down*/
21529
- , 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}}
21530
- , 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}})
21531
21408
  )
21532
21409
  )
21533
21410
 
21534
21411
  )
21535
21412
  )
21536
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 87}}, "Short Name" )
21537
- , 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")
21538
21415
  )
21539
21416
  )
21540
- , dispMethods && dispMethods.length > 0 && displayContent &&
21541
- 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}}
21542
21419
  , dispMethods.map((method,index) => (
21543
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(method);}, __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 94}}
21544
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 95}}, method.pymtModeCode)
21545
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 96}}, method.pymtModeName)
21546
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 97}}, method.pymtModeShortName)
21547
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 98}}
21548
- , 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}}
21549
21426
  , method.remarks ? method.remarks : '-'
21550
- , 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}}
21551
- , 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}})
21552
21429
  )
21553
21430
  )
21554
21431
  )
@@ -21557,30 +21434,30 @@ const PaymentMethodsTable = (props) => {
21557
21434
  )
21558
21435
 
21559
21436
  )
21560
- , dispMethods && dispMethods.length === 0 && displayContent &&
21561
- React$1.createElement(NothingContainer$4, {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 112}}
21562
- , React$1.createElement(NothingContent$4, {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 113}}
21563
- , 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}}
21564
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 115}}
21565
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 116}})
21566
- , 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}})
21567
- , 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}})
21568
- , 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}})
21569
- , 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}})
21570
- , 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}})
21571
21448
  )
21572
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 123}}
21573
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 124}}
21574
- , 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}})
21575
21452
  )
21576
21453
  )
21577
21454
  )
21578
- , 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." )
21579
21456
  )
21580
21457
  )
21581
21458
 
21582
21459
  )
21583
- , 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}})
21584
21461
  )
21585
21462
  )
21586
21463
  };
@@ -21872,26 +21749,12 @@ const _jsxFileName$v = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
21872
21749
  * Component to display a table listing the providers signed on to the LP application
21873
21750
  */
21874
21751
  const ProvidersTable = (props) => {
21875
- const {providers,callback,srchActive} = props;
21876
- const [currentPage,setCurrentPage] = React$1.useState(1);
21877
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
21752
+ const {providers,callback} = props;
21878
21753
  const [dispProvs,setDispProvs] = React$1.useState([]);
21879
21754
  const [dispProvsOri,setDispProvsOri] = React$1.useState(providers);
21880
21755
  const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
21881
21756
  const [sortDir,setSortDir] = React$1.useState('desc');
21882
21757
 
21883
- React$1.useEffect(()=>{
21884
- //pagination
21885
- if (dispProvsOri.length > 0){
21886
- const lastItemIndex = currentPage * itemsPerPage;
21887
- const firstItemIndex = lastItemIndex - itemsPerPage;
21888
- setDispProvs(dispProvsOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
21889
- }
21890
- if (dispProvsOri.length === 0){
21891
- setDispProvs(dispProvsOri);
21892
- }
21893
- setDisplayContent(true);
21894
- },[dispProvsOri,currentPage]);
21895
21758
 
21896
21759
  React$1.useEffect(()=>{
21897
21760
  setDispProvsOri(providers.sort((a,b) => {
@@ -21900,10 +21763,6 @@ const ProvidersTable = (props) => {
21900
21763
  }));
21901
21764
  },[providers]);
21902
21765
 
21903
- React$1.useEffect(()=>{
21904
- if (srchActive) setCurrentPage(1);
21905
- },[srchActive]);
21906
-
21907
21766
  function sortEntries(){
21908
21767
  if (sortDir === 'asc'){
21909
21768
  setSortDir('desc');
@@ -21923,48 +21782,48 @@ const ProvidersTable = (props) => {
21923
21782
 
21924
21783
  return (
21925
21784
  React$1.createElement(React$1.Fragment, null
21926
- , React$1.createElement(TableContainer$5, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 62}}
21927
- , React$1.createElement(Table$5, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 63}}
21928
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 64}}
21929
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 65}}
21930
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 66}}
21931
- , 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"
21932
21791
 
21933
21792
  , sortDir === 'desc' &&
21934
21793
  React$1.createElement(React$1.Fragment, null
21935
21794
  /*arrow-up*/
21936
- , 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}}
21937
- , 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}})
21938
21797
  )
21939
21798
  )
21940
21799
 
21941
21800
  , sortDir === 'asc' &&
21942
21801
  React$1.createElement(React$1.Fragment, null
21943
21802
  /*arrow-down*/
21944
- , 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}}
21945
- , 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}})
21946
21805
  )
21947
21806
  )
21948
21807
 
21949
21808
  )
21950
21809
  )
21951
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 87}}, "Email")
21952
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 88}}, "Phone")
21953
- , 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")
21954
21813
  )
21955
21814
  )
21956
21815
  , dispProvs && dispProvs.length > 0 && displayContent &&
21957
- 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}}
21958
21817
  , dispProvs.map((provider,index) => (
21959
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(provider);}, __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 95}}
21960
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 96}}, provider.name)
21961
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 97}}, provider.email)
21962
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 98}}, provider.phone)
21963
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 99}}
21964
- , React$1.createElement('div', { className: "last-col", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 100}}
21965
- , React$1.createElement(StatusBadge, { status: provider.status.toLowerCase() === 'active' ? 'success' : 'error', label: provider.status.toUpperCase(), __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 101}})
21966
- , 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}}
21967
- , 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}})
21968
21827
  )
21969
21828
  )
21970
21829
  )
@@ -21974,29 +21833,29 @@ const ProvidersTable = (props) => {
21974
21833
 
21975
21834
  )
21976
21835
  , dispProvs && dispProvs.length === 0 && displayContent &&
21977
- React$1.createElement(NothingContainer$3, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 113}}
21978
- , React$1.createElement(NothingContent$3, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 114}}
21979
- , 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}}
21980
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 116}}
21981
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 117}})
21982
- , 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}})
21983
- , 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}})
21984
- , 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}})
21985
- , 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}})
21986
- , 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}})
21987
21846
  )
21988
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 124}}
21989
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 125}}
21990
- , 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}})
21991
21850
  )
21992
21851
  )
21993
21852
  )
21994
- , 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." )
21995
21854
  )
21996
21855
  )
21997
21856
 
21998
21857
  )
21999
- , 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}})
22000
21859
  )
22001
21860
  )
22002
21861
  };
@@ -23233,27 +23092,11 @@ const _jsxFileName$l = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
23233
23092
  * SDataTable displaying the configurations of the system in the LP application
23234
23093
  */
23235
23094
  const SystemConfigTable = (props) => {
23236
- const {configs,callback,srchActive} = props;
23237
- const [currentPage,setCurrentPage] = React$1.useState(1);
23238
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
23095
+ const {configs,callback} = props;
23239
23096
  const [dispConfigs,setDispConfigs] = React$1.useState([]);
23240
23097
  const [dispConfigsOri,setDispConfigsOri] = React$1.useState(configs);
23241
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
23242
23098
  const [sortDir,setSortDir] = React$1.useState('desc');
23243
23099
 
23244
- React$1.useEffect(()=>{
23245
- //pagination
23246
- if (dispConfigsOri.length > 0){
23247
- const lastItemIndex = currentPage * itemsPerPage;
23248
- const firstItemIndex = lastItemIndex - itemsPerPage;
23249
- setDispConfigs(dispConfigsOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
23250
- }
23251
- if (dispConfigsOri.length === 0){
23252
- setDispConfigs(dispConfigsOri);
23253
- }
23254
- setDisplayContent(true);
23255
- },[dispConfigsOri,currentPage]);
23256
-
23257
23100
  React$1.useEffect(()=>{
23258
23101
  setDispConfigsOri(configs.sort((a,b) => {
23259
23102
  if(a.configName < b.configName) return -1
@@ -23261,10 +23104,6 @@ const SystemConfigTable = (props) => {
23261
23104
  }));
23262
23105
  },[configs]);
23263
23106
 
23264
- React$1.useEffect(()=>{
23265
- if (srchActive) setCurrentPage(1);
23266
- },[srchActive]);
23267
-
23268
23107
  function sortEntries(){
23269
23108
  if (sortDir === 'asc'){
23270
23109
  setSortDir('desc');
@@ -23284,48 +23123,48 @@ const SystemConfigTable = (props) => {
23284
23123
 
23285
23124
  return (
23286
23125
  React$1.createElement(React$1.Fragment, null
23287
- , React$1.createElement(TableContainer$4, {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 61}}
23288
- , React$1.createElement(Table$4, {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 62}}
23289
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 63}}
23290
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 64}}
23291
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 65}}, "Code")
23292
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 66}}
23293
- , 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"
23294
23133
 
23295
23134
  , sortDir === 'desc' &&
23296
23135
  React$1.createElement(React$1.Fragment, null
23297
23136
  /*arrow-up*/
23298
- , 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}}
23299
- , 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}})
23300
23139
  )
23301
23140
  )
23302
23141
 
23303
23142
  , sortDir === 'asc' &&
23304
23143
  React$1.createElement(React$1.Fragment, null
23305
23144
  /*arrow-down*/
23306
- , 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}}
23307
- , 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}})
23308
23147
  )
23309
23148
  )
23310
23149
 
23311
23150
  )
23312
23151
  )
23313
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 87}}, "Value")
23314
- , 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")
23315
23154
  )
23316
23155
  )
23317
- , dispConfigs && dispConfigs.length > 0 && displayContent &&
23318
- 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}}
23319
23158
  , dispConfigs.map((config,index) => (
23320
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(config);}, __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 94}}
23321
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 95}}, config.configCode)
23322
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 96}}, config.configName)
23323
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 97}}, config.configValue)
23324
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 98}}
23325
- , 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}}
23326
23165
  , config.remarks
23327
- , 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}}
23328
- , 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}})
23329
23168
  )
23330
23169
  )
23331
23170
  )
@@ -23334,30 +23173,30 @@ const SystemConfigTable = (props) => {
23334
23173
  )
23335
23174
 
23336
23175
  )
23337
- , dispConfigs && dispConfigs.length === 0 && displayContent &&
23338
- React$1.createElement(NothingContainer$2, {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 112}}
23339
- , React$1.createElement(NothingContent$2, {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 113}}
23340
- , 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}}
23341
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 115}}
23342
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 116}})
23343
- , 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}})
23344
- , 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}})
23345
- , 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}})
23346
- , 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}})
23347
- , 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}})
23348
23187
  )
23349
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 123}}
23350
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 124}}
23351
- , 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}})
23352
23191
  )
23353
23192
  )
23354
23193
  )
23355
- , 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." )
23356
23195
  )
23357
23196
  )
23358
23197
 
23359
23198
  )
23360
- , 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}})
23361
23200
  )
23362
23201
  )
23363
23202
  };
@@ -24894,27 +24733,11 @@ const _jsxFileName$e = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
24894
24733
  * SDataTable listing the user roles that can be assigned to users in the LP application
24895
24734
  */
24896
24735
  const UserRolesTable = (props) => {
24897
- const {roles,callback,srchActive} = props;
24898
- const [currentPage,setCurrentPage] = React$1.useState(1);
24899
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
24736
+ const {roles,callback} = props;
24900
24737
  const [dispRoles,setDispRoles] = React$1.useState([]);
24901
24738
  const [dispRolesOri,setDispRolesOri] = React$1.useState(roles);
24902
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
24903
24739
  const [sortDir,setSortDir] = React$1.useState('desc');
24904
24740
 
24905
- React$1.useEffect(()=>{
24906
- //pagination
24907
- if (dispRolesOri.length > 0){
24908
- const lastItemIndex = currentPage * itemsPerPage;
24909
- const firstItemIndex = lastItemIndex - itemsPerPage;
24910
- setDispRoles(dispRolesOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
24911
- }
24912
- if (dispRolesOri.length === 0){
24913
- setDispRoles(dispRolesOri);
24914
- }
24915
- setDisplayContent(true);
24916
- },[dispRolesOri,currentPage]);
24917
-
24918
24741
  React$1.useEffect(()=>{
24919
24742
  setDispRolesOri(roles.sort((a,b) => {
24920
24743
  if(a.roleName < b.roleName) return -1
@@ -24922,10 +24745,6 @@ const UserRolesTable = (props) => {
24922
24745
  }));
24923
24746
  },[roles]);
24924
24747
 
24925
- React$1.useEffect(()=>{
24926
- if (srchActive) setCurrentPage(1);
24927
- },[srchActive]);
24928
-
24929
24748
  function sortEntries(){
24930
24749
  if (sortDir === 'asc'){
24931
24750
  setSortDir('desc');
@@ -24946,46 +24765,46 @@ const UserRolesTable = (props) => {
24946
24765
 
24947
24766
  return (
24948
24767
  React$1.createElement(React$1.Fragment, null
24949
- , React$1.createElement(TableContainer$3, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 62}}
24950
- , React$1.createElement(Table$2, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 63}}
24951
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 64}}
24952
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 65}}
24953
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 66}}
24954
- , 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"
24955
24774
 
24956
24775
  , sortDir === 'desc' &&
24957
24776
  React$1.createElement(React$1.Fragment, null
24958
24777
  /*arrow-up*/
24959
- , 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}}
24960
- , 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}})
24961
24780
  )
24962
24781
  )
24963
24782
 
24964
24783
  , sortDir === 'asc' &&
24965
24784
  React$1.createElement(React$1.Fragment, null
24966
24785
  /*arrow-down*/
24967
- , 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}}
24968
- , 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}})
24969
24788
  )
24970
24789
  )
24971
24790
 
24972
24791
  )
24973
24792
  )
24974
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 87}}, "Code")
24975
- , 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" )
24976
24795
  )
24977
24796
  )
24978
- , dispRoles && dispRoles.length > 0 && displayContent &&
24979
- 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}}
24980
24799
  , dispRoles.map((role,index) => (
24981
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(role);}, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 94}}
24982
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 95}}, role.roleName)
24983
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 96}}, role.roleCode)
24984
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 97}}
24985
- , 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}}
24986
24805
  , role.clearanceLevel
24987
- , 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}}
24988
- , 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}})
24989
24808
  )
24990
24809
  )
24991
24810
  )
@@ -24994,30 +24813,30 @@ const UserRolesTable = (props) => {
24994
24813
  )
24995
24814
 
24996
24815
  )
24997
- , dispRoles && dispRoles.length === 0 && displayContent &&
24998
- React$1.createElement(NothingContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 111}}
24999
- , React$1.createElement(NothingContent$1, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 112}}
25000
- , 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}}
25001
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 114}}
25002
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 115}})
25003
- , 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}})
25004
- , 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}})
25005
- , 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}})
25006
- , 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}})
25007
- , 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}})
25008
24827
  )
25009
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 122}}
25010
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 123}}
25011
- , 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}})
25012
24831
  )
25013
24832
  )
25014
24833
  )
25015
- , 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." )
25016
24835
  )
25017
24836
  )
25018
24837
 
25019
24838
  )
25020
- , 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}})
25021
24840
  )
25022
24841
  )
25023
24842
  };
@@ -25106,27 +24925,11 @@ const _jsxFileName$d = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
25106
24925
  * SDataTable displaying all users in the LP application
25107
24926
  */
25108
24927
  const UsersTable = (props) => {
25109
- const {users,callback,srchActive} = props;
25110
- const [currentPage,setCurrentPage] = React$1.useState(1);
25111
- const [itemsPerPage,setItemsPerPage] = React$1.useState(10);
24928
+ const {users,callback} = props;
25112
24929
  const [dispUsers,setDispUsers] = React$1.useState([]);
25113
24930
  const [dispUsersOri,setDispUsersOri] = React$1.useState(users);
25114
- const [displayContent,setDisplayContent] = React$1.useState(false); //for handling the display of page content after data is available
25115
24931
  const [sortDir,setSortDir] = React$1.useState('desc');
25116
24932
 
25117
- React$1.useEffect(()=>{
25118
- //pagination
25119
- if (dispUsersOri.length > 0){
25120
- const lastItemIndex = currentPage * itemsPerPage;
25121
- const firstItemIndex = lastItemIndex - itemsPerPage;
25122
- setDispUsers(dispUsersOri.slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
25123
- }
25124
- if (dispUsersOri.length === 0){
25125
- setDispUsers(dispUsersOri);
25126
- }
25127
- setDisplayContent(true);
25128
- },[dispUsersOri,currentPage]);
25129
-
25130
24933
  React$1.useEffect(()=>{
25131
24934
  setDispUsersOri(users.sort((a,b) => {
25132
24935
  if(a.name < b.name) return -1
@@ -25134,10 +24937,6 @@ const UsersTable = (props) => {
25134
24937
  }));
25135
24938
  },[users]);
25136
24939
 
25137
- React$1.useEffect(()=>{
25138
- if (srchActive) setCurrentPage(1);
25139
- },[srchActive]);
25140
-
25141
24940
  function sortEntries(){
25142
24941
  if (sortDir === 'asc'){
25143
24942
  setSortDir('desc');
@@ -25157,51 +24956,51 @@ const UsersTable = (props) => {
25157
24956
 
25158
24957
  return (
25159
24958
  React$1.createElement(React$1.Fragment, null
25160
- , React$1.createElement(TableContainer$2, {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 62}}
25161
- , React$1.createElement(Table$1, {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 63}}
25162
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 64}}
25163
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 65}}
25164
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 66}}
25165
- , 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"
25166
24965
 
25167
24966
  , sortDir === 'desc' &&
25168
24967
  React$1.createElement(React$1.Fragment, null
25169
24968
  /*arrow-up*/
25170
- , 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}}
25171
- , 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}})
25172
24971
  )
25173
24972
  )
25174
24973
 
25175
24974
  , sortDir === 'asc' &&
25176
24975
  React$1.createElement(React$1.Fragment, null
25177
24976
  /*arrow-down*/
25178
- , 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}}
25179
- , 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}})
25180
24979
  )
25181
24980
  )
25182
24981
 
25183
24982
 
25184
24983
  )
25185
24984
  )
25186
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 88}}, "Organisation")
25187
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 89}}, "Email")
25188
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 90}}, "Role")
25189
- , 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")
25190
24989
  )
25191
24990
  )
25192
- , dispUsers && dispUsers.length > 0 && displayContent &&
25193
- 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}}
25194
24993
  , dispUsers.map((user,index) => (
25195
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(user);}, __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 97}}
25196
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 98}}, user.name)
25197
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 99}}, user.organisation)
25198
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 100}}, user.email)
25199
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 101}}, user.role)
25200
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 102}}
25201
- , React$1.createElement('div', { className: "last-col", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 103}}
25202
- , React$1.createElement(StatusBadge, { status: user.status.toUpperCase() === 'ACTIVE' ? 'success' : "error", label: user.status, __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 104}})
25203
- , 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}}
25204
- , 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}})
25205
25004
  )
25206
25005
  )
25207
25006
  )
@@ -25210,30 +25009,30 @@ const UsersTable = (props) => {
25210
25009
  )
25211
25010
 
25212
25011
  )
25213
- , dispUsers && dispUsers.length === 0 && displayContent &&
25214
- React$1.createElement(NothingContainer, {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 116}}
25215
- , React$1.createElement(NothingContent, {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 117}}
25216
- , 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}}
25217
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 119}}
25218
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 120}})
25219
- , 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}})
25220
- , 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}})
25221
- , 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}})
25222
- , 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}})
25223
- , 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}})
25224
25023
  )
25225
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 127}}
25226
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 128}}
25227
- , 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}})
25228
25027
  )
25229
25028
  )
25230
25029
  )
25231
- , 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." )
25232
25031
  )
25233
25032
  )
25234
25033
 
25235
25034
  )
25236
- , 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}})
25237
25036
  )
25238
25037
  )
25239
25038
  };