@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
73 lines (72 loc) • 3.7 kB
JavaScript
"use client";
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
const _excluded = ["children"],
_excluded2 = ["value"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
import React, { useCallback, useContext, useMemo, useState } from 'react';
import Context, { prepareContext } from './Context';
import { prepareFormElementContext } from './helpers/filterValidProps';
export default function Provider(localProps) {
const nestedContext = useContext(Context);
const [localContext, setLocalContext] = useState(null);
const updateCurrent = useCallback(props => {
setLocalContext({
__context__: props
});
}, []);
const setCurrentLocale = useCallback(locale => {
setLocalContext({
__context__: {
locale
}
});
}, []);
const update = useCallback(props => {
var _nestedContext$update;
(_nestedContext$update = nestedContext.update) === null || _nestedContext$update === void 0 ? void 0 : _nestedContext$update.call(nestedContext, props);
setLocalContext({
__context__: props
});
}, [nestedContext]);
const setLocale = useCallback(locale => {
update({
locale
});
}, [update]);
const value = useMemo(() => {
const {
children
} = localProps,
rest = _objectWithoutProperties(localProps, _excluded);
const preparedContext = _objectSpread({}, prepareContext(mergeContextWithProps(nestedContext, _objectSpread(_objectSpread({}, localContext), rest))));
preparedContext.update = update;
preparedContext.setLocale = setLocale;
preparedContext.updateCurrent = updateCurrent;
preparedContext.setCurrentLocale = setCurrentLocale;
nestedContext.updateTranslation(preparedContext.locale, preparedContext.translations);
return preparedContext;
}, [localProps, nestedContext, localContext, update, setLocale, updateCurrent, setCurrentLocale]);
return React.createElement(Context.Provider, {
value: value
}, localProps.children);
}
function mergeContextWithProps(nestedContext, localProps) {
const {
value
} = localProps,
rest = _objectWithoutProperties(localProps, _excluded2);
const props = _objectSpread(_objectSpread({}, value), rest);
const mergedContext = _objectSpread(_objectSpread({}, nestedContext), props);
if (nestedContext !== null && nestedContext !== void 0 && nestedContext.formElement && props.formElement) {
mergedContext.formElement = _objectSpread(_objectSpread({}, nestedContext.formElement), props.formElement);
mergedContext.formElement = prepareFormElementContext(mergedContext.formElement);
}
if (nestedContext !== null && nestedContext !== void 0 && nestedContext.FormRow && props.FormRow) {
mergedContext.FormRow = _objectSpread(_objectSpread({}, nestedContext.FormRow), props.FormRow);
mergedContext.FormRow = prepareFormElementContext(mergedContext.FormRow);
}
return mergedContext;
}
//# sourceMappingURL=Provider.js.map