Atlaskit should make refs available for components

evbo · April 24, 2022, 11:05pm

React forwardRef is a way to deliver optional refs to components consistently. This is important for other APIs that may consume atlassian components:
https://atlassian.design/components/checkbox/code

Example: Say I want to put a checkbox component in a table and let that table (with it’s own API), control the behavior of the checkbox state, such whether it is checked, indeterminate, and so on. To do that, I need a consistent way to pass refs down to it but the API doesn’t support that yet

Here is an example:

github.com

TanStack/table/blob/v7/examples/row-selection/src/App.js

import React from 'react'
import styled from 'styled-components'
import { useTable, useRowSelect } from 'react-table'

import makeData from './makeData'

const Styles = styled.div`
  padding: 1rem;

  table {
    border-spacing: 0;
    border: 1px solid black;

    tr {
      :last-child {
        td {
          border-bottom: 0;
        }
      }
    }

This file has been truncated. show original