Yutaro Hayashi

ref: https://floating-ui.com/docs/migration `Popper v2`が`Floating UI`にリブランディングされたので、移行する必要がある。 > Rebranding: The library was rebranded as it offers more packages and functionality, like the new [React DOM Interactions](https://floating-ui.com/docs/react-dom-interactions) package, while Popper only ever offered...

`<DataTable />`の`<th />`内の`<Checkbox />`を上下中央寄せで表示する

3

ちょっと上下がずれている 

- 現状対応していない - https://github.com/mui/material-ui/blob/master/packages/mui-material/src/ButtonBase/ButtonBase.d.ts#L101-L104 MUIだと型だけ見たがうまいことやっていそう

多言語対応（i18n）する

6

ref: https://github.com/voyagegroup/ingred-ui/issues/152 ref: https://github.com/voyagegroup/ingred-ui/pull/252#issuecomment-826490718 英語以外の環境で利用すると、各コンポーネントの引数に毎回代入する必要があるので、対応する。

<Select /> いろんな型のをoptionsに含められるようにしたい

2

```tsx ops.hoge} getOptionValue={(ops) => ops.huga} options={someObjects} /> ``` 型が厳格なこともあり、``のためにarray.map()を利用するケースが増えてきた。 上記のような書き方ができれば、無駄な処理を減らすことができる。

<DataTable />のonSelectRowsChangeの参照が変わると無限レンダリングする

2

```tsx const [selectedRowIds, setSelectedRowIds] = React.useState( new Set(), ); const onHandleSelectRowsChange = (rowIds: number[]) => { setSelectedRowIds(new Set(rowIds)); }; return ( ) ``` 1. ``内部の`useEffect`で`onSelectRowsChange()`が発火 2. `selectedRowIds`が変更される 3. 再レンダリングの影響で`onHandleSelectRowsChange`の参照が変わる 4....

Transitionの秒数もthemeに含めるかを検討

1

徐々に`transition`を含んだコンポーネントにかわってくるので、この辺で考えておきたい。

`<DataTable />`における一意キー指定を柔軟にする

1

```tsx export type DataTableBaseData = { id: number; selectDisabled?: boolean; }; ``` ``で扱う`data`propsの中にある`id`をもっと柔軟にする。 - `string`を入れることを可能にする - 一意であるプロパティであれば良いので、`id`ではないプロパティも指定できるようにする

`Moment.js`の利用方針の検討

6

ref: https://github.com/voyagegroup/ingred-ui/issues/135 ref: https://github.com/voyagegroup/ingred-ui/issues/9 ### 背景 具体的な日は不明瞭だが、2020年後半に`Moment.js`がメンテナンスモードとなった。 https://momentjs.com/docs/#/-project-status/ > We now generally consider Moment to be a legacy project in maintenance mode. It is not dead, but it is indeed...