lib/components/Row.js
function Row(props) {
  const {
    rowClass,
    columns,
    widgets,
    onRemove,
    layout,
    rowIndex,
    editable,
    frameComponent,
    editableColumnClass,
    droppableColumnClass,
    addWidgetComponentText,
    addWidgetComponent,
    onAdd,
    onMove,
    onEdit,
  } = props;

  const items = columns.map((column, index) => { // eslint-disable-line arrow-body-style
    return (
      <Column
        key={index}
        className={column.className}
        onAdd={onAdd}
        layout={layout}
        rowIndex={rowIndex}
        columnIndex={index}
        editable={editable}
        onMove={onMove}
        editableColumnClass={editableColumnClass}
        droppableColumnClass={droppableColumnClass}
        addWidgetComponent={addWidgetComponent}
        addWidgetComponentText={addWidgetComponentText}
      >
        <Widgets
          key={index}
          widgets={column.widgets}
          containerClassName={column.containerClassName}
          widgetTypes={widgets}
          onRemove={onRemove}
          layout={layout}
          rowIndex={rowIndex}
          columnIndex={index}
          editable={editable}
          frameComponent={frameComponent}
          onMove={onMove}
          onEdit={onEdit}
        />
      </Column>
    );
  });

  return (
    <div className={rowClass}>
      {items}
    </div>
  );
}
function Row(props) {
  const {
    rowClass,
    columns,
    widgets,
    onRemove,
    layout,
    rowIndex,
    editable,
    frameComponent,
    editableColumnClass,
    droppableColumnClass,
    addWidgetComponentText,
    addWidgetComponent,
    onAdd,
    onMove,
    onEdit,
  } = props;

  const items = columns.map((column, index) => { // eslint-disable-line arrow-body-style
    return (
      <Column
        key={index}
        className={column.className}
        onAdd={onAdd}
        layout={layout}
        rowIndex={rowIndex}
        columnIndex={index}
        editable={editable}
        onMove={onMove}
        editableColumnClass={editableColumnClass}
        droppableColumnClass={droppableColumnClass}
        addWidgetComponent={addWidgetComponent}
        addWidgetComponentText={addWidgetComponentText}
      >
        <Widgets
          key={index}
          widgets={column.widgets}
          containerClassName={column.containerClassName}
          widgetTypes={widgets}
          onRemove={onRemove}
          layout={layout}
          rowIndex={rowIndex}
          columnIndex={index}
          editable={editable}
          frameComponent={frameComponent}
          onMove={onMove}
          onEdit={onEdit}
        />
      </Column>
    );
  });

  return (
    <div className={rowClass}>
      {items}
    </div>
  );
}
function Row ( props ) { const { rowClass , columns , widgets , onRemove , layout , rowIndex , editable , frameComponent , editableColumnClass , droppableColumnClass , addWidgetComponentText , addWidgetComponent , onAdd , onMove , onEdit , } = props ; const items = columns . map ( ( column , index ) => { // eslint-disable-line arrow-body-style return ( < Column key = { index } className = { column . className } onAdd = { onAdd } layout = { layout } rowIndex = { rowIndex } columnIndex = { index } editable = { editable } onMove = { onMove } editableColumnClass = { editableColumnClass } droppableColumnClass = { droppableColumnClass } addWidgetComponent = { addWidgetComponent } addWidgetComponentText = { addWidgetComponentText } > < Widgets key = { index } widgets = { column . widgets } containerClassName = { column . containerClassName } widgetTypes = { widgets } onRemove = { onRemove } layout = { layout } rowIndex = { rowIndex } columnIndex = { index } editable = { editable } frameComponent = { frameComponent } onMove = { onMove } onEdit = { onEdit } / > < / Column > ) ; } ) ; return ( < div className = { rowClass } > { items } < / div > ) ; }
Returns a set of columns that belongs to a row.
Returns a set of columns that belongs to a row .