@xwadex/fesd-next 0.3.7 → 0.3.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xwadex/fesd-next",
-  "version": "0.3.7",
+  "version": "0.3.9",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/components/accordions/accordions.d.ts

@@ -1,16 +0,0 @@
-import type { AsPropsTypes } from "../../types";
-type PropsTypes<T extends React.ElementType = "div"> = AsPropsTypes<T, {
-    as?: React.ElementType;
-    children?: React.ReactNode;
-    defaultActive?: boolean;
-    active?: boolean;
-    time?: number;
-    timingFunction?: string;
-    isClickExtend?: boolean;
-    onChanged?: (state: boolean) => void;
-    onExpanded?: (state: boolean) => void;
-    onClosed?: (state: boolean) => void;
-}>;
-declare const AccordionsBase: <T extends React.ElementType = "div">(props: PropsTypes<T>) => import("react/jsx-runtime").JSX.Element;
-declare const Accordions: React.MemoExoticComponent<typeof AccordionsBase>;
-export default Accordions;

package/dist/components/accordions/accordions.js

@@ -1,46 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useState, useMemo, memo } from "react";
-import { AccordionsContext } from "./accordionsContext";
-const AccordionsBase = (props) => {
-    const { as, children, defaultActive = false, active, time = 300, timingFunction = "var(--global-animation-timing)", isClickExtend = true, onChanged, onExpanded, onClosed, ...othersProps } = props;
-    const RootComponent = as || "div";
-    const [expand, setExpand] = useState(defaultActive);
-    const [isWorking, setWorking] = useState(false);
-    const setExtandHandler = useCallback((state) => {
-        if (isWorking || !isClickExtend)
-            return;
-        if (typeof state !== "boolean")
-            setExpand(prev => !prev);
-        else
-            setExpand(state);
-    }, [isWorking, isClickExtend]);
-    const contextValue = useMemo(() => ({
-        time,
-        timingFunction,
-        active,
-        isClickExtend,
-        expand,
-        setExtandHandler,
-        isWorking,
-        setWorking,
-        onChanged,
-        onExpanded,
-        onClosed
-    }), [
-        time,
-        timingFunction,
-        active,
-        isClickExtend,
-        expand,
-        isWorking,
-        setExtandHandler,
-        onChanged,
-        onExpanded,
-        onClosed
-    ]);
-    return (_jsx(AccordionsContext, { value: contextValue, children: _jsx(RootComponent, { ...othersProps, children: children }) }));
-};
-const Accordions = memo(AccordionsBase);
-Accordions.displayName = "Accordions";
-export default Accordions;

package/dist/components/accordions/accordionsButton.d.ts

@@ -1,9 +0,0 @@
-import type { AsPropsTypes } from "../../types";
-type PropsTypes<T extends React.ElementType = "div"> = AsPropsTypes<T, {
-    as?: React.ElementType;
-    active?: boolean;
-    children?: React.ReactNode;
-}>;
-declare const AccordionsButtonBase: <T extends React.ElementType = "div">(props: PropsTypes<T>) => import("react/jsx-runtime").JSX.Element;
-declare const AccordionsButton: React.MemoExoticComponent<typeof AccordionsButtonBase>;
-export default AccordionsButton;

package/dist/components/accordions/accordionsButton.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { useAccordionsContext } from "./accordionsContext";
-const AccordionsButtonBase = (props) => {
-    const { as, active, children, ...othersProps } = props;
-    const RootComponent = as || "div";
-    const { setExtandHandler } = useAccordionsContext();
-    return (_jsx(RootComponent, { ...othersProps, onClick: () => setExtandHandler(active), children: children }));
-};
-const AccordionsButton = memo(AccordionsButtonBase);
-AccordionsButton.displayName = "AccordionsButton";
-export default AccordionsButton;

package/dist/components/accordions/accordionsContent.d.ts

@@ -1,8 +0,0 @@
-import type { AsPropsTypes } from "../../types";
-type PropsTypes<T extends React.ElementType = "div"> = AsPropsTypes<T, {
-    as?: React.ElementType;
-    children?: React.ReactNode;
-}>;
-declare const AccordionsContentBase: <T extends React.ElementType = "div">(props: PropsTypes<T>) => import("react/jsx-runtime").JSX.Element;
-declare const AccordionsContent: React.MemoExoticComponent<typeof AccordionsContentBase>;
-export default AccordionsContent;

package/dist/components/accordions/accordionsContent.js

@@ -1,44 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo, useCallback, useEffect, useRef, useState } from "react";
-import { useAccordionsContext } from "./accordionsContext";
-import { getDomTransTime, sleep } from "../../utils";
-import styles from "./accordions.module.scss";
-const AccordionsContentBase = (props) => {
-    const { as, children, ...othersProps } = props;
-    const RootComponent = as || "div";
-    const { time, timingFunction, expand, active, isWorking, setWorking, onChanged, onExpanded, onClosed, } = useAccordionsContext();
-    const menuRef = useRef(null);
-    const [open, setOpen] = useState(false);
-    const callbackHandler = useCallback((state) => state
-        ? onExpanded?.(state)
-        : onClosed?.(state), [onExpanded, onClosed]);
-    const setOpenHandler = useCallback(async (state) => {
-        if (expand == open || isWorking || !menuRef?.current)
-            return;
-        setWorking(true);
-        const target = menuRef.current;
-        target.style.height = target.scrollHeight + "px";
-        await sleep(!state ? 0 : getDomTransTime(target));
-        target.style.height = "";
-        setOpen(state);
-        setWorking(false);
-        onChanged?.(state);
-        callbackHandler(state);
-    }, [expand, isWorking, onChanged]);
-    useEffect(() => {
-        setOpenHandler(expand);
-    }, [expand]);
-    useEffect(() => {
-        if (typeof active !== "boolean")
-            return;
-        setOpenHandler(active);
-    }, [active]);
-    return (_jsx(RootComponent, { ...othersProps, ref: menuRef, className: styles.contents, style: {
-            transition: time ? time / 1000 + "s" : undefined,
-            transitionTimingFunction: timingFunction
-        }, "data-active": open, children: children }));
-};
-const AccordionsContent = memo(AccordionsContentBase);
-AccordionsContent.displayName = "AccordionsContent";
-export default AccordionsContent;

package/dist/components/accordions/accordionsContext.d.ts

@@ -1,17 +0,0 @@
-export interface AccordionsContextType {
-    time?: number;
-    timingFunction?: string;
-    active?: boolean;
-    isClickExtend?: boolean;
-    expand: boolean;
-    setExtandHandler: (state?: boolean) => void;
-    isWorking: boolean;
-    setWorking: React.Dispatch<React.SetStateAction<boolean>>;
-    onChanged?: (state: boolean) => void;
-    onExpanded?: (state: boolean) => void;
-    onClosed?: (state: boolean) => void;
-}
-export declare const AccordionsContext: import("react").Context<AccordionsContextType | undefined> & {
-    displayName: string;
-};
-export declare const useAccordionsContext: () => AccordionsContextType;

package/dist/components/accordions/accordionsContext.js

@@ -1,9 +0,0 @@
-"use client";
-import { use, createContext } from "react";
-export const AccordionsContext = Object.assign(createContext(undefined), { displayName: "AccordionsContext" });
-export const useAccordionsContext = () => {
-    const context = use(AccordionsContext);
-    if (context)
-        return context;
-    throw new Error("AccordionsContext is not defined!!");
-};

package/dist/components/accordions/accordionsHeader.d.ts

@@ -1,8 +0,0 @@
-import type { AsPropsTypes } from "../../types";
-type PropsTypes<T extends React.ElementType = "div"> = AsPropsTypes<T, {
-    as?: React.ElementType;
-    children?: React.ReactNode;
-}>;
-declare const AccordionsHeaderBase: <T extends React.ElementType = "div">(props: PropsTypes<T>) => import("react/jsx-runtime").JSX.Element;
-declare const AccordionsHeader: React.MemoExoticComponent<typeof AccordionsHeaderBase>;
-export default AccordionsHeader;

package/dist/components/accordions/accordionsHeader.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { useAccordionsContext } from "./accordionsContext";
-const AccordionsHeaderBase = (props) => {
-    const { as, children, ...othersProps } = props;
-    const RootComponent = as || "div";
-    const { setExtandHandler } = useAccordionsContext();
-    return (_jsx(RootComponent, { ...othersProps, onClick: setExtandHandler, children: children }));
-};
-const AccordionsHeader = memo(AccordionsHeaderBase);
-AccordionsHeader.displayName = "AccordionsHeader";
-export default AccordionsHeader;

package/dist/components/accordions/index.d.ts

@@ -1,4 +0,0 @@
-export { default as Accordions } from "./accordions";
-export { default as AccordionsContent } from "./accordionsContent";
-export { default as AccordionsHeader } from "./accordionsHeader";
-export { default as AccordionsButton } from "./accordionsButton";

package/dist/components/accordions/index.js

@@ -1,5 +0,0 @@
-export { default as Accordions } from "./accordions";
-export { default as AccordionsContent } from "./accordionsContent";
-export { default as AccordionsHeader } from "./accordionsHeader";
-export { default as AccordionsButton } from "./accordionsButton";
-// export { default as Accordions } from "./accordions";

package/dist/components/dragResize/dragResize.d.ts

@@ -1,17 +0,0 @@
-import { DragResizePropsTypes, ResizeTypes } from "../../hooks";
-import { AsPropsTypes } from "../../types";
-type PropsTypes<T extends React.ElementType = "div"> = AsPropsTypes<T, {
-    as?: React.ElementType;
-    children: React.ReactNode;
-    defaultWidth?: number;
-    defaultHeight?: number;
-    resizeClass?: string;
-    containerClass?: string;
-    dragClass?: string;
-    resizeStore?: boolean;
-    resizeStoreKey?: string;
-    resizeStoreValue?: ResizeTypes;
-} & DragResizePropsTypes>;
-declare const DragResizeBase: <T extends React.ElementType = "div">(props: PropsTypes<T>) => import("react/jsx-runtime").JSX.Element;
-declare const DragResize: React.MemoExoticComponent<typeof DragResizeBase>;
-export default DragResize;

package/dist/components/dragResize/dragResize.js

@@ -1,74 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useCallback, useMemo, useState } from "react";
-import { useDragResize, useCookies } from "../../hooks";
-import { DragResizeContext } from "./dragResizeContext";
-import { mergeClassName } from "../../utils";
-import styles from "./dragResize.module.scss";
-const DragResizeBase = (props) => {
-    const { as, children, defaultWidth, defaultHeight, resizeClass, containerClass, dragClass, resizeStore = true, resizeStoreKey, resizeStoreValue, active = true, direction = "width", minWidth = 500, maxWidth = 950, onInit, onResizeStart, onResizing, onResizeEnd, ...othersProps } = props;
-    const RootComponent = as || "div";
-    const [isActive, setActive] = useState(active);
-    const { setCookies, deleteCookies } = useCookies();
-    const resizeCSS = useMemo(() => mergeClassName(styles.root, resizeClass ? resizeClass : ""), [resizeClass]);
-    const dragCSS = useMemo(() => mergeClassName(styles.drag, dragClass ? dragClass : "", !isActive ? styles.off : ""), [isActive, dragClass]);
-    const containerCSS = useMemo(() => mergeClassName(styles.container, containerClass ? containerClass : ""), [containerClass]);
-    const isCookieStore = useMemo(() => resizeStore
-        && resizeStoreKey
-        && resizeStoreKey !== ""
-        ? true : false, [resizeStore, resizeStoreKey]);
-    const resizeDefauleStyles = useMemo(() => {
-        if (!isCookieStore || !resizeStoreValue)
-            return {
-                width: minWidth + "px",
-                // height: minHeight + "px"
-            };
-        const { width, height } = resizeStoreValue;
-        return {
-            width: width ? width + "px" : "inherit",
-            height: height ? height + "px" : "inherit",
-        };
-    }, [isCookieStore, resizeStoreValue]);
-    const onResizeEndHandler = useCallback((size) => {
-        onResizeEnd?.(size);
-        if (!isCookieStore)
-            return;
-        setCookies(resizeStoreKey, JSON.stringify(size));
-    }, [isCookieStore, onResizeEnd, resizeStore]);
-    //Hooks
-    const { dragRef, resizeRef } = useDragResize({
-        active: isActive,
-        direction,
-        minWidth,
-        maxWidth,
-        onInit,
-        onResizeStart,
-        onResizing,
-        onResizeEnd: onResizeEndHandler,
-    });
-    //Context Functions
-    const setResizeActive = useCallback((active) => setActive(active), [setActive]);
-    const clearResizeStore = useCallback(() => resizeStoreKey
-        ? deleteCookies(resizeStoreKey)
-        : console.error("resizeStoreKey is not undefined"), [resizeStoreKey]);
-    const defaultResizeSize = useCallback(() => {
-        if (!resizeRef.current)
-            return;
-        resizeRef.current.style.width = minWidth + "px";
-        // resizeRef.current.style.height = minHeight + "px"
-        clearResizeStore();
-    }, [resizeRef.current, clearResizeStore]);
-    const contextValue = useMemo(() => ({
-        setResizeActive,
-        clearResizeStore,
-        defaultResizeSize
-    }), [
-        setResizeActive,
-        clearResizeStore,
-        defaultResizeSize
-    ]);
-    return (_jsx(DragResizeContext, { value: contextValue, children: _jsxs(RootComponent, { ...othersProps, ref: resizeRef, className: resizeCSS, style: resizeDefauleStyles, children: [_jsx("div", { className: containerCSS, children: children }), _jsx("div", { ref: dragRef, className: dragCSS })] }) }));
-};
-const DragResize = memo(DragResizeBase);
-DragResize.displayName = "DragResize";
-export default DragResize;

package/dist/components/dragResize/dragResizeContext.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-export interface DragResizeContextType {
-    setResizeActive: (active: boolean) => void;
-    clearResizeStore: () => void;
-    defaultResizeSize: () => void;
-}
-export declare const DragResizeContext: React.Context<DragResizeContextType | undefined> & {
-    displayName: string;
-};
-export declare const useDragResizeContext: () => DragResizeContextType;

package/dist/components/dragResize/dragResizeContext.js

@@ -1,9 +0,0 @@
-"use client";
-import { use, createContext, } from "react";
-export const DragResizeContext = Object.assign(createContext(undefined), { displayName: "DragResizeContext" });
-export const useDragResizeContext = () => {
-    const context = use(DragResizeContext);
-    if (context)
-        return context;
-    throw new Error("DragResizeContext is not defined!!");
-};

package/dist/components/dragResize/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DragResize } from "./dragResize";
-export * from "./dragResizeContext";

package/dist/components/dragResize/index.js

@@ -1,2 +0,0 @@
-export { default as DragResize } from "./dragResize";
-export * from "./dragResizeContext";

package/dist/components/dragSortable/dragSortable.d.ts

@@ -1,19 +0,0 @@
-import type { Sortable, Store } from "react-sortablejs";
-import type { AsPropsTypes } from "../../types";
-type PropsTypes<T extends React.ElementType = "div"> = AsPropsTypes<T, {
-    as?: string;
-    children: React.ReactNode;
-    datasets: any[];
-    rootClass?: string;
-    sorterClass?: string;
-    handlerClass?: string;
-    style?: React.CSSProperties;
-    disabled?: boolean;
-    animation?: number;
-    onChange?: (newState: any[], sortable: Sortable | null, store: Store) => void;
-    onStart?: ((evt: Sortable.SortableEvent, sortable: Sortable | null, store: Store) => void) | undefined;
-    onEnd?: ((evt: Sortable.SortableEvent, sortable: Sortable | null, store: Store) => void) | undefined;
-}>;
-declare const DragSortableBase: <T extends React.ElementType = "div">(props: PropsTypes<T>) => import("react/jsx-runtime").JSX.Element;
-declare const DragSortable: React.MemoExoticComponent<typeof DragSortableBase>;
-export default DragSortable;

