ingred-ui

ingred-ui copied to clipboard

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

1

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

youchann

`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...

youchann

アコーディオンのコンポーネントがほしい

1

## 概要 - 特殊な設定をする時に使用するエリアは、通常時には非表示にしておきたい - アコーディオンのような、クリックしたら表示／非表示が切り替わるコンポーネントがあると嬉しいです

tagam

`Palette`型のプロパティを再定義する

4

### 背景 現在の`Palette`型の定義はこのようになっている。 ```tsx export type Palette = { white: string; black: string; primary: PaletteColor; success: PaletteColor; warning: PaletteColor; danger: PaletteColor; gray: PaletteColor; text: PaletteText; background: PaletteBackground; divider: string; icon:...

youchann

## 背景 現状、ingred-ui、fluct 内でのプロダクトでは eslint の設定ファイルがバラバラであるが、これを fluct 社内で統一したい。 1つの config を複数プロジェクトで使い回すための eslint の機能として、[Shareable Configs](https://eslint.org/docs/latest/developer-guide/shareable-configs) というものがあるが、これを導入すると良さそう。 ## 既存の config fluct では [eslint-config-fluct](https://github.com/voyagegroup/eslint-config-fluct) があり、これを使えばいいとは思うが長年メンテナンスされておらず、今すぐにこれを動かして使いましょうは無理がある。これを Shareable Config で書き直して、fluct 社内のプロダクトで使いまわせるようにできるといい。 ## eslint-plugin [@takurinton/eslint-plugin-allow-import](https://github.com/takurinton/allow-import) 等の個人で管理している...

takurinton

<ConfirmModal />と<ConfirmModal fullsize={true} />を分ける

1

https://github.com/voyagegroup/ingred-ui/pull/234 あたりから読みづらくなってきているのでコンポーネントごとわけたい。

youchann

## ネイティブの``にprops群を寄せたい `react-hook-form`などのフォームライブラリと併用する際にあつかいづらいため。 ```diff - export type ToggleButtonProps = { + export type ToggleButtonProps = React.ComponentPropsWithRef & { - active?: boolean; ← `checked`propsで扱う disabled?: boolean; onChange?: () => void; width?:...

youchann

#205 の変更で、`menuListProps`が含まれるため、`React.ComponentPropsWithRef`は不要となる。

youchann

内包しているコンポーネントにもPropsを当てられるように

1

例えばこんな感じ ```diff const FloatingTip: React.FunctionComponent = ({ baseElement, positionPriority = ["right-start"], offset = [0, 10], isOpen, onClose, + popoverProps, children, }) => { const theme = useTheme(); return ( {children}...

youchann

<DataTable />内でstateを持たない

1

利用する側(コンポーネント)でも「選択した行」を`state`として持っているので、`state`の二重管理となる。 コードもそのせいで複雑になっている節があるので、`props`で管理したい。

youchann