npm - @oliasoft-open-source/react-ui-library - Versions diffs - 4.2.2 → 4.2.3-beta-1 - Mend

@oliasoft-open-source/react-ui-library 4.2.2 → 4.2.3-beta-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (59) hide show

package/dist/assets/{index-26f804a8.js → index-ba2c9337.js} RENAMED Viewed

@@ -22954,6 +22954,41 @@ reactExports.forwardRef(
     //use width instead
   }, ref2) => {
     const disabledContext = reactExports.useContext(DisabledContext);
+    const inputRef = reactExports.useRef(null);
+    const position2 = reactExports.useRef({
+      beforeStart: 0,
+      beforeEnd: 0
+    });
+    const handleChange = (e2) => {
+      const beforeStart = e2.target.selectionStart || 0;
+      const beforeEnd = e2.target.selectionEnd || 0;
+      position2.current = {
+        beforeStart,
+        beforeEnd
+      };
+      onChange(e2);
+    };
+    reactExports.useLayoutEffect(() => {
+      var _a;
+      (_a = inputRef.current) == null ? void 0 : _a.setSelectionRange(
+        position2.current.beforeStart,
+        position2.current.beforeEnd
+      );
+    }, [value]);
+    reactExports.useImperativeHandle(ref2, () => ({
+      blur: () => {
+        var _a;
+        (_a = inputRef.current) == null ? void 0 : _a.blur();
+      },
+      click: () => {
+        var _a;
+        (_a = inputRef.current) == null ? void 0 : _a.click();
+      },
+      focus: () => {
+        var _a;
+        (_a = inputRef.current) == null ? void 0 : _a.focus();
+      }
+    }));
     const order2 = (() => {
       if (groupOrder) {
         switch (groupOrder) {
@@ -22981,12 +23016,12 @@ reactExports.forwardRef(
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "input",
           {
-            ref: ref2,
+            ref: inputRef,
             type: type2 || "text",
             size: size2 || 20,
             placeholder: placeholder2 ?? "",
             value: value ?? "",
-            onChange,
+            onChange: handleChange,
             onKeyPress,
             onFocus,
             onBlur,

package/dist/index.d.ts CHANGED Viewed

@@ -848,7 +848,7 @@ export declare interface INativeSelectProps {
     maxTooltipWidth?: TStringOrNumber;
 }
-export declare const Input: React_2.ForwardRefExoticComponent<IInputProps & React_2.RefAttributes<HTMLInputElement>>;
+export declare const Input: React_2.ForwardRefExoticComponent<IInputProps & React_2.RefAttributes<InputRef>>;
 export declare const InputGroup: ({ children, small, width, }: IInputGroupProps) => ReactElement;
@@ -861,6 +861,12 @@ export declare enum InputReaderMethods {
     READ_AS_BINARY_STRING = "readAsBinaryString"
 }
+declare type InputRef = {
+    blur: () => void;
+    click: () => void;
+    focus: () => void;
+} | null;
 export declare enum InputType {
     TEXT = "text",
     RADIO = "radio",

package/dist/index.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-~~26f804a8~~.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-0d78a198.css"></head><body><div id="content"></div></body>
1	+ <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-ba2c9337.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-0d78a198.css"></head><body><div id="content"></div></body>

package/dist/index.js CHANGED Viewed

@@ -6,7 +6,7 @@ var __publicField = (obj, key2, value) => {
 };
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import * as React$4 from "react";
-import React__default, { useContext, isValidElement, useState, useRef, useEffect, useCallback as useCallback$1, createElement, forwardRef, useMemo as useMemo$1, useLayoutEffect as useLayoutEffect$1, createContext, useReducer, useDebugValue, Fragment as Fragment$2, Component as Component$1, PureComponent, useImperativeHandle, memo, cloneElement as cloneElement$1 } from "react";
+import React__default, { useContext, isValidElement, useState, useRef, useEffect, useCallback as useCallback$1, createElement, forwardRef, useMemo as useMemo$1, useLayoutEffect as useLayoutEffect$1, createContext, useReducer, useDebugValue, Fragment as Fragment$2, useImperativeHandle, Component as Component$1, PureComponent, memo, cloneElement as cloneElement$1 } from "react";
 import * as PropTypes from "prop-types";
 import PropTypes__default from "prop-types";
 import ReactDOM, { createPortal, unstable_batchedUpdates, render } from "react-dom";
@@ -9162,8 +9162,42 @@ const Input$1 = forwardRef(
     size: size2 = null
     //use width instead
   }, ref2) => {
-    const [valueState, setValueState] = useState(value);
     const disabledContext = useContext(DisabledContext);
+    const inputRef = useRef(null);
+    const position3 = useRef({
+      beforeStart: 0,
+      beforeEnd: 0
+    });
+    const handleChange = (e2) => {
+      const beforeStart = e2.target.selectionStart || 0;
+      const beforeEnd = e2.target.selectionEnd || 0;
+      position3.current = {
+        beforeStart,
+        beforeEnd
+      };
+      onChange(e2);
+    };
+    useLayoutEffect$1(() => {
+      var _a;
+      (_a = inputRef.current) == null ? void 0 : _a.setSelectionRange(
+        position3.current.beforeStart,
+        position3.current.beforeEnd
+      );
+    }, [value]);
+    useImperativeHandle(ref2, () => ({
+      blur: () => {
+        var _a;
+        (_a = inputRef.current) == null ? void 0 : _a.blur();
+      },
+      click: () => {
+        var _a;
+        (_a = inputRef.current) == null ? void 0 : _a.click();
+      },
+      focus: () => {
+        var _a;
+        (_a = inputRef.current) == null ? void 0 : _a.focus();
+      }
+    }));
     const order2 = (() => {
       if (groupOrder) {
         switch (groupOrder) {
@@ -9178,10 +9212,6 @@ const Input$1 = forwardRef(
       return "";
     })();
     const width2 = propWidth || (size2 ? "auto" : "100%");
-    const handleChange = (e2) => {
-      setValueState(e2.target.value);
-      onChange(e2);
-    };
     return /* @__PURE__ */ jsx("div", { style: { width: width2 }, className: order2, children: /* @__PURE__ */ jsx(
       Tooltip,
       {
@@ -9195,11 +9225,11 @@ const Input$1 = forwardRef(
         children: /* @__PURE__ */ jsx(
           "input",
           {
-            ref: ref2,
+            ref: inputRef,
             type: type || "text",
             size: size2 || 20,
             placeholder: placeholder3 ?? "",
-            value: valueState ?? "",
+            value: value ?? "",
             onChange: handleChange,
             onKeyPress,
             onFocus,