pesona-ui 1.0.17 → 1.0.19
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.cjs.js +5 -4
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +5 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/styles/pesona-ui.css +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -8615,16 +8615,17 @@ const SelectWithSearch = forwardRef(({ name, label, selectLabel, size = 'md', fl
|
|
|
8615
8615
|
useEffect(() => {
|
|
8616
8616
|
setSelectedValue(value);
|
|
8617
8617
|
}, [value]);
|
|
8618
|
+
const displayText = selectedValue
|
|
8619
|
+
? options.find((option) => option.value === selectedValue)?.label
|
|
8620
|
+
: selectLabel || 'Select an option';
|
|
8618
8621
|
return (React.createElement(React.Fragment, null,
|
|
8619
8622
|
label && !floatingLabel && (React.createElement("label", { htmlFor: name },
|
|
8620
8623
|
label,
|
|
8621
8624
|
required && React.createElement("span", { className: "text-danger" }, "*"))),
|
|
8622
8625
|
React.createElement("div", { className: `dropdown-select-container ${size}`, ref: dropdownRef },
|
|
8623
8626
|
React.createElement("div", { className: `dropdown-header ${isOpen ? 'open' : ''} ${disabled ? 'disabled' : ''}`, onClick: () => !disabled && setIsOpen(!isOpen), ref: ref, "aria-haspopup": "listbox", "aria-expanded": isOpen },
|
|
8624
|
-
|
|
8625
|
-
|
|
8626
|
-
: selectLabel || 'Select an option',
|
|
8627
|
-
React.createElement(FiChevronDown, null)),
|
|
8627
|
+
React.createElement("span", { className: "label" }, displayText),
|
|
8628
|
+
React.createElement(FiChevronDown, { className: "arrow" })),
|
|
8628
8629
|
isOpen && (React.createElement("div", { className: `dropdown-options scrollbar ${disabled ? 'disabled' : ''}`, ref: dropdownOptionsRef, role: "listbox" },
|
|
8629
8630
|
React.createElement("div", { className: "search-input" },
|
|
8630
8631
|
React.createElement(Input, { name: "search", placeholder: "Ketik untuk mencari..", type: "search", tabIndex: 0, autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: false, role: "textbox", value: selectSearch, autoFocus: true, onChange: (e) => {
|