@secondstaxorg/sscomp 1.6.85 → 1.6.86
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 +43 -35
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +41 -41
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -18391,6 +18391,7 @@ const DropdownList = (props) => {
|
|
|
18391
18391
|
|
|
18392
18392
|
React$1.useEffect(()=>{
|
|
18393
18393
|
if (initialText) setInitText(initialText);
|
|
18394
|
+
console.log(initialText);
|
|
18394
18395
|
},[initialText]);
|
|
18395
18396
|
|
|
18396
18397
|
React$1.useEffect(()=>{
|
|
@@ -18417,16 +18418,16 @@ const DropdownList = (props) => {
|
|
|
18417
18418
|
}
|
|
18418
18419
|
|
|
18419
18420
|
return (
|
|
18420
|
-
React$1.createElement(FieldContainer$1, { style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18421
|
+
React$1.createElement(FieldContainer$1, { style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 59}}
|
|
18421
18422
|
, !disabled &&
|
|
18422
18423
|
React$1.createElement(React$1.Fragment, null
|
|
18423
18424
|
, label &&
|
|
18424
|
-
React$1.createElement(InputLabel$4, {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18425
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18425
|
+
React$1.createElement(InputLabel$4, {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 63}}
|
|
18426
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 64}}, label)
|
|
18426
18427
|
)
|
|
18427
18428
|
|
|
18428
|
-
, React$1.createElement(DropdownField, { className: selStatus, style: {borderColor:passedOption.value ? theme.colors["success-500"] : theme.colors["neutral-200"]}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18429
|
-
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: ()=>{setSelStatus('error');}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18429
|
+
, React$1.createElement(DropdownField, { className: selStatus, style: {borderColor:passedOption.value ? theme.colors["success-500"] : theme.colors["neutral-200"]}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 67}}
|
|
18430
|
+
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: ()=>{setSelStatus('error');}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 68}})
|
|
18430
18431
|
, React$1.createElement('button', { ref: buttonRef, type: "button", className: `dropdown-field ${err ? 'error' : ''}`, onBlur: ()=>{
|
|
18431
18432
|
if (!searchable){
|
|
18432
18433
|
setTimeout(()=>{
|
|
@@ -18446,23 +18447,23 @@ const DropdownList = (props) => {
|
|
|
18446
18447
|
}else {
|
|
18447
18448
|
setOpened(true);
|
|
18448
18449
|
}
|
|
18449
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18450
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 69}}
|
|
18450
18451
|
)
|
|
18451
18452
|
, searchable && opened &&
|
|
18452
18453
|
React$1.createElement('input', { type: "text", value: qryStr, onChange: (e)=>{filterList(e.target.value);}, className: `dropdown-field search-field ${err ? 'error' : ''}`, onFocus: ()=>{setOpened(true);}, onBlur: ()=>{
|
|
18453
18454
|
setTimeout(()=>{
|
|
18454
18455
|
setOpened(false);
|
|
18455
18456
|
},200);
|
|
18456
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18457
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 91}})
|
|
18457
18458
|
|
|
18458
|
-
, React$1.createElement('div', { style: {overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18459
|
+
, React$1.createElement('div', { style: {overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 97}}
|
|
18459
18460
|
/*<span className="paragraph2Regular">{initialText}</span>*/
|
|
18460
18461
|
/*{!passedOption.label &&
|
|
18461
18462
|
<>*/
|
|
18462
|
-
, initText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18463
|
+
, initText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 101}}, initText)
|
|
18463
18464
|
, !initText &&
|
|
18464
18465
|
React$1.createElement(React$1.Fragment, null
|
|
18465
|
-
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18466
|
+
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 104}}, placeholder)
|
|
18466
18467
|
)
|
|
18467
18468
|
|
|
18468
18469
|
/*</>
|
|
@@ -18473,15 +18474,15 @@ const DropdownList = (props) => {
|
|
|
18473
18474
|
buttonRef.current.focus();
|
|
18474
18475
|
setOpened(true);
|
|
18475
18476
|
}
|
|
18476
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18477
|
-
, 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$I, lineNumber:
|
|
18478
|
-
, 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$I, lineNumber:
|
|
18477
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 110}}
|
|
18478
|
+
, 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$I, lineNumber: 116}}
|
|
18479
|
+
, 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$I, lineNumber: 117}})
|
|
18479
18480
|
)
|
|
18480
18481
|
)
|
|
18481
18482
|
, opened &&
|
|
18482
18483
|
React$1.createElement(React$1.Fragment, null
|
|
18483
18484
|
, options && options.length > 0 &&
|
|
18484
|
-
React$1.createElement(OptionsList, {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18485
|
+
React$1.createElement(OptionsList, {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 123}}
|
|
18485
18486
|
, optionsRec.map((option, index) => (
|
|
18486
18487
|
React$1.createElement(DropdownOption, { key: index, onClick: ()=>{
|
|
18487
18488
|
// setPassedOption(option)
|
|
@@ -18495,7 +18496,7 @@ const DropdownList = (props) => {
|
|
|
18495
18496
|
returnedSelection(option);
|
|
18496
18497
|
},200);
|
|
18497
18498
|
setSrVal(option.value);
|
|
18498
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18499
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 125}}, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 137}}, option.label))
|
|
18499
18500
|
))
|
|
18500
18501
|
)
|
|
18501
18502
|
|
|
@@ -18503,27 +18504,27 @@ const DropdownList = (props) => {
|
|
|
18503
18504
|
|
|
18504
18505
|
)
|
|
18505
18506
|
, selStatus === 'error' &&
|
|
18506
|
-
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18507
|
-
, 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$I, lineNumber:
|
|
18508
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18509
|
-
, 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$I, lineNumber:
|
|
18507
|
+
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 145}}
|
|
18508
|
+
, 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$I, lineNumber: 146}}
|
|
18509
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 147}}
|
|
18510
|
+
, 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$I, lineNumber: 148}})
|
|
18510
18511
|
)
|
|
18511
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18512
|
-
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18513
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18512
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 150}}
|
|
18513
|
+
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 151}}
|
|
18514
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 152}})
|
|
18514
18515
|
)
|
|
18515
18516
|
)
|
|
18516
18517
|
)
|
|
18517
|
-
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18518
|
+
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 156}}, "This field is required" )
|
|
18518
18519
|
)
|
|
18519
18520
|
|
|
18520
18521
|
)
|
|
18521
18522
|
|
|
18522
18523
|
, disabled &&
|
|
18523
|
-
React$1.createElement(DisabledContainer, {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18524
|
+
React$1.createElement(DisabledContainer, {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 162}}
|
|
18524
18525
|
, initText
|
|
18525
|
-
, 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$I, lineNumber:
|
|
18526
|
-
, 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$I, lineNumber:
|
|
18526
|
+
, 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$I, lineNumber: 164}}
|
|
18527
|
+
, 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$I, lineNumber: 165}})
|
|
18527
18528
|
)
|
|
18528
18529
|
)
|
|
18529
18530
|
|
|
@@ -20731,6 +20732,7 @@ const _jsxFileName$v = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
20731
20732
|
const NewsFilterBar = (props) => {
|
|
20732
20733
|
const {countries,outlets,selectedCountryFxn,selectedOutletFxn,theme} = props;
|
|
20733
20734
|
const [windowWidth,setWindowWidth] = React$1.useState(720);
|
|
20735
|
+
const [outletInitText,setOutletInitText] = React$1.useState('');
|
|
20734
20736
|
|
|
20735
20737
|
React$1.useEffect(() => {
|
|
20736
20738
|
setWindowWidth(window.innerWidth);
|
|
@@ -20740,21 +20742,27 @@ const NewsFilterBar = (props) => {
|
|
|
20740
20742
|
}, []);
|
|
20741
20743
|
|
|
20742
20744
|
return (
|
|
20743
|
-
React$1.createElement(TitleBarContainer$2, { className: theme, ...props, __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber:
|
|
20744
|
-
, React$1.createElement('h4', { className: windowWidth <= 720 ? "paragraph2Medium" : "heading6Medium", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber:
|
|
20745
|
-
, React$1.createElement(NewsFilters, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber:
|
|
20745
|
+
React$1.createElement(TitleBarContainer$2, { className: theme, ...props, __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 23}}
|
|
20746
|
+
, React$1.createElement('h4', { className: windowWidth <= 720 ? "paragraph2Medium" : "heading6Medium", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 24}}, "News")
|
|
20747
|
+
, React$1.createElement(NewsFilters, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 25}}
|
|
20746
20748
|
, countries && countries.length > 0 &&
|
|
20747
|
-
React$1.createElement('div', { className: "filterContainer", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber:
|
|
20749
|
+
React$1.createElement('div', { className: "filterContainer", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 27}}
|
|
20748
20750
|
, React$1.createElement(DropdownList, { options: countries, returnedSelection: (selCountry) => {
|
|
20749
|
-
if (selectedCountryFxn)
|
|
20750
|
-
|
|
20751
|
+
if (selectedCountryFxn){
|
|
20752
|
+
selectedCountryFxn(selCountry);
|
|
20753
|
+
setOutletInitText('');
|
|
20754
|
+
setTimeout(()=>{
|
|
20755
|
+
setOutletInitText('All');
|
|
20756
|
+
},200);
|
|
20757
|
+
}
|
|
20758
|
+
}, placeholder: "Select Country" , __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 28}})
|
|
20751
20759
|
)
|
|
20752
20760
|
|
|
20753
20761
|
, outlets && outlets.length > 0 &&
|
|
20754
|
-
React$1.createElement('div', { className: "filterContainer", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber:
|
|
20755
|
-
, React$1.createElement(DropdownList, { options: outlets, returnedSelection: (selOutlet) => {
|
|
20762
|
+
React$1.createElement('div', { className: "filterContainer", __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 40}}
|
|
20763
|
+
, React$1.createElement(DropdownList, { options: outlets, initialText: outletInitText, returnedSelection: (selOutlet) => {
|
|
20756
20764
|
if (selectedOutletFxn) selectedOutletFxn(selOutlet);
|
|
20757
|
-
}, placeholder: "Select Outlet" , __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber:
|
|
20765
|
+
}, placeholder: "Select Outlet" , __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 41}})
|
|
20758
20766
|
)
|
|
20759
20767
|
|
|
20760
20768
|
)
|