@choice-ui/react 1.3.13 → 1.4.1

package/dist/cjs/shared/hooks/use-direction/use-direction.cjs

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const DirectionContext = React.createContext(void 0);
-function useDirection(dirProp) {
-  const contextDir = React.useContext(DirectionContext);
-  return dirProp ?? contextDir ?? "ltr";
-}
-exports.DirectionContext = DirectionContext;
-exports.useDirection = useDirection;

package/dist/cjs/shared/hooks/use-disable-scroll/use-disable-scroll.cjs

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-function useDisableScroll({ ref }) {
-  const isFocusRef = React.useRef(false);
-  const isMouseEnterRef = React.useRef(false);
-  const styleRef = React.useRef();
-  const styleOverFlowRef = React.useRef();
-  const disableScroll = () => {
-    if (isMouseEnterRef.current && isFocusRef.current) {
-      const m = (el) => {
-        const parent = el == null ? void 0 : el.parentElement;
-        const grandParent = parent == null ? void 0 : parent.parentElement;
-        if (parent && grandParent) {
-          const parentRect = parent.getBoundingClientRect();
-          const grandParentRect = grandParent.getBoundingClientRect();
-          if (parentRect.height <= grandParentRect.height) {
-            m(parent);
-          } else {
-            styleRef.current = grandParent;
-            styleOverFlowRef.current = grandParent.style.overflow;
-            grandParent.style.overflow = "hidden";
-          }
-        }
-      };
-      m(ref.current);
-    }
-  };
-  const enableScroll = () => {
-    if (styleRef.current) {
-      styleRef.current.style.overflow = styleOverFlowRef.current ?? "default";
-    }
-  };
-  return {
-    disableScrollProps: {
-      onFocus: () => {
-        isFocusRef.current = true;
-        disableScroll();
-      },
-      onBlur: () => {
-        isFocusRef.current = false;
-        enableScroll();
-      },
-      onMouseEnter: () => {
-        isMouseEnterRef.current = true;
-        disableScroll();
-      },
-      onMouseLeave: () => {
-        isMouseEnterRef.current = false;
-        enableScroll();
-      }
-    }
-  };
-}
-exports.useDisableScroll = useDisableScroll;

package/dist/cjs/shared/hooks/use-isomorphic-layout-effect/use-as-ref.cjs

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const useIsomorphicLayoutEffect = require("./use-isomorphic-layout-effect.cjs");
-function useAsRef(data) {
-  const ref = React.useRef(data);
-  useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
-    ref.current = data;
-  });
-  return ref;
-}
-exports.useAsRef = useAsRef;

package/dist/cjs/shared/hooks/use-isomorphic-layout-effect/use-isomorphic-layout-effect.cjs

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
-exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;

package/dist/cjs/shared/hooks/use-lazy-ref/use-lazy-ref.cjs

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-function useLazyRef(fn) {
-  const ref = React.useRef(null);
-  if (ref.current === null) {
-    ref.current = fn();
-  }
-  return ref;
-}
-exports.useLazyRef = useLazyRef;

package/dist/cjs/shared/hooks/use-merged-value/use-merged-value.cjs

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const ahooks = require("ahooks");
-function isUndefined(value) {
-  return value === void 0;
-}
-function getInitialValue(options) {
-  const { value, defaultValue, defaultStateValue, allowEmpty } = options;
-  if (!isUndefined(value)) {
-    return value;
-  }
-  if (!isUndefined(defaultValue)) {
-    return defaultValue;
-  }
-  if (typeof defaultStateValue === "function") {
-    return defaultStateValue();
-  }
-  return defaultStateValue;
-}
-function areValuesEqual(a, b) {
-  if (a !== a && b !== b) {
-    return true;
-  }
-  return Object.is(a, b);
-}
-function useMergedValue(options) {
-  const { value, onChange, onUnchange } = options;
-  const update = ahooks.useUpdate();
-  const stateRef = React.useRef(getInitialValue(options));
-  const isControlledRef = React.useRef(!isUndefined(value));
-  const prevValueRef = React.useRef(value);
-  React.useEffect(() => {
-    const isControlled = !isUndefined(value);
-    isControlledRef.current = isControlled;
-    if (isControlled) {
-      if (!areValuesEqual(value, stateRef.current)) {
-        stateRef.current = value;
-        update();
-      }
-    } else if (prevValueRef.current !== value) {
-      stateRef.current = value;
-      update();
-    }
-    prevValueRef.current = value;
-  }, [value, update]);
-  const setState = ahooks.useMemoizedFn((v, forceTrigger = false) => {
-    const nextValue = typeof v === "function" ? v(stateRef.current) : v;
-    if (!forceTrigger && areValuesEqual(nextValue, stateRef.current)) {
-      onUnchange == null ? void 0 : onUnchange();
-      return;
-    }
-    if (isControlledRef.current) {
-      onChange == null ? void 0 : onChange(nextValue);
-      return;
-    }
-    stateRef.current = nextValue;
-    update();
-    onChange == null ? void 0 : onChange(nextValue);
-  });
-  return [stateRef.current, setState];
-}
-exports.useMergedValue = useMergedValue;

