How to use the @instructure/ui-react-utils/lib/omitProps.omitProps function in @instructure/ui-react-utils

To help you get started, we’ve selected a few @instructure/ui-react-utils examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github instructure / instructure-ui / packages / ui-table / src / components / Table / index.js View on Github external
render () {
    // eslint-disable-next-line react/prop-types
    const { margin, elementRef, layout, caption, children, hover, mode } = this.props
    const isStacked = layout === 'stacked' || mode === 'stacked'
    const headers = isStacked ? this.getHeaders() : null

    return (
github instructure / instructure-ui / packages / ui-table / src / components / Table / Cell / index.js View on Github external
render () {
    const { children, textAlign, isStacked, header } = this.props

    return (
      
    )
  }
}
github instructure / instructure-ui / packages / ui-table / src / components / Table / Head / index.js View on Github external
render () {
    const { children, isStacked } = this.props

    return isStacked
      ? this.renderSelect()
      : (
        
          {Children.map(children, (child) => matchComponentTypes(child, [Row])
            ? child
            : null)}
        
      )
  }
}
github instructure / instructure-ui / packages / ui-toggle-details / src / components / ToggleDetails / index.js View on Github external
renderToggle (toggleProps, expanded) {
    const {
      variant,
      fluidWidth
    } = this.props

    const props = {
      ...omitProps(this.props, ToggleDetails.propTypes),
      ...toggleProps,
      children: this.renderSummary()
    }

    const summary = this.renderSummary(expanded)

    if (variant === 'filled') {
      return (
        <button>
          {summary}
        </button>
      )
github instructure / instructure-ui / packages / ui-table / src / components / Table / Body / index.js View on Github external
render () {
    const { children, hover, isStacked, headers } = this.props

    return (
      
    )
  }
}
github instructure / instructure-ui / packages / ui-table / src / components / Table / RowHeader / index.js View on Github external
render () {
    const { children, textAlign, isStacked } = this.props

    return (
      
    )
  }
}
github instructure / instructure-ui / packages / ui-table / src / components / Table / Row / index.js View on Github external
render () {
    const { children, hover, isStacked, headers } = this.props

    return (
github instructure / instructure-ui / packages / ui-table / src / components / Table / ColHeader / index.js View on Github external
render () {
    const { onRequestSort, width, textAlign, children } = this.props

    return (
      
        {onRequestSort &amp;&amp; (