@geneui/components 3.0.0-next-06dadf3-29102024 → 3.0.0-next-48d0ef7-31102024

package/hooks/useClickOutside.js

@@ -1,25 +0,0 @@
-import { useRef, useCallback, useEffect } from 'react';
-
-function useClickOutside(callback, relativeElements) {
-  const ref = useRef();
-  const handleClickOutside = useCallback(e => {
-    var _ref$current;
-    const {
-      target
-    } = e;
-    const isNotRelativeTarget = Array.isArray(relativeElements) && relativeElements.length ? relativeElements === null || relativeElements === void 0 ? void 0 : relativeElements.find(relativeRef => {
-      var _relativeRef$current;
-      return !((_relativeRef$current = relativeRef.current) !== null && _relativeRef$current !== void 0 && _relativeRef$current.contains(target));
-    }) : true;
-    if (ref.current && !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(target)) && isNotRelativeTarget) {
-      callback && callback(e);
-    }
-  }, [ref.current, callback, relativeElements]);
-  useEffect(() => {
-    document.addEventListener('mousedown', handleClickOutside);
-    return () => document.removeEventListener('mousedown', handleClickOutside);
-  }, [handleClickOutside]);
-  return node => ref.current = node;
-}
-
-export { useClickOutside as default };

package/hooks/useDebounce.js

@@ -1,28 +0,0 @@
-import { useState, useEffect } from 'react';
-
-const useDebounce = (value, delay) => {
-  if (value === undefined) {
-    let timeoutId;
-    const debounceCallback = (value, delay) => {
-      clearTimeout(timeoutId);
-      timeoutId = setTimeout(value, delay);
-    };
-    const clearDebounce = () => clearTimeout(timeoutId);
-    return {
-      debounceCallback,
-      clearDebounce
-    };
-  }
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
-    const handler = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-    return () => {
-      clearTimeout(handler);
-    };
-  }, [delay, value]);
-  return debouncedValue;
-};
-
-export { useDebounce as default };

package/hooks/useDeviceType.js

@@ -1,17 +0,0 @@
-import { a as clientConfigs, m as mobileScreenSize } from '../configs-00612ce0.js';
-import useWindowSize from './useWindowSize.js';
-import 'react';
-import './useDebounce.js';
-
-function useDeviceType(screenType) {
-  const {
-    width
-  } = useWindowSize();
-  const type = screenType || (clientConfigs.isMobile ? clientConfigs.isMobile() ? 'mobile' : 'desktop' : width < mobileScreenSize ? 'mobile' : 'desktop');
-  return {
-    type,
-    isMobile: type === 'mobile'
-  };
-}
-
-export { useDeviceType as default };

package/hooks/useDidMount.js

@@ -1,15 +0,0 @@
-import { useRef, useEffect } from 'react';
-
-const useDidMount = function () {
-  let callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : () => {};
-  let deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  const _isFirstUpdate = useRef(true);
-  useEffect(() => {
-    if (!_isFirstUpdate.current) {
-      callback();
-    }
-    _isFirstUpdate.current = false;
-  }, deps);
-};
-
-export { useDidMount as default };

package/hooks/useForceUpdate.js

@@ -1,8 +0,0 @@
-import { useReducer } from 'react';
-
-const useForceUpdate = () => {
-  const [ignored, forceUpdate] = useReducer(x => x + 1, 0);
-  return forceUpdate;
-};
-
-export { useForceUpdate as default };

package/hooks/useHover.js

@@ -1,20 +0,0 @@
-import { useState, useEffect } from 'react';
-
-const useHover = ref => {
-  const [isHovered, setIsHovered] = useState(false);
-  const handleMouseEnter = () => setIsHovered(true);
-  const handleMouseLeave = () => setIsHovered(false);
-  useEffect(() => {
-    const node = ref.current;
-    if (!node) return;
-    node.addEventListener('mouseenter', handleMouseEnter);
-    node.addEventListener('mouseleave', handleMouseLeave);
-    return () => {
-      node.removeEventListener('mouseenter', handleMouseEnter);
-      node.removeEventListener('mouseleave', handleMouseLeave);
-    };
-  }, [ref]);
-  return isHovered;
-};
-
-export { useHover as default };

