@secondstaxorg/sscomp 1.8.49 → 1.8.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +2 -2
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +65 -45
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -25513,43 +25513,65 @@ const TablePrimary = (props) => {
|
|
|
25513
25513
|
const {thead,children,tbody,clickedRow,showPagination,itemsPerPage,paginatedItems} = props;
|
|
25514
25514
|
const [tbodyItems,setTbodyItems] = React$1.useState([]);
|
|
25515
25515
|
const [tbodyOri,setTbodyOri] = React$1.useState(tbody);
|
|
25516
|
+
const [sortedCol,setSortedCol] = React$1.useState('');
|
|
25516
25517
|
|
|
25517
25518
|
function sortByColumn(column){
|
|
25518
|
-
if (
|
|
25519
|
-
|
|
25520
|
-
|
|
25521
|
-
|
|
25519
|
+
if (column === sortedCol){
|
|
25520
|
+
if (tbody && tbody.length > 0){
|
|
25521
|
+
const sortedItems = [...tbody];
|
|
25522
|
+
sortedItems.sort((a,b) => a[column].localeCompare(b[column]));
|
|
25523
|
+
let revSort = sortedItems.reverse();
|
|
25524
|
+
setTbodyItems(revSort);
|
|
25525
|
+
setSortedCol('');
|
|
25526
|
+
}
|
|
25527
|
+
|
|
25528
|
+
return
|
|
25529
|
+
}else if(column !== sortedCol){
|
|
25530
|
+
setSortedCol(column);
|
|
25531
|
+
if (tbody && tbody.length > 0){
|
|
25532
|
+
const sortedItems = [...tbody];
|
|
25533
|
+
sortedItems.sort((a,b) => a[column].localeCompare(b[column]));
|
|
25534
|
+
setTbodyItems(sortedItems);
|
|
25535
|
+
}
|
|
25536
|
+
|
|
25537
|
+
return
|
|
25522
25538
|
}
|
|
25523
25539
|
}
|
|
25524
25540
|
|
|
25541
|
+
React$1.useEffect(()=>{
|
|
25542
|
+
if (!showPagination){
|
|
25543
|
+
setTbodyItems(tbody );
|
|
25544
|
+
}
|
|
25545
|
+
},[showPagination]);
|
|
25546
|
+
|
|
25525
25547
|
return (
|
|
25526
25548
|
React$1.createElement(React$1.Fragment, null
|
|
25527
|
-
, React$1.createElement(TableContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25528
|
-
, React$1.createElement(Table, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25529
|
-
, React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25530
|
-
, React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25549
|
+
, React$1.createElement(TableContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 46}}
|
|
25550
|
+
, React$1.createElement(Table, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 47}}
|
|
25551
|
+
, React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 48}}
|
|
25552
|
+
, React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 49}}
|
|
25531
25553
|
, thead.map((item,index) => (
|
|
25532
25554
|
React$1.createElement('th', { key: index, onClick: ()=>{
|
|
25533
25555
|
sortByColumn(item.dataKey);
|
|
25534
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25556
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 51}}, item.label)
|
|
25535
25557
|
))
|
|
25536
25558
|
)
|
|
25537
25559
|
)
|
|
25538
|
-
, React$1.createElement('tbody', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25560
|
+
, React$1.createElement('tbody', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 57}}
|
|
25539
25561
|
, children
|
|
25540
25562
|
, !children && tbodyItems && tbodyItems.map((item,index) => (
|
|
25541
25563
|
React$1.createElement('tr', { key: index, className: clickedRow && 'clickable', onClick: ()=>{
|
|
25542
25564
|
if (clickedRow) {
|
|
25543
25565
|
clickedRow(item);
|
|
25544
|
-
}}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25566
|
+
}}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 60}}
|
|
25545
25567
|
, thead.map((cellItem,index) => (
|
|
25546
|
-
React$1.createElement('td', { key: index, className: (index == thead.length - 1 && clickedRow) ? 'with-arrow' : '', __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25547
|
-
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25568
|
+
React$1.createElement('td', { key: index, className: (index == thead.length - 1 && clickedRow) ? 'with-arrow' : '', __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 65}}
|
|
25569
|
+
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 66}}
|
|
25548
25570
|
, item[cellItem.dataKey]
|
|
25549
25571
|
)
|
|
25550
25572
|
, (index == thead.length - 1 && clickedRow) &&
|
|
25551
|
-
React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25552
|
-
, React$1.createElement('path', { d: "M10.3592 7.52685L6.58584 3.76019C6.52387 3.6977 6.45013 3.64811 6.36889 3.61426C6.28765 3.58041 6.20052 3.56299 6.11251 3.56299C6.0245 3.56299 5.93736 3.58041 5.85612 3.61426C5.77488 3.64811 5.70115 3.6977 5.63917 3.76019C5.51501 3.8851 5.44531 4.05406 5.44531 4.23019C5.44531 4.40631 5.51501 4.57528 5.63917 4.70019L8.93917 8.03352L5.63917 11.3335C5.51501 11.4584 5.44531 11.6274 5.44531 11.8035C5.44531 11.9796 5.51501 12.1486 5.63917 12.2735C5.70092 12.3365 5.77455 12.3866 5.8558 12.421C5.93705 12.4553 6.0243 12.4732 6.11251 12.4735C6.20071 12.4732 6.28797 12.4553 6.36922 12.421C6.45047 12.3866 6.5241 12.3365 6.58584 12.2735L10.3592 8.50685C10.4268 8.44443 10.4808 8.36866 10.5178 8.28432C10.5547 8.19999 10.5738 8.10892 10.5738 8.01685C10.5738 7.92479 10.5547 7.83372 10.5178 7.74938C10.4808 7.66505 10.4268 7.58928 10.3592 7.52685Z" , fill: "#A4BBDD", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25573
|
+
React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 70}}
|
|
25574
|
+
, React$1.createElement('path', { d: "M10.3592 7.52685L6.58584 3.76019C6.52387 3.6977 6.45013 3.64811 6.36889 3.61426C6.28765 3.58041 6.20052 3.56299 6.11251 3.56299C6.0245 3.56299 5.93736 3.58041 5.85612 3.61426C5.77488 3.64811 5.70115 3.6977 5.63917 3.76019C5.51501 3.8851 5.44531 4.05406 5.44531 4.23019C5.44531 4.40631 5.51501 4.57528 5.63917 4.70019L8.93917 8.03352L5.63917 11.3335C5.51501 11.4584 5.44531 11.6274 5.44531 11.8035C5.44531 11.9796 5.51501 12.1486 5.63917 12.2735C5.70092 12.3365 5.77455 12.3866 5.8558 12.421C5.93705 12.4553 6.0243 12.4732 6.11251 12.4735C6.20071 12.4732 6.28797 12.4553 6.36922 12.421C6.45047 12.3866 6.5241 12.3365 6.58584 12.2735L10.3592 8.50685C10.4268 8.44443 10.4808 8.36866 10.5178 8.28432C10.5547 8.19999 10.5738 8.10892 10.5738 8.01685C10.5738 7.92479 10.5547 7.83372 10.5178 7.74938C10.4808 7.66505 10.4268 7.58928 10.3592 7.52685Z" , fill: "#A4BBDD", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 71}})
|
|
25553
25575
|
)
|
|
25554
25576
|
|
|
25555
25577
|
)
|
|
@@ -25563,7 +25585,7 @@ const TablePrimary = (props) => {
|
|
|
25563
25585
|
React$1.createElement(Pagination, { itemsPerPage: itemsPerPage, items: tbodyOri, paginatedItems: (arr)=>{
|
|
25564
25586
|
setTbodyItems(arr);
|
|
25565
25587
|
paginatedItems(arr);
|
|
25566
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25588
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 82}})
|
|
25567
25589
|
|
|
25568
25590
|
)
|
|
25569
25591
|
)
|
|
@@ -25731,19 +25753,17 @@ const Selector = (props) => {
|
|
|
25731
25753
|
|
|
25732
25754
|
React$1.useEffect(()=>{
|
|
25733
25755
|
if (value){
|
|
25734
|
-
if (Array.isArray(value)
|
|
25756
|
+
if (Array.isArray(value)){
|
|
25735
25757
|
setSelectedOptions(value);
|
|
25736
25758
|
}else {
|
|
25737
25759
|
let inArray = false;
|
|
25738
|
-
|
|
25739
|
-
|
|
25740
|
-
inArray = itemsList.some((item) => item.label.toLowerCase() === (value ).label.toLowerCase());
|
|
25760
|
+
if (value.label){
|
|
25761
|
+
inArray = itemsList.some((item) => item.label.toLowerCase() === value.label.toLowerCase());
|
|
25741
25762
|
}
|
|
25742
|
-
|
|
25743
25763
|
if (inArray){
|
|
25744
25764
|
setSelectedOptions([value]);
|
|
25745
25765
|
}else {
|
|
25746
|
-
setOtherVal(
|
|
25766
|
+
setOtherVal(value.label);
|
|
25747
25767
|
}
|
|
25748
25768
|
}
|
|
25749
25769
|
}
|
|
@@ -25781,14 +25801,14 @@ const Selector = (props) => {
|
|
|
25781
25801
|
}
|
|
25782
25802
|
|
|
25783
25803
|
return (
|
|
25784
|
-
React$1.createElement(MainContainer, {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25804
|
+
React$1.createElement(MainContainer, {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 90}}
|
|
25785
25805
|
, label &&
|
|
25786
|
-
React$1.createElement(InputLabel$3, {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25787
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25788
|
-
, subText && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25806
|
+
React$1.createElement(InputLabel$3, {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 92}}
|
|
25807
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 93}}, label)
|
|
25808
|
+
, subText && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 94}}, subText)
|
|
25789
25809
|
)
|
|
25790
25810
|
|
|
25791
|
-
, React$1.createElement(FieldContainer$2, { className: `${arrangement} ${readonly ? 'read-only' : ''}`, style: {width:width ? width : '100%',gridTemplateColumns:`repeat(${numCols ? numCols : itemsList.length},1fr)`}, __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25811
|
+
, React$1.createElement(FieldContainer$2, { className: `${arrangement} ${readonly ? 'read-only' : ''}`, style: {width:width ? width : '100%',gridTemplateColumns:`repeat(${numCols ? numCols : itemsList.length},1fr)`}, __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 97}}
|
|
25792
25812
|
, React$1.createElement(React$1.Fragment, null
|
|
25793
25813
|
, itemsList.map((item,index) => (
|
|
25794
25814
|
React$1.createElement(SelectorItem, { type: "button", key: index, className: evaluateSelection(item) ? 'selected' : '', onClick: () => {
|
|
@@ -25797,51 +25817,51 @@ const Selector = (props) => {
|
|
|
25797
25817
|
setTimeout(()=>{
|
|
25798
25818
|
handleSelect(item);
|
|
25799
25819
|
},100);
|
|
25800
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25801
|
-
, React$1.createElement('p', { className: "text paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25820
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 100}}
|
|
25821
|
+
, React$1.createElement('p', { className: "text paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 107}}, item.label)
|
|
25802
25822
|
/*<svg width="25" height="22" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
25803
25823
|
<path d="M14.71 1.21C14.617 1.11627 14.5064 1.04188 14.3846 0.991107C14.2627 0.940338 14.132 0.9142 14 0.9142C13.868 0.9142 13.7373 0.940338 13.6154 0.991107C13.4936 1.04188 13.383 1.11627 13.29 1.21L5.84001 8.67L2.71001 5.53C2.61349 5.43676 2.49955 5.36345 2.37469 5.31424C2.24984 5.26504 2.11651 5.24091 1.98233 5.24323C1.84815 5.24555 1.71574 5.27428 1.59266 5.32777C1.46959 5.38126 1.35825 5.45848 1.26501 5.555C1.17177 5.65152 1.09846 5.76546 1.04925 5.89032C1.00005 6.01517 0.97592 6.1485 0.978241 6.28268C0.980563 6.41686 1.00929 6.54927 1.06278 6.67234C1.11628 6.79542 1.19349 6.90676 1.29001 7L5.13001 10.84C5.22297 10.9337 5.33358 11.0081 5.45543 11.0589C5.57729 11.1097 5.708 11.1358 5.84001 11.1358C5.97202 11.1358 6.10273 11.1097 6.22459 11.0589C6.34645 11.0081 6.45705 10.9337 6.55001 10.84L14.71 2.68C14.8115 2.58636 14.8925 2.4727 14.9479 2.3462C15.0033 2.21971 15.0319 2.0831 15.0319 1.945C15.0319 1.8069 15.0033 1.67029 14.9479 1.54379C14.8925 1.41729 14.8115 1.30364 14.71 1.21V1.21Z"
|
|
25804
25824
|
fill={selectedOptions.some((option:any) => (option.label === item.label)) ? theme.colors["primary-500"] : theme.colors["neutral-400"]}/>
|
|
25805
25825
|
</svg>*/
|
|
25806
25826
|
|
|
25807
|
-
, React$1.createElement('svg', { width: "25", height: "25", viewBox: "0 0 25 25" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25808
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_2040_756)", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25809
|
-
, React$1.createElement('path', { d: "M19.5098 7.42885C19.4168 7.33513 19.3062 7.26073 19.1843 7.20996C19.0625 7.15919 18.9318 7.13306 18.7998 7.13306C18.6677 7.13306 18.537 7.15919 18.4152 7.20996C18.2933 7.26073 18.1827 7.33513 18.0898 7.42885L10.6398 14.8889L7.50975 11.7489C7.41323 11.6556 7.29929 11.5823 7.17444 11.5331C7.04958 11.4839 6.91626 11.4598 6.78208 11.4621C6.6479 11.4644 6.51549 11.4931 6.39241 11.5466C6.26933 11.6001 6.15799 11.6773 6.06475 11.7739C5.97152 11.8704 5.8982 11.9843 5.849 12.1092C5.79979 12.234 5.77566 12.3674 5.77798 12.5015C5.78031 12.6357 5.80903 12.7681 5.86253 12.8912C5.91602 13.0143 5.99323 13.1256 6.08975 13.2189L9.92975 17.0589C10.0227 17.1526 10.1333 17.227 10.2552 17.2777C10.377 17.3285 10.5077 17.3547 10.6398 17.3547C10.7718 17.3547 10.9025 17.3285 11.0243 17.2777C11.1462 17.227 11.2568 17.1526 11.3498 17.0589L19.5098 8.89886C19.6113 8.80521 19.6923 8.69156 19.7477 8.56506C19.8031 8.43856 19.8317 8.30196 19.8317 8.16386C19.8317 8.02575 19.8031 7.88915 19.7477 7.76265C19.6923 7.63615 19.6113 7.5225 19.5098 7.42885Z" , fill: selectedOptions.some((option) => (option.label === item.label)) ? theme.colors["primary-500"] : theme.colors["neutral-400"], __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25827
|
+
, React$1.createElement('svg', { width: "25", height: "25", viewBox: "0 0 25 25" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 113}}
|
|
25828
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2040_756)", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 114}}
|
|
25829
|
+
, React$1.createElement('path', { d: "M19.5098 7.42885C19.4168 7.33513 19.3062 7.26073 19.1843 7.20996C19.0625 7.15919 18.9318 7.13306 18.7998 7.13306C18.6677 7.13306 18.537 7.15919 18.4152 7.20996C18.2933 7.26073 18.1827 7.33513 18.0898 7.42885L10.6398 14.8889L7.50975 11.7489C7.41323 11.6556 7.29929 11.5823 7.17444 11.5331C7.04958 11.4839 6.91626 11.4598 6.78208 11.4621C6.6479 11.4644 6.51549 11.4931 6.39241 11.5466C6.26933 11.6001 6.15799 11.6773 6.06475 11.7739C5.97152 11.8704 5.8982 11.9843 5.849 12.1092C5.79979 12.234 5.77566 12.3674 5.77798 12.5015C5.78031 12.6357 5.80903 12.7681 5.86253 12.8912C5.91602 13.0143 5.99323 13.1256 6.08975 13.2189L9.92975 17.0589C10.0227 17.1526 10.1333 17.227 10.2552 17.2777C10.377 17.3285 10.5077 17.3547 10.6398 17.3547C10.7718 17.3547 10.9025 17.3285 11.0243 17.2777C11.1462 17.227 11.2568 17.1526 11.3498 17.0589L19.5098 8.89886C19.6113 8.80521 19.6923 8.69156 19.7477 8.56506C19.8031 8.43856 19.8317 8.30196 19.8317 8.16386C19.8317 8.02575 19.8031 7.88915 19.7477 7.76265C19.6923 7.63615 19.6113 7.5225 19.5098 7.42885Z" , fill: selectedOptions.some((option) => (option.label === item.label)) ? theme.colors["primary-500"] : theme.colors["neutral-400"], __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 115}})
|
|
25810
25830
|
)
|
|
25811
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25812
|
-
, React$1.createElement('clipPath', { id: "clip0_2040_756", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25813
|
-
, React$1.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(0.799805 0.21875)" , __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25831
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 117}}
|
|
25832
|
+
, React$1.createElement('clipPath', { id: "clip0_2040_756", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 118}}
|
|
25833
|
+
, React$1.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(0.799805 0.21875)" , __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 119}})
|
|
25814
25834
|
)
|
|
25815
25835
|
)
|
|
25816
25836
|
)
|
|
25817
|
-
, React$1.createElement(SrInput, { type: "checkbox", name: inputName, value: item.value, onChange: ()=>{}, checked: selectedOptions.some((option) => option.label === item.label), __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25837
|
+
, React$1.createElement(SrInput, { type: "checkbox", name: inputName, value: item.value, onChange: ()=>{}, checked: selectedOptions.some((option) => option.label === item.label), __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 123}})
|
|
25818
25838
|
)
|
|
25819
25839
|
))
|
|
25820
25840
|
)
|
|
25821
25841
|
)
|
|
25822
25842
|
, otherOption &&
|
|
25823
|
-
React$1.createElement(OtherContainer, {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25824
|
-
, React$1.createElement('p', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25843
|
+
React$1.createElement(OtherContainer, {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 129}}
|
|
25844
|
+
, React$1.createElement('p', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 130}}, "Other? Specify" )
|
|
25825
25845
|
, React$1.createElement(TextField, { placeholder: otherPlaceholder, disabled: readonly, value: otherVal, onChange: (e)=>{
|
|
25826
25846
|
if (readonly) return
|
|
25827
25847
|
setOtherVal(e.target.value);
|
|
25828
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25848
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 131}})
|
|
25829
25849
|
)
|
|
25830
25850
|
|
|
25831
25851
|
|
|
25832
25852
|
, React$1.createElement(SrInput, { className: "sr-only", value: srSel.toString(), required: required, onInvalid: (e)=>{
|
|
25833
25853
|
setSelStatus('error');
|
|
25834
25854
|
// e.target.setCustomValidity('This field is required')
|
|
25835
|
-
}, onChange: ()=>{}, __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25855
|
+
}, onChange: ()=>{}, __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 138}})
|
|
25836
25856
|
, selStatus === 'error' &&
|
|
25837
|
-
React$1.createElement(ErrorMessage$3, {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25857
|
+
React$1.createElement(ErrorMessage$3, {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 143}}
|
|
25838
25858
|
/*exclamation-triangle*/
|
|
25839
|
-
, React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25840
|
-
, React$1.createElement('path', { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25859
|
+
, React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 145}}
|
|
25860
|
+
, React$1.createElement('path', { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 146}})
|
|
25841
25861
|
)
|
|
25842
25862
|
, errMsg ?
|
|
25843
|
-
React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25844
|
-
: React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber:
|
|
25863
|
+
React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 149}}, errMsg)
|
|
25864
|
+
: React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 150}}, "Select an option" )
|
|
25845
25865
|
)
|
|
25846
25866
|
|
|
25847
25867
|
)
|