wenay-react2 1.0.9 → 1.0.10

package/lib/common/src/components/Input.js

@@ -14,10 +14,10 @@ export function InputPage({ callback, name = "", txt = "" }) {
                 } }), _jsx("div", { style: { marginTop: 20 }, className: "msTradeAlt msTradeActive", onClick: () => { callback(txtName.current); }, children: "send" })] });
 }
 export function InputPageModal({ callback, name, outClick, keyForSave = "InputPage2", txt }) {
-    return _jsx(ModalWrapper, { outClick: outClick, keyForSave: keyForSave, size: { height: 150, width: 300 }, position: { y: -150, x: -250 }, children: InputPage({ callback, name, txt }) });
+    return _jsx(ModalWrapper, { outClick: outClick, keyForSave: keyForSave, size: { height: 150, width: 300 }, position: { y: -150, x: -250 }, children: _jsx(InputPage, { callback: callback, name: name, txt: txt }) });
 }
 export function InputFileModal({ callback, name, outClick, keyForSave = "InputFile2" }) {
-    return _jsx(ModalWrapper, { outClick: outClick, keyForSave: keyForSave, size: { height: 150, width: 300 }, position: { y: -150, x: -250 }, children: InputFile({ callback, name }) });
+    return _jsx(ModalWrapper, { outClick: outClick, keyForSave: keyForSave, size: { height: 150, width: 300 }, position: { y: -150, x: -250 }, children: _jsx(InputFile, { callback: callback, name: name }) });
 }
 export function InputFile({ callback, name = "" }) {
     let file = null;

package/lib/common/src/hooks/useOutside.d.ts

@@ -33,8 +33,8 @@ export declare const DivOutsideClick2: React.ForwardRefExoticComponent<React.HTM
     status?: boolean;
     zIndex?: number;
 } & React.RefAttributes<HTMLDivElement>>;
-export declare function Button({ keySave, statusDef, outClick, ...data }: tButton): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function Button({ keySave, statusDef, outClick, ...data }: tButton): import("react/jsx-runtime").JSX.Element;
 export declare function ButtonHover(props: tButtonBase): import("react/jsx-runtime").JSX.Element;
 export declare const ButtonOutClick: typeof Button;
-export declare function ButtonAbs(...a: Parameters<typeof Button>): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function ButtonAbs(props: Parameters<typeof Button>[0]): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/common/src/hooks/useOutside.js

@@ -42,16 +42,12 @@ export function Button({ keySave, statusDef, outClick, ...data }) {
     if (keySave && saveStatus[keySave])
         statusDef = saveStatus[keySave];
     const state = useState(statusDef ?? false);
-    return outClick ? DivOutsideClick({
-        status: state[0],
-        children: ButtonBase({ ...data, state }),
-        outsideClick: () => {
-            state[1](false);
-            if (typeof outClick == "function")
-                outClick();
-        }
-    })
-        : ButtonBase({ ...data, state });
+    const handleOutsideClick = () => {
+        state[1](false);
+        if (typeof outClick == "function")
+            outClick();
+    };
+    return outClick ? (_jsx(DivOutsideClick, { status: state[0], outsideClick: handleOutsideClick, children: _jsx(ButtonBase, { ...data, state: state }) })) : (_jsx(ButtonBase, { ...data, state: state }));
 }
 export function ButtonHover(props) {
     const [hover, setHover] = useState(false);
@@ -59,10 +55,10 @@ export function ButtonHover(props) {
                 _jsx("div", { style: { position: "absolute" }, children: typeof props.children == "function" ? props.children({ onClose: () => setHover(false) }) : props.children })] });
 }
 export const ButtonOutClick = ({ outClick = true, ...a }) => Button({ ...a, outClick });
-export function ButtonAbs(...a) {
+export function ButtonAbs(props) {
     const children = (api) => _jsx("div", { style: { position: "relative" }, children: _jsx("div", { style: {
                 position: "absolute",
-                zIndex: a[0]?.zIndex ?? 9
-            }, children: typeof a[0].children == "function" ? a[0].children(api) : a[0].children }) });
-    return Button({ ...a[0], children });
+                zIndex: props.zIndex ?? 9
+            }, children: typeof props.children == "function" ? props.children(api) : props.children }) });
+    return _jsx(Button, { ...props, children: children });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wenay-react2",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "Common react",
   "strict": true,
   "main": "dist/index.js",