@xanui/core 1.3.3 → 1.3.4

package/Transition/index.cjs

@@ -59,22 +59,6 @@ function TransitionBase(_a) {
             trans.exit(isnot ? false : true);
         }
     }, [open]);
-    React.useEffect(() => {
-        if (!ref.current)
-            return;
-        const ele = ref.current;
-        const observer = new ResizeObserver(() => {
-            const _rect = ele.getBoundingClientRect();
-            const current = rect.current;
-            if (!current || (_rect.width !== current.width || _rect.height !== current.height)) {
-                rect.current = _rect;
-            }
-        });
-        observer.observe(ele);
-        return () => {
-            observer.disconnect();
-        };
-    }, []);
     if (exitOnUnmount && trans.status === "exited")
         return;
     const childs = React.Children.toArray(children);

package/Transition/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/Transition/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { cloneElement, Children, useRef, isValidElement, useLayoutEffect, useEffect } from 'react';\nimport * as variants from './variants'\nimport { Easing } from '../animate';\nimport useTransition from '../hooks/useTransition';\n\nexport type TransitionVariantTypes = keyof typeof variants\nexport type TransitionProps = {\n    children: React.ReactElement;\n    open: boolean;\n    variant: TransitionVariantTypes\n    easing?: keyof typeof Easing\n    duration?: number;\n    delay?: number;\n    initialTransition?: boolean;\n\n    exitOnUnmount?: boolean;\n\n    onEnter?: () => void\n    onEntered?: () => void\n    onExit?: () => void\n    onExited?: () => void\n    onUpdate?: (value: Record<string, number>, progress: number) => void;\n    onDone?: () => void;\n}\n\n\nfunction TransitionBase({ children, ...options }: TransitionProps) {\n    let {\n        open,\n        variant = \"fade\",\n        duration = 450,\n        delay,\n        easing,\n        exitOnUnmount = false,\n        initialTransition = true,\n        onEnter,\n        onEntered,\n        onExit,\n        onExited,\n        onUpdate,\n        onDone,\n\n    } = options\n\n    easing ??= \"default\"\n\n    const variantCb = variants[variant]\n    const ref = useRef<HTMLElement>(null)\n    const init = useRef(false)\n    const rect = useRef<DOMRect>(null)\n\n    const trans = useTransition({\n        delay,\n        duration,\n        easing: Easing[easing],\n        onEnter,\n        onEntered,\n        onExit,\n        onExited,\n        onDone,\n        from: () => {\n            if (!rect.current) {\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\n            }\n            const v = variantCb(ref.current as HTMLElement, rect.current)\n            return v.from\n        },\n        to: () => {\n            if (!rect.current) {\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\n            }\n            const v = variantCb(ref.current as HTMLElement, rect.current)\n            return v.to\n        },\n        onUpdate: (val, prograss) => {\n            if (!ref.current || !rect.current) return\n            const vc = variantCb(ref.current, rect.current)\n            onUpdate?.(val, prograss)\n            return vc.onUpdate(val)\n        },\n    })\n\n\n    useLayoutEffect(() => {\n        const isnot = !init.current && !initialTransition\n        init.current = true\n        if (open) {\n            trans.enter(isnot ? false : true)\n        } else {\n            trans.exit(isnot ? false : true)\n        }\n    }, [open])\n\n    useEffect(() => {\n        if (!ref.current) return;\n        const ele = ref.current as HTMLElement\n\n        const observer = new ResizeObserver(() => {\n            const _rect = ele.getBoundingClientRect()\n            const current = rect.current\n            if (!current || (_rect.width !== current.width || _rect.height !== current.height)) {\n                rect.current = _rect\n            }\n        });\n\n        observer.observe(ele);\n        return () => {\n            observer.disconnect()\n        }\n    }, [])\n\n    if (exitOnUnmount && trans.status === \"exited\") return\n\n    const childs = Children.toArray(children)\n    if (childs.length !== 1) {\n        throw new Error(\"Transition expects exactly one child.\");\n    }\n    const child = childs[0]\n    if (!isValidElement(child)) {\n        throw new Error(\"Transition expects a valid React element.\");\n    }\n\n    return cloneElement(child, {\n        ref: (node: HTMLElement) => {\n            ref.current = node;\n\n            const childRef = (child as any).ref;\n            if (typeof childRef === \"function\") {\n                childRef(node);\n            } else if (childRef) {\n                childRef.current = node;\n            }\n        }\n    } as any);\n}\n\n\nconst Transition = (props: any) => {\n    return (\n        <TransitionBase\n            key={props.variant}\n            {...props}\n        />\n    )\n}\nexport default Transition"],"names":[],"mappings":";;;;;;;;;;AA2BA;AAAwB;AACpB;;AAmBA;AACA;AACA;AACA;;;;AAKI;;;;;;;;AAOI;;;AAGA;;;;;AAIA;;;AAGA;;;AAGJ;;;AAEI;;AAEA;;AAEP;;;AAKG;;AAEI;;;AAEA;;AAER;;;;AAII;AAEA;AACI;AACA;;AAEI;;AAER;AAEA;AACA;;AAEA;;AAGJ;;;AAGA;AACI;;AAEJ;AACA;AACI;;;AAIA;AACI;AAEA;AACA;;;;AAGI;;;AAGJ;AACZ;AAGA;;AAOA;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/Transition/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { cloneElement, Children, useRef, isValidElement, useLayoutEffect, useEffect } from 'react';\nimport * as variants from './variants'\nimport { Easing } from '../animate';\nimport useTransition from '../hooks/useTransition';\n\nexport type TransitionVariantTypes = keyof typeof variants\nexport type TransitionProps = {\n    children: React.ReactElement;\n    open: boolean;\n    variant: TransitionVariantTypes\n    easing?: keyof typeof Easing\n    duration?: number;\n    delay?: number;\n    initialTransition?: boolean;\n\n    exitOnUnmount?: boolean;\n\n    onEnter?: () => void\n    onEntered?: () => void\n    onExit?: () => void\n    onExited?: () => void\n    onUpdate?: (value: Record<string, number>, progress: number) => void;\n    onDone?: () => void;\n}\n\n\nfunction TransitionBase({ children, ...options }: TransitionProps) {\n    let {\n        open,\n        variant = \"fade\",\n        duration = 450,\n        delay,\n        easing,\n        exitOnUnmount = false,\n        initialTransition = true,\n        onEnter,\n        onEntered,\n        onExit,\n        onExited,\n        onUpdate,\n        onDone,\n\n    } = options\n\n    easing ??= \"default\"\n\n    const variantCb = variants[variant]\n    const ref = useRef<HTMLElement>(null)\n    const init = useRef(false)\n    const rect = useRef<DOMRect>(null)\n\n    const trans = useTransition({\n        delay,\n        duration,\n        easing: Easing[easing],\n        onEnter,\n        onEntered,\n        onExit,\n        onExited,\n        onDone,\n        from: () => {\n            if (!rect.current) {\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\n            }\n            const v = variantCb(ref.current as HTMLElement, rect.current)\n            return v.from\n        },\n        to: () => {\n            if (!rect.current) {\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\n            }\n            const v = variantCb(ref.current as HTMLElement, rect.current)\n            return v.to\n        },\n        onUpdate: (val, prograss) => {\n            if (!ref.current || !rect.current) return\n            const vc = variantCb(ref.current, rect.current)\n            onUpdate?.(val, prograss)\n            return vc.onUpdate(val)\n        },\n    })\n\n\n    useLayoutEffect(() => {\n        const isnot = !init.current && !initialTransition\n        init.current = true\n        if (open) {\n            trans.enter(isnot ? false : true)\n        } else {\n            trans.exit(isnot ? false : true)\n        }\n    }, [open])\n\n\n    if (exitOnUnmount && trans.status === \"exited\") return\n\n    const childs = Children.toArray(children)\n    if (childs.length !== 1) {\n        throw new Error(\"Transition expects exactly one child.\");\n    }\n    const child = childs[0]\n    if (!isValidElement(child)) {\n        throw new Error(\"Transition expects a valid React element.\");\n    }\n\n    return cloneElement(child, {\n        ref: (node: HTMLElement) => {\n            ref.current = node;\n\n            const childRef = (child as any).ref;\n            if (typeof childRef === \"function\") {\n                childRef(node);\n            } else if (childRef) {\n                childRef.current = node;\n            }\n        }\n    } as any);\n}\n\n\nconst Transition = (props: any) => {\n    return (\n        <TransitionBase\n            key={props.variant}\n            {...props}\n        />\n    )\n}\nexport default Transition"],"names":[],"mappings":";;;;;;;;;;AA2BA;AAAwB;AACpB;;AAmBA;AACA;AACA;AACA;;;;AAKI;;;;;;;;AAOI;;;AAGA;;;;;AAIA;;;AAGA;;;AAGJ;;;AAEI;;AAEA;;AAEP;;;AAKG;;AAEI;;;AAEA;;AAER;AAGA;;;AAGA;AACI;;AAEJ;AACA;AACI;;;AAIA;AACI;AAEA;AACA;;;;AAGI;;;AAGJ;AACZ;AAGA;;AAOA;;"}