package/dist/components/dragSortable/dragSortable.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { ReactSortable } from "react-sortablejs";
-const DragSortableBase = (props) => {
-    const { as, children, datasets = [], rootClass, sorterClass, handlerClass, style, animation = 150, disabled = false, onChange, onStart, onEnd, ...othersProps } = props;
-    return (_jsx(ReactSortable, { ...othersProps, tag: as, disabled: disabled, className: rootClass, ghostClass: sorterClass, handle: "." + handlerClass, fallbackClass: "sortable-fallback", list: datasets, setList: onChange, animation: animation, style: style, onStart: onStart, onEnd: onEnd, children: children }));
-};
-const DragSortable = memo(DragSortableBase);
-DragSortable.displayName = "DragSortable";
-export default DragSortable;

package/dist/components/dragSortable/index.d.ts

@@ -1 +0,0 @@
-export { default as DragSortable } from "./dragSortable";

package/dist/components/dragSortable/index.js

@@ -1 +0,0 @@
-export { default as DragSortable } from "./dragSortable";

package/dist/components/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./myComponents";
-export * from "./accordions";
-export * from "./dragResize";
-export * from "./dragSortable";

package/dist/components/index.js

@@ -1,4 +0,0 @@
-export * from "./myComponents";
-export * from "./accordions";
-export * from "./dragResize";
-export * from "./dragSortable";

package/dist/components/myComponents/MyComponent.d.ts

@@ -1,2 +0,0 @@
-declare const MyComponent: () => import("react/jsx-runtime").JSX.Element;
-export default MyComponent;

package/dist/components/myComponents/MyComponent.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './MyComponent.module.scss';
-const MyComponent = () => (_jsx("div", { className: styles.container, children: "Hello World" }));
-export default MyComponent;

package/dist/components/myComponents/index.d.ts

@@ -1 +0,0 @@
-export { default as MyComponent } from './MyComponent';

package/dist/components/myComponents/index.js

@@ -1 +0,0 @@
-export { default as MyComponent } from './MyComponent';

package/dist/hooks/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./useDebounce";
-export * from "./useDebounceValue";
-export * from "./useCookies";
-export * from "./useDragResize";
-export * from "./useAsyncFetcher";

package/dist/hooks/index.js

@@ -1,5 +0,0 @@
-export * from "./useDebounce";
-export * from "./useDebounceValue";
-export * from "./useCookies";
-export * from "./useDragResize";
-export * from "./useAsyncFetcher";

package/dist/hooks/useAsyncFetcher.d.ts

@@ -1,11 +0,0 @@
-type ReturnDatasTypes = {
-    fetcher: (payload: PayloadTypes) => Promise<any>;
-    cancel: () => void;
-    pending: boolean;
-};
-interface PayloadTypes {
-    url: string | URL | globalThis.Request;
-    options?: RequestInit;
-}
-export declare function useAsyncFetcher(): ReturnDatasTypes;
-export {};

package/dist/hooks/useAsyncFetcher.js

@@ -1,40 +0,0 @@
-"use client";
-import { useRef, useState, useEffect, useCallback } from "react";
-export function useAsyncFetcher() {
-    const [isPending, setPending] = useState(false);
-    const controllerRef = useRef(null);
-    const startFetch = useCallback(async ({ url, options }) => {
-        if (isPending || !url)
-            return;
-        const controller = new AbortController();
-        controllerRef.current = controller;
-        setPending(true);
-        try {
-            const response = await fetch(url, {
-                signal: controller.signal,
-                ...options,
-            });
-            const datas = await response.json();
-            return datas;
-        }
-        catch (error) {
-            console.error("useAsyncFetche startFetch error:", error);
-            return { status: false, error: error };
-        }
-        finally {
-            setPending(false);
-        }
-    }, [isPending]);
-    const cancelFetch = () => {
-        controllerRef.current?.abort();
-        setPending(false);
-    };
-    useEffect(() => {
-        return () => controllerRef.current?.abort();
-    }, []);
-    return {
-        pending: isPending,
-        cancel: cancelFetch,
-        fetcher: startFetch
-    };
-}

package/dist/hooks/useCookies.d.ts

@@ -1,6 +0,0 @@
-export declare function useCookies(): {
-    setCookies: (name: string, value: string, days?: number) => void;
-    getCookies: (name: string) => string | null;
-    updateCookies: (name: string, value: string, days?: number) => false | void;
-    deleteCookies: (name: string) => void;
-};

