Function useDraftField

libs/@hashintel/petrinaut/src/ui/hooks/use-draft-field.ts:36–83

({
  sourceId,
  sourceValue,
}: {
  sourceId: string;
  sourceValue: T;
})

 * ```
 */
export const useDraftField = <T>({
  sourceId,
  sourceValue,
}: {
  sourceId: string;
  sourceValue: T;
}) => {
  const [state, setState] = useState<DraftFieldState<T> | null>(null);

  const isCurrent =
    state?.sourceId === sourceId && Object.is(state.sourceValue, sourceValue);
  const value = isCurrent ? state.value : sourceValue;
  const error = isCurrent ? state.error : null;

  const setValue = (nextValue: T) => {
    setState((current) => {
      const keepError =
        current?.sourceId === sourceId &&
        Object.is(current.sourceValue, sourceValue);

      return {
        sourceId,
        sourceValue,
        value: nextValue,
        error: keepError ? current.error : null,
      };
    });
  };

  const setError = (nextError: string | null) => {
    setState((current) => {
      const currentValue =
        current?.sourceId === sourceId &&
        Object.is(current.sourceValue, sourceValue)
          ? current.value
          : sourceValue;

      return {
        sourceId,
        sourceValue,
        value: currentValue,
        error: nextError,
      };
    });
  };

  return { value, setValue, error, setError };
};