SingleClickable

[JaesungLeee]

Issue

• close SingleClickable #174

작업 내역 (Required)

• singleClickable, noRippleClickable, noRippleSingleClickable
• migrate composed lambda to Modifier Node API

관련 링크

• https://developer.android.com/develop/ui/compose/custom-modifiers?utm_source=android-studio-app&utm_medium=app#implement-custom
• https://kimansu.medium.com/compose-modifier-node-4390861c9e68
• refactor: composed {} 를 이용한 Custom Modifier 구현 Modifier.Node API 사용 방식으로 변경 YAPP-Github/Reed-Android#263

Summary by CodeRabbit

릴리스 노트

• 새로운 기능

  • 버튼, 칩, 체크박스, 라디오 버튼 컴포넌트의 클릭 처리 및 인터랙션 개선
  • 체크박스 및 라디오 버튼에 onClick 콜백 추가로 상호작용성 향상
  • 접근성 및 시맨틱스 개선으로 더 나은 사용자 경험 제공

• 테스트

  • SolidButton 컴포넌트 UI 미리보기 추가

[coderabbitai]

Caution

Review failed

The pull request is closed.

개요 (Walkthrough)

이 변경사항들은 디자인 시스템에 SingleClickable 모디파이어 노드 시스템을 도입합니다. 새로운 MultipleEventsCutter 유틸리티를 통해 500밀리초 간격의 중복 클릭을 필터링하고, 세 개의 클릭 가능 확장 함수(noRippleClickable, noRippleSingleClickable, singleClickable)를 추가합니다. 기존 Button, Chip, CheckBox, RadioButton 컴포넌트들이 이 새로운 singleClickable 모디파이어를 사용하도록 리팩토링되며, 더 나은 접근성과 상호작용 처리를 제공합니다.

시퀀스 다이어그램 (Sequence Diagram)

sequenceDiagram
    participant User as 사용자
    participant Component as UI Component
    participant SingleClickable as SingleClickableNode
    participant Cutter as MultipleEventsCutter
    participant Interaction as InteractionSource
    participant Semantics as 접근성 시스템

    User->>Component: 클릭
    activate Component
    Component->>SingleClickable: 포인터 입력 감지
    activate SingleClickable
    
    SingleClickable->>SingleClickable: onPress: 상호작용 방출
    SingleClickable->>Interaction: Press 상호작용 발생
    activate Interaction
    
    User->>Component: 손가락 떼기
    Component->>SingleClickable: onTap 신호
    
    SingleClickable->>Cutter: processEvent(onClick)
    activate Cutter
    
    alt 마지막 이벤트 이후 >= 500ms
        Cutter->>Cutter: onClick 실행
        Cutter->>SingleClickable: 이벤트 처리 완료
    else 중복 클릭
        Cutter->>Cutter: 이벤트 무시
    end
    deactivate Cutter
    
    SingleClickable->>Interaction: Release 상호작용 방출
    deactivate Interaction
    
    SingleClickable->>Semantics: onClick 시맨틱스 적용
    activate Semantics
    Semantics->>User: 접근성 정보 제공
    deactivate Semantics
    
    deactivate SingleClickable
    deactivate Component

Loading

예상 코드 리뷰 난이도

🎯 4 (복잡함) | ⏱️ ~60분

시 (Poem)

🐰 클릭이 춤을 추는 새로운 방식,
중복은 거르고 의미는 살리고,
접근성과 손짓이 만나 하나로,
SingleClickable의 마법이 펼쳐지네!
✨ 누르면 반응하고, 두 번 누르면 한 번만! 🎯

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feature/#174-single-clickable

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}