package/hooks/useImgDownload.js

@@ -1,18 +0,0 @@
-import { useCallback } from 'react';
-
-const useImgDownload = () => useCallback(function (url, name) {
-  let customHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  fetch(url, {
-    headers: {
-      ...customHeaders
-    }
-  }).then(response => response.blob()).then(blob => {
-    const blobURL = URL.createObjectURL(blob);
-    const a = document.createElement('a');
-    a.href = blobURL;
-    a.download = name && name.length ? name : 'download';
-    a.click();
-  }).catch(error => console.log(error));
-}, []);
-
-export { useImgDownload as default };

package/hooks/useKeyDown.js

@@ -1,21 +0,0 @@
-import { useCallback, useEffect } from 'react';
-
-const useKeyDown = function (callback, deps, ref) {
-  let keys = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-  const handleKeyDown = useCallback(e => {
-    if (!keys.length || keys.includes(e.key)) {
-      callback(e);
-    }
-  }, [...keys, ...deps]);
-  useEffect(() => {
-    if (ref && ref.current) {
-      ref.current.addEventListener('keydown', handleKeyDown);
-      return () => {
-        var _ref$current;
-        return ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.removeEventListener('keydown', handleKeyDown);
-      };
-    }
-  }, [handleKeyDown, ref.current]);
-};
-
-export { useKeyDown as default };

package/hooks/useMount.js

@@ -1,13 +0,0 @@
-import { useEffect } from 'react';
-import { n as noop } from '../index-5f37f281.js';
-import 'prop-types';
-import '../dateValidation-67caec66.js';
-import '../_commonjsHelpers-24198af3.js';
-import 'react-dom';
-
-const useMount = function () {
-  let onMount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : noop;
-  return useEffect(onMount, []);
-};
-
-export { useMount as default };

package/hooks/useMutationObserver.js

@@ -1,21 +0,0 @@
-import { useEffect } from 'react';
-
-const defaultOptions = {
-  attributes: true,
-  childList: true,
-  subtree: true
-};
-const useMutationObserver = function (ref, callback) {
-  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultOptions;
-  useEffect(() => {
-    if (ref.current) {
-      const observer = new MutationObserver(callback);
-      observer.observe(ref.current, options);
-      return () => {
-        observer.disconnect();
-      };
-    }
-  }, [callback, options]);
-};
-
-export { useMutationObserver as default };

package/hooks/usePrevious.js

@@ -1,10 +0,0 @@
-import { useRef, useMemo } from 'react';
-
-const usePrevious = (callback, deps) => {
-  const previous = useRef();
-  const value = useMemo(() => callback(previous.current), deps);
-  previous.current = value;
-  return value;
-};
-
-export { usePrevious as default };

package/hooks/useThrottle.js

@@ -1,16 +0,0 @@
-import { useRef, useCallback } from 'react';
-
-const useThrottle = (callback, delay) => {
-  const ref = useRef(null);
-  return useCallback(function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    clearTimeout(ref.current);
-    ref.current = setTimeout(() => {
-      callback(...args);
-    }, delay);
-  }, [callback, delay]);
-};
-
-export { useThrottle as default };

package/hooks/useToggle.js

@@ -1,11 +0,0 @@
-import { useState, useCallback } from 'react';
-
-function useToggle(defaultValue) {
-  const [state, setState] = useState(!!defaultValue);
-  const toggle = useCallback(value => {
-    setState(prev => typeof value === 'undefined' ? !prev : !!value);
-  }, []);
-  return [state, toggle];
-}
-
-export { useToggle as default };

package/hooks/useUpdatableRef.js

@@ -1,14 +0,0 @@
-import { useRef, useCallback } from 'react';
-import useForceUpdate from './useForceUpdate.js';
-
-const useUpdatableRef = initial => {
-  const ref = useRef(initial);
-  const forceUpdate = useForceUpdate();
-  const update = useCallback(value => {
-    if (ref.current !== value) forceUpdate();
-    ref.current = value;
-  }, []);
-  return [ref, update];
-};
-
-export { useUpdatableRef as default };

package/hooks/useUpdate.js

@@ -1,10 +0,0 @@
-import { useRef, useEffect } from 'react';
-
-function useUpdate(callback, dependencies) {
-  const initial = useRef(true);
-  useEffect(initial.current ? () => {
-    initial.current = false;
-  } : callback, dependencies);
-}
-
-export { useUpdate as default };

package/hooks/useWidth.js

@@ -1,16 +0,0 @@
-import { useState, useEffect } from 'react';
-import useWindowSize from './useWindowSize.js';
-import './useDebounce.js';
-
-function useWidth(ref) {
-  const [width, setWidth] = useState(null);
-  const {
-    width: windowWidth
-  } = useWindowSize();
-  useEffect(() => {
-    setWidth(ref.current.clientWidth);
-  }, [ref.current, windowWidth]);
-  return width;
-}
-
-export { useWidth as default };

package/hooks/useWindowSize.js

@@ -1,40 +0,0 @@
-import { useState, useEffect } from 'react';
-import useDebounce from './useDebounce.js';
-
-function useWindowSize() {
-  const w = window;
-  const {
-    innerHeight,
-    innerWidth
-  } = w;
-  const [width, setWindowWidth] = useState(innerWidth);
-  const [height, setWindowHeight] = useState(innerHeight);
-  const {
-    debounceCallback,
-    clearDebounce
-  } = useDebounce();
-  const handleResize = () => {
-    const {
-      innerHeight,
-      innerWidth
-    } = w;
-    setWindowWidth(innerWidth);
-    setWindowHeight(innerHeight);
-  };
-  const debounce = () => debounceCallback(handleResize, 100);
-  useEffect(() => {
-    w.addEventListener('resize', debounce);
-    w.addEventListener('orientationChange', debounce);
-    return () => {
-      w.removeEventListener('resize', debounce);
-      w.removeEventListener('orientationChange', debounce);
-      clearDebounce();
-    };
-  }, []);
-  return {
-    width,
-    height
-  };
-}
-
-export { useWindowSize as default };

package/index-122432cd.js

