@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';
import DataContext from '../../DataContext/Context';
export default function useDependencePaths(dependencePaths, propagateIndeterminateState) {
  const {
    data,
    fieldInternalsRef,
    handlePathChange
  } = useContext(DataContext) || {};
  const {
    allOn,
    allOff,
    indeterminate
  } = useMemo(() => {
    if (!dependencePaths || !data) {
      return {};
    }
    const check = _ref => {
      let {
        key,
        whenUndefined = false
      } = _ref;
      return dependencePaths === null || dependencePaths === void 0 ? void 0 : dependencePaths.every(path => {
        if (pointer.has(data, path)) {
          var _fieldInternalsRef$cu, _fieldInternalsRef$cu2, _fieldInternalsRef$cu3;
          const value = pointer.get(data, path);
          if ((whenUndefined ? typeof value === 'undefined' : false) || value === (fieldInternalsRef === null || fieldInternalsRef === void 0 ? void 0 : (_fieldInternalsRef$cu = fieldInternalsRef.current) === null || _fieldInternalsRef$cu === void 0 ? void 0 : (_fieldInternalsRef$cu2 = _fieldInternalsRef$cu[path]) === null || _fieldInternalsRef$cu2 === void 0 ? void 0 : (_fieldInternalsRef$cu3 = _fieldInternalsRef$cu2.props) === null || _fieldInternalsRef$cu3 === void 0 ? void 0 : _fieldInternalsRef$cu3[key])) {
            return true;
          }
        }
      });
    };
    const allOn = check({
      key: 'valueOn'
    });
    const allOff = check({
      key: 'valueOff',
      whenUndefined: true
    });
    const indeterminate = !allOn && !allOff;
    return {
      allOn,
      allOff,
      indeterminate
    };
  }, [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 ? void 0 : dependencePaths.forEach(path => {
      var _fieldInternalsRef$cu4, _fieldInternalsRef$cu5, _fieldInternalsRef$cu6;
      const fieldProp = checked ? 'valueOn' : 'valueOff';
      const value = fieldInternalsRef === null || fieldInternalsRef === void 0 ? void 0 : (_fieldInternalsRef$cu4 = fieldInternalsRef.current) === null || _fieldInternalsRef$cu4 === void 0 ? void 0 : (_fieldInternalsRef$cu5 = _fieldInternalsRef$cu4[path]) === null || _fieldInternalsRef$cu5 === void 0 ? void 0 : (_fieldInternalsRef$cu6 = _fieldInternalsRef$cu5.props) === null || _fieldInternalsRef$cu6 === void 0 ? void 0 : _fieldInternalsRef$cu6[fieldProp];
      handlePathChange === null || handlePathChange === void 0 ? void 0 : handlePathChange(path, value);
    });
  }, [dependencePaths, fieldInternalsRef, handlePathChange]);
  return {
    setAllStates,
    indeterminate,
    internalValue: keepStateRef.current
  };
}
//# sourceMappingURL=useDependencePaths.js.map