@talend/react-components/lib-esm/ObjectViewer/ObjectViewer.component.js

Set of react components.

import PropTypes from 'prop-types';
import { useMemo } from 'react';
import Table from './Table';
import JSONLike from './JSONLike';
import List from './List';
import { checkDataSchemaToConvert, convertDate } from './convertDate';
import { jsx as _jsx } from "react/jsx-runtime";
const DISPLAY_MODES = {
  FLAT: 'flat',
  TABLE: 'table',
  TREE: 'tree',
  LIST: 'list'
};
export default function ObjectViewer({
  displayMode,
  dataSchema,
  data,
  ...props
}) {
  if (!data) {
    return null;
  }

  // check if we need to convert timestamp to ISO String Date
  const toConvert = useMemo(() => checkDataSchemaToConvert(dataSchema), [dataSchema]);
  const newData = useMemo(() => convertDate(data, toConvert), [data, toConvert]);
  const newProps = {
    ...props,
    data: newData || data
  };
  switch (displayMode) {
    case DISPLAY_MODES.TABLE:
      return /*#__PURE__*/_jsx(Table, {
        ...newProps
      });
    case DISPLAY_MODES.FLAT:
      return /*#__PURE__*/_jsx(Table, {
        ...newProps,
        flat: true
      });
    case DISPLAY_MODES.TREE:
      return /*#__PURE__*/_jsx(JSONLike, {
        ...newProps
      });
    case DISPLAY_MODES.LIST:
      return /*#__PURE__*/_jsx(List, {
        ...newProps
      });
    default:
      return /*#__PURE__*/_jsx(JSONLike, {
        ...newProps
      });
  }
}
ObjectViewer.displayName = 'ObjectViewer';
ObjectViewer.propTypes = {
  displayMode: PropTypes.oneOf(Object.keys(DISPLAY_MODES).map(key => DISPLAY_MODES[key])),
  tupleLabel: PropTypes.string,
  rootLabel: PropTypes.string,
  showTypes: PropTypes.bool,
  data: PropTypes.array,
  dataSchema: PropTypes.arrayOf(PropTypes.object)
};
ObjectViewer.DISPLAY_MODES = DISPLAY_MODES;
ObjectViewer.Table = Table;
ObjectViewer.Tree = JSONLike;
ObjectViewer.List = List;
//# sourceMappingURL=ObjectViewer.component.js.map