Skip to content

47 create component checkbox #122

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 54 commits into from
May 12, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
54 commits
Select commit Hold shift + click to select a range
a66bf6a
feat: add illustration component checkbox asset
Tayebsed93 Apr 1, 2025
d01b84a
chore: update CHANGELOG.md
Tayebsed93 Apr 1, 2025
80633d5
feat: add internationalization l10n checkbox keys
Tayebsed93 Apr 1, 2025
985f5ce
fix: update elevation value
Tayebsed93 Apr 1, 2025
5713572
feat: add variant entities for checkboxe
Tayebsed93 Apr 1, 2025
273bccc
feat : add component variant screen
Tayebsed93 Apr 1, 2025
f856f5a
feat: update component screen to detect variants
Tayebsed93 Apr 1, 2025
48adae4
feat: add checkbox demo screen
Tayebsed93 Apr 1, 2025
97e24ad
refactor: changed the file name to make it clearer
Tayebsed93 Apr 1, 2025
d3dcf06
feat: initial commit ouds_checkbox and demo
Tayebsed93 Apr 3, 2025
8e052de
feat: seconde version checkbox
Tayebsed93 Apr 4, 2025
ce72690
feat : add first version of checkbox tri state
Tayebsed93 Apr 4, 2025
55ab7af
feat : add modifiers style checkbox component
Tayebsed93 Apr 4, 2025
cb29988
feat : seconde version checkbox tri state
Tayebsed93 Apr 7, 2025
c6c4d5c
feat: first version control item
Tayebsed93 Apr 8, 2025
44ecf96
refactor: control checkbox
Tayebsed93 Apr 17, 2025
be030e5
feat: add l10n keys control component
Tayebsed93 Apr 22, 2025
48b4008
feat : add reverted parameter api
Tayebsed93 Apr 22, 2025
022d102
refactor: tristate checkbox logic
Tayebsed93 Apr 23, 2025
28db2da
feat : add label and label helper state
Tayebsed93 Apr 24, 2025
9dfd419
feat: add customization textfield label and helper
Tayebsed93 Apr 25, 2025
ae27aba
refactor : control item and checkbox item
Tayebsed93 Apr 25, 2025
c6a7d6b
feat : add icon, radius, code generator
Tayebsed93 Apr 28, 2025
795ddb6
feat: add arabic language keys for checkbox
Tayebsed93 Apr 29, 2025
0bb30ce
fix: replace png illustration by svg
Tayebsed93 Apr 29, 2025
6987447
fix: update customization state
Tayebsed93 Apr 29, 2025
ef92355
fix: padding in token screen app demo
Tayebsed93 Apr 29, 2025
380700b
feat: add accessibility checkbox and checkbox item
Tayebsed93 Apr 29, 2025
a14a147
fix : delete control item component
Tayebsed93 May 2, 2025
3d59db2
fix : add getx package in list and update doc file
Tayebsed93 May 2, 2025
58e39ff
fix: support rtl mode padding directional
Tayebsed93 May 2, 2025
0f9bf40
fix: assets svg and add file in NOTICE.txt
Tayebsed93 May 2, 2025
29b8c2a
chore: update THIRD_PARTY.md
Tayebsed93 May 2, 2025
170c5b3
review: add tokens and fix directional padding
Tayebsed93 May 2, 2025
7126d96
review: use token for padding component variants screen
Tayebsed93 May 2, 2025
3b0405c
review: missing heart icon svg in NOTICE.txt
Tayebsed93 May 2, 2025
7b84829
review: more detail documentation code file
Tayebsed93 May 2, 2025
56cb7f9
fix: retrograde version app 0.3 to 0.2
Tayebsed93 May 2, 2025
cdceece
review : fix CHANGELOG.md
Tayebsed93 May 2, 2025
d3ab37d
feat: add high contrast mode
Tayebsed93 May 5, 2025
f99e93b
review: fix key word inverted to reversed
Tayebsed93 May 5, 2025
6661ba3
fix: comment code
Tayebsed93 May 5, 2025
392d1f6
review: customization error when read only active
Tayebsed93 May 5, 2025
bb970e3
review : vertical max height item and icon
Tayebsed93 May 6, 2025
d15edab
chore: add coloredbox in all components
Tayebsed93 May 9, 2025
92d1f47
fix: update initial commit
Tayebsed93 May 9, 2025
312743d
fix: order control state
Tayebsed93 May 9, 2025
889bf2e
chore: update a11y contrast
Tayebsed93 May 10, 2025
a8c4b9a
refactor: use InheritedModel for controller access
Tayebsed93 May 12, 2025
fd743b5
fix: error state to control modifiers
Tayebsed93 May 12, 2025
f182cc6
fix : detete unused GestureDetector
Tayebsed93 May 12, 2025
cd79f84
fix: delete git changelog lib in third party file
Tayebsed93 May 12, 2025
4f4fe98
refactor : name control item to checkbox item
Tayebsed93 May 12, 2025
d4ff06b
fix: entry checkbox name
Tayebsed93 May 12, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -41,3 +41,6 @@ app.*.map.json
/android/app/debug
/android/app/profile
/android/app/release

# iOS
app/ios/build
10 changes: 6 additions & 4 deletions NOTICE.txt
Original file line number Diff line number Diff line change
Expand Up @@ -10,23 +10,25 @@ Any use or displaying shall constitute an infringement under intellectual proper

ouds-flutter/app/assets/about_privacy_policy.md
ouds-flutter/app/assets/about_legal_information.md

ouds-flutter/app/assets/ic_heart.svg
ouds-flutter/app/assets/ic_theme_system.svg
ouds-flutter/app/assets/ic_copy.svg
ouds-flutter/app/assets/ic_palette.svg

ouds-flutter/app/assets/ic_about.svg
ouds-flutter/app/assets/ic_atom.svg
ouds-flutter/app/assets/ic_token.svg

ouds-flutter/app/assets/il_tokens_color.svg
ouds-flutter/app/assets/il_tokens_color_dark.svg
ouds-flutter/app/assets/il_tokens_elevation.svg
ouds-flutter/app/assets/il_tokens_elevation_dark.svg
ouds-flutter/app/assets/il_tokens_opacity.svg
ouds-flutter/app/assets/il_tokens_opacity_dark.svg

ouds-flutter/app/assets/il_components_checkbox.svg
ouds-flutter/app/assets/il_components_checkbox_dark.svg
ouds-flutter/app/assets/il_components_button_dark.svg
ouds-flutter/app/assets/il_components_button.svg

ouds-core/app/assets/checkbox_selected.svg
ouds-core/app/assets/checkbox_indeterminate.svg

End of the parts list under Orange SA Copyright
80 changes: 21 additions & 59 deletions THIRD_PARTY.md
Original file line number Diff line number Diff line change
@@ -1,65 +1,27 @@
## In the OUDS libraries
# Third Party software

### Flutter
This document contains the list of Third Party software along with the license information.

