sprint-asia-custom-component 0.1.31 → 0.1.32
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.js
CHANGED
|
@@ -24004,7 +24004,10 @@
|
|
|
24004
24004
|
title = "Title Dropdown",
|
|
24005
24005
|
placeholder = "Placeholder",
|
|
24006
24006
|
isRequired = true,
|
|
24007
|
-
currentOption
|
|
24007
|
+
currentOption = {
|
|
24008
|
+
option: "Name 1",
|
|
24009
|
+
value: "Value 1"
|
|
24010
|
+
}
|
|
24008
24011
|
}) => {
|
|
24009
24012
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
24010
24013
|
const [selectedOption, setSelectedOption] = React.useState(null);
|
|
@@ -24026,12 +24029,13 @@
|
|
|
24026
24029
|
setIsOpen(!isOpen);
|
|
24027
24030
|
};
|
|
24028
24031
|
const handleOptionClick = (option, value) => {
|
|
24029
|
-
console.log("ini option", option);
|
|
24030
|
-
console.log("ini value", value);
|
|
24031
24032
|
setSelectedOption(option);
|
|
24032
24033
|
setIsOpen(false);
|
|
24033
24034
|
if (onSelect) {
|
|
24034
|
-
onSelect(
|
|
24035
|
+
onSelect({
|
|
24036
|
+
option: option,
|
|
24037
|
+
value: value
|
|
24038
|
+
});
|
|
24035
24039
|
}
|
|
24036
24040
|
};
|
|
24037
24041
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -24051,7 +24055,7 @@
|
|
|
24051
24055
|
onClick: handleToggleDropdownText
|
|
24052
24056
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
24053
24057
|
className: "flex-grow overflow-hidden"
|
|
24054
|
-
}, selectedOption ? selectedOption : currentOption ? currentOption : placeholder), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
24058
|
+
}, selectedOption ? selectedOption : currentOption.option ? currentOption.option : placeholder), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
24055
24059
|
className: "ml-2"
|
|
24056
24060
|
}, isOpen ? /*#__PURE__*/React__default["default"].createElement(PiCaretUp, {
|
|
24057
24061
|
size: 16,
|
package/package.json
CHANGED
|
@@ -16,7 +16,7 @@ const DropdownText = ({
|
|
|
16
16
|
title = "Title Dropdown",
|
|
17
17
|
placeholder = "Placeholder",
|
|
18
18
|
isRequired = true,
|
|
19
|
-
currentOption,
|
|
19
|
+
currentOption = {option : "Name 1", value:"Value 1"},
|
|
20
20
|
}) => {
|
|
21
21
|
const [isOpen, setIsOpen] = useState(false);
|
|
22
22
|
const [selectedOption, setSelectedOption] = useState(null);
|
|
@@ -43,12 +43,10 @@ const DropdownText = ({
|
|
|
43
43
|
};
|
|
44
44
|
|
|
45
45
|
const handleOptionClick = (option, value) => {
|
|
46
|
-
console.log("ini option", option)
|
|
47
|
-
console.log("ini value", value)
|
|
48
46
|
setSelectedOption(option);
|
|
49
47
|
setIsOpen(false);
|
|
50
48
|
if (onSelect) {
|
|
51
|
-
onSelect(value);
|
|
49
|
+
onSelect({option: option, value: value});
|
|
52
50
|
}
|
|
53
51
|
};
|
|
54
52
|
|
|
@@ -69,7 +67,7 @@ const DropdownText = ({
|
|
|
69
67
|
className="flex items-center w-full py-2.5 text-left px-4 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none overflow-hidden"
|
|
70
68
|
onClick={handleToggleDropdownText}
|
|
71
69
|
>
|
|
72
|
-
<span className='flex-grow overflow-hidden'>{selectedOption ? selectedOption : currentOption ? currentOption : placeholder}</span>
|
|
70
|
+
<span className='flex-grow overflow-hidden'>{selectedOption ? selectedOption : currentOption.option ? currentOption.option : placeholder}</span>
|
|
73
71
|
<span className='ml-2'>
|
|
74
72
|
{isOpen ? <PiCaretUp size={16} className='text-neutral300' /> : <PiCaretDown size={16} className='text-neutral300' />}
|
|
75
73
|
</span>
|