@northlight/ui 2.36.8 → 2.36.10

package/dist/es/northlight.js

@@ -3,7 +3,7 @@ export { AbsoluteCenter, AccordionIcon, AlertDescription, AlertDialog, AlertDial
 import React, { useState, useEffect, useRef, isValidElement, cloneElement, Children, createContext, useContext, forwardRef as forwardRef$1, useImperativeHandle, memo, useMemo, useCallback } from 'react';
 import { CreatableSelect, chakraComponents, AsyncSelect, Select as Select$3 } from 'chakra-react-select';
 export { AsyncCreatableSelect, AsyncSelect, Select as ChakraReactSelect, CreatableSelect, chakraComponents as selectChakraComponents } from 'chakra-react-select';
-import { isNil, last, map, prop, difference, replace, split, path, T, keys, omit, defaultTo, merge, isEmpty, identity, any, ifElse, gt, always, take, inc, dec, forEach, is, trim, values, equals, mergeAll, toLower, find, times, has, not, all, filter, test, indexOf, remove, insert, intersection, findIndex, concat, head, match, length, propEq } from 'ramda';
+import { isNil, last, map, prop, difference, replace, split, path, T, keys, omit, merge, isEmpty, identity, any, ifElse, gt, always, defaultTo, take, inc, dec, forEach, is, trim, values, equals, mergeAll, toLower, find, times, has, not, all, filter, test, indexOf, remove, insert, intersection, findIndex, concat, head, match, length, propEq } from 'ramda';
 import { useFocusManager, FocusScope, useFocusRing } from '@react-aria/focus';
 import { useForm, FormProvider, useFormContext, Controller } from 'react-hook-form';
 export { useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
@@ -1614,7 +1614,10 @@ const themeMap = {
 const processColorSchemeBasedOnTheme = ({
   currentTheme,
   colorScheme
-}) => defaultTo(colorScheme, themeMap[currentTheme][colorScheme]);
+}) => {
+  var _a;
+  return (_a = path([currentTheme, colorScheme], themeMap)) != null ? _a : colorScheme;
+};
 
 const Tag$1 = {
   parts: ["container"],
@@ -13482,10 +13485,8 @@ const FormattedNumberInput = (_a) => {
     "inputRightElement",
     "onBlur"
   ]);
-  const [valueState, setValueState] = 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: numericFormatter(number.toString(), props),
@@ -13498,18 +13499,15 @@ const FormattedNumberInput = (_a) => {
     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
@@ -14745,13 +14743,9 @@ const ComboPicker = (_a) => {
   ]);
   var _a2, _b2, _c;
   const { isOpen, onToggle, onClose } = useDisclosure();
-  const [inputValueState, setInputValueState] = useState(valueProp == null ? void 0 : valueProp.input);
-  const [selectOptionState, setselectOptionState] = useState(valueProp == null ? void 0 : valueProp.option);
+  const [inputValue, setInputValue] = useState(valueProp == null ? void 0 : valueProp.input);
+  const [selectOption, setSelectOption] = useState(valueProp == null ? void 0 : valueProp.option);
   const [enableSelectInput, setEnableSelectInput] = 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 = useRef();
   const selectRef = useRef();
   const getNewValue = (option, input) => {
@@ -14759,8 +14753,7 @@ const ComboPicker = (_a) => {
     return 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 = () => {
@@ -14772,8 +14765,7 @@ const ComboPicker = (_a) => {
   };
   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();
       }
@@ -14791,20 +14783,13 @@ const ComboPicker = (_a) => {
     }
   }, [enableSelectInput]);
   useEffect(() => {
-    const needsToCorrectOption = !selectOption;
-    const needsToCorrectInput = !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,