@northlight/ui 2.31.0 → 2.31.1

package/dist/es/northlight.d.ts

@@ -4240,7 +4240,7 @@ interface CreatableSelectDropdownProps<T extends string = string> extends Compon
 declare const CreatableSelectDropdown: <T extends string = string>({ standardOptions, initialPlaceholder, addOptionPlaceholder, creationOption, onOptionChange, variant, defaultValue, value, menuPlacement, ...restProps }: CreatableSelectDropdownProps<T>) => JSX.Element;
 
 type ComboPickerValue = {
-    input: number;
+    input?: number;
     option: ComboPickerOption;
 };
 type ComboPickerOption = {
@@ -4286,6 +4286,7 @@ declare const ComboPicker: ({ onChange, options, size, value, placeholder, preci
  * <ComboPickerField
  *         label="Budget"
  *         name="budget"
+ *         placeholder="Amount"
  *         options={ [
  *           { label: 'USD', value: 'usd' },
  *           { label: 'EUR', value: 'eur' },

package/dist/es/northlight.js

@@ -14291,18 +14291,18 @@ const ComboPicker = (_a) => {
     "isDisabled",
     "isReadOnly"
   ]);
+  var _a2;
   const { isOpen, onToggle, onClose } = useDisclosure();
-  const [inputValue, setInputValue] = useState(value ? value.input : 0);
-  const [selectOption, setSelectOption] = useState(value ? value.option : options[0]);
+  const [inputValue, setInputValue] = useState(value == null ? void 0 : value.input);
+  const [selectOption, setSelectOption] = useState((_a2 = value == null ? void 0 : value.option) != null ? _a2 : options[0]);
   const [enableSelectInput, setEnableSelectInput] = useState(false);
   const buttonRef = useRef();
   const selectRef = useRef();
+  const getNewValue = (option, input) => input ? { input: Number(input), option } : { option };
   const handleInputChange = (newInputvalue) => {
-    setInputValue(Number(newInputvalue.floatValue));
-    onChange == null ? void 0 : onChange({
-      input: Number(newInputvalue.floatValue),
-      option: selectOption
-    });
+    const newValue = getNewValue(selectOption, newInputvalue.floatValue);
+    setInputValue(newValue.input);
+    onChange == null ? void 0 : onChange(newValue);
   };
   const handleSelectClose = () => {
     if (buttonRef.current) {
@@ -14314,10 +14314,7 @@ const ComboPicker = (_a) => {
   const handleSelectChange = (selectedOption) => {
     if (selectedOption) {
       setSelectOption(selectedOption);
-      onChange == null ? void 0 : onChange({
-        input: inputValue,
-        option: selectedOption
-      });
+      onChange == null ? void 0 : onChange(getNewValue(selectedOption, inputValue));
       handleSelectClose();
     }
   };