package/dist/cjs/shared/hooks/use-modifier-keys/use-modifier-keys.cjs

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-function useModifierKeys(disabled = false) {
-  const [shiftPressed, setShiftPressed] = React.useState(false);
-  const [metaPressed, setMetaPressed] = React.useState(false);
-  const [ctrlPressed, setCtrlPressed] = React.useState(false);
-  const updateModifierStates = React.useCallback((e) => {
-    setShiftPressed(e.shiftKey);
-    setMetaPressed(e.metaKey || e.altKey);
-    setCtrlPressed(e.ctrlKey);
-  }, []);
-  const onKeyDown = React.useCallback(
-    (e) => {
-      updateModifierStates(e);
-    },
-    [updateModifierStates]
-  );
-  const onKeyUp = React.useCallback(
-    (e) => {
-      updateModifierStates(e);
-    },
-    [updateModifierStates]
-  );
-  const onMouseDown = React.useCallback(
-    (e) => {
-      updateModifierStates(e);
-    },
-    [updateModifierStates]
-  );
-  const onMouseUp = React.useCallback(
-    (e) => {
-      updateModifierStates(e);
-    },
-    [updateModifierStates]
-  );
-  const onFocus = React.useCallback(
-    (e) => {
-      if (e.target instanceof HTMLElement) {
-        const virtualEvent = new KeyboardEvent("keydown", {
-          shiftKey: false,
-          metaKey: false,
-          ctrlKey: false,
-          altKey: false
-        });
-        updateModifierStates(virtualEvent);
-      }
-    },
-    [updateModifierStates]
-  );
-  const onBlur = React.useCallback(() => {
-    setShiftPressed(false);
-    setMetaPressed(false);
-    setCtrlPressed(false);
-  }, []);
-  React.useEffect(() => {
-    if (disabled) return;
-    window.addEventListener("keydown", onKeyDown, true);
-    window.addEventListener("keyup", onKeyUp, true);
-    window.addEventListener("mousedown", onMouseDown, true);
-    window.addEventListener("mouseup", onMouseUp, true);
-    window.addEventListener("focus", onFocus, true);
-    window.addEventListener("blur", onBlur, true);
-    return () => {
-      window.removeEventListener("keydown", onKeyDown, true);
-      window.removeEventListener("keyup", onKeyUp, true);
-      window.removeEventListener("mousedown", onMouseDown, true);
-      window.removeEventListener("mouseup", onMouseUp, true);
-      window.removeEventListener("focus", onFocus, true);
-      window.removeEventListener("blur", onBlur, true);
-    };
-  }, [disabled, onKeyDown, onKeyUp, onMouseDown, onMouseUp, onFocus, onBlur]);
-  return { shiftPressed, metaPressed, ctrlPressed };
-}
-exports.useModifierKeys = useModifierKeys;

package/dist/cjs/shared/hooks/use-press/use-press-move.cjs

