PropertyGroup

Source

index.js

import React from 'react';
import PropTypes from 'prop-types';

import style from 'PVWStyle/ReactProperties/PropertyGroup.mcss';
import factory from '../PropertyFactory';

export default function render(props) {
  return (
    <div
      className={props.show(props.viewData) ? style.container : style.hidden}
    >
      <div className={style.toolbar}>
        <span className={style.title}>{props.prop.ui.label}</span>
      </div>
      <div className={style.separator} />
      <div className={style.content}>
        {props.prop.children.map((p) =>
          factory(p, props.viewData, props.onChange)
        )}
      </div>
    </div>
  );
}

render.propTypes = {
  show: PropTypes.func.isRequired,
  prop: PropTypes.object.isRequired,
  viewData: PropTypes.object.isRequired,
  onChange: PropTypes.func.isRequired,
};