@dnb/eufemia/es/extensions/forms/Field/Indeterminate/useDependencePaths.js

DNB Eufemia Design System UI Library

"use client";

import { useCallback, useContext, useMemo, useRef } from 'react';
import pointer from "../../utils/json-pointer/index.js";
import DataContext from "../../DataContext/Context.js";
export default function useDependencePaths(dependencePaths, propagateIndeterminateState) {
  const {
    data,
    fieldInternalsRef,
    handlePathChange
  } = useContext(DataContext) || {};
  const {
    allOn,
    allOff,
    indeterminate,
    ariaControlsIds
  } = useMemo(() => {
    if (!dependencePaths || !data) {
      return {};
    }
    const check = ({
      key,
      whenUndefined = false
    }) => {
      return dependencePaths?.every(path => {
        if (pointer.has(data, path)) {
          const value = pointer.get(data, path);
          if ((whenUndefined ? typeof value === 'undefined' : false) || value === fieldInternalsRef?.current?.[path]?.props?.[key]) {
            return true;
          }
        }
      });
    };
    const ariaControlsIds = dependencePaths.map(path => fieldInternalsRef.current?.[path]?.id).filter(Boolean).join(' ') || undefined;
    const allOn = check({
      key: 'valueOn'
    });
    const allOff = check({
      key: 'valueOff',
      whenUndefined: true
    });
    const indeterminate = !allOn && !allOff;
    return {
      allOn,
      allOff,
      indeterminate,
      ariaControlsIds
    };
  }, [data, dependencePaths, fieldInternalsRef]);
  const keepStateRef = useRef();
  useMemo(() => {
    if (allOn && !keepStateRef.current) {
      keepStateRef.current = true;
    } else if (allOff && keepStateRef.current) {
      keepStateRef.current = false;
    } else {
      if (propagateIndeterminateState !== 'auto' && indeterminate) {
        keepStateRef.current = propagateIndeterminateState === 'unchecked';
      }
    }
  }, [allOn, allOff, propagateIndeterminateState, indeterminate]);
  const setAllStates = useCallback(checked => {
    dependencePaths?.forEach(path => {
      const fieldProp = checked ? 'valueOn' : 'valueOff';
      const value = fieldInternalsRef?.current?.[path]?.props?.[fieldProp];
      handlePathChange?.(path, value);
    });
  }, [dependencePaths, fieldInternalsRef, handlePathChange]);
  return {
    setAllStates,
    indeterminate,
    internalValue: keepStateRef.current,
    ariaControlsIds
  };
}
//# sourceMappingURL=useDependencePaths.js.map