@@ -1,133 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const usePress = require("./use-press.cjs");
-const usePressMove = ({
-  onPressMove,
-  onPressMoveLeft,
-  onPressMoveRight,
-  onPressMoveTop,
-  onPressMoveBottom,
-  onPressStart,
-  onPressEnd,
-  ...rest
-}) => {
-  const targetRef = React.useRef(null);
-  const isPressedRef = React.useRef(false);
-  const overlayRef = React.useRef(null);
-  const cursorRef = React.useRef(null);
-  const distanceThreshold = 5;
-  const movementRef = React.useRef({ x: 0, y: 0 });
-  const virtualPositionRef = React.useRef({ x: 0, y: 0 });
-  const { isPressed, pressProps } = usePress.usePress({
-    ...rest,
-    onPressStart: (e) => {
-      if (!rest.disabled && "clientX" in e && "clientY" in e && targetRef.current) {
-        requestAnimationFrame(() => {
-          createOverlay();
-          virtualPositionRef.current = { x: e.clientX, y: e.clientY };
-          updateVirtualCursor();
-          document.documentElement.requestPointerLock();
-          document.addEventListener("pointermove", handlePointerMove);
-          document.addEventListener("pointerup", handlePointerUp, {
-            once: true
-          });
-        });
-        if (onPressStart && "nativeEvent" in e) {
-          onPressStart(e.nativeEvent);
-        }
-      }
-    }
-  });
-  isPressedRef.current = isPressed;
-  const createOverlay = () => {
-    if (!overlayRef.current) {
-      const virtualCursor = document.createElement("div");
-      virtualCursor.className = "press-move-cursor";
-      document.body.appendChild(virtualCursor);
-      cursorRef.current = virtualCursor;
-    }
-  };
-  const removeOverlay = () => {
-    if (overlayRef.current) {
-      document.body.removeChild(overlayRef.current);
-      overlayRef.current = null;
-    }
-    if (cursorRef.current) {
-      document.body.removeChild(cursorRef.current);
-      cursorRef.current = null;
-    }
-    if (document.pointerLockElement === document.documentElement) {
-      document.exitPointerLock();
-    }
-    document.removeEventListener("pointermove", handlePointerMove);
-  };
-  const updateVirtualCursor = () => {
-    if (!cursorRef.current) return;
-    const screenWidth = window.innerWidth;
-    const screenHeight = window.innerHeight;
-    const cursorWidth = 34;
-    const cursorHeight = 24;
-    const halfCursorWidth = cursorWidth / 2;
-    const halfCursorHeight = cursorHeight / 2;
-    if (virtualPositionRef.current.x < -halfCursorWidth) {
-      virtualPositionRef.current.x = screenWidth + halfCursorWidth;
-    } else if (virtualPositionRef.current.x > screenWidth + halfCursorWidth) {
-      virtualPositionRef.current.x = -halfCursorWidth;
-    }
-    if (virtualPositionRef.current.y < -halfCursorHeight) {
-      virtualPositionRef.current.y = screenHeight + halfCursorHeight;
-    } else if (virtualPositionRef.current.y > screenHeight + halfCursorHeight) {
-      virtualPositionRef.current.y = -halfCursorHeight;
-    }
-    cursorRef.current.style.transform = `translate3d(${virtualPositionRef.current.x - halfCursorWidth}px, ${virtualPositionRef.current.y - halfCursorHeight}px, 0)`;
-  };
-  const handlePointerMove = (e) => {
-    if (isPressedRef.current && !rest.disabled && targetRef.current) {
-      onPressMove == null ? void 0 : onPressMove(e);
-      movementRef.current.x += e.movementX;
-      movementRef.current.y += e.movementY;
-      virtualPositionRef.current.x += e.movementX;
-      virtualPositionRef.current.y += e.movementY;
-      updateVirtualCursor();
-      const movementX = Math.abs(movementRef.current.x);
-      if (movementX >= distanceThreshold) {
-        if (movementRef.current.x < 0 && onPressMoveLeft) {
-          onPressMoveLeft(Math.floor(movementX / distanceThreshold));
-        } else if (movementRef.current.x > 0 && onPressMoveRight) {
-          onPressMoveRight(Math.floor(movementX / distanceThreshold));
-        }
-        movementRef.current.x = movementRef.current.x % distanceThreshold;
-      }
-      const movementY = Math.abs(movementRef.current.y);
-      if (movementY >= distanceThreshold) {
-        if (movementRef.current.y < 0 && onPressMoveTop) {
-          onPressMoveTop(Math.floor(movementY / distanceThreshold));
-        } else if (movementRef.current.y > 0 && onPressMoveBottom) {
-          onPressMoveBottom(Math.floor(movementY / distanceThreshold));
-        }
-        movementRef.current.y = movementRef.current.y % distanceThreshold;
-      }
-    }
-  };
-  const handlePointerUp = (e) => {
-    removeOverlay();
-    movementRef.current = { x: 0, y: 0 };
-    onPressEnd == null ? void 0 : onPressEnd(e);
-  };
-  React.useEffect(() => {
-    return () => {
-      removeOverlay();
-    };
-  }, []);
-  return {
-    isPressed,
-    pressMoveProps: {
-      ...pressProps,
-      ref: (el) => {
-        targetRef.current = el;
-      }
-    }
-  };
-};
-exports.usePressMove = usePressMove;

