Function useComponentProps

src/hooks/useComponentProps.js:35–102

(defaultProps)

};

export function useComponentProps(defaultProps) {
  const defaultPropsRef = useRef(defaultProps);

  const parsers = useMemo(() => {
    const result = {};
    for (const [key, defaultValue] of Object.entries(defaultPropsRef.current)) {
      result[key] = createParser(defaultValue);
    }
    return result;
  }, []);

  const [queryState, setQueryState] = useQueryStates(parsers);

  const props = useMemo(() => {
    const merged = { ...defaultPropsRef.current };
    for (const [key, value] of Object.entries(queryState)) {
      if (value !== null) {
        merged[key] = value;
      }
    }
    return merged;
  }, [queryState]);

  const hasChanges = useMemo(() => {
    return Object.values(queryState).some(v => v !== null);
  }, [queryState]);

  const updateProp = useCallback(
    (name, value) => {
      const newValue = value === defaultPropsRef.current[name] ? null : value;
      setQueryState({ [name]: newValue });
    },
    [setQueryState]
  );

  const updateProps = useCallback(
    updates => {
      const newState = {};
      for (const [name, value] of Object.entries(updates)) {
        newState[name] = value === defaultPropsRef.current[name] ? null : value;
      }
      setQueryState(newState);
    },
    [setQueryState]
  );

  const resetProps = useCallback(() => {
    const resetState = {};
    for (const key of Object.keys(defaultPropsRef.current)) {
      resetState[key] = null;
    }
    setQueryState(resetState);
  }, [setQueryState]);

  const getShareUrl = useCallback(() => {
    return window.location.href;
  }, []);