@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
81 lines (80 loc) • 3.59 kB
JavaScript
"use strict";
"use client";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = useDependencePaths;
var _react = require("react");
var _jsonPointer = _interopRequireDefault(require("../../utils/json-pointer"));
var _Context = _interopRequireDefault(require("../../DataContext/Context"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function useDependencePaths(dependencePaths, propagateIndeterminateState) {
const {
data,
fieldInternalsRef,
handlePathChange
} = (0, _react.useContext)(_Context.default) || {};
const {
allOn,
allOff,
indeterminate
} = (0, _react.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 (_jsonPointer.default.has(data, path)) {
var _fieldInternalsRef$cu, _fieldInternalsRef$cu2, _fieldInternalsRef$cu3;
const value = _jsonPointer.default.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 = (0, _react.useRef)();
(0, _react.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 = (0, _react.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