package/dist/cjs/shared/hooks/use-press/use-press.cjs

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-function usePress({ disabled, onPress, onPressStart, onPressEnd }) {
-  const [isPressed, setPressed] = React.useState(false);
-  const createHandlePointerDown = React.useCallback(
-    (event) => {
-      if (!disabled) {
-        setPressed(true);
-        onPressStart == null ? void 0 : onPressStart(event);
-        document.addEventListener(
-          "pointerup",
-          () => {
-            setPressed(false);
-            onPress == null ? void 0 : onPress(event);
-            onPressEnd == null ? void 0 : onPressEnd(event);
-          },
-          { once: true }
-        );
-      }
-    },
-    [disabled, onPress, onPressEnd, onPressStart]
-  );
-  const createHandleKeyDown = React.useCallback(
-    (event) => {
-      if (event.target === event.currentTarget && (event.key === " " || event.key === "Enter") && isPressed === false && !disabled) {
-        setPressed(true);
-        onPressStart == null ? void 0 : onPressStart(event);
-      }
-    },
-    [disabled, isPressed, onPressStart]
-  );
-  const createHandleKeyUp = React.useCallback(
-    (event) => {
-      if (event.target === event.currentTarget && (event.key === " " || event.key === "Enter") && !disabled) {
-        setPressed(false);
-        onPress == null ? void 0 : onPress(event);
-        onPressEnd == null ? void 0 : onPressEnd(event);
-      }
-    },
-    [disabled, onPress, onPressEnd]
-  );
-  return {
-    isPressed,
-    pressProps: {
-      onPointerDown: createHandlePointerDown,
-      onKeyDown: createHandleKeyDown,
-      onKeyUp: createHandleKeyUp
-    }
-  };
-}
-exports.usePress = usePress;

package/dist/cjs/shared/utils/assertion.cjs

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-function assert(condition, message) {
-  if (!condition) {
-    throw new Error(message);
-  }
-}
-function assertNever(value, message = "Unreachable") {
-  throw new Error(message);
-}
-function isArray(value) {
-  return Array.isArray(value);
-}
-function isEmptyArray(value) {
-  return isArray(value) && value.length === 0;
-}
-function isObject(value) {
-  const type = typeof value;
-  return value != null && (type === "object" || type === "function") && !isArray(value);
-}
-function isEmptyObject(value) {
-  return isObject(value) && Object.keys(value).length === 0;
-}
-function isEmpty(value) {
-  if (isArray(value)) return isEmptyArray(value);
-  if (isObject(value)) return isEmptyObject(value);
-  if (value == null || value === "") return true;
-  return false;
-}
-function isFunction(value) {
-  return typeof value === "function";
-}
-const dataAttr = (condition) => condition ? "true" : void 0;
-const isNumeric = (value) => value != null && parseInt(value.toString(), 10) > 0;
-const isMultiElement = (children) => {
-  return React.isValidElement(children) && Array.isArray(children.props.children) || Array.isArray(children) && children.length > 1;
-};
-const findChildByType = (children, componentType) => {
-  let result = null;
-  React.Children.forEach(children, (child) => {
-    if (!result && React.isValidElement(child) && child.type === componentType) {
-      result = child;
-    }
-  });
-  return result;
-};
-exports.assert = assert;
-exports.assertNever = assertNever;
-exports.dataAttr = dataAttr;
-exports.findChildByType = findChildByType;
-exports.isArray = isArray;
-exports.isEmpty = isEmpty;
-exports.isEmptyArray = isEmptyArray;
-exports.isEmptyObject = isEmptyObject;
-exports.isFunction = isFunction;
-exports.isMultiElement = isMultiElement;
-exports.isNumeric = isNumeric;
-exports.isObject = isObject;

