docs(Calendar): Story を見直し #5097
Conversation
commit: |
| to={args.to ? dayjs(args.to).toDate() : undefined} | ||
| onSelectDate={args.onSelectDate} | ||
| /> | ||
| ), |
There was a problem hiding this comment.
ここ、コメントの通りなんですが、argTypes を指定しないと Playground がクラッシュするし、指定すると Date でなく UnixTime (number) が入ってくる仕様みたいなので、なくなく描画時に Date に変換するようにしてます。
There was a problem hiding this comment.
ドキュメントにも記載されてた。 future とは。
| focusVisible: ['button'], | ||
| }, | ||
| }, | ||
| } |
There was a problem hiding this comment.
VRT と VRTFocusVisible を一つにまとめたかったんですが、 play 関数でカレンダーのうち一つを年選択に切り替えるのと、focusVisible を適用する設定が衝突して描画結果が安定しないことがあるので分離してます。
s-sasaki-0529
requested review from
misako0927 and
atzzCokeK
and removed request for
a team
| }, | ||
| chromatic: { forcedColors: 'active' }, | ||
| }, | ||
| } |
There was a problem hiding this comment.
これ VRT うまく動かないなぁって試行錯誤してたけど、そもそも普通に強制カラーモードだとフォーカス見えないのか…。
|
ついでに |
あ、Calendar って単体で提供されてるんだって驚きつつ Storybook 対応してましたけど、やっぱ DatePicker とセットで使う前提な感じなんですかね。であれば非公開コンポーネントにしちゃっても良さそうですねー。 |
|
DatePicker のために存在してるので非公開の対応もお願いします! |
|
@uknmr 非公開コンポーネントに変更してディレクトリ移動もしてみました！ |
packages/smarthr-ui/src/index.ts
Outdated
| @@ -63,7 +63,6 @@ export { InformationPanel } from './components/InformationPanel' | |||
| export { Tooltip } from './components/Tooltip' | |||
| export { BottomFixedArea } from './components/BottomFixedArea' | |||
| export { ErrorScreen, MessageScreen } from './components/ErrorScreen' | |||
| export { Calendar } from './components/Calendar' | |||
There was a problem hiding this comment.
There was a problem hiding this comment.
まさか使ってるプロダクトがあるとは……!（sasaki さんごめんなさい🙏
There was a problem hiding this comment.
あれ…。Stats で利用0を確認したんですが、漏れるときは漏れるのか…。
https://github.com/kufu/smarthr-ui-stats
There was a problem hiding this comment.
そもそも Stats にこのプロダクトが反映されてないだけでした…。
というのもあるので今後はちゃんとコード検索します！
関連URL
https://smarthr.atlassian.net/browse/SHRUI-1104
概要
変更内容
確認方法
Storybook や Chromatic で確認してください。