@dnb/eufemia/shared/Provider.js

DNB Eufemia Design System UI Library

"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 "core-js/modules/web.dom-collections.iterator.js";
import React, { useCallback, useContext, useMemo, useState } from 'react';
import Context, { prepareContext } from './Context';
import { prepareFormElementContext } from './helpers/filterValidProps';
export default function Provider(localProps) {
  const {
    children,
    props
  } = useMemo(() => {
    const {
        children
      } = localProps,
      props = _objectWithoutProperties(localProps, _excluded);
    return {
      children,
      props
    };
  }, [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 preparedContext = _objectSpread({}, prepareContext(mergeContextWithProps(nestedContext, _objectSpread(_objectSpread({}, localContext), props))));
    preparedContext.update = update;
    preparedContext.setLocale = setLocale;
    preparedContext.updateCurrent = updateCurrent;
    preparedContext.setCurrentLocale = setCurrentLocale;
    nestedContext.updateTranslation(preparedContext.locale, preparedContext.translations);
    return preparedContext;
  }, [nestedContext, localContext, props, setLocale, setCurrentLocale, update, updateCurrent]);
  return React.createElement(Context.Provider, {
    value: value
  }, children);
}
function mergeContextWithProps(context, providerProps) {
  const {
      value
    } = providerProps,
    rest = _objectWithoutProperties(providerProps, _excluded2);
  const props = _objectSpread(_objectSpread({}, value), rest);
  const mergedContext = _objectSpread(_objectSpread({}, context), props);
  if (context !== null && context !== void 0 && context.formElement && props.formElement) {
    mergedContext.formElement = _objectSpread(_objectSpread({}, context.formElement), props.formElement);
    mergedContext.formElement = prepareFormElementContext(mergedContext.formElement);
  }
  if (context !== null && context !== void 0 && context.FormRow && props.FormRow) {
    mergedContext.FormRow = _objectSpread(_objectSpread({}, context.FormRow), props.FormRow);
    mergedContext.FormRow = prepareFormElementContext(mergedContext.FormRow);
  }
  return mergedContext;
}
//# sourceMappingURL=Provider.js.map