package/dist/cjs/shared/utils/format-bytes/format-bytes.cjs

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function formatBytes(bytes) {
-  if (bytes === 0) return "0 B";
-  const sizes = ["B", "KB", "MB", "GB", "TB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(1024));
-  return `${(bytes / 1024 ** i).toFixed(i ? 1 : 0)} ${sizes[i]}`;
-}
-exports.formatBytes = formatBytes;

package/dist/cjs/shared/utils/format-date/format-date.cjs

@@ -1,105 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const dateFns = require("date-fns");
-const formatDate_i18n = require("./format-date.i18n.cjs");
-const formatRelativeTime = (date, options = {}) => {
-  var _a, _b, _c, _d, _e;
-  if (!date || isNaN(date.getTime())) {
-    console.warn("formatRelativeTime: Invalid date provided");
-    return "Invalid Date";
-  }
-  try {
-    const referenceTime = ((_a = options.timezone) == null ? void 0 : _a.referenceTime) || /* @__PURE__ */ new Date();
-    const now = ((_b = options.timezone) == null ? void 0 : _b.useUTC) ? new Date(referenceTime.getTime() + referenceTime.getTimezoneOffset() * 6e4) : referenceTime;
-    const targetDate = ((_c = options.timezone) == null ? void 0 : _c.useUTC) ? new Date(date.getTime() + date.getTimezoneOffset() * 6e4) : date;
-    const daysThreshold = options.daysThreshold ?? 7;
-    const yearThreshold = options.yearThreshold ?? 1;
-    const daysDiff = Math.abs(dateFns.differenceInDays(now, targetDate));
-    const { language, locale, t } = formatDate_i18n.getLanguageConfig(options.language);
-    if (options.showSpecificTime) {
-      const timeFormat = dateFns.format(targetDate, "HH:mm", { locale });
-      if (dateFns.isToday(targetDate)) {
-        return t.common.relativeTime.today({ time: timeFormat });
-      }
-      if (dateFns.isYesterday(targetDate)) {
-        return t.common.relativeTime.yesterday({ time: timeFormat });
-      }
-      if (dateFns.isThisWeek(targetDate)) {
-        const dayName = dateFns.format(targetDate, "EEEE", { locale });
-        return t.common.relativeTime.weekdayAt({
-          time: timeFormat,
-          weekday: dayName
-        });
-      }
-      const dateStr = dateFns.format(targetDate, "MMM d", { locale });
-      return t.common.relativeTime.dateAt({ date: dateStr, time: timeFormat });
-    }
-    if (daysDiff > daysThreshold) {
-      const yearsDiff = Math.abs(dateFns.differenceInYears(now, targetDate));
-      if (yearsDiff >= yearThreshold) {
-        const customFullDateFormat = (_d = options.customFormat) == null ? void 0 : _d.fullDate;
-        if (customFullDateFormat) {
-          return dateFns.format(targetDate, customFullDateFormat, { locale });
-        }
-        return dateFns.format(targetDate, "yyyy/MM/dd", { locale });
-      } else {
-        const customMonthDayFormat = (_e = options.customFormat) == null ? void 0 : _e.monthDay;
-        if (customMonthDayFormat) {
-          return dateFns.format(targetDate, customMonthDayFormat, { locale });
-        }
-        if (options.forceNumericFormat) {
-          return dateFns.format(targetDate, "MM/dd", { locale });
-        }
-        if (language === "cn") {
-          return dateFns.format(targetDate, "M月d日", { locale });
-        } else {
-          return dateFns.format(targetDate, "MMMM d", { locale });
-        }
-      }
-    }
-    return dateFns.formatDistanceToNow(targetDate, {
-      addSuffix: true,
-      locale
-    });
-  } catch (error) {
-    console.error("formatRelativeTime: Error formatting date", error);
-    return "Format Error";
-  }
-};
-const createDateFormatter = (defaultOptions = {}) => {
-  return (date, options = {}) => {
-    return formatRelativeTime(date, { ...defaultOptions, ...options });
-  };
-};
-const formatSimpleDate = (date, options = {}) => {
-  var _a;
-  if (!date || isNaN(date.getTime())) {
-    return "Invalid Date";
-  }
-  const { language, locale } = formatDate_i18n.getLanguageConfig(options.language);
-  if ((_a = options.customFormat) == null ? void 0 : _a.fullDate) {
-    return dateFns.format(date, options.customFormat.fullDate, { locale });
-  }
-  if (language === "cn") {
-    return dateFns.format(date, "yyyy年M月d日", { locale });
-  }
-  return dateFns.format(date, "MMM d, yyyy", { locale });
-};
-const formatTime = (date, options = {}) => {
-  var _a;
-  if (!date || isNaN(date.getTime())) {
-    return "Invalid Time";
-  }
-  const { language, locale } = formatDate_i18n.getLanguageConfig(options.language);
-  if ((_a = options.customFormat) == null ? void 0 : _a.time) {
-    return dateFns.format(date, options.customFormat.time, { locale });
-  }
-  if (language === "cn") {
-    return dateFns.format(date, "HH:mm", { locale });
-  }
-  return dateFns.format(date, "h:mm a", { locale });
-};
-exports.createDateFormatter = createDateFormatter;
-exports.formatRelativeTime = formatRelativeTime;
-exports.formatSimpleDate = formatSimpleDate;
-exports.formatTime = formatTime;