@@ -1,270 +0,0 @@
-import * as React from 'react';
-
-const LEFT = "Left";
-const RIGHT = "Right";
-const UP = "Up";
-const DOWN = "Down";
-
-/* global document */
-const defaultProps = {
-    delta: 10,
-    preventScrollOnSwipe: false,
-    rotationAngle: 0,
-    trackMouse: false,
-    trackTouch: true,
-    swipeDuration: Infinity,
-    touchEventOptions: { passive: true },
-};
-const initialState = {
-    first: true,
-    initial: [0, 0],
-    start: 0,
-    swiping: false,
-    xy: [0, 0],
-};
-const mouseMove = "mousemove";
-const mouseUp = "mouseup";
-const touchEnd = "touchend";
-const touchMove = "touchmove";
-const touchStart = "touchstart";
-function getDirection(absX, absY, deltaX, deltaY) {
-    if (absX > absY) {
-        if (deltaX > 0) {
-            return RIGHT;
-        }
-        return LEFT;
-    }
-    else if (deltaY > 0) {
-        return DOWN;
-    }
-    return UP;
-}
-function rotateXYByAngle(pos, angle) {
-    if (angle === 0)
-        return pos;
-    const angleInRadians = (Math.PI / 180) * angle;
-    const x = pos[0] * Math.cos(angleInRadians) + pos[1] * Math.sin(angleInRadians);
-    const y = pos[1] * Math.cos(angleInRadians) - pos[0] * Math.sin(angleInRadians);
-    return [x, y];
-}
-function getHandlers(set, handlerProps) {
-    const onStart = (event) => {
-        const isTouch = "touches" in event;
-        // if more than a single touch don't track, for now...
-        if (isTouch && event.touches.length > 1)
-            return;
-        set((state, props) => {
-            // setup mouse listeners on document to track swipe since swipe can leave container
-            if (props.trackMouse && !isTouch) {
-                document.addEventListener(mouseMove, onMove);
-                document.addEventListener(mouseUp, onUp);
-            }
-            const { clientX, clientY } = isTouch ? event.touches[0] : event;
-            const xy = rotateXYByAngle([clientX, clientY], props.rotationAngle);
-            props.onTouchStartOrOnMouseDown &&
-                props.onTouchStartOrOnMouseDown({ event });
-            return Object.assign(Object.assign(Object.assign({}, state), initialState), { initial: xy.slice(), xy, start: event.timeStamp || 0 });
-        });
-    };
-    const onMove = (event) => {
-        set((state, props) => {
-            const isTouch = "touches" in event;
-            // Discount a swipe if additional touches are present after
-            // a swipe has started.
-            if (isTouch && event.touches.length > 1) {
-                return state;
-            }
-            // if swipe has exceeded duration stop tracking
-            if (event.timeStamp - state.start > props.swipeDuration) {
-                return state.swiping ? Object.assign(Object.assign({}, state), { swiping: false }) : state;
-            }
-            const { clientX, clientY } = isTouch ? event.touches[0] : event;
-            const [x, y] = rotateXYByAngle([clientX, clientY], props.rotationAngle);
-            const deltaX = x - state.xy[0];
-            const deltaY = y - state.xy[1];
-            const absX = Math.abs(deltaX);
-            const absY = Math.abs(deltaY);
-            const time = (event.timeStamp || 0) - state.start;
-            const velocity = Math.sqrt(absX * absX + absY * absY) / (time || 1);
-            const vxvy = [deltaX / (time || 1), deltaY / (time || 1)];
-            const dir = getDirection(absX, absY, deltaX, deltaY);
-            // if swipe is under delta and we have not started to track a swipe: skip update
-            const delta = typeof props.delta === "number"
-                ? props.delta
-                : props.delta[dir.toLowerCase()] ||
-                    defaultProps.delta;
-            if (absX < delta && absY < delta && !state.swiping)
-                return state;
-            const eventData = {
-                absX,
-                absY,
-                deltaX,
-                deltaY,
-                dir,
-                event,
-                first: state.first,
-                initial: state.initial,
-                velocity,
-                vxvy,
-            };
-            // call onSwipeStart if present and is first swipe event
-            eventData.first && props.onSwipeStart && props.onSwipeStart(eventData);
-            // call onSwiping if present
-            props.onSwiping && props.onSwiping(eventData);
-            // track if a swipe is cancelable (handler for swiping or swiped(dir) exists)
-            // so we can call preventDefault if needed
-            let cancelablePageSwipe = false;
-            if (props.onSwiping ||
-                props.onSwiped ||
-                props[`onSwiped${dir}`]) {
-                cancelablePageSwipe = true;
-            }
-            if (cancelablePageSwipe &&
-                props.preventScrollOnSwipe &&
-                props.trackTouch &&
-                event.cancelable) {
-                event.preventDefault();
-            }
-            return Object.assign(Object.assign({}, state), { 
-                // first is now always false
-                first: false, eventData, swiping: true });
-        });
-    };
-    const onEnd = (event) => {
-        set((state, props) => {
-            let eventData;
-            if (state.swiping && state.eventData) {
-                // if swipe is less than duration fire swiped callbacks
-                if (event.timeStamp - state.start < props.swipeDuration) {
-                    eventData = Object.assign(Object.assign({}, state.eventData), { event });
-                    props.onSwiped && props.onSwiped(eventData);
-                    const onSwipedDir = props[`onSwiped${eventData.dir}`];
-                    onSwipedDir && onSwipedDir(eventData);
-                }
-            }
-            else {
-                props.onTap && props.onTap({ event });
-            }
-            props.onTouchEndOrOnMouseUp && props.onTouchEndOrOnMouseUp({ event });
-            return Object.assign(Object.assign(Object.assign({}, state), initialState), { eventData });
-        });
-    };
-    const cleanUpMouse = () => {
-        // safe to just call removeEventListener
-        document.removeEventListener(mouseMove, onMove);
-        document.removeEventListener(mouseUp, onUp);
-    };
-    const onUp = (e) => {
-        cleanUpMouse();
-        onEnd(e);
-    };
-    /**
-     * The value of passive on touchMove depends on `preventScrollOnSwipe`:
-     * - true => { passive: false }
-     * - false => { passive: true } // Default
-     *
-     * NOTE: When preventScrollOnSwipe is true, we attempt to call preventDefault to prevent scroll.
-     *
-     * props.touchEventOptions can also be set for all touch event listeners,
-     * but for `touchmove` specifically when `preventScrollOnSwipe` it will
-     * supersede and force passive to false.
-     *
-     */
-    const attachTouch = (el, props) => {
-        let cleanup = () => { };
-        if (el && el.addEventListener) {
-            const baseOptions = Object.assign(Object.assign({}, defaultProps.touchEventOptions), props.touchEventOptions);
-            // attach touch event listeners and handlers
-            const tls = [
-                [touchStart, onStart, baseOptions],
-                // preventScrollOnSwipe option supersedes touchEventOptions.passive
-                [
-                    touchMove,
-                    onMove,
-                    Object.assign(Object.assign({}, baseOptions), (props.preventScrollOnSwipe ? { passive: false } : {})),
-                ],
-                [touchEnd, onEnd, baseOptions],
-            ];
-            tls.forEach(([e, h, o]) => el.addEventListener(e, h, o));
-            // return properly scoped cleanup method for removing listeners, options not required
-            cleanup = () => tls.forEach(([e, h]) => el.removeEventListener(e, h));
-        }
-        return cleanup;
-    };
-    const onRef = (el) => {
-        // "inline" ref functions are called twice on render, once with null then again with DOM element
-        // ignore null here
-        if (el === null)
-            return;
-        set((state, props) => {
-            // if the same DOM el as previous just return state
-            if (state.el === el)
-                return state;
-            const addState = {};
-            // if new DOM el clean up old DOM and reset cleanUpTouch
-            if (state.el && state.el !== el && state.cleanUpTouch) {
-                state.cleanUpTouch();
-                addState.cleanUpTouch = void 0;
-            }
-            // only attach if we want to track touch
-            if (props.trackTouch && el) {
-                addState.cleanUpTouch = attachTouch(el, props);
-            }
-            // store event attached DOM el for comparison, clean up, and re-attachment
-            return Object.assign(Object.assign(Object.assign({}, state), { el }), addState);
-        });
-    };
-    // set ref callback to attach touch event listeners
-    const output = {
-        ref: onRef,
-    };
-    // if track mouse attach mouse down listener
-    if (handlerProps.trackMouse) {
-        output.onMouseDown = onStart;
-    }
-    return [output, attachTouch];
-}
-function updateTransientState(state, props, previousProps, attachTouch) {
-    // if trackTouch is off or there is no el, then remove handlers if necessary and exit
-    if (!props.trackTouch || !state.el) {
-        if (state.cleanUpTouch) {
-            state.cleanUpTouch();
-        }
-        return Object.assign(Object.assign({}, state), { cleanUpTouch: undefined });
-    }
-    // trackTouch is on, so if there are no handlers attached, attach them and exit
-    if (!state.cleanUpTouch) {
-        return Object.assign(Object.assign({}, state), { cleanUpTouch: attachTouch(state.el, props) });
-    }
-    // trackTouch is on and handlers are already attached, so if preventScrollOnSwipe changes value,
-    // remove and reattach handlers (this is required to update the passive option when attaching
-    // the handlers)
-    if (props.preventScrollOnSwipe !== previousProps.preventScrollOnSwipe ||
-        props.touchEventOptions.passive !== previousProps.touchEventOptions.passive) {
-        state.cleanUpTouch();
-        return Object.assign(Object.assign({}, state), { cleanUpTouch: attachTouch(state.el, props) });
-    }
-    return state;
-}
-function useSwipeable(options) {
-    const { trackMouse } = options;
-    const transientState = React.useRef(Object.assign({}, initialState));
-    const transientProps = React.useRef(Object.assign({}, defaultProps));
-    // track previous rendered props
-    const previousProps = React.useRef(Object.assign({}, transientProps.current));
-    previousProps.current = Object.assign({}, transientProps.current);
-    // update current render props & defaults
-    transientProps.current = Object.assign(Object.assign({}, defaultProps), options);
-    // Force defaults for config properties
-    let defaultKey;
-    for (defaultKey in defaultProps) {
-        if (transientProps.current[defaultKey] === void 0) {
-            transientProps.current[defaultKey] = defaultProps[defaultKey];
-        }
-    }
-    const [handlers, attachTouch] = React.useMemo(() => getHandlers((stateSetter) => (transientState.current = stateSetter(transientState.current, transientProps.current)), { trackMouse }), [trackMouse]);
-    transientState.current = updateTransientState(transientState.current, transientProps.current, previousProps.current, attachTouch);
-    return handlers;
-}
-
-export { useSwipeable as u };

