@secondstaxorg/sscomp 1.7.37 → 1.7.39
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 +118 -1
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +1940 -1674
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +150 -33
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/EmailField/EmailField.d.ts +7 -0
- package/types/components/EmailField/style.d.ts +5 -0
- package/types/components/EmailField/type.d.ts +16 -0
- package/types/components/FileUpload/FileUpdload.d.ts +5 -0
- package/types/components/FileUpload/style.d.ts +2 -0
- package/types/components/FileUpload/type.d.ts +6 -0
- package/types/components/index.d.ts +2 -0
package/dist/index.es.js
CHANGED
|
@@ -9,6 +9,7 @@ import*as e from"react";import t,{useState as i,useEffect as r,forwardRef as n,u
|
|
|
9
9
|
justify-content: center;
|
|
10
10
|
align-items: center;
|
|
11
11
|
gap: 10px;
|
|
12
|
+
text-wrap: nowrap;
|
|
12
13
|
//text-transform: capitalize;
|
|
13
14
|
&:disabled{
|
|
14
15
|
cursor: not-allowed;
|
|
@@ -5014,5 +5015,121 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
5014
5015
|
&.expanded-accordion svg.accordion-caret{
|
|
5015
5016
|
transform: rotate(180deg);
|
|
5016
5017
|
}
|
|
5017
|
-
`,UA="D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\Accordion\\Accordion.tsx",ZA=e=>{const{accordions:n,expandedPanel:o,defaultExpanded:l,onDelete:a}=e,[s,c]=i(0),[d,u]=i([]);return r((()=>{l&&c(l)}),[l]),r((()=>{u(n)}),[n]),t.createElement(jA,{__self:void 0,__source:{fileName:UA,lineNumber:25}},d.map(((e,i)=>t.createElement(SA,{key:i,className:""+(s===i?"expanded-accordion":""),__self:void 0,__source:{fileName:UA,lineNumber:27}},t.createElement("div",{className:"tab",onClick:()=>{c(i),o&&o({index:i,label:e.label})},__self:void 0,__source:{fileName:UA,lineNumber:28}},t.createElement("span",{className:"accordion-label",__self:void 0,__source:{fileName:UA,lineNumber:32}},d.length>1&&t.createElement(t.Fragment,null,e.canDelete&&t.createElement("button",{onClick:t=>{var r;t.stopPropagation(),r=e.label,u(d.filter((e=>e.label!==r))),e.canDelete&&a&&a({...e,index:i})},__self:void 0,__source:{fileName:UA,lineNumber:36}},t.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",__self:void 0,__source:{fileName:UA,lineNumber:44}},t.createElement("g",{clipPath:"url(#clip0_1468_38679)",__self:void 0,__source:{fileName:UA,lineNumber:45}},t.createElement("path",{d:"M6.66667 12.2188C6.84348 12.2188 7.01305 12.1486 7.13807 12.0235C7.2631 11.8985 7.33333 11.7289 7.33333 11.5521V7.55212C7.33333 7.37531 7.2631 7.20574 7.13807 7.08072C7.01305 6.9557 6.84348 6.88546 6.66667 6.88546C6.48986 6.88546 6.32029 6.9557 6.19526 7.08072C6.07024 7.20574 6 7.37531 6 7.55212V11.5521C6 11.7289 6.07024 11.8985 6.19526 12.0235C6.32029 12.1486 6.48986 12.2188 6.66667 12.2188ZM13.3333 4.21879H10.6667V3.55212C10.6667 3.02169 10.456 2.51298 10.0809 2.13791C9.70581 1.76284 9.1971 1.55212 8.66667 1.55212H7.33333C6.8029 1.55212 6.29419 1.76284 5.91912 2.13791C5.54405 2.51298 5.33333 3.02169 5.33333 3.55212V4.21879H2.66667C2.48986 4.21879 2.32029 4.28903 2.19526 4.41405C2.07024 4.53908 2 4.70865 2 4.88546C2 5.06227 2.07024 5.23184 2.19526 5.35686C2.32029 5.48189 2.48986 5.55212 2.66667 5.55212H3.33333V12.8855C3.33333 13.4159 3.54405 13.9246 3.91912 14.2997C4.29419 14.6747 4.8029 14.8855 5.33333 14.8855H10.6667C11.1971 14.8855 11.7058 14.6747 12.0809 14.2997C12.456 13.9246 12.6667 13.4159 12.6667 12.8855V5.55212H13.3333C13.5101 5.55212 13.6797 5.48189 13.8047 5.35686C13.9298 5.23184 14 5.06227 14 4.88546C14 4.70865 13.9298 4.53908 13.8047 4.41405C13.6797 4.28903 13.5101 4.21879 13.3333 4.21879ZM6.66667 3.55212C6.66667 3.37531 6.7369 3.20574 6.86193 3.08072C6.98695 2.9557 7.15652 2.88546 7.33333 2.88546H8.66667C8.84348 2.88546 9.01305 2.9557 9.13807 3.08072C9.2631 3.20574 9.33333 3.37531 9.33333 3.55212V4.21879H6.66667V3.55212ZM11.3333 12.8855C11.3333 13.0623 11.2631 13.2318 11.1381 13.3569C11.013 13.4819 10.8435 13.5521 10.6667 13.5521H5.33333C5.15652 13.5521 4.98695 13.4819 4.86193 13.3569C4.7369 13.2318 4.66667 13.0623 4.66667 12.8855V5.55212H11.3333V12.8855ZM9.33333 12.2188C9.51014 12.2188 9.67971 12.1486 9.80474 12.0235C9.92976 11.8985 10 11.7289 10 11.5521V7.55212C10 7.37531 9.92976 7.20574 9.80474 7.08072C9.67971 6.9557 9.51014 6.88546 9.33333 6.88546C9.15652 6.88546 8.98695 6.9557 8.86193 7.08072C8.73691 7.20574 8.66667 7.37531 8.66667 7.55212V11.5521C8.66667 11.7289 8.73691 11.8985 8.86193 12.0235C8.98695 12.1486 9.15652 12.2188 9.33333 12.2188Z",fill:"#365B91",__self:void 0,__source:{fileName:UA,lineNumber:46}})),t.createElement("defs",{__self:void 0,__source:{fileName:UA,lineNumber:48}},t.createElement("clipPath",{id:"clip0_1468_38679",__self:void 0,__source:{fileName:UA,lineNumber:49}},t.createElement("rect",{width:"16",height:"16",fill:"white",transform:"translate(0 0.21875)",__self:void 0,__source:{fileName:UA,lineNumber:50}})))))),t.createElement("span",{className:"paragraph2Regular",__self:void 0,__source:{fileName:UA,lineNumber:58}},e.label)),t.createElement("svg",{className:"accordion-caret",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",__self:void 0,__source:{fileName:UA,lineNumber:61}},t.createElement("g",{clipPath:"url(#clip0_773_29783)",__self:void 0,__source:{fileName:UA,lineNumber:62}},t.createElement("path",{d:"M17.0002 9.38875C16.8128 9.2025 16.5594 9.09796 16.2952 9.09796C16.031 9.09796 15.7776 9.2025 15.5902 9.38875L12.0002 12.9288L8.46019 9.38875C8.27283 9.2025 8.01938 9.09796 7.75519 9.09796C7.49101 9.09796 7.23756 9.2025 7.05019 9.38875C6.95646 9.48172 6.88207 9.59232 6.8313 9.71418C6.78053 9.83604 6.75439 9.96674 6.75439 10.0988C6.75439 10.2308 6.78053 10.3615 6.8313 10.4833C6.88207 10.6052 6.95646 10.7158 7.05019 10.8088L11.2902 15.0488C11.3832 15.1425 11.4938 15.2169 11.6156 15.2676C11.7375 15.3184 11.8682 15.3446 12.0002 15.3446C12.1322 15.3446 12.2629 15.3184 12.3848 15.2676C12.5066 15.2169 12.6172 15.1425 12.7102 15.0488L17.0002 10.8088C17.0939 10.7158 17.1683 10.6052 17.2191 10.4833C17.2699 10.3615 17.296 10.2308 17.296 10.0988C17.296 9.96674 17.2699 9.83604 17.2191 9.71418C17.1683 9.59232 17.0939 9.48172 17.0002 9.38875Z",fill:"#070B12",__self:void 0,__source:{fileName:UA,lineNumber:63}})),t.createElement("defs",{__self:void 0,__source:{fileName:UA,lineNumber:65}},t.createElement("clipPath",{id:"clip0_773_29783",__self:void 0,__source:{fileName:UA,lineNumber:66}},t.createElement("rect",{width:"24",height:"24",fill:"white",transform:"translate(0 0.21875)",__self:void 0,__source:{fileName:UA,lineNumber:67}}))))),t.createElement("div",{className:"accordion-content "+(s===i?"expanded":""),__self:void 0,__source:{fileName:UA,lineNumber:72}},e.content)))))}
|
|
5018
|
+
`,UA="D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\Accordion\\Accordion.tsx",ZA=e=>{const{accordions:n,expandedPanel:o,defaultExpanded:l,onDelete:a}=e,[s,c]=i(0),[d,u]=i([]);return r((()=>{l&&c(l)}),[l]),r((()=>{u(n)}),[n]),t.createElement(jA,{__self:void 0,__source:{fileName:UA,lineNumber:25}},d.map(((e,i)=>t.createElement(SA,{key:i,className:""+(s===i?"expanded-accordion":""),__self:void 0,__source:{fileName:UA,lineNumber:27}},t.createElement("div",{className:"tab",onClick:()=>{c(i),o&&o({index:i,label:e.label})},__self:void 0,__source:{fileName:UA,lineNumber:28}},t.createElement("span",{className:"accordion-label",__self:void 0,__source:{fileName:UA,lineNumber:32}},d.length>1&&t.createElement(t.Fragment,null,e.canDelete&&t.createElement("button",{onClick:t=>{var r;t.stopPropagation(),r=e.label,u(d.filter((e=>e.label!==r))),e.canDelete&&a&&a({...e,index:i})},__self:void 0,__source:{fileName:UA,lineNumber:36}},t.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",__self:void 0,__source:{fileName:UA,lineNumber:44}},t.createElement("g",{clipPath:"url(#clip0_1468_38679)",__self:void 0,__source:{fileName:UA,lineNumber:45}},t.createElement("path",{d:"M6.66667 12.2188C6.84348 12.2188 7.01305 12.1486 7.13807 12.0235C7.2631 11.8985 7.33333 11.7289 7.33333 11.5521V7.55212C7.33333 7.37531 7.2631 7.20574 7.13807 7.08072C7.01305 6.9557 6.84348 6.88546 6.66667 6.88546C6.48986 6.88546 6.32029 6.9557 6.19526 7.08072C6.07024 7.20574 6 7.37531 6 7.55212V11.5521C6 11.7289 6.07024 11.8985 6.19526 12.0235C6.32029 12.1486 6.48986 12.2188 6.66667 12.2188ZM13.3333 4.21879H10.6667V3.55212C10.6667 3.02169 10.456 2.51298 10.0809 2.13791C9.70581 1.76284 9.1971 1.55212 8.66667 1.55212H7.33333C6.8029 1.55212 6.29419 1.76284 5.91912 2.13791C5.54405 2.51298 5.33333 3.02169 5.33333 3.55212V4.21879H2.66667C2.48986 4.21879 2.32029 4.28903 2.19526 4.41405C2.07024 4.53908 2 4.70865 2 4.88546C2 5.06227 2.07024 5.23184 2.19526 5.35686C2.32029 5.48189 2.48986 5.55212 2.66667 5.55212H3.33333V12.8855C3.33333 13.4159 3.54405 13.9246 3.91912 14.2997C4.29419 14.6747 4.8029 14.8855 5.33333 14.8855H10.6667C11.1971 14.8855 11.7058 14.6747 12.0809 14.2997C12.456 13.9246 12.6667 13.4159 12.6667 12.8855V5.55212H13.3333C13.5101 5.55212 13.6797 5.48189 13.8047 5.35686C13.9298 5.23184 14 5.06227 14 4.88546C14 4.70865 13.9298 4.53908 13.8047 4.41405C13.6797 4.28903 13.5101 4.21879 13.3333 4.21879ZM6.66667 3.55212C6.66667 3.37531 6.7369 3.20574 6.86193 3.08072C6.98695 2.9557 7.15652 2.88546 7.33333 2.88546H8.66667C8.84348 2.88546 9.01305 2.9557 9.13807 3.08072C9.2631 3.20574 9.33333 3.37531 9.33333 3.55212V4.21879H6.66667V3.55212ZM11.3333 12.8855C11.3333 13.0623 11.2631 13.2318 11.1381 13.3569C11.013 13.4819 10.8435 13.5521 10.6667 13.5521H5.33333C5.15652 13.5521 4.98695 13.4819 4.86193 13.3569C4.7369 13.2318 4.66667 13.0623 4.66667 12.8855V5.55212H11.3333V12.8855ZM9.33333 12.2188C9.51014 12.2188 9.67971 12.1486 9.80474 12.0235C9.92976 11.8985 10 11.7289 10 11.5521V7.55212C10 7.37531 9.92976 7.20574 9.80474 7.08072C9.67971 6.9557 9.51014 6.88546 9.33333 6.88546C9.15652 6.88546 8.98695 6.9557 8.86193 7.08072C8.73691 7.20574 8.66667 7.37531 8.66667 7.55212V11.5521C8.66667 11.7289 8.73691 11.8985 8.86193 12.0235C8.98695 12.1486 9.15652 12.2188 9.33333 12.2188Z",fill:"#365B91",__self:void 0,__source:{fileName:UA,lineNumber:46}})),t.createElement("defs",{__self:void 0,__source:{fileName:UA,lineNumber:48}},t.createElement("clipPath",{id:"clip0_1468_38679",__self:void 0,__source:{fileName:UA,lineNumber:49}},t.createElement("rect",{width:"16",height:"16",fill:"white",transform:"translate(0 0.21875)",__self:void 0,__source:{fileName:UA,lineNumber:50}})))))),t.createElement("span",{className:"paragraph2Regular",__self:void 0,__source:{fileName:UA,lineNumber:58}},e.label)),t.createElement("svg",{className:"accordion-caret",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",__self:void 0,__source:{fileName:UA,lineNumber:61}},t.createElement("g",{clipPath:"url(#clip0_773_29783)",__self:void 0,__source:{fileName:UA,lineNumber:62}},t.createElement("path",{d:"M17.0002 9.38875C16.8128 9.2025 16.5594 9.09796 16.2952 9.09796C16.031 9.09796 15.7776 9.2025 15.5902 9.38875L12.0002 12.9288L8.46019 9.38875C8.27283 9.2025 8.01938 9.09796 7.75519 9.09796C7.49101 9.09796 7.23756 9.2025 7.05019 9.38875C6.95646 9.48172 6.88207 9.59232 6.8313 9.71418C6.78053 9.83604 6.75439 9.96674 6.75439 10.0988C6.75439 10.2308 6.78053 10.3615 6.8313 10.4833C6.88207 10.6052 6.95646 10.7158 7.05019 10.8088L11.2902 15.0488C11.3832 15.1425 11.4938 15.2169 11.6156 15.2676C11.7375 15.3184 11.8682 15.3446 12.0002 15.3446C12.1322 15.3446 12.2629 15.3184 12.3848 15.2676C12.5066 15.2169 12.6172 15.1425 12.7102 15.0488L17.0002 10.8088C17.0939 10.7158 17.1683 10.6052 17.2191 10.4833C17.2699 10.3615 17.296 10.2308 17.296 10.0988C17.296 9.96674 17.2699 9.83604 17.2191 9.71418C17.1683 9.59232 17.0939 9.48172 17.0002 9.38875Z",fill:"#070B12",__self:void 0,__source:{fileName:UA,lineNumber:63}})),t.createElement("defs",{__self:void 0,__source:{fileName:UA,lineNumber:65}},t.createElement("clipPath",{id:"clip0_773_29783",__self:void 0,__source:{fileName:UA,lineNumber:66}},t.createElement("rect",{width:"24",height:"24",fill:"white",transform:"translate(0 0.21875)",__self:void 0,__source:{fileName:UA,lineNumber:67}}))))),t.createElement("div",{className:"accordion-content "+(s===i?"expanded":""),__self:void 0,__source:{fileName:UA,lineNumber:72}},e.content)))))},GA=l.div`
|
|
5019
|
+
display: flex;
|
|
5020
|
+
flex-direction: column;
|
|
5021
|
+
gap: 12px;
|
|
5022
|
+
position: relative;
|
|
5023
|
+
label{
|
|
5024
|
+
color: ${a["neutral-900"]};
|
|
5025
|
+
}
|
|
5026
|
+
.file-input{
|
|
5027
|
+
position: absolute;
|
|
5028
|
+
bottom: 0;
|
|
5029
|
+
left: 0;
|
|
5030
|
+
width: 1px;
|
|
5031
|
+
height: 1px;
|
|
5032
|
+
margin: -1px;
|
|
5033
|
+
}
|
|
5034
|
+
.file-selector-field{
|
|
5035
|
+
display: flex;
|
|
5036
|
+
gap: 4px;
|
|
5037
|
+
width: 100%;
|
|
5038
|
+
}
|
|
5039
|
+
.file-selector{
|
|
5040
|
+
color: ${a["neutral-400"]};
|
|
5041
|
+
//padding: 13px 16px;
|
|
5042
|
+
display: flex;
|
|
5043
|
+
align-items: center;
|
|
5044
|
+
background: white;
|
|
5045
|
+
border: 1px solid ${a["neutral-200"]};
|
|
5046
|
+
border-radius: 8px;
|
|
5047
|
+
width: 100%;
|
|
5048
|
+
transition: 0.3s;
|
|
5049
|
+
}
|
|
5050
|
+
.selected{
|
|
5051
|
+
color: ${a["neutral-900"]};
|
|
5052
|
+
border: 1px solid ${a["success-500"]};
|
|
5053
|
+
}
|
|
5054
|
+
.error{
|
|
5055
|
+
border: 1px solid ${a["error-500"]};
|
|
5056
|
+
}
|
|
5057
|
+
`,WA=l.div`
|
|
5058
|
+
display: flex;
|
|
5059
|
+
align-items: center;
|
|
5060
|
+
gap: 4px;
|
|
5061
|
+
color: ${a["error-500"]};
|
|
5062
|
+
`,TA="D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\FileUpload\\FileUpdload.tsx",KA=({label:e,required:n,value:l,onChange:a})=>{const[s,d]=i(null),[u,f]=i(""),[m,h]=i(!0),b=o(null);return r((()=>{m?h(!1):f(n?s?"selected":"error":"selected")}),[s]),r((()=>{l&&l.name&&d(l)}),[l]),t.createElement(t.Fragment,null,t.createElement(GA,{__self:void 0,__source:{fileName:TA,lineNumber:37}},e&&t.createElement("label",{className:"paragraph2Medium",__self:void 0,__source:{fileName:TA,lineNumber:38}},e),t.createElement("div",{className:"file-selector-field success",__self:void 0,__source:{fileName:TA,lineNumber:39}},t.createElement("input",{type:"file",className:"file-input",ref:b,required:!s&&n,onInvalid:()=>{s||f("error")},onChange:e=>{d(e.target.files[0]),a(e.target.files[0])},__self:void 0,__source:{fileName:TA,lineNumber:40}}),t.createElement("button",{type:"button",className:`${u} paragraph2Regular file-selector`,__self:void 0,__source:{fileName:TA,lineNumber:48}},s?s.name:"No file selected"),t.createElement(c,{type:"button",variant:"primary",size:"lg",width:"fit-content",onClick:()=>{b.current.click()},__self:void 0,__source:{fileName:TA,lineNumber:49}},"Select File"))),"error"===u&&t.createElement(WA,{className:"paragraph1Regular",__self:void 0,__source:{fileName:TA,lineNumber:52}},t.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",__self:void 0,__source:{fileName:TA,lineNumber:53}},t.createElement("g",{clipPath:"url(#clip0_299_2778)",__self:void 0,__source:{fileName:TA,lineNumber:54}},t.createElement("path",{d:"M8.00006 10.6667C7.86821 10.6667 7.73931 10.7058 7.62968 10.779C7.52005 10.8523 7.4346 10.9564 7.38414 11.0782C7.33368 11.2 7.32048 11.3341 7.3462 11.4634C7.37193 11.5927 7.43542 11.7115 7.52866 11.8048C7.62189 11.898 7.74068 11.9615 7.87 11.9872C7.99932 12.0129 8.13336 11.9997 8.25518 11.9493C8.377 11.8988 8.48112 11.8134 8.55437 11.7037C8.62763 11.5941 8.66673 11.4652 8.66673 11.3334C8.66673 11.1565 8.59649 10.987 8.47146 10.8619C8.34644 10.7369 8.17687 10.6667 8.00006 10.6667ZM15.1134 11.6467L9.74673 2.31335C9.57326 2.00236 9.31992 1.74332 9.01285 1.563C8.70579 1.38267 8.35615 1.2876 8.00006 1.2876C7.64396 1.2876 7.29433 1.38267 6.98726 1.563C6.6802 1.74332 6.42686 2.00236 6.25339 2.31335L0.92006 11.6467C0.74059 11.9494 0.644155 12.294 0.640489 12.6459C0.636824 12.9978 0.726058 13.3444 0.899184 13.6507C1.07231 13.9571 1.3232 14.2123 1.62652 14.3907C1.92984 14.5691 2.27485 14.6643 2.62673 14.6667H13.3734C13.7281 14.6702 14.0773 14.5793 14.3853 14.4033C14.6933 14.2273 14.949 13.9726 15.126 13.6652C15.3031 13.3579 15.3953 13.009 15.3931 12.6542C15.3908 12.2995 15.2943 11.9518 15.1134 11.6467ZM13.9601 12.98C13.9016 13.084 13.8164 13.1704 13.7132 13.2302C13.61 13.29 13.4927 13.321 13.3734 13.32H2.62673C2.50747 13.321 2.39013 13.29 2.28694 13.2302C2.18375 13.1704 2.0985 13.084 2.04006 12.98C1.98155 12.8787 1.95074 12.7637 1.95074 12.6467C1.95074 12.5297 1.98155 12.4147 2.04006 12.3134L7.37339 2.98002C7.42934 2.87082 7.51433 2.77917 7.61902 2.71518C7.72371 2.65119 7.84403 2.61733 7.96673 2.61733C8.08942 2.61733 8.20974 2.65119 8.31443 2.71518C8.41912 2.77917 8.50411 2.87082 8.56006 2.98002L13.9267 12.3134C13.9929 12.4132 14.0309 12.5291 14.0367 12.6488C14.0426 12.7684 14.0161 12.8875 13.9601 12.9934V12.98ZM8.00006 5.33335C7.82325 5.33335 7.65368 5.40359 7.52866 5.52861C7.40363 5.65364 7.33339 5.82321 7.33339 6.00002V8.66669C7.33339 8.8435 7.40363 9.01307 7.52866 9.13809C7.65368 9.26311 7.82325 9.33335 8.00006 9.33335C8.17687 9.33335 8.34644 9.26311 8.47146 9.13809C8.59649 9.01307 8.66673 8.8435 8.66673 8.66669V6.00002C8.66673 5.82321 8.59649 5.65364 8.47146 5.52861C8.34644 5.40359 8.17687 5.33335 8.00006 5.33335Z",fill:"#F80000",__self:void 0,__source:{fileName:TA,lineNumber:55}})),t.createElement("defs",{__self:void 0,__source:{fileName:TA,lineNumber:57}},t.createElement("clipPath",{id:"clip0_299_2778",__self:void 0,__source:{fileName:TA,lineNumber:58}},t.createElement("rect",{width:"16",height:"16",fill:"white",__self:void 0,__source:{fileName:TA,lineNumber:59}})))),t.createElement("p",{__self:void 0,__source:{fileName:TA,lineNumber:63}},"This field is required")))},XA=l.div`
|
|
5063
|
+
display: flex;
|
|
5064
|
+
flex-direction: column;
|
|
5065
|
+
gap: 4px;
|
|
5066
|
+
label{
|
|
5067
|
+
color: ${a["neutral-900"]};
|
|
5068
|
+
}
|
|
5069
|
+
span{
|
|
5070
|
+
color: ${a["neutral-600"]};
|
|
5071
|
+
}
|
|
5072
|
+
`;l.div`
|
|
5073
|
+
display: flex;
|
|
5074
|
+
flex-direction: column;
|
|
5075
|
+
gap: 12px;
|
|
5076
|
+
`;const qA=l.input`
|
|
5077
|
+
border: none;
|
|
5078
|
+
left: 0;
|
|
5079
|
+
right: 0;
|
|
5080
|
+
height: 100%;
|
|
5081
|
+
position: absolute;
|
|
5082
|
+
font-size: 16px;
|
|
5083
|
+
padding: 0 16px;
|
|
5084
|
+
width: 100%;
|
|
5085
|
+
&:focus,&:focus-within{
|
|
5086
|
+
outline: none;
|
|
5087
|
+
}
|
|
5088
|
+
&::placeholder{
|
|
5089
|
+
color: ${a["neutral-400"]};
|
|
5090
|
+
}
|
|
5091
|
+
&:disabled{
|
|
5092
|
+
background: ${a.white};
|
|
5093
|
+
cursor: not-allowed;
|
|
5094
|
+
pointer-events: none;
|
|
5095
|
+
}
|
|
5096
|
+
&:disabled&::placeholder{
|
|
5097
|
+
color: ${a["neutral-100"]};
|
|
5098
|
+
}
|
|
5099
|
+
`,JA=l.div`
|
|
5100
|
+
position: relative;
|
|
5101
|
+
height: 50px;
|
|
5102
|
+
//width: 430px;
|
|
5103
|
+
border-radius: 8px;
|
|
5104
|
+
border: 1px solid ${a["neutral-200"]};
|
|
5105
|
+
display: flex;
|
|
5106
|
+
align-items: center;
|
|
5107
|
+
justify-content: space-between;
|
|
5108
|
+
overflow: hidden;
|
|
5109
|
+
transition: 300ms ease-out;
|
|
5110
|
+
box-sizing: border-box;
|
|
5111
|
+
&:hover{
|
|
5112
|
+
border: 1px solid ${a["primary-300"]};
|
|
5113
|
+
}
|
|
5114
|
+
&:focus,&:focus-within{
|
|
5115
|
+
border: 1px solid ${a["primary-500"]};
|
|
5116
|
+
outline: none;
|
|
5117
|
+
}
|
|
5118
|
+
&.success{
|
|
5119
|
+
border: 1px solid ${a["success-500"]};
|
|
5120
|
+
}
|
|
5121
|
+
&.error{
|
|
5122
|
+
border: 1px solid ${a["error-500"]};
|
|
5123
|
+
}
|
|
5124
|
+
.disabled{
|
|
5125
|
+
pointer-events: none;
|
|
5126
|
+
}
|
|
5127
|
+
`,$A=l.p`
|
|
5128
|
+
color: ${a["error-500"]};
|
|
5129
|
+
margin: 0;
|
|
5130
|
+
display: flex;
|
|
5131
|
+
gap: 8px;
|
|
5132
|
+
justify-content: start;
|
|
5133
|
+
align-items: center;
|
|
5134
|
+
`,ep="D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\EmailField\\EmailField.tsx",tp=e=>{let{label:n,subtext:l,disabled:s,required:c,width:d,value:u}=e;const[f,m]=t.useState(""),[h,b]=i(u),[A,p]=t.useState(!1),[g,C]=i(""),v=o();function x(){h?/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)*(\.[a-zA-Z]{2,})$/.test(h)?(m("success"),p(!1),C("")):(m("error"),p(!0),C("Enter a valid email address")):(m(""),c&&(m("error"),p(!0),C("This field is required")))}r((()=>{b(u)}),[u]);return t.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},__self:void 0,__source:{fileName:ep,lineNumber:52}},n&&t.createElement(XA,{__self:void 0,__source:{fileName:ep,lineNumber:54}},t.createElement("label",{className:"paragraph2Medium",__self:void 0,__source:{fileName:ep,lineNumber:55}},n),l&&t.createElement("span",{className:"paragraph1Regular",__self:void 0,__source:{fileName:ep,lineNumber:56}},l)),t.createElement(JA,{className:`${f} ${s?"disabled":""}`,style:{width:d||"100%",border:s?`1px solid ${a["neutral-100"]}`:""},__self:void 0,__source:{fileName:ep,lineNumber:59}},t.createElement(qA,{type:"email",ref:v,onBlur:x,onInvalid:x,value:h,onChange:e=>{b(e.target.value)},...e,__self:void 0,__source:{fileName:ep,lineNumber:60}})),g&&t.createElement($A,{__self:void 0,__source:{fileName:ep,lineNumber:63}},t.createElement("svg",{width:"16",height:"14",viewBox:"0 0 16 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",__self:void 0,__source:{fileName:ep,lineNumber:65}},t.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:void 0,__source:{fileName:ep,lineNumber:66}})),g&&t.createElement("span",{className:"paragraph1Regular",__self:void 0,__source:{fileName:ep,lineNumber:68}},g)))};export{ZA as Accordion,m as ActionFailed,p as ActionSuccess,M as AppActionsTable,I as AppFormsTable,z as AppModulesTable,Z as AuditLog,te as BankAccounts,ae as BankSelector,Wm as BidsCards,de as BreadcrumbBar,pe as BrokersTable,c as Button,q as ButtonOutline,Xa as Chart,os as ChartMedium,fs as ChartSmall,Cs as CookieConsent,Ds as CountrySelector,Ls as CurrencyPairs,js as DatePicker,Xs as DateRangePicker,$s as DisplayField,sc as DropdownList,tp as EmailField,mc as ExchangeRates,KA as FileUpload,Ac as FooterNew,wc as Indices,Lc as LPRequestTable,Sc as LPSideNav,ud as LPTopBar,Mc as LoadingShimmer,$ as LoadingSpinner,Nd as MarketData,Od as MarketMovers,zd as MenuBar,Td as NewsCard,Jd as NewsFilterBar,tu as NewsSourceTag,nu as NewsTitleBar,uu as PasswordField,pu as PaymentMethodsTable,yh as PhoneInput,Eu as PopupModal,Hu as ProvidersTable,Vu as RateHistory,Xu as RequestForm,tf as Ribbon,Qm as SSXBar,of as SearchBar,sf as SearchResultsBar,sh as Selector,Af as SideModal,Ef as SmallNewsCard,Bu as StatusBadge,hh as StepProgress,Lf as StocksTicker,Vf as SystemConfigTable,Id as Tab,Gf as Table,eh as TableAlternative,qm as TablePrimary,Jf as TextArea,Tu as TextField,YA as Tooltip,rm as TransactionDetails,am as TransactionDetailsWithPayment,hm as UpdateUserActions,xm as UserActions,Mm as UserRolesTable,Im as UsersTable,Om as WidgetTitle};
|
|
5018
5135
|
//# sourceMappingURL=index.es.js.map
|