package/Transition/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { __rest } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
-import { useRef, useLayoutEffect, useEffect, Children, isValidElement, cloneElement } from 'react';
+import { useRef, useLayoutEffect, Children, isValidElement, cloneElement } from 'react';
 import * as variants from './variants.js';
 import Easing from '../animate/easing.js';
 import useTransition from '../hooks/useTransition.js';
@@ -57,22 +57,6 @@ function TransitionBase(_a) {
             trans.exit(isnot ? false : true);
         }
     }, [open]);
-    useEffect(() => {
-        if (!ref.current)
-            return;
-        const ele = ref.current;
-        const observer = new ResizeObserver(() => {
-            const _rect = ele.getBoundingClientRect();
-            const current = rect.current;
-            if (!current || (_rect.width !== current.width || _rect.height !== current.height)) {
-                rect.current = _rect;
-            }
-        });
-        observer.observe(ele);
-        return () => {
-            observer.disconnect();
-        };
-    }, []);
     if (exitOnUnmount && trans.status === "exited")
         return;
     const childs = Children.toArray(children);

package/Transition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Transition/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { cloneElement, Children, useRef, isValidElement, useLayoutEffect, useEffect } from 'react';\nimport * as variants from './variants'\nimport { Easing } from '../animate';\nimport useTransition from '../hooks/useTransition';\n\nexport type TransitionVariantTypes = keyof typeof variants\nexport type TransitionProps = {\n    children: React.ReactElement;\n    open: boolean;\n    variant: TransitionVariantTypes\n    easing?: keyof typeof Easing\n    duration?: number;\n    delay?: number;\n    initialTransition?: boolean;\n\n    exitOnUnmount?: boolean;\n\n    onEnter?: () => void\n    onEntered?: () => void\n    onExit?: () => void\n    onExited?: () => void\n    onUpdate?: (value: Record<string, number>, progress: number) => void;\n    onDone?: () => void;\n}\n\n\nfunction TransitionBase({ children, ...options }: TransitionProps) {\n    let {\n        open,\n        variant = \"fade\",\n        duration = 450,\n        delay,\n        easing,\n        exitOnUnmount = false,\n        initialTransition = true,\n        onEnter,\n        onEntered,\n        onExit,\n        onExited,\n        onUpdate,\n        onDone,\n\n    } = options\n\n    easing ??= \"default\"\n\n    const variantCb = variants[variant]\n    const ref = useRef<HTMLElement>(null)\n    const init = useRef(false)\n    const rect = useRef<DOMRect>(null)\n\n    const trans = useTransition({\n        delay,\n        duration,\n        easing: Easing[easing],\n        onEnter,\n        onEntered,\n        onExit,\n        onExited,\n        onDone,\n        from: () => {\n            if (!rect.current) {\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\n            }\n            const v = variantCb(ref.current as HTMLElement, rect.current)\n            return v.from\n        },\n        to: () => {\n            if (!rect.current) {\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\n            }\n            const v = variantCb(ref.current as HTMLElement, rect.current)\n            return v.to\n        },\n        onUpdate: (val, prograss) => {\n            if (!ref.current || !rect.current) return\n            const vc = variantCb(ref.current, rect.current)\n            onUpdate?.(val, prograss)\n            return vc.onUpdate(val)\n        },\n    })\n\n\n    useLayoutEffect(() => {\n        const isnot = !init.current && !initialTransition\n        init.current = true\n        if (open) {\n            trans.enter(isnot ? false : true)\n        } else {\n            trans.exit(isnot ? false : true)\n        }\n    }, [open])\n\n    useEffect(() => {\n        if (!ref.current) return;\n        const ele = ref.current as HTMLElement\n\n        const observer = new ResizeObserver(() => {\n            const _rect = ele.getBoundingClientRect()\n            const current = rect.current\n            if (!current || (_rect.width !== current.width || _rect.height !== current.height)) {\n                rect.current = _rect\n            }\n        });\n\n        observer.observe(ele);\n        return () => {\n            observer.disconnect()\n        }\n    }, [])\n\n    if (exitOnUnmount && trans.status === \"exited\") return\n\n    const childs = Children.toArray(children)\n    if (childs.length !== 1) {\n        throw new Error(\"Transition expects exactly one child.\");\n    }\n    const child = childs[0]\n    if (!isValidElement(child)) {\n        throw new Error(\"Transition expects a valid React element.\");\n    }\n\n    return cloneElement(child, {\n        ref: (node: HTMLElement) => {\n            ref.current = node;\n\n            const childRef = (child as any).ref;\n            if (typeof childRef === \"function\") {\n                childRef(node);\n            } else if (childRef) {\n                childRef.current = node;\n            }\n        }\n    } as any);\n}\n\n\nconst Transition = (props: any) => {\n    return (\n        <TransitionBase\n            key={props.variant}\n            {...props}\n        />\n    )\n}\nexport default Transition"],"names":[],"mappings":";;;;;;;;AA2BA;AAAwB;AACpB;;AAmBA;AACA;AACA;AACA;;;;AAKI;;;;;;;;AAOI;;;AAGA;;;;;AAIA;;;AAGA;;;AAGJ;;;AAEI;;AAEA;;AAEP;;;AAKG;;AAEI;;;AAEA;;AAER;;;;AAII;AAEA;AACI;AACA;;AAEI;;AAER;AAEA;AACA;;AAEA;;AAGJ;;;AAGA;AACI;;AAEJ;AACA;AACI;;;AAIA;AACI;AAEA;AACA;;;;AAGI;;;AAGJ;AACZ;AAGA;;AAOA;;"}
+{"version":3,"file":"index.js","sources":["../../src/Transition/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { cloneElement, Children, useRef, isValidElement, useLayoutEffect, useEffect } from 'react';\nimport * as variants from './variants'\nimport { Easing } from '../animate';\nimport useTransition from '../hooks/useTransition';\n\nexport type TransitionVariantTypes = keyof typeof variants\nexport type TransitionProps = {\n    children: React.ReactElement;\n    open: boolean;\n    variant: TransitionVariantTypes\n    easing?: keyof typeof Easing\n    duration?: number;\n    delay?: number;\n    initialTransition?: boolean;\n\n    exitOnUnmount?: boolean;\n\n    onEnter?: () => void\n    onEntered?: () => void\n    onExit?: () => void\n    onExited?: () => void\n    onUpdate?: (value: Record<string, number>, progress: number) => void;\n    onDone?: () => void;\n}\n\n\nfunction TransitionBase({ children, ...options }: TransitionProps) {\n    let {\n        open,\n        variant = \"fade\",\n        duration = 450,\n        delay,\n        easing,\n        exitOnUnmount = false,\n        initialTransition = true,\n        onEnter,\n        onEntered,\n        onExit,\n        onExited,\n        onUpdate,\n        onDone,\n\n    } = options\n\n    easing ??= \"default\"\n\n    const variantCb = variants[variant]\n    const ref = useRef<HTMLElement>(null)\n    const init = useRef(false)\n    const rect = useRef<DOMRect>(null)\n\n    const trans = useTransition({\n        delay,\n        duration,\n        easing: Easing[easing],\n        onEnter,\n        onEntered,\n        onExit,\n        onExited,\n        onDone,\n        from: () => {\n            if (!rect.current) {\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\n            }\n            const v = variantCb(ref.current as HTMLElement, rect.current)\n            return v.from\n        },\n        to: () => {\n            if (!rect.current) {\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\n            }\n            const v = variantCb(ref.current as HTMLElement, rect.current)\n            return v.to\n        },\n        onUpdate: (val, prograss) => {\n            if (!ref.current || !rect.current) return\n            const vc = variantCb(ref.current, rect.current)\n            onUpdate?.(val, prograss)\n            return vc.onUpdate(val)\n        },\n    })\n\n\n    useLayoutEffect(() => {\n        const isnot = !init.current && !initialTransition\n        init.current = true\n        if (open) {\n            trans.enter(isnot ? false : true)\n        } else {\n            trans.exit(isnot ? false : true)\n        }\n    }, [open])\n\n\n    if (exitOnUnmount && trans.status === \"exited\") return\n\n    const childs = Children.toArray(children)\n    if (childs.length !== 1) {\n        throw new Error(\"Transition expects exactly one child.\");\n    }\n    const child = childs[0]\n    if (!isValidElement(child)) {\n        throw new Error(\"Transition expects a valid React element.\");\n    }\n\n    return cloneElement(child, {\n        ref: (node: HTMLElement) => {\n            ref.current = node;\n\n            const childRef = (child as any).ref;\n            if (typeof childRef === \"function\") {\n                childRef(node);\n            } else if (childRef) {\n                childRef.current = node;\n            }\n        }\n    } as any);\n}\n\n\nconst Transition = (props: any) => {\n    return (\n        <TransitionBase\n            key={props.variant}\n            {...props}\n        />\n    )\n}\nexport default Transition"],"names":[],"mappings":";;;;;;;;AA2BA;AAAwB;AACpB;;AAmBA;AACA;AACA;AACA;;;;AAKI;;;;;;;;AAOI;;;AAGA;;;;;AAIA;;;AAGA;;;AAGJ;;;AAEI;;AAEA;;AAEP;;;AAKG;;AAEI;;;AAEA;;AAER;AAGA;;;AAGA;AACI;;AAEJ;AACA;AACI;;;AAIA;AACI;AAEA;AACA;;;;AAGI;;;AAGJ;AACZ;AAGA;;AAOA;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xanui/core",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "Xanui Core Library",
   "private": false,
   "main": "./index.cjs",