@secondstaxorg/sscomp 2.0.69 → 2.0.72
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 +105 -107
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +2 -2
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/DateRangePicker/type.d.ts +1 -1
package/dist/index.js
CHANGED
|
@@ -19305,7 +19305,6 @@ const DateRangePicker = ({ selectedDateRange,label,subtext ,placeholder,showActi
|
|
|
19305
19305
|
const ddRef = React$1.useRef(null);
|
|
19306
19306
|
const ccRef = React$1.useRef(null);
|
|
19307
19307
|
|
|
19308
|
-
|
|
19309
19308
|
React$1.useEffect(()=>{
|
|
19310
19309
|
function openCalendar(){
|
|
19311
19310
|
setTimeout(()=>{
|
|
@@ -19330,13 +19329,11 @@ const DateRangePicker = ({ selectedDateRange,label,subtext ,placeholder,showActi
|
|
|
19330
19329
|
|
|
19331
19330
|
|
|
19332
19331
|
React$1.useEffect(() => {
|
|
19333
|
-
|
|
19334
19332
|
function clickOutside(e) {
|
|
19335
19333
|
const calendarComponent = ccRef.current;
|
|
19336
19334
|
const yearMonthHeader = (document ).querySelector('.year-view');
|
|
19337
|
-
if (ddRef.current.contains(e.target)) return
|
|
19338
|
-
|
|
19339
|
-
|
|
19335
|
+
if (ddRef.current && ddRef.current.contains(e.target)) return
|
|
19336
|
+
|
|
19340
19337
|
if (calendarComponent && yearMonthHeader) {
|
|
19341
19338
|
if (calendarComponent.contains(e.target ) || yearMonthHeader.contains(e.target )) {
|
|
19342
19339
|
if (readonly) return
|
|
@@ -19441,17 +19438,17 @@ const DateRangePicker = ({ selectedDateRange,label,subtext ,placeholder,showActi
|
|
|
19441
19438
|
if (readonly) return
|
|
19442
19439
|
setShowCalendar(true);
|
|
19443
19440
|
},3);
|
|
19444
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19441
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 158}}, i));
|
|
19445
19442
|
}
|
|
19446
19443
|
return years
|
|
19447
19444
|
};
|
|
19448
19445
|
|
|
19449
19446
|
return (
|
|
19450
|
-
React$1.createElement(YearPickerContainer, {__self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19451
|
-
, React$1.createElement('div', { className: "header cal-header" , __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19452
|
-
, React$1.createElement('button', { type: "button", onClick: handlePreviousRange, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19453
|
-
, React$1.createElement('svg', { width: "20", height: "20", viewBox: "0 0 20 20" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19454
|
-
, React$1.createElement('path', { d: "M6.29 9.29C6.19896 9.3851 6.12759 9.49725 6.08 9.62C5.97998 9.86346 5.97998 10.1365 6.08 10.38C6.12759 10.5028 6.19896 10.6149 6.29 10.71L9.29 13.71C9.4783 13.8983 9.7337 14.0041 10 14.0041C10.2663 14.0041 10.5217 13.8983 10.71 13.71C10.8983 13.5217 11.0041 13.2663 11.0041 13C11.0041 12.7337 10.8983 12.4783 10.71 12.29L9.41 11H13C13.2652 11 13.5196 10.8946 13.7071 10.7071C13.8946 10.5196 14 10.2652 14 10C14 9.73478 13.8946 9.48043 13.7071 9.29289C13.5196 9.10536 13.2652 9 13 9H9.41L10.71 7.71C10.8037 7.61704 10.8781 7.50644 10.9289 7.38458C10.9797 7.26272 11.0058 7.13201 11.0058 7C11.0058 6.86799 10.9797 6.73728 10.9289 6.61542C10.8781 6.49356 10.8037 6.38296 10.71 6.29C10.617 6.19627 10.5064 6.12188 10.3846 6.07111C10.2627 6.02034 10.132 5.9942 10 5.9942C9.86799 5.9942 9.73728 6.02034 9.61542 6.07111C9.49356 6.12188 9.38296 6.19627 9.29 6.29L6.29 9.29ZM0 10C0 11.9778 0.58649 13.9112 1.6853 15.5557C2.78412 17.2002 4.3459 18.4819 6.17317 19.2388C8.00043 19.9957 10.0111 20.1937 11.9509 19.8079C13.8907 19.422 15.6725 18.4696 17.0711 17.0711C18.4696 15.6725 19.422 13.8907 19.8079 11.9509C20.1937 10.0111 19.9957 8.00043 19.2388 6.17317C18.4819 4.3459 17.2002 2.78412 15.5557 1.6853C13.9112 0.58649 11.9778 0 10 0C8.68678 0 7.38642 0.258658 6.17317 0.761205C4.95991 1.26375 3.85752 2.00035 2.92893 2.92893C1.05357 4.8043 0 7.34784 0 10ZM18 10C18 11.5823 17.5308 13.129 16.6518 14.4446C15.7727 15.7602 14.5233 16.7855 13.0615 17.391C11.5997 17.9965 9.99113 18.155 8.43928 17.8463C6.88743 17.5376 5.46197 16.7757 4.34315 15.6569C3.22433 14.538 2.4624 13.1126 2.15372 11.5607C1.84504 10.0089 2.00346 8.40034 2.60896 6.93853C3.21447 5.47672 4.23984 4.22729 5.55544 3.34824C6.87103 2.46919 8.41775 2 10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19447
|
+
React$1.createElement(YearPickerContainer, {__self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 172}}
|
|
19448
|
+
, React$1.createElement('div', { className: "header cal-header" , __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 173}}
|
|
19449
|
+
, React$1.createElement('button', { type: "button", onClick: handlePreviousRange, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 174}}
|
|
19450
|
+
, React$1.createElement('svg', { width: "20", height: "20", viewBox: "0 0 20 20" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 175}}
|
|
19451
|
+
, React$1.createElement('path', { d: "M6.29 9.29C6.19896 9.3851 6.12759 9.49725 6.08 9.62C5.97998 9.86346 5.97998 10.1365 6.08 10.38C6.12759 10.5028 6.19896 10.6149 6.29 10.71L9.29 13.71C9.4783 13.8983 9.7337 14.0041 10 14.0041C10.2663 14.0041 10.5217 13.8983 10.71 13.71C10.8983 13.5217 11.0041 13.2663 11.0041 13C11.0041 12.7337 10.8983 12.4783 10.71 12.29L9.41 11H13C13.2652 11 13.5196 10.8946 13.7071 10.7071C13.8946 10.5196 14 10.2652 14 10C14 9.73478 13.8946 9.48043 13.7071 9.29289C13.5196 9.10536 13.2652 9 13 9H9.41L10.71 7.71C10.8037 7.61704 10.8781 7.50644 10.9289 7.38458C10.9797 7.26272 11.0058 7.13201 11.0058 7C11.0058 6.86799 10.9797 6.73728 10.9289 6.61542C10.8781 6.49356 10.8037 6.38296 10.71 6.29C10.617 6.19627 10.5064 6.12188 10.3846 6.07111C10.2627 6.02034 10.132 5.9942 10 5.9942C9.86799 5.9942 9.73728 6.02034 9.61542 6.07111C9.49356 6.12188 9.38296 6.19627 9.29 6.29L6.29 9.29ZM0 10C0 11.9778 0.58649 13.9112 1.6853 15.5557C2.78412 17.2002 4.3459 18.4819 6.17317 19.2388C8.00043 19.9957 10.0111 20.1937 11.9509 19.8079C13.8907 19.422 15.6725 18.4696 17.0711 17.0711C18.4696 15.6725 19.422 13.8907 19.8079 11.9509C20.1937 10.0111 19.9957 8.00043 19.2388 6.17317C18.4819 4.3459 17.2002 2.78412 15.5557 1.6853C13.9112 0.58649 11.9778 0 10 0C8.68678 0 7.38642 0.258658 6.17317 0.761205C4.95991 1.26375 3.85752 2.00035 2.92893 2.92893C1.05357 4.8043 0 7.34784 0 10ZM18 10C18 11.5823 17.5308 13.129 16.6518 14.4446C15.7727 15.7602 14.5233 16.7855 13.0615 17.391C11.5997 17.9965 9.99113 18.155 8.43928 17.8463C6.88743 17.5376 5.46197 16.7757 4.34315 15.6569C3.22433 14.538 2.4624 13.1126 2.15372 11.5607C1.84504 10.0089 2.00346 8.40034 2.60896 6.93853C3.21447 5.47672 4.23984 4.22729 5.55544 3.34824C6.87103 2.46919 8.41775 2 10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 176}})
|
|
19455
19452
|
)
|
|
19456
19453
|
)
|
|
19457
19454
|
, React$1.createElement('button', { type: "button", className: "month-year", onClick: ()=>{
|
|
@@ -19460,19 +19457,19 @@ const DateRangePicker = ({ selectedDateRange,label,subtext ,placeholder,showActi
|
|
|
19460
19457
|
if (readonly) return
|
|
19461
19458
|
setShowCalendar(true);
|
|
19462
19459
|
},3);
|
|
19463
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19460
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 179}}
|
|
19464
19461
|
, monthYear
|
|
19465
|
-
, React$1.createElement('svg', { className: "year-view", width: "12", height: "8", viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19466
|
-
, React$1.createElement('path', { d: "M11 1.17C10.8126 0.983753 10.5592 0.879211 10.295 0.879211C10.0308 0.879211 9.77737 0.983753 9.59001 1.17L6.00001 4.71L2.46001 1.17C2.27265 0.983753 2.0192 0.879211 1.75501 0.879211C1.49082 0.879211 1.23737 0.983753 1.05001 1.17C0.956281 1.26297 0.881887 1.37357 0.831118 1.49543C0.780349 1.61729 0.754211 1.74799 0.754211 1.88C0.754211 2.01202 0.780349 2.14272 0.831118 2.26458C0.881887 2.38644 0.956281 2.49704 1.05001 2.59L5.29001 6.83C5.38297 6.92373 5.49357 6.99813 5.61543 7.04889C5.73729 7.09966 5.868 7.1258 6.00001 7.1258C6.13202 7.1258 6.26273 7.09966 6.38459 7.04889C6.50645 6.99813 6.61705 6.92373 6.71001 6.83L11 2.59C11.0937 2.49704 11.1681 2.38644 11.2189 2.26458C11.2697 2.14272 11.2958 2.01202 11.2958 1.88C11.2958 1.74799 11.2697 1.61729 11.2189 1.49543C11.1681 1.37357 11.0937 1.26297 11 1.17Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19462
|
+
, React$1.createElement('svg', { className: "year-view", width: "12", height: "8", viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 187}}
|
|
19463
|
+
, React$1.createElement('path', { d: "M11 1.17C10.8126 0.983753 10.5592 0.879211 10.295 0.879211C10.0308 0.879211 9.77737 0.983753 9.59001 1.17L6.00001 4.71L2.46001 1.17C2.27265 0.983753 2.0192 0.879211 1.75501 0.879211C1.49082 0.879211 1.23737 0.983753 1.05001 1.17C0.956281 1.26297 0.881887 1.37357 0.831118 1.49543C0.780349 1.61729 0.754211 1.74799 0.754211 1.88C0.754211 2.01202 0.780349 2.14272 0.831118 2.26458C0.881887 2.38644 0.956281 2.49704 1.05001 2.59L5.29001 6.83C5.38297 6.92373 5.49357 6.99813 5.61543 7.04889C5.73729 7.09966 5.868 7.1258 6.00001 7.1258C6.13202 7.1258 6.26273 7.09966 6.38459 7.04889C6.50645 6.99813 6.61705 6.92373 6.71001 6.83L11 2.59C11.0937 2.49704 11.1681 2.38644 11.2189 2.26458C11.2697 2.14272 11.2958 2.01202 11.2958 1.88C11.2958 1.74799 11.2697 1.61729 11.2189 1.49543C11.1681 1.37357 11.0937 1.26297 11 1.17Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 188}})
|
|
19467
19464
|
)
|
|
19468
19465
|
)
|
|
19469
|
-
, React$1.createElement('button', { type: "button", onClick: handleNextRange, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19470
|
-
, React$1.createElement('svg', { width: "20", height: "20", viewBox: "0 0 20 20" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19471
|
-
, React$1.createElement('path', { d: "M13.71 10.71C13.801 10.6149 13.8724 10.5028 13.92 10.38C14.02 10.1365 14.02 9.86347 13.92 9.62C13.8724 9.49725 13.801 9.38511 13.71 9.29L10.71 6.29C10.5217 6.1017 10.2663 5.99591 10 5.99591C9.7337 5.99591 9.47831 6.1017 9.29 6.29C9.1017 6.47831 8.99591 6.7337 8.99591 7C8.99591 7.26631 9.1017 7.5217 9.29 7.71L10.59 9H7C6.73479 9 6.48043 9.10536 6.2929 9.2929C6.10536 9.48043 6 9.73479 6 10C6 10.2652 6.10536 10.5196 6.2929 10.7071C6.48043 10.8946 6.73479 11 7 11H10.59L9.29 12.29C9.19628 12.383 9.12188 12.4936 9.07111 12.6154C9.02034 12.7373 8.99421 12.868 8.99421 13C8.99421 13.132 9.02034 13.2627 9.07111 13.3846C9.12188 13.5064 9.19628 13.617 9.29 13.71C9.38297 13.8037 9.49357 13.8781 9.61543 13.9289C9.73729 13.9797 9.86799 14.0058 10 14.0058C10.132 14.0058 10.2627 13.9797 10.3846 13.9289C10.5064 13.8781 10.617 13.8037 10.71 13.71L13.71 10.71ZM20 10C20 8.02219 19.4135 6.08879 18.3147 4.4443C17.2159 2.79981 15.6541 1.51809 13.8268 0.761209C11.9996 0.00433284 9.98891 -0.193701 8.0491 0.192152C6.10929 0.578004 4.32746 1.53041 2.92894 2.92894C1.53041 4.32746 0.578004 6.10929 0.192152 8.0491C-0.193701 9.98891 0.00433284 11.9996 0.761209 13.8268C1.51809 15.6541 2.79981 17.2159 4.4443 18.3147C6.08879 19.4135 8.02219 20 10 20C12.6522 20 15.1957 18.9464 17.0711 17.0711C18.9464 15.1957 20 12.6522 20 10ZM2 10C2 8.41775 2.4692 6.87104 3.34825 5.55544C4.2273 4.23985 5.47673 3.21447 6.93854 2.60897C8.40035 2.00347 10.0089 1.84504 11.5607 2.15372C13.1126 2.4624 14.538 3.22433 15.6569 4.34315C16.7757 5.46197 17.5376 6.88743 17.8463 8.43928C18.155 9.99113 17.9965 11.5997 17.391 13.0615C16.7855 14.5233 15.7602 15.7727 14.4446 16.6518C13.129 17.5308 11.5823 18 10 18C7.87827 18 5.84344 17.1572 4.34315 15.6569C2.84286 14.1566 2 12.1217 2 10Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19466
|
+
, React$1.createElement('button', { type: "button", onClick: handleNextRange, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 191}}
|
|
19467
|
+
, React$1.createElement('svg', { width: "20", height: "20", viewBox: "0 0 20 20" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 192}}
|
|
19468
|
+
, React$1.createElement('path', { d: "M13.71 10.71C13.801 10.6149 13.8724 10.5028 13.92 10.38C14.02 10.1365 14.02 9.86347 13.92 9.62C13.8724 9.49725 13.801 9.38511 13.71 9.29L10.71 6.29C10.5217 6.1017 10.2663 5.99591 10 5.99591C9.7337 5.99591 9.47831 6.1017 9.29 6.29C9.1017 6.47831 8.99591 6.7337 8.99591 7C8.99591 7.26631 9.1017 7.5217 9.29 7.71L10.59 9H7C6.73479 9 6.48043 9.10536 6.2929 9.2929C6.10536 9.48043 6 9.73479 6 10C6 10.2652 6.10536 10.5196 6.2929 10.7071C6.48043 10.8946 6.73479 11 7 11H10.59L9.29 12.29C9.19628 12.383 9.12188 12.4936 9.07111 12.6154C9.02034 12.7373 8.99421 12.868 8.99421 13C8.99421 13.132 9.02034 13.2627 9.07111 13.3846C9.12188 13.5064 9.19628 13.617 9.29 13.71C9.38297 13.8037 9.49357 13.8781 9.61543 13.9289C9.73729 13.9797 9.86799 14.0058 10 14.0058C10.132 14.0058 10.2627 13.9797 10.3846 13.9289C10.5064 13.8781 10.617 13.8037 10.71 13.71L13.71 10.71ZM20 10C20 8.02219 19.4135 6.08879 18.3147 4.4443C17.2159 2.79981 15.6541 1.51809 13.8268 0.761209C11.9996 0.00433284 9.98891 -0.193701 8.0491 0.192152C6.10929 0.578004 4.32746 1.53041 2.92894 2.92894C1.53041 4.32746 0.578004 6.10929 0.192152 8.0491C-0.193701 9.98891 0.00433284 11.9996 0.761209 13.8268C1.51809 15.6541 2.79981 17.2159 4.4443 18.3147C6.08879 19.4135 8.02219 20 10 20C12.6522 20 15.1957 18.9464 17.0711 17.0711C18.9464 15.1957 20 12.6522 20 10ZM2 10C2 8.41775 2.4692 6.87104 3.34825 5.55544C4.2273 4.23985 5.47673 3.21447 6.93854 2.60897C8.40035 2.00347 10.0089 1.84504 11.5607 2.15372C13.1126 2.4624 14.538 3.22433 15.6569 4.34315C16.7757 5.46197 17.5376 6.88743 17.8463 8.43928C18.155 9.99113 17.9965 11.5997 17.391 13.0615C16.7855 14.5233 15.7602 15.7727 14.4446 16.6518C13.129 17.5308 11.5823 18 10 18C7.87827 18 5.84344 17.1572 4.34315 15.6569C2.84286 14.1566 2 12.1217 2 10Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 193}})
|
|
19472
19469
|
)
|
|
19473
19470
|
)
|
|
19474
19471
|
)
|
|
19475
|
-
, React$1.createElement('div', { className: "years-grid", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19472
|
+
, React$1.createElement('div', { className: "years-grid", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 197}}
|
|
19476
19473
|
, renderYears()
|
|
19477
19474
|
)
|
|
19478
19475
|
)
|
|
@@ -19520,7 +19517,7 @@ const DateRangePicker = ({ selectedDateRange,label,subtext ,placeholder,showActi
|
|
|
19520
19517
|
}
|
|
19521
19518
|
|
|
19522
19519
|
calendar.push(
|
|
19523
|
-
React$1.createElement('div', { key: i, className: additionalClasses, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19520
|
+
React$1.createElement('div', { key: i, className: additionalClasses, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 246}}
|
|
19524
19521
|
, otherMonthDate.getDate()
|
|
19525
19522
|
)
|
|
19526
19523
|
);
|
|
@@ -19551,7 +19548,7 @@ const DateRangePicker = ({ selectedDateRange,label,subtext ,placeholder,showActi
|
|
|
19551
19548
|
onClick: ()=>{
|
|
19552
19549
|
if (disableFutureDays && dateToTime > new Date().getTime() || disablePastDays && dateToTime + 86400000 < new Date().getTime()) return
|
|
19553
19550
|
handleClick();
|
|
19554
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19551
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 271}}
|
|
19555
19552
|
|
|
19556
19553
|
, day
|
|
19557
19554
|
)
|
|
@@ -19562,14 +19559,14 @@ const DateRangePicker = ({ selectedDateRange,label,subtext ,placeholder,showActi
|
|
|
19562
19559
|
|
|
19563
19560
|
return (
|
|
19564
19561
|
React$1.createElement(React$1.Fragment, null
|
|
19565
|
-
, React$1.createElement('div', { className: "weekdays", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19562
|
+
, React$1.createElement('div', { className: "weekdays", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 288}}
|
|
19566
19563
|
, shortWeekdays.map((weekday, index) => (
|
|
19567
|
-
React$1.createElement('div', { key: index, className: "weekday", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19564
|
+
React$1.createElement('div', { key: index, className: "weekday", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 290}}
|
|
19568
19565
|
, weekday
|
|
19569
19566
|
)
|
|
19570
19567
|
))
|
|
19571
19568
|
)
|
|
19572
|
-
, React$1.createElement('div', { className: "calendar-grid", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19569
|
+
, React$1.createElement('div', { className: "calendar-grid", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 295}}, calendar)
|
|
19573
19570
|
)
|
|
19574
19571
|
)
|
|
19575
19572
|
};
|
|
@@ -19587,16 +19584,16 @@ const DateRangePicker = ({ selectedDateRange,label,subtext ,placeholder,showActi
|
|
|
19587
19584
|
const options = {day:'2-digit',month:'short',year:'numeric'};
|
|
19588
19585
|
|
|
19589
19586
|
return (
|
|
19590
|
-
React$1.createElement(DateRangePickerComp, { className: "datepicker-comp", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19591
|
-
, !hidePickerInput && React$1.createElement('div', { className: "input-field", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19587
|
+
React$1.createElement(DateRangePickerComp, { className: "datepicker-comp", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 313}}
|
|
19588
|
+
, !hidePickerInput && React$1.createElement('div', { className: "input-field", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 314}}
|
|
19592
19589
|
, label &&
|
|
19593
|
-
React$1.createElement(InputLabel$9, {__self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19594
|
-
, React$1.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19595
|
-
, subtext && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19590
|
+
React$1.createElement(InputLabel$9, {__self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 316}}
|
|
19591
|
+
, React$1.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 317}}, label)
|
|
19592
|
+
, subtext && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 318}}, subtext)
|
|
19596
19593
|
)
|
|
19597
19594
|
|
|
19598
19595
|
, React$1.createElement(InputField$4, { ref: ddRef, className: `${showCalendar ? 'focused' : ''} ${startDate && endDate ? 'success' : ''}`,
|
|
19599
|
-
style: {width: width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19596
|
+
style: {width: width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 321}}
|
|
19600
19597
|
, React$1.createElement('input', {
|
|
19601
19598
|
type: "text",
|
|
19602
19599
|
value: startDate ? `${startDate.toLocaleDateString('en-GB', options)} - ${endDate ? endDate.toLocaleDateString('en-GB', options) : ''}` : '',
|
|
@@ -19605,7 +19602,7 @@ const DateRangePicker = ({ selectedDateRange,label,subtext ,placeholder,showActi
|
|
|
19605
19602
|
onClick: () => {
|
|
19606
19603
|
if (readonly) return
|
|
19607
19604
|
setShowCalendar(true);
|
|
19608
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19605
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 323}}
|
|
19609
19606
|
)
|
|
19610
19607
|
, !showActionButtons &&
|
|
19611
19608
|
React$1.createElement(React$1.Fragment, null
|
|
@@ -19624,12 +19621,12 @@ const DateRangePicker = ({ selectedDateRange,label,subtext ,placeholder,showActi
|
|
|
19624
19621
|
}
|
|
19625
19622
|
},100);
|
|
19626
19623
|
|
|
19627
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19624
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 337}}
|
|
19628
19625
|
|
|
19629
19626
|
/* close icon */
|
|
19630
|
-
, React$1.createElement('svg', { xmlns: "http://www.w3.org/2000/svg", width: "20px", height: "20px", viewBox: "0 0 24 24" , fill: "none", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19631
|
-
, React$1.createElement('g', {__self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19632
|
-
, React$1.createElement('path', { id: "Vector", d: "M18 18L12 12M12 12L6 6M12 12L18 6M12 12L6 18" , stroke: "#000000", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19627
|
+
, React$1.createElement('svg', { xmlns: "http://www.w3.org/2000/svg", width: "20px", height: "20px", viewBox: "0 0 24 24" , fill: "none", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 353}}
|
|
19628
|
+
, React$1.createElement('g', {__self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 354}}
|
|
19629
|
+
, React$1.createElement('path', { id: "Vector", d: "M18 18L12 12M12 12L6 6M12 12L18 6M12 12L6 18" , stroke: "#000000", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 355}})
|
|
19633
19630
|
)
|
|
19634
19631
|
)
|
|
19635
19632
|
)
|
|
@@ -19638,12 +19635,12 @@ const DateRangePicker = ({ selectedDateRange,label,subtext ,placeholder,showActi
|
|
|
19638
19635
|
React$1.createElement('button', { type: "button", onClick: () => {
|
|
19639
19636
|
if (readonly) return
|
|
19640
19637
|
setShowCalendar(!showCalendar);
|
|
19641
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19638
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 361}}
|
|
19642
19639
|
/*calendar icon*/
|
|
19643
|
-
, React$1.createElement('svg', { width: "21", height: "22", viewBox: "0 0 21 22" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19640
|
+
, React$1.createElement('svg', { width: "21", height: "22", viewBox: "0 0 21 22" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 366}}
|
|
19644
19641
|
, React$1.createElement('path', {
|
|
19645
19642
|
d: "M10.5 18C10.6978 18 10.8911 17.9414 11.0556 17.8315C11.22 17.7216 11.3482 17.5654 11.4239 17.3827C11.4996 17.2 11.5194 16.9989 11.4808 16.8049C11.4422 16.6109 11.347 16.4327 11.2071 16.2929C11.0673 16.153 10.8891 16.0578 10.6951 16.0192C10.5011 15.9806 10.3 16.0004 10.1173 16.0761C9.93459 16.1518 9.77841 16.28 9.66853 16.4444C9.55865 16.6089 9.5 16.8022 9.5 17C9.5 17.2652 9.60536 17.5196 9.79289 17.7071C9.98043 17.8946 10.2348 18 10.5 18ZM15.5 18C15.6978 18 15.8911 17.9414 16.0556 17.8315C16.22 17.7216 16.3482 17.5654 16.4239 17.3827C16.4996 17.2 16.5194 16.9989 16.4808 16.8049C16.4422 16.6109 16.347 16.4327 16.2071 16.2929C16.0673 16.153 15.8891 16.0578 15.6951 16.0192C15.5011 15.9806 15.3 16.0004 15.1173 16.0761C14.9346 16.1518 14.7784 16.28 14.6685 16.4444C14.5586 16.6089 14.5 16.8022 14.5 17C14.5 17.2652 14.6054 17.5196 14.7929 17.7071C14.9804 17.8946 15.2348 18 15.5 18ZM15.5 14C15.6978 14 15.8911 13.9414 16.0556 13.8315C16.22 13.7216 16.3482 13.5654 16.4239 13.3827C16.4996 13.2 16.5194 12.9989 16.4808 12.8049C16.4422 12.6109 16.347 12.4327 16.2071 12.2929C16.0673 12.153 15.8891 12.0578 15.6951 12.0192C15.5011 11.9806 15.3 12.0004 15.1173 12.0761C14.9346 12.1518 14.7784 12.28 14.6685 12.4444C14.5586 12.6089 14.5 12.8022 14.5 13C14.5 13.2652 14.6054 13.5196 14.7929 13.7071C14.9804 13.8946 15.2348 14 15.5 14ZM10.5 14C10.6978 14 10.8911 13.9414 11.0556 13.8315C11.22 13.7216 11.3482 13.5654 11.4239 13.3827C11.4996 13.2 11.5194 12.9989 11.4808 12.8049C11.4422 12.6109 11.347 12.4327 11.2071 12.2929C11.0673 12.153 10.8891 12.0578 10.6951 12.0192C10.5011 11.9806 10.3 12.0004 10.1173 12.0761C9.93459 12.1518 9.77841 12.28 9.66853 12.4444C9.55865 12.6089 9.5 12.8022 9.5 13C9.5 13.2652 9.60536 13.5196 9.79289 13.7071C9.98043 13.8946 10.2348 14 10.5 14ZM17.5 2H16.5V1C16.5 0.734784 16.3946 0.48043 16.2071 0.292893C16.0196 0.105357 15.7652 0 15.5 0C15.2348 0 14.9804 0.105357 14.7929 0.292893C14.6054 0.48043 14.5 0.734784 14.5 1V2H6.5V1C6.5 0.734784 6.39464 0.48043 6.20711 0.292893C6.01957 0.105357 5.76522 0 5.5 0C5.23478 0 4.98043 0.105357 4.79289 0.292893C4.60536 0.48043 4.5 0.734784 4.5 1V2H3.5C2.70435 2 1.94129 2.31607 1.37868 2.87868C0.816071 3.44129 0.5 4.20435 0.5 5V19C0.5 19.7956 0.816071 20.5587 1.37868 21.1213C1.94129 21.6839 2.70435 22 3.5 22H17.5C18.2956 22 19.0587 21.6839 19.6213 21.1213C20.1839 20.5587 20.5 19.7956 20.5 19V5C20.5 4.20435 20.1839 3.44129 19.6213 2.87868C19.0587 2.31607 18.2956 2 17.5 2ZM18.5 19C18.5 19.2652 18.3946 19.5196 18.2071 19.7071C18.0196 19.8946 17.7652 20 17.5 20H3.5C3.23478 20 2.98043 19.8946 2.79289 19.7071C2.60536 19.5196 2.5 19.2652 2.5 19V10H18.5V19ZM18.5 8H2.5V5C2.5 4.73478 2.60536 4.48043 2.79289 4.29289C2.98043 4.10536 3.23478 4 3.5 4H4.5V5C4.5 5.26522 4.60536 5.51957 4.79289 5.70711C4.98043 5.89464 5.23478 6 5.5 6C5.76522 6 6.01957 5.89464 6.20711 5.70711C6.39464 5.51957 6.5 5.26522 6.5 5V4H14.5V5C14.5 5.26522 14.6054 5.51957 14.7929 5.70711C14.9804 5.89464 15.2348 6 15.5 6C15.7652 6 16.0196 5.89464 16.2071 5.70711C16.3946 5.51957 16.5 5.26522 16.5 5V4H17.5C17.7652 4 18.0196 4.10536 18.2071 4.29289C18.3946 4.48043 18.5 4.73478 18.5 5V8ZM5.5 14C5.69778 14 5.89112 13.9414 6.05557 13.8315C6.22002 13.7216 6.34819 13.5654 6.42388 13.3827C6.49957 13.2 6.51937 12.9989 6.48079 12.8049C6.4422 12.6109 6.34696 12.4327 6.20711 12.2929C6.06725 12.153 5.88907 12.0578 5.69509 12.0192C5.50111 11.9806 5.30004 12.0004 5.11732 12.0761C4.93459 12.1518 4.77841 12.28 4.66853 12.4444C4.55865 12.6089 4.5 12.8022 4.5 13C4.5 13.2652 4.60536 13.5196 4.79289 13.7071C4.98043 13.8946 5.23478 14 5.5 14ZM5.5 18C5.69778 18 5.89112 17.9414 6.05557 17.8315C6.22002 17.7216 6.34819 17.5654 6.42388 17.3827C6.49957 17.2 6.51937 16.9989 6.48079 16.8049C6.4422 16.6109 6.34696 16.4327 6.20711 16.2929C6.06725 16.153 5.88907 16.0578 5.69509 16.0192C5.50111 15.9806 5.30004 16.0004 5.11732 16.0761C4.93459 16.1518 4.77841 16.28 4.66853 16.4444C4.55865 16.6089 4.5 16.8022 4.5 17C4.5 17.2652 4.60536 17.5196 4.79289 17.7071C4.98043 17.8946 5.23478 18 5.5 18Z" ,
|
|
19646
|
-
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19643
|
+
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 367}})
|
|
19647
19644
|
)
|
|
19648
19645
|
)
|
|
19649
19646
|
)
|
|
@@ -19653,101 +19650,101 @@ const DateRangePicker = ({ selectedDateRange,label,subtext ,placeholder,showActi
|
|
|
19653
19650
|
)
|
|
19654
19651
|
)
|
|
19655
19652
|
, showCalendar &&
|
|
19656
|
-
React$1.createElement(CalendarContainer, { ref: ccRef, className: "calendar-container", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19657
|
-
, React$1.createElement('div', { className: "calendars", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19658
|
-
, React$1.createElement('div', { className: "calendar", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19659
|
-
, React$1.createElement('div', { style: {display: !toggleStartYearPicker ? 'block' : 'none'}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19660
|
-
, React$1.createElement('div', { className: "header cal-header" , __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19653
|
+
React$1.createElement(CalendarContainer, { ref: ccRef, className: "calendar-container", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 379}}
|
|
19654
|
+
, React$1.createElement('div', { className: "calendars", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 380}}
|
|
19655
|
+
, React$1.createElement('div', { className: "calendar", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 381}}
|
|
19656
|
+
, React$1.createElement('div', { style: {display: !toggleStartYearPicker ? 'block' : 'none'}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 382}}
|
|
19657
|
+
, React$1.createElement('div', { className: "header cal-header" , __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 383}}
|
|
19661
19658
|
, React$1.createElement('button', { type: "button", className: "prev-button",
|
|
19662
|
-
onClick: () => handleStartMonthChange(-1), __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19659
|
+
onClick: () => handleStartMonthChange(-1), __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 384}}
|
|
19663
19660
|
, React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none",
|
|
19664
|
-
xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19661
|
+
xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 386}}
|
|
19665
19662
|
, React$1.createElement('path', {
|
|
19666
19663
|
d: "M3.28982 5.99995L6.82982 2.45995C7.01607 2.27259 7.12061 2.01913 7.12061 1.75495C7.12061 1.49076 7.01607 1.23731 6.82982 1.04995C6.73686 0.95622 6.62626 0.881826 6.5044 0.831057C6.38254 0.780288 6.25183 0.75415 6.11982 0.75415C5.98781 0.75415 5.8571 0.780288 5.73524 0.831057C5.61339 0.881826 5.50278 0.95622 5.40982 1.04995L1.16982 5.28995C1.07609 5.38291 1.0017 5.49351 0.950931 5.61537C0.900162 5.73723 0.874023 5.86794 0.874023 5.99995C0.874023 6.13196 0.900162 6.26267 0.950931 6.38453C1.0017 6.50638 1.07609 6.61699 1.16982 6.70995L5.40982 10.9999C5.50326 11.0926 5.61408 11.166 5.73592 11.2157C5.85775 11.2655 5.98821 11.2907 6.11982 11.2899C6.25143 11.2907 6.38189 11.2655 6.50373 11.2157C6.62557 11.166 6.73638 11.0926 6.82982 10.9999C7.01607 10.8126 7.12061 10.5591 7.12061 10.2949C7.12061 10.0308 7.01607 9.77731 6.82982 9.58995L3.28982 5.99995Z" ,
|
|
19667
|
-
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19664
|
+
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 388}})
|
|
19668
19665
|
)
|
|
19669
19666
|
)
|
|
19670
19667
|
, React$1.createElement('button', { type: "button", className: "month-year", onClick: () => {
|
|
19671
19668
|
setToggleStartYearPicker(true);
|
|
19672
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19669
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 393}}
|
|
19673
19670
|
, `${startMonthName} ${startYear}`
|
|
19674
19671
|
, React$1.createElement('svg', { className: toggleStartYearPicker ? 'year-view' : '', width: "12", height: "8",
|
|
19675
|
-
viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19672
|
+
viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 397}}
|
|
19676
19673
|
, React$1.createElement('path', {
|
|
19677
19674
|
d: "M11 1.17C10.8126 0.983753 10.5592 0.879211 10.295 0.879211C10.0308 0.879211 9.77737 0.983753 9.59001 1.17L6.00001 4.71L2.46001 1.17C2.27265 0.983753 2.0192 0.879211 1.75501 0.879211C1.49082 0.879211 1.23737 0.983753 1.05001 1.17C0.956281 1.26297 0.881887 1.37357 0.831118 1.49543C0.780349 1.61729 0.754211 1.74799 0.754211 1.88C0.754211 2.01202 0.780349 2.14272 0.831118 2.26458C0.881887 2.38644 0.956281 2.49704 1.05001 2.59L5.29001 6.83C5.38297 6.92373 5.49357 6.99813 5.61543 7.04889C5.73729 7.09966 5.868 7.1258 6.00001 7.1258C6.13202 7.1258 6.26273 7.09966 6.38459 7.04889C6.50645 6.99813 6.61705 6.92373 6.71001 6.83L11 2.59C11.0937 2.49704 11.1681 2.38644 11.2189 2.26458C11.2697 2.14272 11.2958 2.01202 11.2958 1.88C11.2958 1.74799 11.2697 1.61729 11.2189 1.49543C11.1681 1.37357 11.0937 1.26297 11 1.17Z" ,
|
|
19678
|
-
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19675
|
+
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 399}})
|
|
19679
19676
|
)
|
|
19680
19677
|
)
|
|
19681
19678
|
, React$1.createElement('button', { type: "button", className: "next-button",
|
|
19682
|
-
onClick: () => handleStartMonthChange(1), __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19679
|
+
onClick: () => handleStartMonthChange(1), __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 404}}
|
|
19683
19680
|
, React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none",
|
|
19684
|
-
xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19681
|
+
xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 406}}
|
|
19685
19682
|
, React$1.createElement('path', {
|
|
19686
19683
|
d: "M6.83019 5.28995L2.59019 1.04995C2.49722 0.95622 2.38662 0.881826 2.26476 0.831057C2.1429 0.780288 2.0122 0.75415 1.88019 0.75415C1.74818 0.75415 1.61747 0.780288 1.49561 0.831057C1.37375 0.881826 1.26315 0.95622 1.17019 1.04995C0.983936 1.23731 0.879395 1.49076 0.879395 1.75495C0.879395 2.01913 0.983936 2.27259 1.17019 2.45995L4.71019 5.99995L1.17019 9.53995C0.983936 9.72731 0.879395 9.98076 0.879395 10.2449C0.879395 10.5091 0.983936 10.7626 1.17019 10.9499C1.26363 11.0426 1.37444 11.116 1.49628 11.1657C1.61812 11.2155 1.74858 11.2407 1.88019 11.2399C2.01179 11.2407 2.14226 11.2155 2.26409 11.1657C2.38593 11.116 2.49675 11.0426 2.59019 10.9499L6.83019 6.70995C6.92392 6.61699 6.99831 6.50638 7.04908 6.38453C7.09985 6.26267 7.12599 6.13196 7.12599 5.99995C7.12599 5.86794 7.09985 5.73723 7.04908 5.61537C6.99831 5.49351 6.92392 5.38291 6.83019 5.28995Z" ,
|
|
19687
|
-
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19684
|
+
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 408}})
|
|
19688
19685
|
)
|
|
19689
19686
|
)
|
|
19690
19687
|
)
|
|
19691
19688
|
, renderCalendar(startMonth, true)
|
|
19692
19689
|
)
|
|
19693
|
-
, React$1.createElement('div', { style: {display: toggleStartYearPicker ? 'block' : 'none'}, className: "year-view", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19690
|
+
, React$1.createElement('div', { style: {display: toggleStartYearPicker ? 'block' : 'none'}, className: "year-view", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 416}}
|
|
19694
19691
|
, React$1.createElement(YearPicker, { returnedYear: (a) => {
|
|
19695
19692
|
const newDate = new Date(startMonth);
|
|
19696
19693
|
newDate.setFullYear(a);
|
|
19697
19694
|
setStartMonth(newDate);
|
|
19698
19695
|
}, monthYear: `${startMonthName} ${startYear}`, yearPickerVisible: (a) => {
|
|
19699
19696
|
setToggleStartYearPicker(a);
|
|
19700
|
-
}, selYear: startYear, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19697
|
+
}, selYear: startYear, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 417}})
|
|
19701
19698
|
)
|
|
19702
19699
|
)
|
|
19703
|
-
, React$1.createElement('div', { className: "calendar", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19704
|
-
, React$1.createElement('div', { style: {display: !toggleEndYearPicker ? 'block' : 'none'}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19705
|
-
, React$1.createElement('div', { className: "header cal-header" , __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19700
|
+
, React$1.createElement('div', { className: "calendar", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 426}}
|
|
19701
|
+
, React$1.createElement('div', { style: {display: !toggleEndYearPicker ? 'block' : 'none'}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 427}}
|
|
19702
|
+
, React$1.createElement('div', { className: "header cal-header" , __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 428}}
|
|
19706
19703
|
, React$1.createElement('button', { type: "button", className: "prev-button",
|
|
19707
|
-
onClick: () => handleEndMonthChange(-1), __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19704
|
+
onClick: () => handleEndMonthChange(-1), __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 429}}
|
|
19708
19705
|
, React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none",
|
|
19709
|
-
xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19706
|
+
xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 431}}
|
|
19710
19707
|
, React$1.createElement('path', {
|
|
19711
19708
|
d: "M3.28982 5.99995L6.82982 2.45995C7.01607 2.27259 7.12061 2.01913 7.12061 1.75495C7.12061 1.49076 7.01607 1.23731 6.82982 1.04995C6.73686 0.95622 6.62626 0.881826 6.5044 0.831057C6.38254 0.780288 6.25183 0.75415 6.11982 0.75415C5.98781 0.75415 5.8571 0.780288 5.73524 0.831057C5.61339 0.881826 5.50278 0.95622 5.40982 1.04995L1.16982 5.28995C1.07609 5.38291 1.0017 5.49351 0.950931 5.61537C0.900162 5.73723 0.874023 5.86794 0.874023 5.99995C0.874023 6.13196 0.900162 6.26267 0.950931 6.38453C1.0017 6.50638 1.07609 6.61699 1.16982 6.70995L5.40982 10.9999C5.50326 11.0926 5.61408 11.166 5.73592 11.2157C5.85775 11.2655 5.98821 11.2907 6.11982 11.2899C6.25143 11.2907 6.38189 11.2655 6.50373 11.2157C6.62557 11.166 6.73638 11.0926 6.82982 10.9999C7.01607 10.8126 7.12061 10.5591 7.12061 10.2949C7.12061 10.0308 7.01607 9.77731 6.82982 9.58995L3.28982 5.99995Z" ,
|
|
19712
|
-
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19709
|
+
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 433}})
|
|
19713
19710
|
)
|
|
19714
19711
|
)
|
|
19715
19712
|
, React$1.createElement('button', { type: "button", className: "month-year", onClick: () => {
|
|
19716
19713
|
setToggleEndYearPicker(true);
|
|
19717
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19714
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 438}}
|
|
19718
19715
|
, `${endMonthName} ${endYear}`
|
|
19719
19716
|
, React$1.createElement('svg', { className: toggleEndYearPicker ? 'year-view' : '', width: "12", height: "8",
|
|
19720
|
-
viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19717
|
+
viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 442}}
|
|
19721
19718
|
, React$1.createElement('path', {
|
|
19722
19719
|
d: "M11 1.17C10.8126 0.983753 10.5592 0.879211 10.295 0.879211C10.0308 0.879211 9.77737 0.983753 9.59001 1.17L6.00001 4.71L2.46001 1.17C2.27265 0.983753 2.0192 0.879211 1.75501 0.879211C1.49082 0.879211 1.23737 0.983753 1.05001 1.17C0.956281 1.26297 0.881887 1.37357 0.831118 1.49543C0.780349 1.61729 0.754211 1.74799 0.754211 1.88C0.754211 2.01202 0.780349 2.14272 0.831118 2.26458C0.881887 2.38644 0.956281 2.49704 1.05001 2.59L5.29001 6.83C5.38297 6.92373 5.49357 6.99813 5.61543 7.04889C5.73729 7.09966 5.868 7.1258 6.00001 7.1258C6.13202 7.1258 6.26273 7.09966 6.38459 7.04889C6.50645 6.99813 6.61705 6.92373 6.71001 6.83L11 2.59C11.0937 2.49704 11.1681 2.38644 11.2189 2.26458C11.2697 2.14272 11.2958 2.01202 11.2958 1.88C11.2958 1.74799 11.2697 1.61729 11.2189 1.49543C11.1681 1.37357 11.0937 1.26297 11 1.17Z" ,
|
|
19723
|
-
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19720
|
+
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 444}})
|
|
19724
19721
|
)
|
|
19725
19722
|
)
|
|
19726
19723
|
, React$1.createElement('button', { type: "button", className: "next-button",
|
|
19727
|
-
onClick: () => handleEndMonthChange(1), __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19724
|
+
onClick: () => handleEndMonthChange(1), __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 449}}
|
|
19728
19725
|
, React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none",
|
|
19729
|
-
xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19726
|
+
xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 451}}
|
|
19730
19727
|
, React$1.createElement('path', {
|
|
19731
19728
|
d: "M6.83019 5.28995L2.59019 1.04995C2.49722 0.95622 2.38662 0.881826 2.26476 0.831057C2.1429 0.780288 2.0122 0.75415 1.88019 0.75415C1.74818 0.75415 1.61747 0.780288 1.49561 0.831057C1.37375 0.881826 1.26315 0.95622 1.17019 1.04995C0.983936 1.23731 0.879395 1.49076 0.879395 1.75495C0.879395 2.01913 0.983936 2.27259 1.17019 2.45995L4.71019 5.99995L1.17019 9.53995C0.983936 9.72731 0.879395 9.98076 0.879395 10.2449C0.879395 10.5091 0.983936 10.7626 1.17019 10.9499C1.26363 11.0426 1.37444 11.116 1.49628 11.1657C1.61812 11.2155 1.74858 11.2407 1.88019 11.2399C2.01179 11.2407 2.14226 11.2155 2.26409 11.1657C2.38593 11.116 2.49675 11.0426 2.59019 10.9499L6.83019 6.70995C6.92392 6.61699 6.99831 6.50638 7.04908 6.38453C7.09985 6.26267 7.12599 6.13196 7.12599 5.99995C7.12599 5.86794 7.09985 5.73723 7.04908 5.61537C6.99831 5.49351 6.92392 5.38291 6.83019 5.28995Z" ,
|
|
19732
|
-
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19729
|
+
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 453}})
|
|
19733
19730
|
)
|
|
19734
19731
|
)
|
|
19735
19732
|
)
|
|
19736
19733
|
, renderCalendar(endMonth, false)
|
|
19737
19734
|
)
|
|
19738
|
-
, React$1.createElement('div', { style: {display: toggleEndYearPicker ? 'block' : 'none'}, className: "year-view", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19735
|
+
, React$1.createElement('div', { style: {display: toggleEndYearPicker ? 'block' : 'none'}, className: "year-view", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 461}}
|
|
19739
19736
|
, React$1.createElement(YearPicker, { returnedYear: (a) => {
|
|
19740
19737
|
const newDate = new Date(endMonth);
|
|
19741
19738
|
newDate.setFullYear(a);
|
|
19742
19739
|
setEndMonth(newDate);
|
|
19743
19740
|
}, monthYear: `${endMonthName} ${endYear}`, yearPickerVisible: (a) => {
|
|
19744
19741
|
setToggleEndYearPicker(a);
|
|
19745
|
-
}, selYear: endYear, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19742
|
+
}, selYear: endYear, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 462}})
|
|
19746
19743
|
)
|
|
19747
19744
|
)
|
|
19748
19745
|
)
|
|
19749
19746
|
, showActionButtons &&
|
|
19750
|
-
React$1.createElement('div', { className: "action-buttons", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19747
|
+
React$1.createElement('div', { className: "action-buttons", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 473}}
|
|
19751
19748
|
, !startDate || !endDate ?
|
|
19752
19749
|
React$1.createElement(OutlineButton, { type: "button", size: "sm", variant: "primary", style: {width: 71},
|
|
19753
19750
|
onClick: () => {
|
|
@@ -19756,17 +19753,17 @@ const DateRangePicker = ({ selectedDateRange,label,subtext ,placeholder,showActi
|
|
|
19756
19753
|
selectedDateRange({startDate: null, endDate: null});
|
|
19757
19754
|
setShowCalendar(false);
|
|
19758
19755
|
},
|
|
19759
|
-
width: "fit-content", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19756
|
+
width: "fit-content", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 475}}, _optionalChain$B([labelOverrides, 'optionalAccess', _4 => _4.cancel]) || 'Cancel') :
|
|
19760
19757
|
React$1.createElement(OutlineButton, { type: "button", size: "sm", variant: "primary", style: {width: 71},
|
|
19761
19758
|
onClick: () => {
|
|
19762
19759
|
setStartDate(null);
|
|
19763
19760
|
setEndDate(null);
|
|
19764
19761
|
selectedDateRange({startDate: null, endDate: null});
|
|
19765
|
-
}, width: "fit-content", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19762
|
+
}, width: "fit-content", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 483}}, _optionalChain$B([labelOverrides, 'optionalAccess', _5 => _5.reset]) || 'Reset')
|
|
19766
19763
|
|
|
19767
19764
|
, React$1.createElement(Button$2, { type: "button", size: "sm", variant: "primary", onClick: () => {
|
|
19768
19765
|
setShowCalendar(false);
|
|
19769
|
-
}, disabled: !startDate || !endDate, width: "fit-content", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber:
|
|
19766
|
+
}, disabled: !startDate || !endDate, width: "fit-content", __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 490}}, _optionalChain$B([labelOverrides, 'optionalAccess', _6 => _6.apply]) || 'Apply')
|
|
19770
19767
|
)
|
|
19771
19768
|
|
|
19772
19769
|
)
|
|
@@ -20018,6 +20015,7 @@ const DropdownList = (props) => {
|
|
|
20018
20015
|
const [firstRun,setFirstRun] = React$1.useState(true);
|
|
20019
20016
|
|
|
20020
20017
|
React$1.useEffect(()=>{
|
|
20018
|
+
setInitText('');
|
|
20021
20019
|
if (initialText && optionsOri && optionsOri.length > 0) {
|
|
20022
20020
|
let opt = optionsOri.filter((option) => option.label.toLowerCase() === _optionalChain$A([initialText, 'optionalAccess', _ => _.toLowerCase, 'call', _2 => _2()]) || option.value.toLowerCase() === _optionalChain$A([initialText, 'optionalAccess', _3 => _3.toLowerCase, 'call', _4 => _4()]));
|
|
20023
20021
|
setInitText(opt.length > 0 ? opt[0].label : initialText);
|
|
@@ -20104,20 +20102,20 @@ const DropdownList = (props) => {
|
|
|
20104
20102
|
}
|
|
20105
20103
|
|
|
20106
20104
|
return (
|
|
20107
|
-
React$1.createElement(FieldContainer$5, { style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20105
|
+
React$1.createElement(FieldContainer$5, { style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 121}}
|
|
20108
20106
|
, !disabled &&
|
|
20109
20107
|
React$1.createElement(React$1.Fragment, null
|
|
20110
20108
|
, label &&
|
|
20111
|
-
React$1.createElement(InputLabel$8, {__self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20112
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20109
|
+
React$1.createElement(InputLabel$8, {__self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 125}}
|
|
20110
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 126}}, label)
|
|
20113
20111
|
)
|
|
20114
20112
|
|
|
20115
20113
|
, React$1.createElement(DropdownField$2, { ref: ddRef, className: `dropdown-field-container ${selStatus}`, style: {borderColor:passedOption.value ? theme.colors["success-500"] : theme.colors["neutral-200"]}, onClick: ()=>{
|
|
20116
20114
|
if (readonly) return
|
|
20117
20115
|
if ((document ).activeElement.classList.contains('search-input')) return
|
|
20118
20116
|
setOpened(!opened);
|
|
20119
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20120
|
-
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: ()=>{setSelStatus('error');}, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20117
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 129}}
|
|
20118
|
+
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: ()=>{setSelStatus('error');}, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 134}})
|
|
20121
20119
|
/*<button ref={buttonRef} type="button" className={`dropdown-field ${err ? 'error' : ''}`} onBlur={()=>{
|
|
20122
20120
|
if (!searchable){
|
|
20123
20121
|
setTimeout(()=>{
|
|
@@ -20134,37 +20132,37 @@ const DropdownList = (props) => {
|
|
|
20134
20132
|
setOpened(true)
|
|
20135
20133
|
}
|
|
20136
20134
|
}}/>*/
|
|
20137
|
-
, React$1.createElement('input', { className: "input-field", name: inputName, value: srVal, onChange: ()=>{}, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20138
|
-
, React$1.createElement('div', { style: {overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20139
|
-
, initText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20135
|
+
, React$1.createElement('input', { className: "input-field", name: inputName, value: srVal, onChange: ()=>{}, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 151}})
|
|
20136
|
+
, React$1.createElement('div', { style: {overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 152}}
|
|
20137
|
+
, initText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 153}}, initText)
|
|
20140
20138
|
, !initText &&
|
|
20141
20139
|
React$1.createElement(React$1.Fragment, null
|
|
20142
|
-
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20140
|
+
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 156}}, placeholder)
|
|
20143
20141
|
)
|
|
20144
20142
|
|
|
20145
20143
|
)
|
|
20146
|
-
, React$1.createElement(DropdownIcon$2, { className: `dropdown-icon ${opened ? 'expanded' : 'collapsed'}`, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20147
|
-
, React$1.createElement('svg', { width: "12", height: "8", viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20148
|
-
, React$1.createElement('path', { d: "M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20144
|
+
, React$1.createElement(DropdownIcon$2, { className: `dropdown-icon ${opened ? 'expanded' : 'collapsed'}`, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 160}}
|
|
20145
|
+
, React$1.createElement('svg', { width: "12", height: "8", viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 161}}
|
|
20146
|
+
, React$1.createElement('path', { d: "M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 162}})
|
|
20149
20147
|
)
|
|
20150
20148
|
)
|
|
20151
20149
|
, opened &&
|
|
20152
20150
|
React$1.createElement(React$1.Fragment, null
|
|
20153
20151
|
, options && options.length > 0 &&
|
|
20154
|
-
React$1.createElement(OptionsList$2, { className: "dropdown-list", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20152
|
+
React$1.createElement(OptionsList$2, { className: "dropdown-list", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 168}}
|
|
20155
20153
|
, searchable && opened &&
|
|
20156
|
-
React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20157
|
-
, 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$11, lineNumber:
|
|
20158
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20159
|
-
, React$1.createElement('path', { d: "M14.4733 13.5267L12 11.0733C12.9601 9.87627 13.425 8.35686 13.2992 6.82753C13.1734 5.2982 12.4664 3.87519 11.3237 2.85109C10.1809 1.827 8.6892 1.27967 7.15528 1.32164C5.62136 1.36362 4.16181 1.99171 3.07676 3.07676C1.99171 4.16181 1.36362 5.62136 1.32164 7.15528C1.27967 8.6892 1.827 10.1809 2.85109 11.3237C3.87519 12.4664 5.2982 13.1734 6.82753 13.2992C8.35686 13.425 9.87627 12.9601 11.0733 12L13.5267 14.4533C13.5886 14.5158 13.6624 14.5654 13.7436 14.5993C13.8249 14.6331 13.912 14.6505 14 14.6505C14.088 14.6505 14.1751 14.6331 14.2564 14.5993C14.3376 14.5654 14.4114 14.5158 14.4733 14.4533C14.5935 14.329 14.6607 14.1629 14.6607 13.99C14.6607 13.8171 14.5935 13.651 14.4733 13.5267ZM7.33333 12C6.41035 12 5.5081 11.7263 4.74067 11.2135C3.97324 10.7007 3.3751 9.97191 3.02189 9.11919C2.66868 8.26646 2.57627 7.32815 2.75633 6.42291C2.9364 5.51766 3.38085 4.68614 4.0335 4.0335C4.68614 3.38085 5.51766 2.9364 6.42291 2.75633C7.32815 2.57627 8.26646 2.66868 9.11919 3.02189C9.97191 3.3751 10.7007 3.97324 11.2135 4.74067C11.7263 5.5081 12 6.41035 12 7.33333C12 8.57101 11.5083 9.75799 10.6332 10.6332C9.75799 11.5083 8.57101 12 7.33333 12Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20154
|
+
React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 170}}
|
|
20155
|
+
, 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$11, lineNumber: 171}}
|
|
20156
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 172}}
|
|
20157
|
+
, React$1.createElement('path', { d: "M14.4733 13.5267L12 11.0733C12.9601 9.87627 13.425 8.35686 13.2992 6.82753C13.1734 5.2982 12.4664 3.87519 11.3237 2.85109C10.1809 1.827 8.6892 1.27967 7.15528 1.32164C5.62136 1.36362 4.16181 1.99171 3.07676 3.07676C1.99171 4.16181 1.36362 5.62136 1.32164 7.15528C1.27967 8.6892 1.827 10.1809 2.85109 11.3237C3.87519 12.4664 5.2982 13.1734 6.82753 13.2992C8.35686 13.425 9.87627 12.9601 11.0733 12L13.5267 14.4533C13.5886 14.5158 13.6624 14.5654 13.7436 14.5993C13.8249 14.6331 13.912 14.6505 14 14.6505C14.088 14.6505 14.1751 14.6331 14.2564 14.5993C14.3376 14.5654 14.4114 14.5158 14.4733 14.4533C14.5935 14.329 14.6607 14.1629 14.6607 13.99C14.6607 13.8171 14.5935 13.651 14.4733 13.5267ZM7.33333 12C6.41035 12 5.5081 11.7263 4.74067 11.2135C3.97324 10.7007 3.3751 9.97191 3.02189 9.11919C2.66868 8.26646 2.57627 7.32815 2.75633 6.42291C2.9364 5.51766 3.38085 4.68614 4.0335 4.0335C4.68614 3.38085 5.51766 2.9364 6.42291 2.75633C7.32815 2.57627 8.26646 2.66868 9.11919 3.02189C9.97191 3.3751 10.7007 3.97324 11.2135 4.74067C11.7263 5.5081 12 6.41035 12 7.33333C12 8.57101 11.5083 9.75799 10.6332 10.6332C9.75799 11.5083 8.57101 12 7.33333 12Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 173}})
|
|
20160
20158
|
)
|
|
20161
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20162
|
-
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20163
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20159
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 175}}
|
|
20160
|
+
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 176}}
|
|
20161
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 177}})
|
|
20164
20162
|
)
|
|
20165
20163
|
)
|
|
20166
20164
|
)
|
|
20167
|
-
, React$1.createElement('input', { type: "text", placeholder: _optionalChain$A([labelOverrides, 'optionalAccess', _5 => _5.search]) || "Search", value: qryStr, onChange: (e)=>{filterList(e.target.value);}, className: `dropdown-field search-input ${err ? 'error' : ''}`, autoFocus: true, onFocus: ()=>{setOpened(true);}, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20165
|
+
, React$1.createElement('input', { type: "text", placeholder: _optionalChain$A([labelOverrides, 'optionalAccess', _5 => _5.search]) || "Search", value: qryStr, onChange: (e)=>{filterList(e.target.value);}, className: `dropdown-field search-input ${err ? 'error' : ''}`, autoFocus: true, onFocus: ()=>{setOpened(true);}, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 181}})
|
|
20168
20166
|
)
|
|
20169
20167
|
|
|
20170
20168
|
, optionsRec.map((option, index) => (
|
|
@@ -20172,7 +20170,7 @@ const DropdownList = (props) => {
|
|
|
20172
20170
|
setInitText(option.label);
|
|
20173
20171
|
setSrVal(option.value);
|
|
20174
20172
|
returnedSelection(option);
|
|
20175
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20173
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 185}}, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 189}}, option.label))
|
|
20176
20174
|
))
|
|
20177
20175
|
)
|
|
20178
20176
|
|
|
@@ -20180,18 +20178,18 @@ const DropdownList = (props) => {
|
|
|
20180
20178
|
|
|
20181
20179
|
)
|
|
20182
20180
|
, selStatus === 'error' &&
|
|
20183
|
-
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20184
|
-
, 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$11, lineNumber:
|
|
20185
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20186
|
-
, React$1.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: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20181
|
+
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 197}}
|
|
20182
|
+
, 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$11, lineNumber: 198}}
|
|
20183
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 199}}
|
|
20184
|
+
, React$1.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: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 200}})
|
|
20187
20185
|
)
|
|
20188
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20189
|
-
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20190
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20186
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 202}}
|
|
20187
|
+
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 203}}
|
|
20188
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 204}})
|
|
20191
20189
|
)
|
|
20192
20190
|
)
|
|
20193
20191
|
)
|
|
20194
|
-
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20192
|
+
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 208}}, _optionalChain$A([labelOverrides, 'optionalAccess', _6 => _6.requiredField]) || 'This field is required')
|
|
20195
20193
|
)
|
|
20196
20194
|
|
|
20197
20195
|
)
|
|
@@ -20199,14 +20197,14 @@ const DropdownList = (props) => {
|
|
|
20199
20197
|
, disabled &&
|
|
20200
20198
|
React$1.createElement(React$1.Fragment, null
|
|
20201
20199
|
, label &&
|
|
20202
|
-
React$1.createElement(InputLabel$8, {__self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20203
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20200
|
+
React$1.createElement(InputLabel$8, {__self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 216}}
|
|
20201
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 217}}, label)
|
|
20204
20202
|
)
|
|
20205
20203
|
|
|
20206
|
-
, React$1.createElement(DisabledContainer$2, {__self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20207
|
-
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20208
|
-
, React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20209
|
-
, React$1.createElement('path', { d: "M16.9999 9.16994C16.8126 8.98369 16.5591 8.87915 16.2949 8.87915C16.0308 8.87915 15.7773 8.98369 15.5899 9.16994L11.9999 12.7099L8.45995 9.16994C8.27259 8.98369 8.01913 8.87915 7.75495 8.87915C7.49076 8.87915 7.23731 8.98369 7.04995 9.16994C6.95622 9.26291 6.88183 9.37351 6.83106 9.49537C6.78029 9.61723 6.75415 9.74793 6.75415 9.87994C6.75415 10.012 6.78029 10.1427 6.83106 10.2645C6.88183 10.3864 6.95622 10.497 7.04995 10.5899L11.2899 14.8299C11.3829 14.9237 11.4935 14.9981 11.6154 15.0488C11.7372 15.0996 11.8679 15.1257 11.9999 15.1257C12.132 15.1257 12.2627 15.0996 12.3845 15.0488C12.5064 14.9981 12.617 14.9237 12.7099 14.8299L16.9999 10.5899C17.0937 10.497 17.1681 10.3864 17.2188 10.2645C17.2696 10.1427 17.2957 10.012 17.2957 9.87994C17.2957 9.74793 17.2696 9.61723 17.2188 9.49537C17.1681 9.37351 17.0937 9.26291 16.9999 9.16994Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
20204
|
+
, React$1.createElement(DisabledContainer$2, {__self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 220}}
|
|
20205
|
+
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 221}}, initText)
|
|
20206
|
+
, React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 222}}
|
|
20207
|
+
, React$1.createElement('path', { d: "M16.9999 9.16994C16.8126 8.98369 16.5591 8.87915 16.2949 8.87915C16.0308 8.87915 15.7773 8.98369 15.5899 9.16994L11.9999 12.7099L8.45995 9.16994C8.27259 8.98369 8.01913 8.87915 7.75495 8.87915C7.49076 8.87915 7.23731 8.98369 7.04995 9.16994C6.95622 9.26291 6.88183 9.37351 6.83106 9.49537C6.78029 9.61723 6.75415 9.74793 6.75415 9.87994C6.75415 10.012 6.78029 10.1427 6.83106 10.2645C6.88183 10.3864 6.95622 10.497 7.04995 10.5899L11.2899 14.8299C11.3829 14.9237 11.4935 14.9981 11.6154 15.0488C11.7372 15.0996 11.8679 15.1257 11.9999 15.1257C12.132 15.1257 12.2627 15.0996 12.3845 15.0488C12.5064 14.9981 12.617 14.9237 12.7099 14.8299L16.9999 10.5899C17.0937 10.497 17.1681 10.3864 17.2188 10.2645C17.2696 10.1427 17.2957 10.012 17.2957 9.87994C17.2957 9.74793 17.2696 9.61723 17.2188 9.49537C17.1681 9.37351 17.0937 9.26291 16.9999 9.16994Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 223}})
|
|
20210
20208
|
)
|
|
20211
20209
|
)
|
|
20212
20210
|
)
|