package/index-262edd7a.js

@@ -1,77 +0,0 @@
-import React__default, { useContext, useReducer, useState, useCallback, useMemo, createContext } from 'react';
-
-const Context = /*#__PURE__*/createContext();
-const useFormContext = () => useContext(Context);
-const reducer = (state, _ref) => {
-  let {
-    type,
-    field
-  } = _ref;
-  switch (type) {
-    case 'add':
-      return [...state, field];
-    case 'validation':
-      return state.map(item => ({
-        ...item,
-        isValid: field.name === item.name ? field.isValid : item.isValid
-      }));
-    case 'change':
-      return state.map(item => ({
-        ...item,
-        isChanged: field.name === item.name ? field.isChanged : item.isChanged
-      }));
-    case 'unmount':
-      return state.filter(item => field.name !== item.name);
-    default:
-      return state;
-  }
-};
-function FormProvider(_ref2) {
-  let {
-    value,
-    children
-  } = _ref2;
-  const [fields, dispatch] = useReducer(reducer, []);
-  const [readOnlyState, setReadOnly] = useState(value.readOnly);
-  const [allowValidation, setAllowValidation] = useState(false);
-
-  // handle field `isChanged` prop when value changes
-  const handleFieldChange = useCallback(field => dispatch({
-    type: 'change',
-    field
-  }), []);
-
-  // add field to store when mounted
-  const handleFieldMount = useCallback(field => dispatch({
-    type: 'add',
-    field
-  }), []);
-
-  // remove field when unmounted
-  const handleFieldUnMount = useCallback(field => dispatch({
-    type: 'unmount',
-    field
-  }), []);
-
-  // handle field `isValid` prop when validation changes
-  const handleValidationChange = useCallback(field => dispatch({
-    type: 'validation',
-    field
-  }), []);
-  const contextProps = useMemo(() => ({
-    fields,
-    setReadOnly,
-    readOnlyState,
-    allowValidation,
-    handleFieldMount,
-    handleFieldUnMount,
-    handleFieldChange,
-    setAllowValidation,
-    handleValidationChange
-  }), [fields, readOnlyState, allowValidation]);
-  return /*#__PURE__*/React__default.createElement(Context.Provider, {
-    value: contextProps
-  }, children);
-}
-
-export { FormProvider as F, useFormContext as u };