@secondstaxorg/sscomp 1.9.65 → 1.9.67
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 +382 -314
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +182 -57
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +383 -315
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/ActionWarning/ActionWarning.d.ts +8 -0
- package/types/components/index.d.ts +1 -0
package/dist/index.js
CHANGED
|
@@ -205,7 +205,7 @@ const ButtonComp = styled.button`
|
|
|
205
205
|
}
|
|
206
206
|
`;
|
|
207
207
|
|
|
208
|
-
const _jsxFileName$
|
|
208
|
+
const _jsxFileName$1l = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\Button\\Button.tsx";
|
|
209
209
|
/**
|
|
210
210
|
* Solid and Outline buttons
|
|
211
211
|
*/
|
|
@@ -238,10 +238,10 @@ const Button$1 = (props) => {
|
|
|
238
238
|
}
|
|
239
239
|
},[width]);
|
|
240
240
|
|
|
241
|
-
return React$1.createElement(ButtonComp, { className: `${variant} ${size} ${fontSize}`, disabled: disabled, ...props, style: {width:btnWidth}, __self: undefined, __source: {fileName: _jsxFileName$
|
|
241
|
+
return React$1.createElement(ButtonComp, { className: `${variant} ${size} ${fontSize}`, disabled: disabled, ...props, style: {width:btnWidth}, __self: undefined, __source: {fileName: _jsxFileName$1l, lineNumber: 37}}, children)
|
|
242
242
|
};
|
|
243
243
|
|
|
244
|
-
const Container$
|
|
244
|
+
const Container$f = styled.div`
|
|
245
245
|
display: flex;
|
|
246
246
|
flex-direction: column;
|
|
247
247
|
justify-content: center;
|
|
@@ -285,7 +285,7 @@ const Container$e = styled.div`
|
|
|
285
285
|
}
|
|
286
286
|
`;
|
|
287
287
|
|
|
288
|
-
const TextArea$
|
|
288
|
+
const TextArea$6 = styled.div`
|
|
289
289
|
color: ${theme.colors["neutral-900"]};
|
|
290
290
|
text-align: center;
|
|
291
291
|
.heading-text{
|
|
@@ -312,48 +312,48 @@ const TextArea$5 = styled.div`
|
|
|
312
312
|
}
|
|
313
313
|
`;
|
|
314
314
|
|
|
315
|
-
const _jsxFileName$
|
|
315
|
+
const _jsxFileName$1k = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ActionFailed\\ActionFailed.tsx";
|
|
316
316
|
|
|
317
317
|
const ActionFailed = (props) => {
|
|
318
318
|
const {subText,headingText} = props;
|
|
319
319
|
return (
|
|
320
|
-
React$1.createElement(Container$
|
|
321
|
-
, React$1.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$
|
|
322
|
-
, React$1.createElement('svg', { width: "64", height: "64", viewBox: "0 0 64 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$
|
|
323
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_453_10020)", __self: undefined, __source: {fileName: _jsxFileName$
|
|
320
|
+
React$1.createElement(Container$f, {__self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 8}}
|
|
321
|
+
, React$1.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 9}}
|
|
322
|
+
, React$1.createElement('svg', { width: "64", height: "64", viewBox: "0 0 64 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 10}}
|
|
323
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_453_10020)", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 11}}
|
|
324
324
|
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
325
325
|
d: "M30.181 8.068C30.781 8.023 31.388 8 32 8C45.246 8 56 18.754 56 32C56 45.246 45.246 56 32 56C18.754 56 8 45.246 8 32C8 31.388 8.02299 30.781 8.06799 30.181C8.92399 40.71 17.751 49 28.5 49C39.814 49 49 39.814 49 28.5C49 17.751 40.71 8.924 30.181 8.068Z" ,
|
|
326
|
-
fill: "#FFD8D8", __self: undefined, __source: {fileName: _jsxFileName$
|
|
326
|
+
fill: "#FFD8D8", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 12}})
|
|
327
327
|
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
328
328
|
d: "M22.0992 24.9293L39.0697 41.8998C39.8504 42.6805 41.1181 42.6805 41.8987 41.8998C42.6794 41.1192 42.6794 39.8515 41.8987 39.0709L24.9282 22.1003C24.1475 21.3196 22.8798 21.3196 22.0992 22.1003C21.3185 22.8809 21.3185 24.1486 22.0992 24.9293Z" ,
|
|
329
|
-
fill: "#F80000", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$
|
|
329
|
+
fill: "#F80000", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 15}})
|
|
330
330
|
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
331
331
|
d: "M39.069 22.1006L22.0984 39.0712C21.3178 39.8519 21.3178 41.1195 22.0985 41.9002C22.8791 42.6808 24.1468 42.6808 24.9274 41.9002L41.898 24.9296C42.6786 24.149 42.6786 22.8813 41.898 22.1006C41.1174 21.32 39.8497 21.32 39.069 22.1006Z" ,
|
|
332
|
-
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$
|
|
332
|
+
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 18}})
|
|
333
333
|
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
334
334
|
d: "M47.5567 47.5561C38.9713 56.1415 25.0299 56.1415 16.4445 47.5561C7.85911 38.9707 7.85912 25.0294 16.4445 16.444C25.0299 7.85855 38.9713 7.85853 47.5567 16.4439C54.3245 23.2118 55.7585 33.3076 51.8562 41.4848C51.3801 42.4819 51.8035 43.6758 52.7988 44.1518C53.795 44.627 54.9906 44.2035 55.4658 43.2074C60.0767 33.5443 58.3839 21.6132 50.3856 13.615C40.2389 3.46826 23.7622 3.46825 13.6155 13.6149C3.46882 23.7616 3.46883 40.2384 13.6155 50.3851C23.7622 60.5318 40.2389 60.5318 50.3856 50.3851C51.1663 49.6044 51.1663 48.3367 50.3856 47.5561C49.605 46.7754 48.3373 46.7754 47.5567 47.5561Z" ,
|
|
335
|
-
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$
|
|
335
|
+
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 21}})
|
|
336
336
|
)
|
|
337
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$
|
|
338
|
-
, React$1.createElement('clipPath', { id: "clip0_453_10020", __self: undefined, __source: {fileName: _jsxFileName$
|
|
339
|
-
, React$1.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$
|
|
337
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 25}}
|
|
338
|
+
, React$1.createElement('clipPath', { id: "clip0_453_10020", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 26}}
|
|
339
|
+
, React$1.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 27}})
|
|
340
340
|
)
|
|
341
341
|
)
|
|
342
342
|
)
|
|
343
343
|
)
|
|
344
|
-
, React$1.createElement(TextArea$
|
|
344
|
+
, React$1.createElement(TextArea$6, {__self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 32}}
|
|
345
345
|
, headingText &&
|
|
346
|
-
React$1.createElement('h3', { className: "heading6Bold", __self: undefined, __source: {fileName: _jsxFileName$
|
|
346
|
+
React$1.createElement('h3', { className: "heading6Bold", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 34}}, headingText)
|
|
347
347
|
|
|
348
348
|
, subText &&
|
|
349
|
-
React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$
|
|
349
|
+
React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 37}}, subText)
|
|
350
350
|
|
|
351
351
|
)
|
|
352
352
|
)
|
|
353
353
|
)
|
|
354
354
|
};
|
|
355
355
|
|
|
356
|
-
const Container$
|
|
356
|
+
const Container$e = styled.div`
|
|
357
357
|
display: flex;
|
|
358
358
|
flex-direction: column;
|
|
359
359
|
justify-content: center;
|
|
@@ -398,7 +398,7 @@ const Container$d = styled.div`
|
|
|
398
398
|
}
|
|
399
399
|
`;
|
|
400
400
|
|
|
401
|
-
const TextArea$
|
|
401
|
+
const TextArea$5 = styled.div`
|
|
402
402
|
color: ${theme.colors["neutral-900"]};
|
|
403
403
|
text-align: center;
|
|
404
404
|
.heading-text{
|
|
@@ -425,45 +425,161 @@ const TextArea$4 = styled.div`
|
|
|
425
425
|
}
|
|
426
426
|
`;
|
|
427
427
|
|
|
428
|
-
const _jsxFileName$
|
|
428
|
+
const _jsxFileName$1j = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ActionSuccess\\ActionSuccess.tsx";
|
|
429
429
|
/**
|
|
430
430
|
* Message status of an action whether it succeeded or failed.
|
|
431
431
|
*/
|
|
432
432
|
const ActionSuccess = (props) => {
|
|
433
433
|
const {subText,headingText} = props;
|
|
434
434
|
return (
|
|
435
|
-
React$1.createElement(Container$
|
|
436
|
-
, React$1.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$
|
|
437
|
-
, React$1.createElement('svg', { width: "64", height: "64", viewBox: "0 0 64 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "bug-report-svg-circle", __self: undefined, __source: {fileName: _jsxFileName$
|
|
438
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_400_1996)", __self: undefined, __source: {fileName: _jsxFileName$
|
|
439
|
-
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M30.181 8.068C30.781 8.023 31.388 8 32 8C45.246 8 56 18.754 56 32C56 45.246 45.246 56 32 56C18.754 56 8 45.246 8 32C8 31.388 8.02299 30.781 8.06799 30.181C8.92399 40.71 17.751 49 28.5 49C39.814 49 49 39.814 49 28.5C49 17.751 40.71 8.924 30.181 8.068Z" , fill: "#D1FEE8", __self: undefined, __source: {fileName: _jsxFileName$
|
|
440
|
-
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M47.5564 47.5561C38.971 56.1415 25.0297 56.1415 16.4443 47.5561C7.85886 38.9707 7.85888 25.0294 16.4443 16.444C25.0297 7.85854 38.971 7.85853 47.5564 16.4439C54.3243 23.2118 55.7583 33.3076 51.8559 41.4848C51.3799 42.4819 51.8033 43.6758 52.7986 44.1518C53.7948 44.627 54.9904 44.2035 55.4656 43.2074C60.0765 33.5443 58.3836 21.6132 50.3854 13.615C40.2387 3.46826 23.762 3.46825 13.6153 13.6149C3.46858 23.7616 3.46859 40.2384 13.6153 50.3851C23.762 60.5318 40.2387 60.5318 50.3854 50.3851C51.166 49.6044 51.166 48.3367 50.3854 47.5561C49.6048 46.7754 48.3371 46.7754 47.5564 47.5561Z" , fill: "#06BA63", __self: undefined, __source: {fileName: _jsxFileName$
|
|
441
|
-
, React$1.createElement('g', { clipPath: "url(#clip1_400_1996)", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$
|
|
442
|
-
, React$1.createElement('path', { d: "M38.7099 27.2099C38.617 27.1161 38.5064 27.0417 38.3845 26.991C38.2627 26.9402 38.132 26.9141 37.9999 26.9141C37.8679 26.9141 37.7372 26.9402 37.6154 26.991C37.4935 27.0417 37.3829 27.1161 37.29 27.2099L29.84 34.6699L26.7099 31.5299C26.6134 31.4366 26.4995 31.3633 26.3746 31.3141C26.2498 31.2649 26.1165 31.2408 25.9823 31.2431C25.8481 31.2454 25.7157 31.2741 25.5926 31.3276C25.4695 31.3811 25.3582 31.4583 25.2649 31.5549C25.1717 31.6514 25.0984 31.7653 25.0492 31.8902C25 32.015 24.9759 32.1484 24.9782 32.2825C24.9805 32.4167 25.0092 32.5491 25.0627 32.6722C25.1162 32.7953 25.1934 32.9066 25.2899 32.9999L29.13 36.8399C29.2229 36.9336 29.3335 37.008 29.4554 37.0588C29.5772 37.1095 29.7079 37.1357 29.84 37.1357C29.972 37.1357 30.1027 37.1095 30.2245 37.0588C30.3464 37.008 30.457 36.9336 30.55 36.8399L38.7099 28.6799C38.8115 28.5862 38.8925 28.4726 38.9479 28.3461C39.0033 28.2196 39.0319 28.083 39.0319 27.9449C39.0319 27.8068 39.0033 27.6702 38.9479 27.5437C38.8925 27.4172 38.8115 27.3035 38.7099 27.2099V27.2099Z" , fill: "#06BA63", __self: undefined, __source: {fileName: _jsxFileName$
|
|
435
|
+
React$1.createElement(Container$e, {__self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 12}}
|
|
436
|
+
, React$1.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 13}}
|
|
437
|
+
, React$1.createElement('svg', { width: "64", height: "64", viewBox: "0 0 64 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "bug-report-svg-circle", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 14}}
|
|
438
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_400_1996)", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 15}}
|
|
439
|
+
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M30.181 8.068C30.781 8.023 31.388 8 32 8C45.246 8 56 18.754 56 32C56 45.246 45.246 56 32 56C18.754 56 8 45.246 8 32C8 31.388 8.02299 30.781 8.06799 30.181C8.92399 40.71 17.751 49 28.5 49C39.814 49 49 39.814 49 28.5C49 17.751 40.71 8.924 30.181 8.068Z" , fill: "#D1FEE8", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 16}})
|
|
440
|
+
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M47.5564 47.5561C38.971 56.1415 25.0297 56.1415 16.4443 47.5561C7.85886 38.9707 7.85888 25.0294 16.4443 16.444C25.0297 7.85854 38.971 7.85853 47.5564 16.4439C54.3243 23.2118 55.7583 33.3076 51.8559 41.4848C51.3799 42.4819 51.8033 43.6758 52.7986 44.1518C53.7948 44.627 54.9904 44.2035 55.4656 43.2074C60.0765 33.5443 58.3836 21.6132 50.3854 13.615C40.2387 3.46826 23.762 3.46825 13.6153 13.6149C3.46858 23.7616 3.46859 40.2384 13.6153 50.3851C23.762 60.5318 40.2387 60.5318 50.3854 50.3851C51.166 49.6044 51.166 48.3367 50.3854 47.5561C49.6048 46.7754 48.3371 46.7754 47.5564 47.5561Z" , fill: "#06BA63", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 17}})
|
|
441
|
+
, React$1.createElement('g', { clipPath: "url(#clip1_400_1996)", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 18}}
|
|
442
|
+
, React$1.createElement('path', { d: "M38.7099 27.2099C38.617 27.1161 38.5064 27.0417 38.3845 26.991C38.2627 26.9402 38.132 26.9141 37.9999 26.9141C37.8679 26.9141 37.7372 26.9402 37.6154 26.991C37.4935 27.0417 37.3829 27.1161 37.29 27.2099L29.84 34.6699L26.7099 31.5299C26.6134 31.4366 26.4995 31.3633 26.3746 31.3141C26.2498 31.2649 26.1165 31.2408 25.9823 31.2431C25.8481 31.2454 25.7157 31.2741 25.5926 31.3276C25.4695 31.3811 25.3582 31.4583 25.2649 31.5549C25.1717 31.6514 25.0984 31.7653 25.0492 31.8902C25 32.015 24.9759 32.1484 24.9782 32.2825C24.9805 32.4167 25.0092 32.5491 25.0627 32.6722C25.1162 32.7953 25.1934 32.9066 25.2899 32.9999L29.13 36.8399C29.2229 36.9336 29.3335 37.008 29.4554 37.0588C29.5772 37.1095 29.7079 37.1357 29.84 37.1357C29.972 37.1357 30.1027 37.1095 30.2245 37.0588C30.3464 37.008 30.457 36.9336 30.55 36.8399L38.7099 28.6799C38.8115 28.5862 38.8925 28.4726 38.9479 28.3461C39.0033 28.2196 39.0319 28.083 39.0319 27.9449C39.0319 27.8068 39.0033 27.6702 38.9479 27.5437C38.8925 27.4172 38.8115 27.3035 38.7099 27.2099V27.2099Z" , fill: "#06BA63", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 19}})
|
|
443
443
|
)
|
|
444
444
|
)
|
|
445
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$
|
|
446
|
-
, React$1.createElement('clipPath', { id: "clip0_400_1996", __self: undefined, __source: {fileName: _jsxFileName$
|
|
447
|
-
, React$1.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$
|
|
445
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 22}}
|
|
446
|
+
, React$1.createElement('clipPath', { id: "clip0_400_1996", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 23}}
|
|
447
|
+
, React$1.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 24}})
|
|
448
448
|
)
|
|
449
|
-
, React$1.createElement('clipPath', { id: "clip1_400_1996", __self: undefined, __source: {fileName: _jsxFileName$
|
|
450
|
-
, React$1.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(20 20)" , __self: undefined, __source: {fileName: _jsxFileName$
|
|
449
|
+
, React$1.createElement('clipPath', { id: "clip1_400_1996", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 26}}
|
|
450
|
+
, React$1.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(20 20)" , __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 27}})
|
|
451
451
|
)
|
|
452
452
|
)
|
|
453
453
|
)
|
|
454
454
|
)
|
|
455
|
-
, React$1.createElement(TextArea$
|
|
455
|
+
, React$1.createElement(TextArea$5, {__self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 32}}
|
|
456
456
|
, headingText &&
|
|
457
|
-
React$1.createElement('h3', { className: "heading6Bold", __self: undefined, __source: {fileName: _jsxFileName$
|
|
457
|
+
React$1.createElement('h3', { className: "heading6Bold", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 34}}, headingText)
|
|
458
458
|
|
|
459
459
|
, subText &&
|
|
460
|
-
React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$
|
|
460
|
+
React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 37}}, subText)
|
|
461
461
|
|
|
462
462
|
)
|
|
463
463
|
)
|
|
464
464
|
)
|
|
465
465
|
};
|
|
466
466
|
|
|
467
|
+
const Container$d = styled.div`
|
|
468
|
+
display: flex;
|
|
469
|
+
flex-direction: column;
|
|
470
|
+
justify-content: center;
|
|
471
|
+
align-items: center;
|
|
472
|
+
gap: 8px;
|
|
473
|
+
width: 308px;
|
|
474
|
+
.mb8{
|
|
475
|
+
margin-bottom: 8px;
|
|
476
|
+
}
|
|
477
|
+
svg{
|
|
478
|
+
animation:rtte 0.4s ease-out;
|
|
479
|
+
-webkit-animation:rtte 0.4s ease-out;
|
|
480
|
+
@keyframes rtte {
|
|
481
|
+
from{
|
|
482
|
+
-ms-transform: rotate(-45deg);
|
|
483
|
+
transform: rotate(-45deg);
|
|
484
|
+
-webkit-transform: rotate(-45deg);
|
|
485
|
+
}
|
|
486
|
+
to{
|
|
487
|
+
-ms-transform: rotate(0deg);
|
|
488
|
+
transform: rotate(0deg);
|
|
489
|
+
-webkit-transform: rotate(0deg);
|
|
490
|
+
}
|
|
491
|
+
}
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
.svg-exclamation{
|
|
495
|
+
-webkit-animation:cm 0.3s ease-out;
|
|
496
|
+
animation:cm 0.3s ease-out;
|
|
497
|
+
}
|
|
498
|
+
@keyframes cm {
|
|
499
|
+
from{
|
|
500
|
+
-webkit-transform: scale(0.5);
|
|
501
|
+
-ms-transform: scale(0.5);
|
|
502
|
+
transform: scale(0.5);
|
|
503
|
+
}
|
|
504
|
+
to{
|
|
505
|
+
-webkit-transform: scale(1);
|
|
506
|
+
-ms-transform: scale(1);
|
|
507
|
+
transform: scale(1);
|
|
508
|
+
}
|
|
509
|
+
}
|
|
510
|
+
`;
|
|
511
|
+
|
|
512
|
+
const TextArea$4 = styled.div`
|
|
513
|
+
color: ${theme.colors["neutral-900"]};
|
|
514
|
+
text-align: center;
|
|
515
|
+
.heading-text{
|
|
516
|
+
-webkit-animation:brr 0.6s ease-out;
|
|
517
|
+
animation:brr 0.6s ease-out;
|
|
518
|
+
}
|
|
519
|
+
.sub-text{
|
|
520
|
+
-webkit-animation:brr 0.6s ease-out;
|
|
521
|
+
animation:brr 0.6s ease-out;
|
|
522
|
+
}
|
|
523
|
+
@keyframes brr {
|
|
524
|
+
from{
|
|
525
|
+
-webkit-transform: translateY(10px);
|
|
526
|
+
-ms-transform: translateY(10px);
|
|
527
|
+
transform: translateY(10px);
|
|
528
|
+
opacity: 0;
|
|
529
|
+
}
|
|
530
|
+
to{
|
|
531
|
+
-webkit-transform: translateY(0);
|
|
532
|
+
-ms-transform: translateY(0);
|
|
533
|
+
transform: translateY(0);
|
|
534
|
+
opacity: 1;
|
|
535
|
+
}
|
|
536
|
+
}
|
|
537
|
+
`;
|
|
538
|
+
|
|
539
|
+
const _jsxFileName$1i = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ActionWarning\\ActionWarning.tsx";
|
|
540
|
+
/**
|
|
541
|
+
* Message status of an action whether it succeeded or failed.
|
|
542
|
+
*/
|
|
543
|
+
const ActionWarning = (props) => {
|
|
544
|
+
const {subText, headingText} = props;
|
|
545
|
+
return (
|
|
546
|
+
React$1.createElement(Container$d, {__self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 12}}
|
|
547
|
+
, React$1.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 13}}
|
|
548
|
+
, React$1.createElement('svg', { width: "64", height: "65", viewBox: "0 0 64 65" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 14}}
|
|
549
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_733_12672)", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 15}}
|
|
550
|
+
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
551
|
+
d: "M30.181 8.568C30.781 8.523 31.388 8.5 32 8.5C45.246 8.5 56 19.254 56 32.5C56 45.746 45.246 56.5 32 56.5C18.754 56.5 8 45.746 8 32.5C8 31.888 8.02299 31.281 8.06799 30.681C8.92399 41.21 17.751 49.5 28.5 49.5C39.814 49.5 49 40.314 49 29C49 18.251 40.71 9.424 30.181 8.568Z" ,
|
|
552
|
+
fill: "#FFEFD8", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 16}})
|
|
553
|
+
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
554
|
+
d: "M34 40.5C34 39.948 33.552 39.5 33 39.5H31C30.448 39.5 30 39.948 30 40.5V42.5C30 43.052 30.448 43.5 31 43.5H33C33.552 43.5 34 43.052 34 42.5V40.5Z" ,
|
|
555
|
+
fill: "#F89500", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 19}})
|
|
556
|
+
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", className: "svg-exclamation",
|
|
557
|
+
d: "M34 22.5C34 21.9475 33.552 21.499 33 21.499H31C30.448 21.499 30 21.9475 30 22.5V35.5C30 36.0525 30.448 36.501 31 36.501H33C33.552 36.501 34 36.0525 34 35.5V22.5Z" ,
|
|
558
|
+
fill: "#F89500", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 22}})
|
|
559
|
+
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
560
|
+
d: "M47.5567 48.0558C38.9713 56.6412 25.0299 56.6412 16.4445 48.0558C7.85911 39.4704 7.85912 25.5291 16.4445 16.9437C25.0299 8.3583 38.9713 8.35829 47.5567 16.9437C54.3245 23.7116 55.7585 33.8073 51.8562 41.9846C51.3801 42.9816 51.8035 44.1755 52.7988 44.6516C53.795 45.1267 54.9906 44.7033 55.4658 43.7071C60.0767 34.0441 58.3839 22.1129 50.3856 14.1147C40.2389 3.96802 23.7622 3.968 13.6155 14.1147C3.46882 24.2614 3.46883 40.7381 13.6155 50.8848C23.7622 61.0315 40.2389 61.0315 50.3856 50.8848C51.1663 50.1042 51.1663 48.8365 50.3856 48.0558C49.605 47.2752 48.3373 47.2752 47.5567 48.0558Z" ,
|
|
561
|
+
fill: "#F89500", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 25}})
|
|
562
|
+
)
|
|
563
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 29}}
|
|
564
|
+
, React$1.createElement('clipPath', { id: "clip0_733_12672", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 30}}
|
|
565
|
+
, React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0 0.5)" , __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 31}})
|
|
566
|
+
)
|
|
567
|
+
)
|
|
568
|
+
)
|
|
569
|
+
|
|
570
|
+
)
|
|
571
|
+
, React$1.createElement(TextArea$4, {__self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 37}}
|
|
572
|
+
, headingText &&
|
|
573
|
+
React$1.createElement('h3', { className: "heading6Bold", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 39}}, headingText)
|
|
574
|
+
|
|
575
|
+
, subText &&
|
|
576
|
+
React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 42}}, subText)
|
|
577
|
+
|
|
578
|
+
)
|
|
579
|
+
)
|
|
580
|
+
)
|
|
581
|
+
};
|
|
582
|
+
|
|
467
583
|
const TableContainer$c = styled.div`
|
|
468
584
|
overflow-x: auto;
|
|
469
585
|
`;
|
|
@@ -33159,6 +33275,14 @@ const MultipleFileUpload = (props) => {
|
|
|
33159
33275
|
}
|
|
33160
33276
|
}
|
|
33161
33277
|
|
|
33278
|
+
React$1.useEffect(()=>{
|
|
33279
|
+
if (value){
|
|
33280
|
+
handleFileSelection(value );
|
|
33281
|
+
}
|
|
33282
|
+
|
|
33283
|
+
console.log(value);
|
|
33284
|
+
},[value]);
|
|
33285
|
+
|
|
33162
33286
|
function removeFile(rmFile){
|
|
33163
33287
|
setSelFiles(selFiles.filter((file) => file != rmFile));
|
|
33164
33288
|
}
|
|
@@ -33185,43 +33309,43 @@ const MultipleFileUpload = (props) => {
|
|
|
33185
33309
|
},[selFiles]);
|
|
33186
33310
|
|
|
33187
33311
|
return (
|
|
33188
|
-
React$1.createElement(ComponentContainer, {__self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33189
|
-
, label && React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33190
|
-
, React$1.createElement(SelectorField, { className: statusColor, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33191
|
-
, React$1.createElement('div', { className: "file-selector", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33192
|
-
, React$1.createElement('input', { type: "file", ref: fsRef, className: "hidden-fs", accept: accept, multiple: true, onChange: (e)=>{handleFileSelection(e.target.files);}, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33193
|
-
, React$1.createElement('input', { className: "sr_input", onInvalid: ()=>{setErrMsg('This field is required');setStatusColor('error');}, type: "text", value: isRequired, onChange: (e)=>{setIsRequired(e.target.value);}, required: required, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33194
|
-
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33195
|
-
, React$1.createElement('button', { type: "button", className: "paragraph1Medium btn" , onClick: ()=>{fsRef.current.click();}, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33312
|
+
React$1.createElement(ComponentContainer, {__self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 61}}
|
|
33313
|
+
, label && React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 62}}, label)
|
|
33314
|
+
, React$1.createElement(SelectorField, { className: statusColor, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 63}}
|
|
33315
|
+
, React$1.createElement('div', { className: "file-selector", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 64}}
|
|
33316
|
+
, React$1.createElement('input', { type: "file", ref: fsRef, className: "hidden-fs", accept: accept, multiple: true, onChange: (e)=>{handleFileSelection(e.target.files);}, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 65}})
|
|
33317
|
+
, React$1.createElement('input', { className: "sr_input", onInvalid: ()=>{setErrMsg('This field is required');setStatusColor('error');}, type: "text", value: isRequired, onChange: (e)=>{setIsRequired(e.target.value);}, required: required, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 66}})
|
|
33318
|
+
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 67}}
|
|
33319
|
+
, React$1.createElement('button', { type: "button", className: "paragraph1Medium btn" , onClick: ()=>{fsRef.current.click();}, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 68}}
|
|
33196
33320
|
, _optionalChain$1([labelOverrides, 'optionalAccess', _ => _.selectFile]) || 'Select Files'
|
|
33197
33321
|
)
|
|
33198
|
-
, customAcceptedFilesLabel && React$1.createElement('p', { className: "footerBook", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33322
|
+
, customAcceptedFilesLabel && React$1.createElement('p', { className: "footerBook", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 71}}, customAcceptedFilesLabel)
|
|
33199
33323
|
)
|
|
33200
33324
|
)
|
|
33201
33325
|
, selFiles.length > 0 &&
|
|
33202
|
-
React$1.createElement(FilesList, {__self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33326
|
+
React$1.createElement(FilesList, {__self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 75}}
|
|
33203
33327
|
, selFiles.map((file,index) => (
|
|
33204
|
-
React$1.createElement('div', { key: index, className: "file-item", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33205
|
-
, React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33206
|
-
, React$1.createElement('button', { type: "button", className: "paragraph1Medium btn" , onClick: ()=>{removeFile(file);}, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33328
|
+
React$1.createElement('div', { key: index, className: "file-item", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 77}}
|
|
33329
|
+
, React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 78}}, file.name)
|
|
33330
|
+
, React$1.createElement('button', { type: "button", className: "paragraph1Medium btn" , onClick: ()=>{removeFile(file);}, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 79}}, _optionalChain$1([labelOverrides, 'optionalAccess', _2 => _2.removeFile]) || 'Remove File')
|
|
33207
33331
|
)
|
|
33208
33332
|
))
|
|
33209
33333
|
)
|
|
33210
33334
|
|
|
33211
33335
|
)
|
|
33212
|
-
, errMsg && React$1.createElement('p', { className: "paragraph1Regular err-msg" , __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33213
|
-
, React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33336
|
+
, errMsg && React$1.createElement('p', { className: "paragraph1Regular err-msg" , __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 85}}
|
|
33337
|
+
, React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 86}}
|
|
33214
33338
|
, React$1.createElement('path', {
|
|
33215
33339
|
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" ,
|
|
33216
|
-
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33340
|
+
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 87}})
|
|
33217
33341
|
)
|
|
33218
33342
|
, _optionalChain$1([labelOverrides, 'optionalAccess', _3 => _3.requiredField]) || errMsg
|
|
33219
33343
|
)
|
|
33220
|
-
, fileSizeErrMsg && React$1.createElement('p', { className: "paragraph1Regular err-msg" , __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33221
|
-
, React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33344
|
+
, fileSizeErrMsg && React$1.createElement('p', { className: "paragraph1Regular err-msg" , __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 93}}
|
|
33345
|
+
, React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 94}}
|
|
33222
33346
|
, React$1.createElement('path', {
|
|
33223
33347
|
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" ,
|
|
33224
|
-
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
33348
|
+
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 95}})
|
|
33225
33349
|
)
|
|
33226
33350
|
, _optionalChain$1([labelOverrides, 'optionalAccess', _4 => _4.fileSizeErrMsg]) || fileSizeErrMsg
|
|
33227
33351
|
)
|
|
@@ -34719,6 +34843,7 @@ const AmountInput = (props) => {
|
|
|
34719
34843
|
exports.Accordion = Accordion;
|
|
34720
34844
|
exports.ActionFailed = ActionFailed;
|
|
34721
34845
|
exports.ActionSuccess = ActionSuccess;
|
|
34846
|
+
exports.ActionWarning = ActionWarning;
|
|
34722
34847
|
exports.AmountInput = AmountInput;
|
|
34723
34848
|
exports.AppActionsTable = AppActionsTable;
|
|
34724
34849
|
exports.AppFormsTable = AppFormsTable;
|