Copyright 2014 The Flutter Authors
[https://github.com/flutter/flutter](https://github.com/flutter/flutter)
BSD-3-Clause License
Third Party software may impose additional restrictions and it is the user's responsibility to ensure that they have met the licensing
requirements of the relevant license of the Third Party software they are using.

### Dart documentation generator
## In the OUDS Flutter libraries

Copyright 2006 Ivan Sagalaev Authors
[https://pub.dev/packages/dartdoc#dart-documentation-generator](https://pub.dev/packages/dartdoc#dart-documentation-generator)
BSD-3-Clause License
| Library | Copyright | License |
|-----------------------------------------------------------------------------------------------|---------------------------------------------------------------------------|-------------------- |
| [Flutter](https://github.com/flutter/flutter) | © 2014 The Flutter Authors | BSD-3-Clause License |
| [Dart documentation generator](https://pub.dev/packages/dartdoc#dart-documentation-generator) | © 2006 Ivan Sagalaev Authors | BSD-3-Clause License |
| [Flutter SVG](https://pub.dev/packages/flutter_svg) | © 2018 The Flutter Authors | Apache License 2.0 |

### Flutter SVG
## In the Design System Toolbox app

Copyright 2018 Flutter SVG
[https://pub.dev/packages/flutter_svg](https://pub.dev/packages/flutter_svg)
Apache License 2.0



## In the OUDS Playground app

### Flutter Localizations Framework

Copyright 2022 Flutter Localization Framework
[https://pub.dev/packages/l10n_flutter](https://pub.dev/packages/l10n_flutter)
MIT License

### GetX

Copyright 2019 GetX
[https://pub.dev/packages/get](https://pub.dev/packages/get)
Apache License 2.0

### WebView for Flutter

Copyright 2018 WebView for Flutter
[https://pub.dev/packages/webview_flutter](https://pub.dev/packages/webview_flutter)
Apache License 2.0

### Flutter Markdown

Copyright 2017 Flutter Markdown
[https://pub.dev/packages/flutter_markdown](https://pub.dev/packages/flutter_markdown)
Apache License 2.0

### Provider

Copyright 2018 Provider
[https://pub.dev/packages/provider/versions](https://pub.dev/packages/provider/versions)
Apache License 2.0

### Flutter SVG

Copyright 2018 Flutter SVG
[https://pub.dev/packages/flutter_svg](https://pub.dev/packages/flutter_svg)
Apache License 2.0

### OUDS libraries

Copyright (c) Orange SA
[https://github.com/Orange-OpenSource/ouds-flutter](https://github.com/Orange-OpenSource/ouds-flutter)
MIT License
| Library | Copyright | License |
|-----------------------------------------------------------------------|-----------------------------------------------|--------------------|
| [Firebase](https://github.com/firebase/firebase-android-sdk) | © 2019 Google LLC | Apache License 2.0 |
| [OUDS Flutter](https://github.com/Orange-OpenSource/ouds-flutter) | © 2024-2025 Orange SA | MIT License |
| [L10n Flutter](https://pub.dev/packages/l10n_flutter) | © 2022 Softigent Inc | MIT License |
| [GetX](https://pub.dev/packages/get) | © 2019 Jonatas Borges | Apache License 2.0 |
| [WebView Flutter](https://pub.dev/packages/webview_flutter) | © 2018 The Flutter Authors | Apache License 2.0 |
| [Flutter Markdown](https://pub.dev/packages/flutter_markdown) | © 2017 The Flutter Authors | Apache License 2.0 |
| [Provider](https://pub.dev/packages/provider/versions) | © 2018 Remi Rousselet | Apache License 2.0 |
| [Flutter SVG](https://pub.dev/packages/flutter_svg) | © 2018 The Flutter Authors | Apache License 2.0 |
5 changes: 3 additions & 2 deletions app/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added
- [Library] `Divider` component (tokens library v0.11.0) ([#151](https://github.com/Orange-OpenSource/ouds-flutter/issues/151))

## [0.2.0](https://github.com/Orange-OpenSource/ouds-flutter/compare/0.0.0...0.1.0) - 2025-04-30
## [0.2.0](https://github.com/Orange-OpenSource/ouds-flutter/compare/0.1.0...0.2.0) - 2025-04-30

### Added

- [DemoApp][Library] Create component - `Checkbox` ([#47](https://github.com/Orange-OpenSource/ouds-flutter/issues/47))
- [DemoApp][Library] RTL : activation of RTL mode / manage arabic language ([#134](https://github.com/Orange-OpenSource/ouds-flutter/issues/134))
- [DemoApp] Tokens: screen opacity ([#123](https://github.com/Orange-OpenSource/ouds-flutter/issues/84))
- [DemoApp] Migration of PNG Illustrations to SVG ([#143](https://github.com/Orange-OpenSource/ouds-flutter/issues/143))
Expand Down Expand Up @@ -41,7 +42,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added

- [DemoApp][Library] Update GitHub configuration files ([#106](https://github.com/Orange-OpenSource/ouds-flutter/issues/106))
- [DemoApp] Create component - Button ([#45](https://github.com/Orange-OpenSource/ouds-flutter/issues/45))
- [DemoApp][Library] Create component - Button ([#45](https://github.com/Orange-OpenSource/ouds-flutter/issues/45))
- [DemoApp] About page correct spacing and add flutter label ([#80](https://github.com/Orange-OpenSource/ouds-flutter/issues/80))
- [DemoApp] Update Flutter SDK to v3.6.0 ([#81](https://github.com/Orange-OpenSource/ouds-flutter/issues/81))
- [Library] Fix workflow to use dart doc ([#75](https://github.com/Orange-OpenSource/ouds-flutter/issues/75))
Expand Down
3 changes: 3 additions & 0 deletions app/assets/ic_heart.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
19 changes: 19 additions & 0 deletions app/assets/il_components_checkbox.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
19 changes: 19 additions & 0 deletions app/assets/il_components_checkbox_dark.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
78 changes: 78 additions & 0 deletions app/lib/l10n/gen/ouds_flutter_app_localizations.dart
Original file line number Diff line number Diff line change
Expand Up @@ -329,6 +329,12 @@ abstract class AppLocalizations {
/// **'Opacity can help distinguish foreground elements from background elements, making content easier to read and important actions more noticeable.'**
String get app_tokens_opacity_description_text;

/// No description provided for @app_components_common_error_label.
///
/// In en, this message translates to:
/// **'Error'**
String get app_components_common_error_label;

/// No description provided for @app_components_common_layout_label.
///
/// In en, this message translates to:
Expand Down Expand Up @@ -395,6 +401,78 @@ abstract class AppLocalizations {
/// **'Icon'**
String get app_components_button_icon_a11y;

/// No description provided for @app_components_checkbox_label.
///
/// In en, this message translates to:
/// **'Checkbox'**
String get app_components_checkbox_label;

/// No description provided for @app_components_checkbox_description_text.
///
/// In en, this message translates to:
/// **'Checkboxes allows users to select one or multiple options from a list, toggle settings on or off, or confirm an action.'**
String get app_components_checkbox_description_text;

/// No description provided for @app_components_checkbox_checkbox_label.
///
/// In en, this message translates to:
/// **'Checkbox'**
String get app_components_checkbox_checkbox_label;

/// No description provided for @app_components_checkbox_checkboxItem_label.
///
/// In en, this message translates to:
/// **'Checkbox item'**
String get app_components_checkbox_checkboxItem_label;

/// No description provided for @app_components_checkbox_indeterminateCheckbox_label.
///
/// In en, this message translates to:
/// **'Indeterminate checkbox'**
String get app_components_checkbox_indeterminateCheckbox_label;

/// No description provided for @app_components_checkbox_indeterminateCheckboxItem_label.
///
/// In en, this message translates to:
/// **'Indeterminate checkbox item'**
String get app_components_checkbox_indeterminateCheckboxItem_label;

/// No description provided for @app_components_controlItem_label_label.
///
/// In en, this message translates to:
/// **'Label text'**
String get app_components_controlItem_label_label;

/// No description provided for @app_components_controlItem_helperText_label.
///
/// In en, this message translates to:
/// **'Helper text'**
String get app_components_controlItem_helperText_label;

/// No description provided for @app_components_controlItem_icon_label.
///
/// In en, this message translates to:
/// **'Icon'**
String get app_components_controlItem_icon_label;

/// No description provided for @app_components_controlItem_readOnly_label.
///
/// In en, this message translates to:
/// **'Read only'**
String get app_components_controlItem_readOnly_label;

/// No description provided for @app_components_controlItem_divider_label.
///
/// In en, this message translates to:
/// **'Divider'**
String get app_components_controlItem_divider_label;

/// No description provided for @app_components_controlItem_reversed_label.
///
/// In en, this message translates to:
/// **'Reversed'**
String get app_components_controlItem_reversed_label;

/// No description provided for @app_about_name_label.
///
/// In en, this message translates to:
Expand Down
39 changes: 39 additions & 0 deletions app/lib/l10n/gen/ouds_flutter_app_localizations_ar.dart
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,9 @@ class AppLocalizationsAr extends AppLocalizations {
@override
String get app_tokens_opacity_description_text => 'يمكن أن تساعد العتامة في التمييز بين عناصر المقدمة وعناصر الخلفية، مما يجعل المحتوى أسهل في القراءة والإجراءات المهمة أكثر وضوحًا.';

@override
String get app_components_common_error_label => 'خطأ';

@override
String get app_components_common_layout_label => 'التخطيط';

Expand Down Expand Up @@ -158,6 +161,42 @@ class AppLocalizationsAr extends AppLocalizations {
@override
String get app_components_button_icon_a11y => 'أيقونة';

@override
String get app_components_checkbox_label => 'خانة الاختيار';

@override
String get app_components_checkbox_description_text => 'تتيح مربعات الاختيار للمستخدمين تحديد خيار واحد أو خيارات متعددة من القائمة، أو تشغيل الإعدادات أو إيقاف تشغيلها، أو تأكيد إجراء ما.';

@override
String get app_components_checkbox_checkbox_label => 'خانة الاختيار';

@override
String get app_components_checkbox_checkboxItem_label => 'عنصر مربع الاختيار الخاص بالحالتين';

@override
String get app_components_checkbox_indeterminateCheckbox_label => 'مربع الاختيار الخاص بثلاث حالات فقط';

@override
String get app_components_checkbox_indeterminateCheckboxItem_label => 'عنصر مربع الاختيار ثلاثي الحالات';

@override
String get app_components_controlItem_label_label => 'نص التسمية';

@override
String get app_components_controlItem_helperText_label => 'نص مساعد';

@override
String get app_components_controlItem_icon_label => 'رمز';

@override
String get app_components_controlItem_readOnly_label => 'اقرأ فقط';

@override
String get app_components_controlItem_divider_label => 'مقسم';

@override
String get app_components_controlItem_reversed_label => 'عكس';

@override
String get app_about_name_label => 'أداة نظام التصميم';

Expand Down
39 changes: 39 additions & 0 deletions app/lib/l10n/gen/ouds_flutter_app_localizations_en.dart
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,9 @@ class AppLocalizationsEn extends AppLocalizations {
@override
String get app_tokens_opacity_description_text => 'Opacity can help distinguish foreground elements from background elements, making content easier to read and important actions more noticeable.';

@override
String get app_components_common_error_label => 'Error';

@override
String get app_components_common_layout_label => 'Layout';

Expand Down Expand Up @@ -158,6 +161,42 @@ class AppLocalizationsEn extends AppLocalizations {
@override
String get app_components_button_icon_a11y => 'Icon';

@override
String get app_components_checkbox_label => 'Checkbox';

@override
String get app_components_checkbox_description_text => 'Checkboxes allows users to select one or multiple options from a list, toggle settings on or off, or confirm an action.';

@override
String get app_components_checkbox_checkbox_label => 'Checkbox';

@override
String get app_components_checkbox_checkboxItem_label => 'Checkbox item';

@override
String get app_components_checkbox_indeterminateCheckbox_label => 'Indeterminate checkbox';

@override
String get app_components_checkbox_indeterminateCheckboxItem_label => 'Indeterminate checkbox item';

@override
String get app_components_controlItem_label_label => 'Label text';

@override
String get app_components_controlItem_helperText_label => 'Helper text';

@override
String get app_components_controlItem_icon_label => 'Icon';

@override
String get app_components_controlItem_readOnly_label => 'Read only';

@override
String get app_components_controlItem_divider_label => 'Divider';

@override
String get app_components_controlItem_reversed_label => 'Reversed';

@override
String get app_about_name_label => 'Design System Toolbox';

Expand Down
Loading
Loading