489b3e1f-9aff-43c8-9ddf-f1804d19966f

pending completion

Build # 489b3e1f-9aff-43c8-9ddf-f1804d19966f

Build Type

push

circleci

Committed by

ryanhefner

Commit Message

1.3.0

Run Details

44 of 44 branches covered (100.0%)

Branch coverage included in aggregate %.

53 of 53 relevant lines covered (100.0%)

24.34 hits per line

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

100.0

/src/Timecode.js

import React, { forwardRef, useMemo } from 'react'
import cleanReactProps from 'clean-react-props'
import { formatTimecode } from './utils'

/**
 * Timecode - React Component
 *
 * @param {Object} props
 * @param {String} [props.as='span'] - HTML element to render
 * @param {String} [props.component] - HTML element to render [DEPRECATED
 * @param {String} [props.format='H:?m:ss'] - Timecode format
 * @param {String} [props.postfix=''] - Postfix to append to timecode
 * @param {String} [props.prefix=''] - Prefix to prepend to timecode
 * @param {Number} [props.time=0] - Time in milliseconds
 * @param {Object} [rest] - Additional props to pass to HTML element
 * @param {React.Ref} [ref] - React ref
 * @returns {React.ReactElement}
 */
export const Timecode = forwardRef(({ as: asProp = 'span', component, format = 'H:?m:ss', postfix = '', prefix = '', time = 0, ...rest }, ref) => {
  const timecode = useMemo(() => formatTimecode({ format, time }), [format, time])

  const Component = component || asProp

  return (
    <Component {...cleanReactProps(rest)} ref={ref}>
      {`${prefix}${timecode}${postfix}`}
    </Component>
  )
})

1	import React, { forwardRef, useMemo } from 'react'
2	import cleanReactProps from 'clean-react-props'
3	import { formatTimecode } from './utils'
4
5	/**
6	* Timecode - React Component
7	*
8	* @param {Object} props
9	* @param {String} [props.as='span'] - HTML element to render
10	* @param {String} [props.component] - HTML element to render [DEPRECATED
11	* @param {String} [props.format='H:?m:ss'] - Timecode format
12	* @param {String} [props.postfix=''] - Postfix to append to timecode
13	* @param {String} [props.prefix=''] - Prefix to prepend to timecode
14	* @param {Number} [props.time=0] - Time in milliseconds
15	* @param {Object} [rest] - Additional props to pass to HTML element
16	* @param {React.Ref} [ref] - React ref
17	* @returns {React.ReactElement}
18	*/
19	export const Timecode = forwardRef(({ as: asProp = 'span', component, format = 'H:?m:ss', postfix = '', prefix = '', time = 0, ...rest }, ref) => {	1✔
20	const timecode = useMemo(() => formatTimecode({ format, time }), [format, time])	22✔
21
22	const Component = component \|\| asProp	22✔
23
24	return (	22✔
25	<Component {...cleanReactProps(rest)} ref={ref}>
26	{`${prefix}${timecode}${postfix}`}
27	</Component>
28	)
29	})

ryanhefner / react-timecode / 489b3e1f-9aff-43c8-9ddf-f1804d19966f

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