@oliasoft-open-source/react-ui-library 4.15.4-beta-1 → 4.15.4-beta-2

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

@@ -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,
@@ -19539,7 +19546,7 @@ const Layer$1 = ({
           return /* @__PURE__ */ jsx(
             Option$1,
             {
-              option: { ...option2, key: `${index2}` },
+              option: option2,
               onChange: (evt) => {
                 const { value } = option2;
                 const next2 = options.map(
@@ -19563,7 +19570,6 @@ const OptionDropdown = ({
   showHeader = true,
   maxHeight = "40vh"
 }) => {
-  const [newOptions, setNewOptions] = useState(options);
   return /* @__PURE__ */ jsx(
     Menu,
     {
@@ -19575,11 +19581,11 @@ const OptionDropdown = ({
         sections: /* @__PURE__ */ jsx(
           Layer$1,
           {
-            options: newOptions,
+            options,
             onChangeOptions: (evt, nextOptions) => {
+              evt.stopPropagation();
               evt.target.name = name2;
               evt.target.value = nextOptions;
-              setNewOptions(nextOptions);
               onChange(evt);
             },
             showHeader,
@@ -55636,6 +55642,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 +55682,7 @@ const NumberInput = ({
   },
   onBlur = () => {
   },
+  selectOnFocus = false,
   tabIndex = 0,
   testId,
   tooltip: tooltip2 = null,
@@ -55757,6 +55765,7 @@ const NumberInput = ({
     }
   };
   useEffect(() => {
+    if (selectOnFocus) return;
     if (inputRef && (inputRef == null ? void 0 : inputRef.current) && enableDisplayRounding && focus2) {
       const textInput = inputRef.current;
       if (textInput) {
@@ -55802,6 +55811,7 @@ const NumberInput = ({
           width: width2,
           isInTable: isInTable2,
           groupOrder,
+          selectOnFocus,
           tabIndex,
           tooltip: tooltip2,
           ref: inputRef
@@ -55833,6 +55843,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,
@@ -70699,6 +70710,7 @@ const convertVisibleRows = ({
           enableCosmeticRounding,
           enableDisplayRounding,
           roundDisplayValue,
+          selectOnFocus: true,
           onChange: (evt) => {
             const { value: value2 } = evt.target;
             const storageUnit2 = storageUnits[unitKey];