@oliasoft-open-source/react-ui-library 4.15.1-beta-5 → 4.15.1-beta-7

package/dist/index.d.ts

@@ -762,7 +762,7 @@ export declare interface IMenuProps {
     selected?: boolean;
 }
 
-declare interface IMenuSection {
+export declare interface IMenuSection {
     type: TMenuType | string;
     label?: ReactNode;
     icon?: string | ReactNode;
@@ -1569,7 +1569,6 @@ export declare interface IUnitInputProps {
     unitkey?: string;
     initUnit?: string;
     noConversion?: boolean;
-    doNotConvertValue?: boolean;
     testId?: string;
     warning?: string | boolean | null;
     predefinedOptions?: IPredefinedOption[] | null;
@@ -1579,7 +1578,6 @@ export declare interface IUnitInputProps {
     validationCallback?: (name: string, error: string | null) => any;
     disabledValidation?: boolean;
     allowEmpty?: boolean;
-    autoValue?: string;
     onChange?: TOnChangeEventHandler;
     onSwitchUnit?: (unit: string) => void;
     onClick?: MouseEventHandler<HTMLInputElement>;
@@ -1886,7 +1884,7 @@ declare type TUnitTableCellShape = TCellShape | IUnitTableStaticCell | IUnitTabl
 
 declare type UnitContextType = any;
 
-export declare const UnitInput: ({ name, placeholder, disabled, disabledUnit, error, left, small, width, value, unitkey, initUnit, noConversion, onChange, onClick, onFocus, onSwitchUnit, unitTemplate, doNotConvertValue, testId, warning, predefinedOptions, initialPredefinedOption, shouldLinkAutomaticly, selectedPredefinedOptionKey, validationCallback, disabledValidation, allowEmpty, autoValue, convertBackToStorageUnit, enableCosmeticRounding, enableDisplayRounding, roundDisplayValue, }: IUnitInputProps) => JSX_2.Element;
+export declare const UnitInput: ({ name, placeholder, disabled, disabledUnit, error, left, small, width, value, unitkey, initUnit, noConversion, onChange, onClick, onFocus, onSwitchUnit, unitTemplate, testId, warning, predefinedOptions, initialPredefinedOption, shouldLinkAutomaticly, selectedPredefinedOptionKey, validationCallback, disabledValidation, allowEmpty, convertBackToStorageUnit, enableCosmeticRounding, enableDisplayRounding, roundDisplayValue, }: IUnitInputProps) => JSX_2.Element;
 
 export declare const UnitTable: ({ table, unitConfig, convertBackToStorageUnit, enableCosmeticRounding, enableDisplayRounding, }: IUnitTableProps) => JSX_2.Element;
 

package/dist/index.js

@@ -20890,6 +20890,11 @@ const Trigger = ({
 }) => {
   var _a2;
   const [inputRef, setInputFocus] = useFocus();
+  useEffect(() => {
+    if (isOpen2 && typeof setInputFocus === "function") {
+      setInputFocus();
+    }
+  }, [isOpen2, setInputFocus]);
   const hasSelection2 = Array.isArray(selectedOptions) ? selectedOptions.length > 0 && ((_a2 = selectedOptions[0]) == null ? void 0 : _a2.value) : selectedOptions == null ? void 0 : selectedOptions.value;
   const canClear = clearable && hasSelection2;
   const order2 = (() => {
@@ -20928,11 +20933,7 @@ const Trigger = ({
           right2 ? styles$m.right : "",
           order2
         ),
-        onClick: (evt) => {
-          console.log("TRIGGER ONCLICK");
-          evt.stopPropagation();
-          onClickTrigger(evt);
-        },
+        onClick: onClickTrigger,
         onFocus,
         onBlur,
         "data-error": error2 || null,
@@ -70314,7 +70315,6 @@ const UnitInput = ({
   onFocus = noop$3,
   onSwitchUnit = noop$3,
   unitTemplate,
-  doNotConvertValue = false,
   testId,
   warning: warning2 = null,
   predefinedOptions,
@@ -70324,7 +70324,6 @@ const UnitInput = ({
   validationCallback = () => ({ name: "", error: null }),
   disabledValidation = false,
   allowEmpty = false,
-  autoValue,
   convertBackToStorageUnit = false,
   enableCosmeticRounding = true,
   enableDisplayRounding = false,
@@ -70336,7 +70335,6 @@ const UnitInput = ({
     value = `${value}`;
   }
   const [propValue = "", propUnit = ""] = value !== void 0 ? split$1(value) : [];
-  const propAutoUnit = autoValue ? getUnit(autoValue) : "";
   const preferredUnit = useMemo$1(
     () => getPreferredUnit(unitkey, unitTemplate || (context2 == null ? void 0 : context2.unitTemplate)),
     [unitkey, unitTemplate, context2 == null ? void 0 : context2.unitTemplate]
@@ -70349,23 +70347,15 @@ const UnitInput = ({
     toUnit: initDisplayUnit,
     unitkey,
     defaultFromUnit: propUnit,
-    doNotConvertValue
-  });
-  const { value: convertedAutoValue } = safeConvertValue({
-    value: autoValue,
-    toUnit: initDisplayUnit,
-    unitkey,
-    defaultFromUnit: propAutoUnit,
-    doNotConvertValue
+    doNotConvertValue: noConversion
   });
-  const initDisplayLayer = convertedValue !== "" ? { value: convertedValue, unit: initDisplayUnit } : convertedAutoValue !== "" ? { value: convertedAutoValue, unit: initDisplayUnit } : { value: propValue, unit: propUnit };
+  const initDisplayLayer = convertedValue !== "" ? { value: convertedValue, unit: initDisplayUnit } : { value: propValue, unit: propUnit };
   const [displayLayer, setDisplayLayer] = useState(initDisplayLayer);
   const derivedAllowEmpty = allowEmpty || (displayLayer == null ? void 0 : displayLayer.value) === void 0;
   const [predefinedOptionsMenuState, setPredefinedOptionsMenuState] = useState(
     initialPredefinedOption ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM
   );
-  const isAutoValue = propValue === "" && autoValue;
-  const disableInternalErrorValidationMessages = !!(disabledValidation || autoValue || disabled2);
+  const disableInternalErrorValidationMessages = !!(disabledValidation || disabled2);
   const foundPredefinedMenuOption = predefinedOptions && predefinedOptions.find((el2) => {
     if (!(el2 == null ? void 0 : el2.value)) return;
     if (selectedPredefinedOptionKey) {
@@ -70380,7 +70370,7 @@ const UnitInput = ({
     return withUnit(resultValue, predefinedMenuItemUnit) === el2.value;
   });
   const getAlternativeUnits = () => {
-    const valueToList = isAutoValue ? autoValue : value ?? "";
+    const valueToList = value ?? "";
     const initToUnit = displayLayer.unit;
     const shouldConvert = checkConversion({
       value: valueToList,
@@ -70439,7 +70429,7 @@ const UnitInput = ({
           toUnit: initDisplayUnit,
           unitkey,
           defaultFromUnit: propUnit,
-          doNotConvertValue
+          doNotConvertValue: noConversion
         });
         newValue = resultValue;
         newUnit = initDisplayUnit;
@@ -70449,7 +70439,7 @@ const UnitInput = ({
           toUnit: displayLayer.unit,
           unitkey,
           defaultFromUnit: propUnit,
-          doNotConvertValue
+          doNotConvertValue: noConversion
         });
         newValue = resultValue;
         newUnit = displayLayer.unit;
@@ -70522,23 +70512,14 @@ const UnitInput = ({
     sectionsPredefinedMenu = [...sectionsPredefinedMenu, ...dynamicOptions];
   }
   const getPlaceholder = (placeholder22) => {
-    if (isAutoValue) {
-      const { value: resultValue } = safeConvertValue({
-        value: autoValue,
-        toUnit: displayLayer.unit,
-        unitkey,
-        defaultFromUnit: propAutoUnit,
-        doNotConvertValue
-      });
-      return resultValue;
-    } else if (isValueWithUnit(placeholder22)) {
+    if (isValueWithUnit(placeholder22)) {
       const placeholderUnit = getUnit(placeholder22);
       const { value: resultValue } = safeConvertValue({
         value: placeholder22,
         toUnit: displayLayer.unit,
         unitkey,
         defaultFromUnit: placeholderUnit,
-        doNotConvertValue
+        doNotConvertValue: noConversion
       });
       return resultValue;
     }
@@ -70623,7 +70604,7 @@ const UnitInput = ({
                   inline: true,
                   onClick: (evt) => {
                     evt.stopPropagation();
-                    onClickUnit(isAutoValue ? "" : value2, altUnit);
+                    onClickUnit(value2, altUnit);
                   },
                   description: displayUnit,
                   selected: displayUnit === displayUnitLabel,