package/dist/hooks/useCookies.js

@@ -1,24 +0,0 @@
-"use client";
-//wade 2024.12.06
-export function useCookies() {
-    const setCookies = (name, value, days = 7) => {
-        const date = new Date();
-        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
-        const expires = `expires=${date.toUTCString()}`;
-        document.cookie = `${name}=${encodeURIComponent(value)}; ${expires}; path=/`;
-    };
-    const getCookies = (name) => {
-        const cookies = document.cookie.split("; ");
-        for (const cookie of cookies) {
-            const [key, value] = cookie.split("=");
-            if (key === name)
-                return decodeURIComponent(value);
-        }
-        return null; // 如果找不到，返回 null
-    };
-    const updateCookies = (name, value, days = 7) => getCookies(name) !== null && setCookies(name, value, days);
-    const deleteCookies = (name) => {
-        document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/`;
-    };
-    return { setCookies, getCookies, updateCookies, deleteCookies };
-}

package/dist/hooks/useDebounce.d.ts

@@ -1,7 +0,0 @@
-export interface DebounceTypes {
-    callback: () => any;
-    dependency: any[];
-    delay?: number;
-    active?: boolean;
-}
-export declare function useDebounce({ callback, dependency, delay, active, }: DebounceTypes): void;

package/dist/hooks/useDebounce.js

@@ -1,16 +0,0 @@
-"use client";
-import { useEffect, useRef } from "react";
-export function useDebounce({ callback, dependency = [], delay = 500, active = true, }) {
-    if (!active || !callback)
-        return;
-    const timerRef = useRef(null);
-    useEffect(() => {
-        if (timerRef.current)
-            clearTimeout(timerRef.current);
-        timerRef.current = setTimeout(callback, delay);
-        return () => {
-            if (timerRef.current)
-                clearTimeout(timerRef.current);
-        };
-    }, [...dependency]);
-}

package/dist/hooks/useDebounceValue.d.ts

@@ -1 +0,0 @@
-export declare function useDebounceValue<T>(value: T, delay?: number): T;

package/dist/hooks/useDebounceValue.js

@@ -1,17 +0,0 @@
-"use client";
-import { useEffect, useRef, useState } from "react";
-export function useDebounceValue(value, delay = 500) {
-    const [debounceValue, setDebounceValue] = useState(value);
-    const timerRef = useRef(undefined);
-    useEffect(() => {
-        if (timerRef.current)
-            clearTimeout(timerRef.current);
-        timerRef.current = setTimeout(() => setDebounceValue(value), delay);
-        return () => {
-            if (timerRef.current)
-                clearTimeout(timerRef.current);
-        };
-    }, [value, delay]);
-    return debounceValue;
-}
-;

package/dist/hooks/useDragResize.d.ts

@@ -1,19 +0,0 @@
-export interface ResizeTypes {
-    width?: number | string;
-    height?: number | string;
-}
-export interface DragResizePropsTypes {
-    active?: boolean;
-    direction?: "width" | "height";
-    minWidth?: number;
-    maxWidth?: number;
-    onInit?: (size: ResizeTypes) => void;
-    onResizeStart?: (size: ResizeTypes) => void;
-    onResizing?: (size: ResizeTypes) => void;
-    onResizeEnd?: (size: ResizeTypes) => void;
-}
-export type DragResizeTypes = {
-    dragRef: React.RefObject<HTMLDivElement | null>;
-    resizeRef: React.RefObject<HTMLDivElement | null>;
-};
-export declare function useDragResize({ active, direction, minWidth, maxWidth, onInit, onResizeStart, onResizing, onResizeEnd }: DragResizePropsTypes): DragResizeTypes;

package/dist/hooks/useDragResize.js

@@ -1,63 +0,0 @@
-"use client";
-//wade 2024.12.06
-import { useEffect, useRef } from "react";
-export function useDragResize({ active = true, direction = "width", minWidth = 300, maxWidth = 500, onInit, onResizeStart, onResizing, onResizeEnd }) {
-    const dragRef = useRef(null);
-    const resizeRef = useRef(null);
-    const getResizeSizeValue = () => {
-        if (!resizeRef.current)
-            return;
-        const { width: w, height: h } = resizeRef.current.style;
-        const width = Number(w.replace("px", "")) ?? "inherit";
-        const height = Number(h.replace("px", "")) ?? "inherit";
-        return { width };
-    };
-    const setResizeValue = (clientX, clientY) => {
-        if (!resizeRef.current)
-            return;
-        const rect = resizeRef.current.getBoundingClientRect();
-        const resizeWidth = clientX - rect.left;
-        const resizeHeight = clientY - rect.top;
-        if (resizeWidth <= minWidth || resizeWidth >= maxWidth)
-            return;
-        resizeRef.current.style.width = resizeWidth + "px";
-        return { width: resizeWidth };
-    };
-    const onInitCallback = () => {
-        const resizeValue = getResizeSizeValue();
-        resizeValue && onInit?.(resizeValue);
-    };
-    const removeEventListeners = () => {
-        document.removeEventListener("mousemove", onMouseMove);
-        document.removeEventListener("mouseup", onMouseUp);
-    };
-    const onMouseMove = (e) => {
-        const resizeValue = setResizeValue(e.clientX, e.clientY);
-        resizeValue && onResizing?.(resizeValue);
-    };
-    const onMouseUp = () => {
-        const resizeValue = getResizeSizeValue();
-        resizeValue && onResizeEnd?.(resizeValue);
-        removeEventListeners();
-    };
-    const onDragRefMouseDown = (e) => {
-        e.preventDefault();
-        const resizeValue = getResizeSizeValue();
-        resizeValue && onResizeStart?.(resizeValue);
-        document.addEventListener("mousemove", onMouseMove);
-        document.addEventListener("mouseup", onMouseUp);
-    };
-    useEffect(() => {
-        if (active && dragRef.current && resizeRef.current) {
-            dragRef.current.onmousedown = onDragRefMouseDown;
-            onInit && onInitCallback();
-        }
-        return () => {
-            if (!dragRef?.current)
-                return;
-            dragRef.current.onmousedown = null;
-            removeEventListeners();
-        };
-    }, [active]);
-    return { dragRef, resizeRef };
-}

package/dist/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./components";
-export * from "./hooks";
-export * from "./utils";
-export * from "./types";

package/dist/index.js

@@ -1,4 +0,0 @@
-export * from "./components";
-export * from "./hooks";
-export * from "./utils";
-export * from "./types";

package/dist/types/cms.type.d.ts

@@ -1,27 +0,0 @@
-export type SitesTypes = {
-    id: number | string;
-    index: string;
-    name: string;
-    route: string;
-    sites: SitesLagnuageTypes[];
-};
-export type SitesLagnuageTypes = {
-    id: number | string;
-    index: string;
-    name: string;
-    route: string;
-};
-export type SitesNavsMenusTypes = {
-    id: number | string;
-    index: string;
-    name: string;
-    route: string;
-    navs: SitesNavsTypes[];
-    active?: boolean;
-};
-export type SitesNavsTypes = {
-    id: number | string;
-    index: string;
-    name: string;
-    route: string;
-};

package/dist/types/cms.type.js

@@ -1 +0,0 @@
-export {};

package/dist/types/commons.type.d.ts

@@ -1,16 +0,0 @@
-export type ParamsTypes = {
-    sites?: string;
-    units?: string;
-    contents?: string;
-};
-export type SearchParamsTypes = {
-    [key: string]: string | string[] | undefined;
-};
-export type CacheTypes = number | false | undefined;
-export type PermissionTypes = "read" | "edit" | "create";
-export type ConfirmEndTypes = "REMOTE" | "LOCAL";
-export type DatasetsEndTypes = "REMOTE" | "LOCAL";
-export type ReduceBaseActionTypes<S, T extends keyof S, P = S[T]> = {
-    type: T;
-    payload: P;
-};

package/dist/types/commons.type.js

@@ -1 +0,0 @@
-export {};

package/dist/types/components.type.d.ts

@@ -1,9 +0,0 @@
-type AsTypes<T extends React.ElementType = "div"> = {
-    as?: T;
-};
-type AsPropsToOmit<T extends React.ElementType, P> = keyof (AsTypes<T> & P);
-export type AsPropsTypes<T extends React.ElementType, P = {}> = P & AsTypes<T> & Omit<React.ComponentPropsWithoutRef<T>, AsPropsToOmit<T, P>>;
-export type SlotsPropsTypes = {
-    [key: number]: string;
-};
-export {};

package/dist/types/components.type.js

@@ -1 +0,0 @@
-export {};

package/dist/types/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./commons.type";
-export * from "./components.type";
-export * from "./utils.type";
-export * from "./cms.type";

package/dist/types/index.js

@@ -1,4 +0,0 @@
-export * from "./commons.type";
-export * from "./components.type";
-export * from "./utils.type";
-export * from "./cms.type";

package/dist/types/utils.type.d.ts

@@ -1 +0,0 @@
-export type MergeAll<M> = M[keyof M];

package/dist/types/utils.type.js

@@ -1 +0,0 @@
-export {};

package/dist/utils/index.d.ts

@@ -1,13 +0,0 @@
-export declare const regexParse: (regexString: string, flags?: string) => RegExp | String;
-export declare const regexReplaceEach: (currentValue: string, replace: {
-    pattern: string;
-    flags?: string;
-}[]) => string;
-export declare const mediaRatio: (width: number, height: number) => string;
-export declare const sleep: (time: number) => Promise<void>;
-export declare const querySearchWord: (str: string) => string;
-export declare const lockBody: (active: boolean, stillScrollHTMLElement?: HTMLElement | HTMLElement[] | null | undefined) => void;
-export declare const mergeClassName: (...argements: (string | number | boolean)[]) => string;
-export declare const getSearchParams: (searchParams: URLSearchParams) => any;
-export declare const getDomTransTime: (target: HTMLElement) => number;
-export declare const getURLSearchParams: (searchParams: URLSearchParams) => URLSearchParams;

package/dist/utils/index.js

@@ -1,55 +0,0 @@
-import { lock, clearBodyLocks } from "tua-body-scroll-lock";
-export const regexParse = (regexString, flags) => {
-    const regex = regexString.replace(/\\\\/g, "\\");
-    try {
-        return new RegExp(regex);
-    }
-    catch (e) {
-        console.error("Invalid regular expression:", regexString, e);
-        return regexString;
-    }
-};
-export const regexReplaceEach = (currentValue, replace) => replace.reduce((current, regexs) => {
-    const regexPattern = regexParse(regexs.pattern, regexs.flags);
-    return regexPattern instanceof RegExp
-        ? current.replace(regexPattern, "")
-        : current;
-}, currentValue);
-export const mediaRatio = (width, height) => Number(width) && Number(height)
-    ? Math.round(height / width * 10000) / 100 + "%"
-    : "100%";
-export const sleep = (time) => new Promise((resolve) => {
-    let timer = setTimeout(() => {
-        clearTimeout(timer);
-        return resolve();
-    }, time);
-});
-export const querySearchWord = (str) => str.trim().toLowerCase();
-export const lockBody = (active, stillScrollHTMLElement) => {
-    document.body.style.overflow = active ? "visible" : "";
-    active ? lock(stillScrollHTMLElement) : clearBodyLocks();
-};
-export const mergeClassName = (...argements) => argements.toString().replace(/,/g, " ").replace(/\s+/g, " ").trim();
-export const getSearchParams = (searchParams) => {
-    const params = {};
-    searchParams.forEach((value, key) => { params[key] = value; });
-    return params;
-};
-export const getDomTransTime = (target) => {
-    const computedStyle = window.getComputedStyle(target);
-    const transNumber = (time) => {
-        if (time.endsWith("ms"))
-            return parseFloat(time);
-        if (time.endsWith("s"))
-            return parseFloat(time) * 1000;
-        return 0;
-    };
-    const durations = computedStyle.transitionDuration.split(',').map(transNumber);
-    const delays = computedStyle.transitionDelay.split(',').map(transNumber);
-    return Math.max(...durations.map((d, i) => d + (delays[i] || 0)));
-};
-export const getURLSearchParams = (searchParams) => {
-    const params = {};
-    searchParams.forEach((value, key) => { params[key] = value; });
-    return new URLSearchParams({ ...params });
-};