All files / packages/design-system/ui/components/form-element/compound index.jsx

100% Statements 6/6
100% Branches 0/0
100% Functions 0/0
100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64                13x 13x     1x                                 10x   10x                                     1x                          
// Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 
import React from 'react';
import PropTypes from 'prop-types';
import { Fieldset } from '../';
 
export const CompoundFormRow = props => {
  const { children } = props;
  return <div className="slds-form-element__row">{children}</div>;
};
 
CompoundFormRow.propTypes = {
  children: PropTypes.node.isRequired
};
 
export const CompoundFormElement = props => {
  const {
    isStacked,
    isHorizontal,
    isEditing,
    isRequired,
    isAddress,
    hasTooltip,
    hasError,
    errorId,
    inlineMessage,
    labelContent,
    children
  } = props;
 
  return (
    <Fieldset
      hasCompoundFields
      isAddress={isAddress}
      isStacked={isStacked}
      isHorizontal={isHorizontal}
      isEditing={isEditing}
      isRequired={isRequired}
      hasTooltip={hasTooltip}
      hasError={hasError}
      errorId={errorId}
      inlineMessage={inlineMessage}
      label={labelContent}
    >
      {children}
    </Fieldset>
  );
};
 
CompoundFormElement.propTypes = {
  children: PropTypes.node.isRequired,
  isStacked: PropTypes.bool,
  isHorizontal: PropTypes.bool,
  isEditing: PropTypes.bool,
  isRequired: PropTypes.bool,
  isAddress: PropTypes.bool,
  hasTooltip: PropTypes.bool,
  hasError: PropTypes.bool,
  errorId: PropTypes.string,
  inlineMessage: PropTypes.string,
  labelContent: PropTypes.string
};