@dnb/eufemia/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 === null || dependencePaths === void 0 ? void 0 : dependencePaths.every(path => {
        if (pointer.has(data, path)) {
          var _fieldInternalsRef$cu;
          const value = pointer.get(data, path);
          if ((whenUndefined ? typeof value === 'undefined' : false) || value === (fieldInternalsRef === null || fieldInternalsRef === void 0 || (_fieldInternalsRef$cu = fieldInternalsRef.current) === null || _fieldInternalsRef$cu === void 0 || (_fieldInternalsRef$cu = _fieldInternalsRef$cu[path]) === null || _fieldInternalsRef$cu === void 0 || (_fieldInternalsRef$cu = _fieldInternalsRef$cu.props) === null || _fieldInternalsRef$cu === void 0 ? void 0 : _fieldInternalsRef$cu[key])) {
            return true;
          }
        }
      });
    };
    const ariaControlsIds = dependencePaths.map(path => {
      var _fieldInternalsRef$cu2;
      return (_fieldInternalsRef$cu2 = fieldInternalsRef.current) === null || _fieldInternalsRef$cu2 === void 0 || (_fieldInternalsRef$cu2 = _fieldInternalsRef$cu2[path]) === null || _fieldInternalsRef$cu2 === void 0 ? void 0 : _fieldInternalsRef$cu2.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 === null || dependencePaths === void 0 || dependencePaths.forEach(path => {
      var _fieldInternalsRef$cu3;
      const fieldProp = checked ? 'valueOn' : 'valueOff';
      const value = fieldInternalsRef === null || fieldInternalsRef === void 0 || (_fieldInternalsRef$cu3 = fieldInternalsRef.current) === null || _fieldInternalsRef$cu3 === void 0 || (_fieldInternalsRef$cu3 = _fieldInternalsRef$cu3[path]) === null || _fieldInternalsRef$cu3 === void 0 || (_fieldInternalsRef$cu3 = _fieldInternalsRef$cu3.props) === null || _fieldInternalsRef$cu3 === void 0 ? void 0 : _fieldInternalsRef$cu3[fieldProp];
      handlePathChange === null || handlePathChange === void 0 || handlePathChange(path, value);
    });
  }, [dependencePaths, fieldInternalsRef, handlePathChange]);
  return {
    setAllStates,
    indeterminate,
    internalValue: keepStateRef.current,
    ariaControlsIds
  };
}
//# sourceMappingURL=useDependencePaths.js.map