@oliasoft-open-source/react-ui-library 4.15.7-beta-1 → 4.15.7-beta-3

package/dist/index.d.ts

@@ -502,6 +502,7 @@ declare interface IInputCell extends TCommonCell {
     warning?: string;
     disabled?: boolean;
     maxTooltipWidth?: TStringOrNumber;
+    selectOnFocus?: boolean;
     tooltip?: StringNumberOrNode;
 }
 
@@ -528,6 +529,7 @@ export declare interface IInputProps {
     onFocus?: (evt: FocusEvent_2<HTMLInputElement>) => void;
     onBlur?: (evt: FocusEvent_2<HTMLInputElement>) => void;
     onPaste?: default_2.ClipboardEventHandler<HTMLInputElement>;
+    selectOnFocus?: boolean;
     small?: boolean;
     placeholder?: string | null;
     tabIndex?: number;
@@ -907,6 +909,7 @@ declare interface INumberInputCell extends TCommonCell {
     enableCosmeticRounding: boolean;
     enableDisplayRounding: boolean;
     roundDisplayValue: (value: TStringOrNumber) => TStringOrNumber;
+    selectOnFocus?: boolean;
 }
 
 export declare interface INumberInputProps {
@@ -923,6 +926,7 @@ export declare interface INumberInputProps {
     onChange?: TChangeEventHandler;
     onFocus?: (evt: FocusEvent_2<HTMLInputElement>) => void;
     onBlur?: (evt: FocusEvent_2<HTMLInputElement>) => void;
+    selectOnFocus?: boolean;
     tabIndex?: number;
     testId?: string;
     tooltip?: TStringOrNumber | default_2.ReactNode;
@@ -1669,7 +1673,7 @@ export declare const Modal: ({ children, visible, centered, width, onEnter, onEs
 
 export declare const NativeSelect: ({ disabled, error, warning, tooltip, options, onChange, onFocus, onBlur, right, small, tabIndex, selectedOption, width, groupOrder, testId, isInTable, clearable, placeholder, hasNonExistentValue, maxTooltipWidth, borderRadius, }: INativeSelectProps) => JSX_2.Element;
 
-export declare const NumberInput: ({ name, placeholder, disabled, error, left, small, width, value, onChange, onFocus, onBlur, tabIndex, testId, tooltip, warning, validationCallback, allowEmpty, isInTable, groupOrder, enableCosmeticRounding, enableDisplayRounding, roundDisplayValue, disableInternalErrorValidationMessages, }: INumberInputProps) => JSX_2.Element;
+export declare const NumberInput: ({ name, placeholder, disabled, error, left, small, width, value, onChange, onFocus, onBlur, selectOnFocus, tabIndex, testId, tooltip, warning, validationCallback, allowEmpty, isInTable, groupOrder, enableCosmeticRounding, enableDisplayRounding, roundDisplayValue, disableInternalErrorValidationMessages, }: INumberInputProps) => JSX_2.Element;
 
 export declare const OptionDropdown: ({ name, label, options, onChange, small, showHeader, maxHeight, }: IOptionDropdownProps) => ReactElement;
 

package/dist/index.js

@@ -16,7 +16,7 @@ import * as PropTypes from "prop-types";
 import PropTypes__default from "prop-types";
 import ReactDOM, { createPortal, unstable_batchedUpdates, render } from "react-dom";
 import { noop as noop$3, set, get as get$2, isString as isString$3, isNumber as isNumber$1, isBoolean as isBoolean$2, isFunction as isFunction$3, isEmpty, isArray as isArray$1, toNumber, debounce as debounce$2, isObject as isObject$5, isEqual as isEqual$4 } from "lodash";
-import { toString as toString$1, isScientificStringNum, roundToPrecision, toNum, validateNumber, cleanNumStr, stripLeadingZeros, roundToFixed, roundByMagnitude, unitFromQuantity, getUnit, KNOWN_UNITS, ALT_UNITS, isValueWithUnit, getValue as getValue$1, withUnit, convertSamePrecision, convertAndGetValue, round as round$1, split as split$1, label as label$b, isValidNum, getAltUnitsListByQuantity, altUnitsList, getUnitsForQuantity, roundByMagnitudeToFixed } from "@oliasoft-open-source/units";
+import { toString as toString$1, isScientificStringNum, roundToPrecision, toNum, validateNumber, cleanNumStr, stripLeadingZeros, roundToFixed, roundByMagnitude, unitFromQuantity, getUnit, KNOWN_UNITS, ALT_UNITS, isValueWithUnit, getValue as getValue$1, withUnit, convertSamePrecision, convertAndGetValue, split as split$1, label as label$b, isValidNum, getAltUnitsListByQuantity, altUnitsList, getUnitsForQuantity, roundByMagnitudeToFixed } from "@oliasoft-open-source/units";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
@@ -9082,6 +9082,7 @@ const Input$1 = forwardRef(
     },
     onPaste = () => {
     },
+    selectOnFocus = false,
     name: name2 = void 0,
     type = "text",
     tabIndex = 0,
@@ -9110,6 +9111,12 @@ const Input$1 = forwardRef(
       return "";
     })();
     const width2 = propWidth || (size2 ? "auto" : "100%");
+    const handleFocus = (e2) => {
+      onFocus(e2);
+      if (selectOnFocus) {
+        e2.target.select();
+      }
+    };
     return /* @__PURE__ */ jsx("div", { style: { width: width2 }, className: order2, children: /* @__PURE__ */ jsx(
       Tooltip,
       {
@@ -9130,7 +9137,7 @@ const Input$1 = forwardRef(
             value: value ?? "",
             onChange,
             onKeyPress,
-            onFocus,
+            onFocus: handleFocus,
             onBlur,
             onPaste,
             name: name2,
@@ -55636,6 +55643,7 @@ const InputCell = ({
       isInTable: true,
       maxTooltipWidth: cell2.maxTooltipWidth,
       right: columnAlignment === Align.RIGHT,
+      selectOnFocus: cell2.selectOnFocus,
       testId,
       tabIndex: cell2.disabled ? -1 : 0,
       tooltip: cell2.tooltip,
@@ -55675,6 +55683,7 @@ const NumberInput = ({
   },
   onBlur = () => {
   },
+  selectOnFocus = false,
   tabIndex = 0,
   testId,
   tooltip: tooltip2 = null,
@@ -55760,6 +55769,10 @@ const NumberInput = ({
     if (inputRef && (inputRef == null ? void 0 : inputRef.current) && enableDisplayRounding && focus2) {
       const textInput = inputRef.current;
       if (textInput) {
+        if (selectOnFocus) {
+          textInput.select();
+          return;
+        }
         setTimeout(() => {
           const { length: length2 } = safeToString(displayValue);
           textInput.setSelectionRange(length2, length2);
@@ -55802,6 +55815,7 @@ const NumberInput = ({
           width: width2,
           isInTable: isInTable2,
           groupOrder,
+          selectOnFocus,
           tabIndex,
           tooltip: tooltip2,
           ref: inputRef
@@ -55833,6 +55847,7 @@ const NumberInputCell = ({
       disabled: cell2.disabled,
       isInTable: true,
       left: cell2.left ?? columnAlignment === Align.LEFT,
+      selectOnFocus: cell2.selectOnFocus,
       tabIndex: cell2.disabled ? -1 : 0,
       testId,
       tooltip: cell2.tooltip,
@@ -70308,10 +70323,6 @@ const initializeContext = (context2) => {
     UnitContext = context2;
   }
 };
-const safeRoundNumbers = (value) => {
-  const isScientific = isScientificStringNum(value);
-  return !isScientific ? safeToString(round$1(toNum(value))) : value;
-};
 const predefinedMenuActive = "_predefinedMenuActive_ye9w9_1";
 const inputWrapper = "_inputWrapper_ye9w9_4";
 const styles = {
@@ -70618,7 +70629,7 @@ const UnitInput = ({
               sections: alternativeUnits.map(([value2, altUnit, label2]) => {
                 const displayUnit = label2 || altUnit || "";
                 const safeValue = isValidNum(value2) ? value2 : "";
-                const displayValue = enableCosmeticRounding ? safeRoundNumbers(safeValue) : safeValue;
+                const displayValue = enableCosmeticRounding ? roundNumberCosmetic(safeValue) : safeValue;
                 return {
                   type: "Option",
                   label: displayValue,
@@ -70703,6 +70714,7 @@ const convertVisibleRows = ({
           enableCosmeticRounding,
           enableDisplayRounding,
           roundDisplayValue,
+          selectOnFocus: true,
           onChange: (evt) => {
             const { value: value2 } = evt.target;
             const storageUnit2 = storageUnits[unitKey];