1074

pending completion

Build # 1074

Build Type

Pull #309

travis-ci

Committed by

web-flow

Commit Message

<a href="https://github.com/couds/react-bulma-components/commit/<a class=hub.com/couds/react-bulma-components/commit/908c12976fde1b30aec71a0437b76bf128cfe7e2">908c12976<a href="https://github.com/couds/react-bulma-components/commit/908c12976fde1b30aec71a0437b76bf128cfe7e2">">Merge </a><a class="double-link" href="https://github.com/couds/react-bulma-components/commit/<a class="double-link" href="https://github.com/couds/react-bulma-components/commit/8781ea19f5800b22afdf04c5fa74850bcf6a6c7d">8781ea19f</a>">8781ea19f</a><a href="https://github.com/couds/react-bulma-components/commit/908c12976fde1b30aec71a0437b76bf128cfe7e2"> into 732e00f37">732e00f37</a>

Pull Request Pull Request #309: Update docs

Run Details

150 of 183 branches covered (81.97%)

Branch coverage included in aggregate %.

193 of 193 new or added lines in 46 files covered. (100.0%)

547 of 563 relevant lines covered (97.16%)

44.46 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

57.69

/src/components/form/components/control.js

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

import Element from '../../element';
import Icon from '../../icon';
import useFieldContext from './field/context';
import Button from '../../button';

const isIcon = (child) => {
  return (
    child.type === Icon &&
    (child.props.align === 'left' || child.props.align === 'right')
  );
};

const Control = ({ children, className, fullwidth, loading, ...props }) => {
  const context = useFieldContext();

  const updatedChildren = React.Children.map(children, (child) => {
    if (!isIcon(child) && child.type !== Button) {
      return child;
    }
    return React.cloneElement(child, {
      size: child.props.size || context.size,
    });
  });

  const icons = React.Children.toArray(updatedChildren)
    .filter(isIcon)
    .reduce(
      (acc, icon) => ({
        iconLeft: acc.iconLeft || icon.props.align === 'left',
        iconRight: acc.iconRight || icon.props.align === 'right',
      }),
      { iconLeft: false, iconRight: false },
    );
  return (
    <Element
      {...props}
      className={classnames('control', className, {
        'is-expanded': fullwidth,
        'has-icons-left': icons.iconLeft,
        'has-icons-right': icons.iconRight,
        'is-loading': loading,
      })}
    >
      {updatedChildren}
    </Element>
  );
};

Control.propTypes = {
  loading: PropTypes.bool,
  /**
   * When true and the `Field` container has the `kind` props set the Control
   * will use all available space instead of adjusting to the element inside
   */
  fullwidth: PropTypes.bool,
};

Control.defaultProps = {};

export default Control;

1	import React from 'react';
2	import PropTypes from 'prop-types';
3	import classnames from 'classnames';
4
5	import Element from '../../element';
6	import Icon from '../../icon';
7	import useFieldContext from './field/context';
8	import Button from '../../button';
9
10	const isIcon = (child) => {	3✔
11	return (	8✔
12	child.type === Icon &&	8!
13	(child.props.align === 'left' \|\| child.props.align === 'right')
14	);
15	};
16
17	const Control = ({ children, className, fullwidth, loading, ...props }) => {	3✔
18	const context = useFieldContext();	4✔
19
20	const updatedChildren = React.Children.map(children, (child) => {	4✔
21	if (!isIcon(child) && child.type !== Button) {	4!
22	return child;	4✔
23	}
24	return React.cloneElement(child, {	×
25	size: child.props.size \|\| context.size,	×
26	});
27	});
28
29	const icons = React.Children.toArray(updatedChildren)	4✔
30	.filter(isIcon)
31	.reduce(
32	(acc, icon) => ({	×
33	iconLeft: acc.iconLeft \|\| icon.props.align === 'left',	×
34	iconRight: acc.iconRight \|\| icon.props.align === 'right',	×
35	}),
36	{ iconLeft: false, iconRight: false },
37	);
38	return (	4✔
39	<Element
40	{...props}
41	className={classnames('control', className, {
42	'is-expanded': fullwidth,
43	'has-icons-left': icons.iconLeft,
44	'has-icons-right': icons.iconRight,
45	'is-loading': loading,
46	})}
47	>
48	{updatedChildren}
49	</Element>
50	);
51	};
52
53	Control.propTypes = {	3✔
54	loading: PropTypes.bool,
55	/**
56	* When true and the `Field` container has the `kind` props set the Control
57	* will use all available space instead of adjusting to the element inside
58	*/
59	fullwidth: PropTypes.bool,
60	};
61
62	Control.defaultProps = {};	3✔
63
64	export default Control;

couds / react-bulma-components / 1074

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous