@northlight/ui 2.36.8 → 2.36.10

package/dist/umd/northlight.cjs

@@ -1592,7 +1592,10 @@
   const processColorSchemeBasedOnTheme = ({
     currentTheme,
     colorScheme
-  }) => ramda.defaultTo(colorScheme, themeMap[currentTheme][colorScheme]);
+  }) => {
+    var _a;
+    return (_a = ramda.path([currentTheme, colorScheme], themeMap)) != null ? _a : colorScheme;
+  };
 
   const Tag$1 = {
     parts: ["container"],
@@ -13460,10 +13463,8 @@
       "inputRightElement",
       "onBlur"
     ]);
-    const [valueState, setValueState] = React.useState(valueProp);
-    const isControlled = typeof valueProp !== "undefined";
-    const value = isControlled ? valueProp : valueState;
     const props = presetMap[preset];
+    const value = valueProp != null ? valueProp : "";
     const getNumberFormatValues = (number) => ({
       floatValue: number,
       formattedValue: reactNumberFormat.numericFormatter(number.toString(), props),
@@ -13476,18 +13477,15 @@
       const factor = isPercentage ? 100 : 1;
       if (vNum * factor > max) {
         const newValue = roundToPrecision(max / factor, numberOfDecimals);
-        setValueState(newValue);
         onChange(getNumberFormatValues(newValue));
       }
       if (vNum * factor < min) {
         const newValue = roundToPrecision(min / factor, numberOfDecimals);
-        setValueState(newValue);
         onChange(getNumberFormatValues(newValue));
       }
     };
     const onValueChangeHandler = (values, sourceInfo) => {
       const newFloatValue = values.floatValue && isPercentage ? roundToPrecision(values.floatValue / 100, numberOfDecimals) : values.floatValue;
-      setValueState(newFloatValue);
       onChange(
         __spreadProps$3(__spreadValues$k({}, values), {
           floatValue: newFloatValue
@@ -14723,13 +14721,9 @@
     ]);
     var _a2, _b2, _c;
     const { isOpen, onToggle, onClose } = react.useDisclosure();
-    const [inputValueState, setInputValueState] = React.useState(valueProp == null ? void 0 : valueProp.input);
-    const [selectOptionState, setselectOptionState] = React.useState(valueProp == null ? void 0 : valueProp.option);
+    const [inputValue, setInputValue] = React.useState(valueProp == null ? void 0 : valueProp.input);
+    const [selectOption, setSelectOption] = React.useState(valueProp == null ? void 0 : valueProp.option);
     const [enableSelectInput, setEnableSelectInput] = React.useState(false);
-    const isInputValueControlled = typeof (valueProp == null ? void 0 : valueProp.input) !== "undefined";
-    const inputValue = isInputValueControlled ? valueProp.input : inputValueState;
-    const isOptionControlled = typeof (valueProp == null ? void 0 : valueProp.option) !== "undefined";
-    const selectOption = isOptionControlled ? valueProp.option : selectOptionState;
     const buttonRef = React.useRef();
     const selectRef = React.useRef();
     const getNewValue = (option, input) => {
@@ -14737,8 +14731,7 @@
       return ramda.is(Number, input) ? { input: Number(input), option: newValueOption } : { option: newValueOption };
     };
     const handleInputChange = (newInputvalue) => {
-      const newValue = getNewValue(selectOption, newInputvalue);
-      setInputValueState(newValue.input);
+      const newValue = getNewValue(valueProp == null ? void 0 : valueProp.option, newInputvalue);
       onChange == null ? void 0 : onChange(newValue);
     };
     const handleSelectClose = () => {
@@ -14750,8 +14743,7 @@
     };
     const handleSelectChange = (selectedOption) => {
       if (selectedOption) {
-        setselectOptionState(selectedOption);
-        onChange == null ? void 0 : onChange(getNewValue(selectedOption, inputValue));
+        onChange == null ? void 0 : onChange(getNewValue(selectedOption, valueProp == null ? void 0 : valueProp.input));
         if (isOpen) {
           handleSelectClose();
         }
@@ -14769,20 +14761,13 @@
       }
     }, [enableSelectInput]);
     React.useEffect(() => {
-      const needsToCorrectOption = !selectOption;
-      const needsToCorrectInput = !ramda.is(Number, inputValue) && defaultToZeroIfEmpty;
-      const option = needsToCorrectOption ? options[0] : selectOption;
-      const input = needsToCorrectInput ? clamp(min, max, 0) : inputValue;
-      if (needsToCorrectOption) {
-        setselectOptionState(option);
-      }
-      if (needsToCorrectInput) {
-        setInputValueState(input);
-      }
-      if (needsToCorrectOption || needsToCorrectInput) {
-        onChange == null ? void 0 : onChange(getNewValue(option, input));
-      }
-    }, [inputValue, defaultToZeroIfEmpty]);
+      var _a3, _b3;
+      const option = (_a3 = valueProp == null ? void 0 : valueProp.option) != null ? _a3 : options[0];
+      const input = defaultToZeroIfEmpty ? (_b3 = valueProp == null ? void 0 : valueProp.input) != null ? _b3 : 0 : valueProp == null ? void 0 : valueProp.input;
+      setSelectOption(option);
+      setInputValue(input);
+      onChange == null ? void 0 : onChange(getNewValue(option, input));
+    }, [valueProp == null ? void 0 : valueProp.input, valueProp == null ? void 0 : valueProp.option, defaultToZeroIfEmpty, options]);
     const buttonWidth = (_b2 = (_a2 = buttonRef.current) == null ? void 0 : _a2.offsetWidth) != null ? _b2 : 0;
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       FormattedNumberInput,