@dnb/eufemia/extensions/forms/Tools/Log.js

DNB Eufemia Design System UI Library

"use client";

import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
import React, { useContext } from 'react';
import DataContext from "../DataContext/Context.js";
import Section from "../../../components/Section.js";
import { FormLabel } from "../../../components/index.js";
function Log({
  placeholder,
  label,
  data: logData,
  ...props
}) {
  const {
    internalDataRef
  } = useContext(DataContext);
  const data = internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current;
  return React.createElement(Section, _extends({
    element: "output",
    backgroundColor: "sand-yellow",
    style: {
      maxWidth: '80vw'
    },
    innerSpace: true
  }, props), label && React.createElement(FormLabel, {
    bottom: true
  }, React.createElement("b", null, label)), React.createElement("pre", null, placeholder && Object.keys((logData !== null && logData !== void 0 ? logData : data) || {}).length === 0 ? placeholder : JSON.stringify(replaceUndefinedValues(logData !== null && logData !== void 0 ? logData : data), null, 2), ' '));
}
function replaceUndefinedValues(value, replaceWith = 'undefined') {
  if (typeof value === 'undefined') {
    return replaceWith;
  } else if (Array.isArray(value)) {
    return value.map(item => replaceUndefinedValues(item, replaceWith));
  } else if (value && typeof value === 'object' && value !== replaceWith) {
    return {
      ...value,
      ...Object.fromEntries(Object.entries(value).map(([k, v]) => [k, replaceUndefinedValues(v, replaceWith)]))
    };
  } else {
    return value;
  }
}
Log._supportsSpacingProps = true;
export default Log;
//# sourceMappingURL=Log.js.map