mautourco-components 0.2.4 → 0.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +190 -190
- package/dist/components/atoms/Avatar/Avatar.d.ts +14 -14
- package/dist/components/atoms/Avatar/Avatar.js +31 -31
- package/dist/components/atoms/Button/Button.css +320 -320
- package/dist/components/atoms/Button/Button.d.ts +27 -27
- package/dist/components/atoms/Button/Button.js +35 -35
- package/dist/components/atoms/Checkbox/Checkbox.d.ts +13 -13
- package/dist/components/atoms/Checkbox/Checkbox.js +39 -39
- package/dist/components/atoms/Icon/Icon.d.ts +10 -10
- package/dist/components/atoms/Icon/Icon.js +123 -123
- package/dist/components/atoms/Icon/icons/ArrivalIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/ArrivalIcon.js +31 -31
- package/dist/components/atoms/Icon/icons/BuildingIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/BuildingIcon.js +36 -36
- package/dist/components/atoms/Icon/icons/CalendarIcon.d.ts +12 -12
- package/dist/components/atoms/Icon/icons/CalendarIcon.js +41 -41
- package/dist/components/atoms/Icon/icons/CalendarOutlineIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/CalendarOutlineIcon.js +36 -36
- package/dist/components/atoms/Icon/icons/CarIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/CarIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/Check.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/Check.js +30 -30
- package/dist/components/atoms/Icon/icons/CheckCircleIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/CheckCircleIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/Chevron.d.ts +9 -9
- package/dist/components/atoms/Icon/icons/Chevron.js +54 -54
- package/dist/components/atoms/Icon/icons/ChevronDownIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/ChevronDownIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/Close.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/Close.js +30 -30
- package/dist/components/atoms/Icon/icons/DeleteIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/DeleteIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/DepartureIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/DepartureIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/EyeIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/EyeIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/FacebookIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/FacebookIcon.js +36 -36
- package/dist/components/atoms/Icon/icons/HomeIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/HomeIcon.js +25 -25
- package/dist/components/atoms/Icon/icons/InfoIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/InfoIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/LinkedInIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/LinkedInIcon.js +36 -36
- package/dist/components/atoms/Icon/icons/MapPinIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/MapPinIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/MautoucoLogo.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/MautoucoLogo.js +37 -37
- package/dist/components/atoms/Icon/icons/MenuIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/MenuIcon.js +37 -37
- package/dist/components/atoms/Icon/icons/MinusIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/MinusIcon.js +25 -25
- package/dist/components/atoms/Icon/icons/MoreIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/MoreIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/PlaneIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/PlaneIcon.js +36 -36
- package/dist/components/atoms/Icon/icons/PlusIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/PlusIcon.js +25 -25
- package/dist/components/atoms/Icon/icons/Search.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/Search.js +30 -30
- package/dist/components/atoms/Icon/icons/Settings.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/Settings.js +30 -30
- package/dist/components/atoms/Icon/icons/ShipIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/ShipIcon.js +36 -36
- package/dist/components/atoms/Icon/icons/StrollerIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/StrollerIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/TwitterIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/TwitterIcon.js +36 -36
- package/dist/components/atoms/Icon/icons/User.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/User.js +30 -30
- package/dist/components/atoms/Icon/icons/UserIcon.d.ts +12 -12
- package/dist/components/atoms/Icon/icons/UserIcon.js +41 -41
- package/dist/components/atoms/Icon/icons/Youtube.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/Youtube.js +36 -36
- package/dist/components/atoms/Illustration/Illustration.d.ts +14 -14
- package/dist/components/atoms/Illustration/Illustration.js +33 -33
- package/dist/components/atoms/Illustration/illustrations.d.ts +51 -51
- package/dist/components/atoms/Illustration/illustrations.js +97 -97
- package/dist/components/atoms/Inputs/DropdownInput/DropdownInput.d.ts +12 -12
- package/dist/components/atoms/Inputs/DropdownInput/DropdownInput.js +53 -53
- package/dist/components/atoms/Inputs/Input/Input.d.ts +15 -15
- package/dist/components/atoms/Inputs/Input/Input.js +27 -27
- package/dist/components/atoms/Inputs/Textarea/Textarea.d.ts +14 -14
- package/dist/components/atoms/Inputs/Textarea/Textarea.js +15 -15
- package/dist/components/atoms/Link/Link.d.ts +44 -44
- package/dist/components/atoms/Link/Link.js +76 -76
- package/dist/components/atoms/RatingStar/RatingStar.d.ts +40 -40
- package/dist/components/atoms/RatingStar/RatingStar.js +54 -54
- package/dist/components/atoms/SegmentedButton/SegmentedButton.d.ts +27 -27
- package/dist/components/atoms/SegmentedButton/SegmentedButton.js +49 -49
- package/dist/components/atoms/SelectedValue/SelectedValue.d.ts +11 -11
- package/dist/components/atoms/SelectedValue/SelectedValue.js +29 -29
- package/dist/components/atoms/Slider/Slider.d.ts +52 -52
- package/dist/components/atoms/Slider/Slider.js +30 -30
- package/dist/components/atoms/Spinner/Spinner.d.ts +9 -9
- package/dist/components/atoms/Spinner/Spinner.js +38 -38
- package/dist/components/atoms/Spinner/variants/ButtonSpinner.d.ts +8 -8
- package/dist/components/atoms/Spinner/variants/ButtonSpinner.js +19 -19
- package/dist/components/atoms/Spinner/variants/LoadingSpinner.d.ts +7 -7
- package/dist/components/atoms/Spinner/variants/LoadingSpinner.js +7 -7
- package/dist/components/atoms/Tab/Tab.css +266 -266
- package/dist/components/atoms/Tab/Tab.d.ts +22 -22
- package/dist/components/atoms/Tab/Tab.js +54 -54
- package/dist/components/atoms/Typography/Typography.d.ts +24 -24
- package/dist/components/atoms/Typography/Typography.js +100 -100
- package/dist/components/molecules/Calendar/CalendarInput.d.ts +34 -34
- package/dist/components/molecules/Calendar/CalendarInput.js +49 -49
- package/dist/components/molecules/Calendar/DateTime.d.ts +25 -25
- package/dist/components/molecules/Calendar/DateTime.js +106 -106
- package/dist/components/molecules/Calendar/TimePicker.d.ts +16 -16
- package/dist/components/molecules/Calendar/TimePicker.js +91 -91
- package/dist/components/molecules/LocationDropdown/LocationDropdown.d.ts +34 -34
- package/dist/components/molecules/LocationDropdown/LocationDropdown.js +120 -120
- package/dist/components/molecules/LocationDropdown/index.d.ts +2 -2
- package/dist/components/molecules/LocationDropdown/index.js +1 -1
- package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.d.ts +29 -29
- package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.js +106 -106
- package/dist/components/molecules/RatingTab/RatingTab.d.ts +39 -39
- package/dist/components/molecules/RatingTab/RatingTab.js +41 -41
- package/dist/components/molecules/TabGroup/TabGroup.d.ts +17 -17
- package/dist/components/molecules/TabGroup/TabGroup.js +30 -30
- package/dist/components/molecules/UserCard/UserCard.d.ts +20 -20
- package/dist/components/molecules/UserCard/UserCard.js +57 -57
- package/dist/components/organisms/CardContainer/CardContainer.d.ts +37 -37
- package/dist/components/organisms/CardContainer/CardContainer.js +27 -27
- package/dist/components/organisms/DateTimePicker/DateTimePicker.d.ts +15 -15
- package/dist/components/organisms/DateTimePicker/DateTimePicker.js +66 -66
- package/dist/components/organisms/Dialog/Dialog.d.ts +103 -103
- package/dist/components/organisms/Dialog/Dialog.js +162 -162
- package/dist/components/organisms/Footer/Footer.d.ts +38 -38
- package/dist/components/organisms/Footer/Footer.js +74 -74
- package/dist/components/organisms/PaxSelector/PaxSelector.d.ts +63 -63
- package/dist/components/organisms/PaxSelector/PaxSelector.js +402 -402
- package/dist/components/organisms/RoundTrip/RoundTrip.d.ts +54 -54
- package/dist/components/organisms/RoundTrip/RoundTrip.js +179 -179
- package/dist/components/organisms/RoundTrip/index.d.ts +2 -2
- package/dist/components/organisms/RoundTrip/index.js +1 -1
- package/dist/components/organisms/SearchBarTransfer/SearchBarTransfer.d.ts +35 -35
- package/dist/components/organisms/SearchBarTransfer/SearchBarTransfer.js +192 -192
- package/dist/components/organisms/SearchBarTransfer/index.d.ts +2 -2
- package/dist/components/organisms/SearchBarTransfer/index.js +1 -1
- package/dist/components/organisms/TopNavigation/DesktopNav.d.ts +33 -33
- package/dist/components/organisms/TopNavigation/DesktopNav.js +32 -26
- package/dist/components/organisms/TopNavigation/MobileNav.d.ts +32 -32
- package/dist/components/organisms/TopNavigation/MobileNav.js +45 -45
- package/dist/components/organisms/TopNavigation/TopNavigation.d.ts +33 -33
- package/dist/components/organisms/TopNavigation/TopNavigation.js +20 -20
- package/dist/components/organisms/TransferLine/TransferLine.d.ts +53 -53
- package/dist/components/organisms/TransferLine/TransferLine.js +179 -179
- package/dist/components/ui/button.d.ts +10 -10
- package/dist/components/ui/button.js +56 -56
- package/dist/components/ui/calendar.d.ts +8 -8
- package/dist/components/ui/calendar.js +87 -87
- package/dist/components/ui/popover.d.ts +7 -7
- package/dist/components/ui/popover.js +42 -42
- package/dist/hooks/useMobile.d.ts +5 -5
- package/dist/hooks/useMobile.js +26 -26
- package/dist/index.d.ts +49 -49
- package/dist/index.js +46 -46
- package/dist/lib/utils.d.ts +7 -7
- package/dist/lib/utils.js +13 -13
- package/dist/styles/components/avatar.css +122 -122
- package/dist/styles/components/calendar.css +140 -140
- package/dist/styles/components/checkbox.css +206 -206
- package/dist/styles/components/dropdown.css +269 -269
- package/dist/styles/components/forms.css +209 -209
- package/dist/styles/components/illustration.css +123 -123
- package/dist/styles/components/molecule/calendarInput.css +133 -133
- package/dist/styles/components/molecule/dateTime.css +126 -126
- package/dist/styles/components/molecule/location-dropdown.css +132 -132
- package/dist/styles/components/molecule/timePicker.css +122 -122
- package/dist/styles/components/multiselect-dropdown.css +286 -286
- package/dist/styles/components/organism/card-container.css +148 -148
- package/dist/styles/components/organism/dialog.css +168 -168
- package/dist/styles/components/organism/footer.css +119 -119
- package/dist/styles/components/organism/pax-selector.css +617 -617
- package/dist/styles/components/organism/round-trip.css +139 -139
- package/dist/styles/components/organism/search-bar-transfer.css +158 -161
- package/dist/styles/components/organism/topnavigation.css +143 -143
- package/dist/styles/components/organism/transfer-line.css +138 -138
- package/dist/styles/components/rating-star.css +145 -145
- package/dist/styles/components/rating-tab.css +179 -179
- package/dist/styles/components/scrollbar.css +155 -155
- package/dist/styles/components/segmented-button.css +214 -214
- package/dist/styles/components/selected-value.css +175 -175
- package/dist/styles/components/slider.css +182 -182
- package/dist/styles/components/typography.css +245 -245
- package/dist/styles/tokens/tokens.css +119 -119
- package/dist/styles/tokens/tokens.d.ts +3108 -3108
- package/dist/styles/tokens/tokens.js +2652 -2652
- package/package.json +103 -103
- package/src/components/atoms/Avatar/Avatar.tsx +60 -60
- package/src/components/atoms/Button/Button.css +200 -200
- package/src/components/atoms/Button/Button.tsx +82 -82
- package/src/components/atoms/Checkbox/Checkbox.tsx +83 -83
- package/src/components/atoms/Icon/Icon.tsx +163 -163
- package/src/components/atoms/Icon/icons/ArrivalIcon.tsx +52 -52
- package/src/components/atoms/Icon/icons/BuildingIcon.tsx +50 -50
- package/src/components/atoms/Icon/icons/CalendarIcon.tsx +63 -63
- package/src/components/atoms/Icon/icons/CalendarOutlineIcon.tsx +50 -50
- package/src/components/atoms/Icon/icons/CarIcon.tsx +44 -44
- package/src/components/atoms/Icon/icons/Check.tsx +36 -36
- package/src/components/atoms/Icon/icons/CheckCircleIcon.tsx +48 -48
- package/src/components/atoms/Icon/icons/Chevron.tsx +73 -73
- package/src/components/atoms/Icon/icons/ChevronDownIcon.tsx +46 -46
- package/src/components/atoms/Icon/icons/Close.tsx +39 -39
- package/src/components/atoms/Icon/icons/DeleteIcon.tsx +44 -44
- package/src/components/atoms/Icon/icons/DepartureIcon.tsx +50 -50
- package/src/components/atoms/Icon/icons/EyeIcon.tsx +44 -44
- package/src/components/atoms/Icon/icons/FacebookIcon.tsx +50 -50
- package/src/components/atoms/Icon/icons/HomeIcon.tsx +52 -52
- package/src/components/atoms/Icon/icons/InfoIcon.tsx +44 -44
- package/src/components/atoms/Icon/icons/LinkedInIcon.tsx +50 -50
- package/src/components/atoms/Icon/icons/MapPinIcon.tsx +44 -44
- package/src/components/atoms/Icon/icons/MautoucoLogo.tsx +93 -93
- package/src/components/atoms/Icon/icons/MenuIcon.tsx +49 -49
- package/src/components/atoms/Icon/icons/MinusIcon.tsx +45 -45
- package/src/components/atoms/Icon/icons/MoreIcon.tsx +44 -44
- package/src/components/atoms/Icon/icons/PlaneIcon.tsx +50 -50
- package/src/components/atoms/Icon/icons/PlusIcon.tsx +45 -45
- package/src/components/atoms/Icon/icons/Search.tsx +37 -37
- package/src/components/atoms/Icon/icons/Settings.tsx +38 -38
- package/src/components/atoms/Icon/icons/ShipIcon.tsx +50 -50
- package/src/components/atoms/Icon/icons/StrollerIcon.tsx +44 -44
- package/src/components/atoms/Icon/icons/TwitterIcon.tsx +50 -50
- package/src/components/atoms/Icon/icons/User.tsx +37 -37
- package/src/components/atoms/Icon/icons/UserIcon.tsx +63 -63
- package/src/components/atoms/Icon/icons/Youtube.tsx +50 -50
- package/src/components/atoms/Illustration/Illustration.tsx +28 -28
- package/src/components/atoms/Illustration/illustrations.ts +116 -116
- package/src/components/atoms/Inputs/DropdownInput/DropdownInput.tsx +96 -96
- package/src/components/atoms/Inputs/Textarea/Textarea.tsx +51 -51
- package/src/components/atoms/Link/Link.tsx +168 -168
- package/src/components/atoms/RatingStar/RatingStar.tsx +114 -114
- package/src/components/atoms/SegmentedButton/SegmentedButton.tsx +94 -94
- package/src/components/atoms/SelectedValue/SelectedValue.tsx +59 -59
- package/src/components/atoms/Slider/Slider.tsx +95 -95
- package/src/components/atoms/Spinner/Spinner.tsx +56 -56
- package/src/components/atoms/Spinner/variants/ButtonSpinner.tsx +37 -37
- package/src/components/atoms/Spinner/variants/LoadingSpinner.tsx +22 -22
- package/src/components/atoms/Tab/Tab.css +147 -147
- package/src/components/atoms/Tab/Tab.tsx +96 -96
- package/src/components/atoms/Typography/Typography.tsx +153 -153
- package/src/components/molecules/Calendar/CalendarInput.tsx +135 -135
- package/src/components/molecules/Calendar/DateTime.tsx +172 -172
- package/src/components/molecules/Calendar/TimePicker.tsx +174 -174
- package/src/components/molecules/LocationDropdown/LocationDropdown.tsx +234 -234
- package/src/components/molecules/LocationDropdown/index.ts +2 -2
- package/src/components/molecules/RatingTab/RatingTab.tsx +96 -96
- package/src/components/molecules/TabGroup/TabGroup.tsx +60 -60
- package/src/components/molecules/UserCard/UserCard.stories.tsx +36 -36
- package/src/components/molecules/UserCard/UserCard.tsx +173 -173
- package/src/components/organisms/CardContainer/CardContainer.tsx +66 -66
- package/src/components/organisms/DateTimePicker/DateTimePicker.tsx +110 -110
- package/src/components/organisms/Dialog/Dialog.tsx +352 -352
- package/src/components/organisms/Footer/Footer.tsx +290 -290
- package/src/components/organisms/PaxSelector/PaxSelector.tsx +979 -979
- package/src/components/organisms/RoundTrip/RoundTrip.tsx +335 -335
- package/src/components/organisms/RoundTrip/index.ts +2 -2
- package/src/components/organisms/SearchBarTransfer/SearchBarTransfer.tsx +388 -388
- package/src/components/organisms/SearchBarTransfer/index.ts +2 -2
- package/src/components/organisms/TopNavigation/DesktopNav.tsx +133 -122
- package/src/components/organisms/TopNavigation/MobileNav.tsx +212 -212
- package/src/components/organisms/TopNavigation/TopNavigation.tsx +45 -45
- package/src/components/organisms/TransferLine/TransferLine.tsx +369 -369
- package/src/components/ui/button.tsx +60 -60
- package/src/components/ui/calendar.tsx +246 -246
- package/src/components/ui/popover.tsx +46 -46
- package/src/styles/components/avatar.css +58 -58
- package/src/styles/components/calendar.css +85 -85
- package/src/styles/components/checkbox.css +130 -130
- package/src/styles/components/dropdown.css +214 -214
- package/src/styles/components/forms.css +147 -147
- package/src/styles/components/illustration.css +7 -7
- package/src/styles/components/molecule/calendarInput.css +156 -156
- package/src/styles/components/molecule/dateTime.css +14 -14
- package/src/styles/components/molecule/location-dropdown.css +204 -204
- package/src/styles/components/molecule/timePicker.css +78 -78
- package/src/styles/components/multiselect-dropdown.css +230 -230
- package/src/styles/components/organism/card-container.css +49 -49
- package/src/styles/components/organism/dialog.css +241 -241
- package/src/styles/components/organism/footer.css +113 -113
- package/src/styles/components/organism/pax-selector.css +702 -702
- package/src/styles/components/organism/round-trip.css +55 -55
- package/src/styles/components/organism/search-bar-transfer.css +128 -127
- package/src/styles/components/organism/topnavigation.css +161 -161
- package/src/styles/components/organism/transfer-line.css +86 -86
- package/src/styles/components/rating-star.css +39 -39
- package/src/styles/components/rating-tab.css +83 -83
- package/src/styles/components/scrollbar.css +63 -63
- package/src/styles/components/segmented-button.css +134 -134
- package/src/styles/components/selected-value.css +80 -80
- package/src/styles/components/slider.css +86 -86
- package/src/styles/components/typography.css +251 -251
- package/src/styles/fonts.css +50 -0
- package/src/styles/tokens/tokens.css +119 -119
- package/src/styles/tokens/tokens.js +12 -6
|
@@ -1,97 +1,97 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Illustrations disponibles depuis Figma
|
|
3
|
-
* Les images sont servies depuis le serveur MCP Figma (localhost:3845)
|
|
4
|
-
*
|
|
5
|
-
* Note: Ces URLs sont temporaires et servies par le serveur MCP Figma local.
|
|
6
|
-
* En production, ces images devront être exportées et hébergées séparément.
|
|
7
|
-
*/
|
|
8
|
-
/**
|
|
9
|
-
* Illustrations de succès (Quotation Success)
|
|
10
|
-
*/
|
|
11
|
-
export var SUCCESS_ILLUSTRATIONS = {
|
|
12
|
-
quotationSuccessOption1: {
|
|
13
|
-
name: 'Quotation Success - Option 1',
|
|
14
|
-
url: 'http://localhost:3845/assets/undraw_graduation_re_gthn_1',
|
|
15
|
-
category: 'success',
|
|
16
|
-
description: 'Illustration de succès pour l\'ajout d\'une voiture à une quotation',
|
|
17
|
-
dimensions: { width: 426, height: 212 },
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
/**
|
|
21
|
-
* Illustrations de fond (Background)
|
|
22
|
-
*/
|
|
23
|
-
export var BACKGROUND_ILLUSTRATIONS = {
|
|
24
|
-
bgSun: {
|
|
25
|
-
name: 'BG_Sun',
|
|
26
|
-
url: 'http://localhost:3845/assets/8b482904d4764abeaaa5276f661a8bbabd874df2.png',
|
|
27
|
-
category: 'background',
|
|
28
|
-
description: 'Illustration de fond - Soleil',
|
|
29
|
-
dimensions: { width: 316, height: 314 },
|
|
30
|
-
},
|
|
31
|
-
bgCocktail: {
|
|
32
|
-
name: 'BG_Cocktail',
|
|
33
|
-
url: 'http://localhost:3845/assets/51130ed9197c5d6b4323a7e134aae153aa7cec61.png',
|
|
34
|
-
category: 'background',
|
|
35
|
-
description: 'Illustration de fond - Cocktail',
|
|
36
|
-
dimensions: { width: 624, height: 624 },
|
|
37
|
-
},
|
|
38
|
-
bgCoconut: {
|
|
39
|
-
name: 'BG_Coconut',
|
|
40
|
-
url: 'http://localhost:3845/assets/40b9073c72d20eed316693d7435c1199b3dbcf0a.png',
|
|
41
|
-
category: 'background',
|
|
42
|
-
description: 'Illustration de fond - Coco',
|
|
43
|
-
dimensions: { width: 624, height: 624 },
|
|
44
|
-
},
|
|
45
|
-
};
|
|
46
|
-
/**
|
|
47
|
-
* Illustrations d'erreur
|
|
48
|
-
*/
|
|
49
|
-
export var ERROR_ILLUSTRATIONS = {
|
|
50
|
-
illustrationError: {
|
|
51
|
-
name: 'Illustration_Error',
|
|
52
|
-
url: 'http://localhost:3845/assets/group_46',
|
|
53
|
-
category: 'error',
|
|
54
|
-
description: 'Illustration d\'erreur - Aucun résultat trouvé',
|
|
55
|
-
dimensions: { width: 840, height: 463 },
|
|
56
|
-
},
|
|
57
|
-
error: {
|
|
58
|
-
name: 'Error',
|
|
59
|
-
url: 'http://localhost:3845/assets/undraw_cancel_7zdh_1',
|
|
60
|
-
category: 'error',
|
|
61
|
-
description: 'Illustration d\'erreur - Action bloquée',
|
|
62
|
-
dimensions: { width: 350, height: 350 },
|
|
63
|
-
},
|
|
64
|
-
};
|
|
65
|
-
/**
|
|
66
|
-
* Illustrations d'alerte
|
|
67
|
-
*/
|
|
68
|
-
export var ALERT_ILLUSTRATIONS = {
|
|
69
|
-
illustrationAlert: {
|
|
70
|
-
name: 'Illustration_Alert',
|
|
71
|
-
url: 'http://localhost:3845/assets/group_47',
|
|
72
|
-
category: 'alert',
|
|
73
|
-
description: 'Illustration d\'alerte - Capacité dépassée',
|
|
74
|
-
dimensions: { width: 426, height: 358 },
|
|
75
|
-
},
|
|
76
|
-
};
|
|
77
|
-
/**
|
|
78
|
-
* Toutes les illustrations regroupées par catégorie
|
|
79
|
-
*/
|
|
80
|
-
export var ALL_ILLUSTRATIONS = {
|
|
81
|
-
success: SUCCESS_ILLUSTRATIONS,
|
|
82
|
-
background: BACKGROUND_ILLUSTRATIONS,
|
|
83
|
-
error: ERROR_ILLUSTRATIONS,
|
|
84
|
-
alert: ALERT_ILLUSTRATIONS,
|
|
85
|
-
};
|
|
86
|
-
/**
|
|
87
|
-
* Helper pour obtenir une illustration par son nom
|
|
88
|
-
*/
|
|
89
|
-
export function getIllustration(name) {
|
|
90
|
-
for (var _i = 0, _a = Object.values(ALL_ILLUSTRATIONS); _i < _a.length; _i++) {
|
|
91
|
-
var category = _a[_i];
|
|
92
|
-
if (category[name]) {
|
|
93
|
-
return category[name];
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
return undefined;
|
|
97
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Illustrations disponibles depuis Figma
|
|
3
|
+
* Les images sont servies depuis le serveur MCP Figma (localhost:3845)
|
|
4
|
+
*
|
|
5
|
+
* Note: Ces URLs sont temporaires et servies par le serveur MCP Figma local.
|
|
6
|
+
* En production, ces images devront être exportées et hébergées séparément.
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* Illustrations de succès (Quotation Success)
|
|
10
|
+
*/
|
|
11
|
+
export var SUCCESS_ILLUSTRATIONS = {
|
|
12
|
+
quotationSuccessOption1: {
|
|
13
|
+
name: 'Quotation Success - Option 1',
|
|
14
|
+
url: 'http://localhost:3845/assets/undraw_graduation_re_gthn_1',
|
|
15
|
+
category: 'success',
|
|
16
|
+
description: 'Illustration de succès pour l\'ajout d\'une voiture à une quotation',
|
|
17
|
+
dimensions: { width: 426, height: 212 },
|
|
18
|
+
},
|
|
19
|
+
};
|
|
20
|
+
/**
|
|
21
|
+
* Illustrations de fond (Background)
|
|
22
|
+
*/
|
|
23
|
+
export var BACKGROUND_ILLUSTRATIONS = {
|
|
24
|
+
bgSun: {
|
|
25
|
+
name: 'BG_Sun',
|
|
26
|
+
url: 'http://localhost:3845/assets/8b482904d4764abeaaa5276f661a8bbabd874df2.png',
|
|
27
|
+
category: 'background',
|
|
28
|
+
description: 'Illustration de fond - Soleil',
|
|
29
|
+
dimensions: { width: 316, height: 314 },
|
|
30
|
+
},
|
|
31
|
+
bgCocktail: {
|
|
32
|
+
name: 'BG_Cocktail',
|
|
33
|
+
url: 'http://localhost:3845/assets/51130ed9197c5d6b4323a7e134aae153aa7cec61.png',
|
|
34
|
+
category: 'background',
|
|
35
|
+
description: 'Illustration de fond - Cocktail',
|
|
36
|
+
dimensions: { width: 624, height: 624 },
|
|
37
|
+
},
|
|
38
|
+
bgCoconut: {
|
|
39
|
+
name: 'BG_Coconut',
|
|
40
|
+
url: 'http://localhost:3845/assets/40b9073c72d20eed316693d7435c1199b3dbcf0a.png',
|
|
41
|
+
category: 'background',
|
|
42
|
+
description: 'Illustration de fond - Coco',
|
|
43
|
+
dimensions: { width: 624, height: 624 },
|
|
44
|
+
},
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* Illustrations d'erreur
|
|
48
|
+
*/
|
|
49
|
+
export var ERROR_ILLUSTRATIONS = {
|
|
50
|
+
illustrationError: {
|
|
51
|
+
name: 'Illustration_Error',
|
|
52
|
+
url: 'http://localhost:3845/assets/group_46',
|
|
53
|
+
category: 'error',
|
|
54
|
+
description: 'Illustration d\'erreur - Aucun résultat trouvé',
|
|
55
|
+
dimensions: { width: 840, height: 463 },
|
|
56
|
+
},
|
|
57
|
+
error: {
|
|
58
|
+
name: 'Error',
|
|
59
|
+
url: 'http://localhost:3845/assets/undraw_cancel_7zdh_1',
|
|
60
|
+
category: 'error',
|
|
61
|
+
description: 'Illustration d\'erreur - Action bloquée',
|
|
62
|
+
dimensions: { width: 350, height: 350 },
|
|
63
|
+
},
|
|
64
|
+
};
|
|
65
|
+
/**
|
|
66
|
+
* Illustrations d'alerte
|
|
67
|
+
*/
|
|
68
|
+
export var ALERT_ILLUSTRATIONS = {
|
|
69
|
+
illustrationAlert: {
|
|
70
|
+
name: 'Illustration_Alert',
|
|
71
|
+
url: 'http://localhost:3845/assets/group_47',
|
|
72
|
+
category: 'alert',
|
|
73
|
+
description: 'Illustration d\'alerte - Capacité dépassée',
|
|
74
|
+
dimensions: { width: 426, height: 358 },
|
|
75
|
+
},
|
|
76
|
+
};
|
|
77
|
+
/**
|
|
78
|
+
* Toutes les illustrations regroupées par catégorie
|
|
79
|
+
*/
|
|
80
|
+
export var ALL_ILLUSTRATIONS = {
|
|
81
|
+
success: SUCCESS_ILLUSTRATIONS,
|
|
82
|
+
background: BACKGROUND_ILLUSTRATIONS,
|
|
83
|
+
error: ERROR_ILLUSTRATIONS,
|
|
84
|
+
alert: ALERT_ILLUSTRATIONS,
|
|
85
|
+
};
|
|
86
|
+
/**
|
|
87
|
+
* Helper pour obtenir une illustration par son nom
|
|
88
|
+
*/
|
|
89
|
+
export function getIllustration(name) {
|
|
90
|
+
for (var _i = 0, _a = Object.values(ALL_ILLUSTRATIONS); _i < _a.length; _i++) {
|
|
91
|
+
var category = _a[_i];
|
|
92
|
+
if (category[name]) {
|
|
93
|
+
return category[name];
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
return undefined;
|
|
97
|
+
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface DropdownInputProps {
|
|
3
|
-
placeholder?: string;
|
|
4
|
-
value?: string;
|
|
5
|
-
state?: 'default' | 'loading' | 'selected' | 'error' | 'disabled';
|
|
6
|
-
onClick?: () => void;
|
|
7
|
-
className?: string;
|
|
8
|
-
options?: string[];
|
|
9
|
-
onSelect?: (option: string) => void;
|
|
10
|
-
}
|
|
11
|
-
declare const DropdownInput: React.FC<DropdownInputProps>;
|
|
12
|
-
export default DropdownInput;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface DropdownInputProps {
|
|
3
|
+
placeholder?: string;
|
|
4
|
+
value?: string;
|
|
5
|
+
state?: 'default' | 'loading' | 'selected' | 'error' | 'disabled';
|
|
6
|
+
onClick?: () => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
options?: string[];
|
|
9
|
+
onSelect?: (option: string) => void;
|
|
10
|
+
}
|
|
11
|
+
declare const DropdownInput: React.FC<DropdownInputProps>;
|
|
12
|
+
export default DropdownInput;
|
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { useState } from 'react';
|
|
14
|
-
import Icon from '../../Icon/Icon';
|
|
15
|
-
import Spinner from '../../Spinner/Spinner';
|
|
16
|
-
var DropdownInput = function (_a) {
|
|
17
|
-
var _b = _a.placeholder, placeholder = _b === void 0 ? 'Select item name' : _b, value = _a.value, _c = _a.state, state = _c === void 0 ? 'default' : _c, onClick = _a.onClick, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.options, options = _e === void 0 ? [] : _e, onSelect = _a.onSelect;
|
|
18
|
-
var _f = useState(false), isOpen = _f[0], setIsOpen = _f[1];
|
|
19
|
-
var handleClick = function () {
|
|
20
|
-
if (state === 'disabled' || state === 'loading')
|
|
21
|
-
return;
|
|
22
|
-
setIsOpen(!isOpen);
|
|
23
|
-
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
24
|
-
};
|
|
25
|
-
var handleOptionSelect = function (option) {
|
|
26
|
-
onSelect === null || onSelect === void 0 ? void 0 : onSelect(option);
|
|
27
|
-
setIsOpen(false);
|
|
28
|
-
};
|
|
29
|
-
var getStateClasses = function () {
|
|
30
|
-
var baseClasses = isOpen ? 'dropdown-input--open' : '';
|
|
31
|
-
switch (state) {
|
|
32
|
-
case 'loading':
|
|
33
|
-
return "".concat(baseClasses, " dropdown-input--loading");
|
|
34
|
-
case 'selected':
|
|
35
|
-
return "".concat(baseClasses, " dropdown-input--selected");
|
|
36
|
-
case 'error':
|
|
37
|
-
return "".concat(baseClasses, " dropdown-input--error");
|
|
38
|
-
case 'disabled':
|
|
39
|
-
return "".concat(baseClasses, " dropdown-input--disabled");
|
|
40
|
-
default:
|
|
41
|
-
return "".concat(baseClasses, " dropdown-input--default");
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
var getIcon = function () {
|
|
45
|
-
if (state === 'loading') {
|
|
46
|
-
return _jsx(Spinner, { size: "sm", className: "dropdown-input__icon" });
|
|
47
|
-
}
|
|
48
|
-
return (_jsx(Icon, { name: isOpen ? 'chevron-up' : 'chevron-down', size: "sm", className: "dropdown-input__icon dropdown-input__icon--chevron" }));
|
|
49
|
-
};
|
|
50
|
-
var displayText = state === 'loading' ? 'Loading...' : (value || placeholder);
|
|
51
|
-
return (_jsxs("div", __assign({ className: "dropdown-container ".concat(className) }, { children: [_jsxs("div", __assign({ className: "dropdown-input ".concat(getStateClasses()), onClick: handleClick }, { children: [_jsx("span", __assign({ className: "dropdown-input__text" }, { children: displayText })), getIcon()] })), isOpen && options.length > 0 && (_jsx("div", __assign({ className: "dropdown-menu" }, { children: options.map(function (option, index) { return (_jsx("div", __assign({ className: "dropdown-option", onClick: function () { return handleOptionSelect(option); } }, { children: option }), index)); }) })))] })));
|
|
52
|
-
};
|
|
53
|
-
export default DropdownInput;
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { useState } from 'react';
|
|
14
|
+
import Icon from '../../Icon/Icon';
|
|
15
|
+
import Spinner from '../../Spinner/Spinner';
|
|
16
|
+
var DropdownInput = function (_a) {
|
|
17
|
+
var _b = _a.placeholder, placeholder = _b === void 0 ? 'Select item name' : _b, value = _a.value, _c = _a.state, state = _c === void 0 ? 'default' : _c, onClick = _a.onClick, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.options, options = _e === void 0 ? [] : _e, onSelect = _a.onSelect;
|
|
18
|
+
var _f = useState(false), isOpen = _f[0], setIsOpen = _f[1];
|
|
19
|
+
var handleClick = function () {
|
|
20
|
+
if (state === 'disabled' || state === 'loading')
|
|
21
|
+
return;
|
|
22
|
+
setIsOpen(!isOpen);
|
|
23
|
+
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
24
|
+
};
|
|
25
|
+
var handleOptionSelect = function (option) {
|
|
26
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect(option);
|
|
27
|
+
setIsOpen(false);
|
|
28
|
+
};
|
|
29
|
+
var getStateClasses = function () {
|
|
30
|
+
var baseClasses = isOpen ? 'dropdown-input--open' : '';
|
|
31
|
+
switch (state) {
|
|
32
|
+
case 'loading':
|
|
33
|
+
return "".concat(baseClasses, " dropdown-input--loading");
|
|
34
|
+
case 'selected':
|
|
35
|
+
return "".concat(baseClasses, " dropdown-input--selected");
|
|
36
|
+
case 'error':
|
|
37
|
+
return "".concat(baseClasses, " dropdown-input--error");
|
|
38
|
+
case 'disabled':
|
|
39
|
+
return "".concat(baseClasses, " dropdown-input--disabled");
|
|
40
|
+
default:
|
|
41
|
+
return "".concat(baseClasses, " dropdown-input--default");
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
var getIcon = function () {
|
|
45
|
+
if (state === 'loading') {
|
|
46
|
+
return _jsx(Spinner, { size: "sm", className: "dropdown-input__icon" });
|
|
47
|
+
}
|
|
48
|
+
return (_jsx(Icon, { name: isOpen ? 'chevron-up' : 'chevron-down', size: "sm", className: "dropdown-input__icon dropdown-input__icon--chevron" }));
|
|
49
|
+
};
|
|
50
|
+
var displayText = state === 'loading' ? 'Loading...' : (value || placeholder);
|
|
51
|
+
return (_jsxs("div", __assign({ className: "dropdown-container ".concat(className) }, { children: [_jsxs("div", __assign({ className: "dropdown-input ".concat(getStateClasses()), onClick: handleClick }, { children: [_jsx("span", __assign({ className: "dropdown-input__text" }, { children: displayText })), getIcon()] })), isOpen && options.length > 0 && (_jsx("div", __assign({ className: "dropdown-menu" }, { children: options.map(function (option, index) { return (_jsx("div", __assign({ className: "dropdown-option", onClick: function () { return handleOptionSelect(option); } }, { children: option }), index)); }) })))] })));
|
|
52
|
+
};
|
|
53
|
+
export default DropdownInput;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface InputProps {
|
|
3
|
-
variant?: 'default' | 'focus' | 'success' | 'error' | 'disabled';
|
|
4
|
-
placeholder?: string;
|
|
5
|
-
value?: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
className?: string;
|
|
8
|
-
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
-
onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
10
|
-
onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
11
|
-
icon?: 'search' | 'close' | 'settings' | 'user';
|
|
12
|
-
iconPosition?: 'leading' | 'trailing';
|
|
13
|
-
}
|
|
14
|
-
declare const Input: React.FC<InputProps>;
|
|
15
|
-
export default Input;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface InputProps {
|
|
3
|
+
variant?: 'default' | 'focus' | 'success' | 'error' | 'disabled';
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
value?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
+
onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
10
|
+
onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
11
|
+
icon?: 'search' | 'close' | 'settings' | 'user';
|
|
12
|
+
iconPosition?: 'leading' | 'trailing';
|
|
13
|
+
}
|
|
14
|
+
declare const Input: React.FC<InputProps>;
|
|
15
|
+
export default Input;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import Icon from '../../Icon/Icon';
|
|
14
|
-
var Input = function (_a) {
|
|
15
|
-
var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? 'Input text' : _c, value = _a.value, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, icon = _a.icon, _f = _a.iconPosition, iconPosition = _f === void 0 ? 'trailing' : _f;
|
|
16
|
-
var baseClasses = 'input-field';
|
|
17
|
-
var variantClasses = {
|
|
18
|
-
default: 'input-field--default',
|
|
19
|
-
focus: 'input-field--focus',
|
|
20
|
-
success: 'input-field--success',
|
|
21
|
-
error: 'input-field--error',
|
|
22
|
-
disabled: 'input-field--disabled'
|
|
23
|
-
};
|
|
24
|
-
var inputClasses = "".concat(baseClasses, " ").concat(variantClasses[variant], " ").concat(icon ? "input-field--with-icon input-field--icon-".concat(iconPosition) : '', " ").concat(className).trim();
|
|
25
|
-
return (_jsxs("div", __assign({ className: "input-wrapper ".concat(icon ? 'input-wrapper--with-icon' : '').trim() }, { children: [icon && iconPosition === 'leading' && (_jsx("span", __assign({ className: "input-icon input-icon--leading" }, { children: _jsx(Icon, { name: icon, size: "sm" }) }))), _jsx("input", { type: "text", className: inputClasses, placeholder: placeholder, value: value, disabled: disabled || variant === 'disabled', onChange: onChange, onFocus: onFocus, onBlur: onBlur }), icon && iconPosition === 'trailing' && (_jsx("span", __assign({ className: "input-icon input-icon--trailing" }, { children: _jsx(Icon, { name: icon, size: "sm" }) })))] })));
|
|
26
|
-
};
|
|
27
|
-
export default Input;
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import Icon from '../../Icon/Icon';
|
|
14
|
+
var Input = function (_a) {
|
|
15
|
+
var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? 'Input text' : _c, value = _a.value, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, icon = _a.icon, _f = _a.iconPosition, iconPosition = _f === void 0 ? 'trailing' : _f;
|
|
16
|
+
var baseClasses = 'input-field';
|
|
17
|
+
var variantClasses = {
|
|
18
|
+
default: 'input-field--default',
|
|
19
|
+
focus: 'input-field--focus',
|
|
20
|
+
success: 'input-field--success',
|
|
21
|
+
error: 'input-field--error',
|
|
22
|
+
disabled: 'input-field--disabled'
|
|
23
|
+
};
|
|
24
|
+
var inputClasses = "".concat(baseClasses, " ").concat(variantClasses[variant], " ").concat(icon ? "input-field--with-icon input-field--icon-".concat(iconPosition) : '', " ").concat(className).trim();
|
|
25
|
+
return (_jsxs("div", __assign({ className: "input-wrapper ".concat(icon ? 'input-wrapper--with-icon' : '').trim() }, { children: [icon && iconPosition === 'leading' && (_jsx("span", __assign({ className: "input-icon input-icon--leading" }, { children: _jsx(Icon, { name: icon, size: "sm" }) }))), _jsx("input", { type: "text", className: inputClasses, placeholder: placeholder, value: value, disabled: disabled || variant === 'disabled', onChange: onChange, onFocus: onFocus, onBlur: onBlur }), icon && iconPosition === 'trailing' && (_jsx("span", __assign({ className: "input-icon input-icon--trailing" }, { children: _jsx(Icon, { name: icon, size: "sm" }) })))] })));
|
|
26
|
+
};
|
|
27
|
+
export default Input;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface TextareaProps {
|
|
3
|
-
variant?: 'default' | 'focus' | 'success' | 'error' | 'disabled';
|
|
4
|
-
placeholder?: string;
|
|
5
|
-
value?: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
rows?: number;
|
|
8
|
-
className?: string;
|
|
9
|
-
onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
10
|
-
onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
|
|
11
|
-
onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
|
|
12
|
-
}
|
|
13
|
-
declare const Textarea: React.FC<TextareaProps>;
|
|
14
|
-
export default Textarea;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface TextareaProps {
|
|
3
|
+
variant?: 'default' | 'focus' | 'success' | 'error' | 'disabled';
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
value?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
rows?: number;
|
|
8
|
+
className?: string;
|
|
9
|
+
onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
10
|
+
onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
|
|
11
|
+
onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
|
|
12
|
+
}
|
|
13
|
+
declare const Textarea: React.FC<TextareaProps>;
|
|
14
|
+
export default Textarea;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
var Textarea = function (_a) {
|
|
3
|
-
var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? 'Enter your text...' : _c, value = _a.value, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.rows, rows = _e === void 0 ? 4 : _e, _f = _a.className, className = _f === void 0 ? '' : _f, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur;
|
|
4
|
-
var baseClasses = 'input-field';
|
|
5
|
-
var variantClasses = {
|
|
6
|
-
default: 'input-field--default',
|
|
7
|
-
focus: 'input-field--focus',
|
|
8
|
-
success: 'input-field--success',
|
|
9
|
-
error: 'input-field--error',
|
|
10
|
-
disabled: 'input-field--disabled'
|
|
11
|
-
};
|
|
12
|
-
var textareaClasses = "".concat(baseClasses, " ").concat(variantClasses[variant], " ").concat(className);
|
|
13
|
-
return (_jsx("textarea", { className: textareaClasses, placeholder: placeholder, value: value, disabled: disabled || variant === 'disabled', rows: rows, onChange: onChange, onFocus: onFocus, onBlur: onBlur }));
|
|
14
|
-
};
|
|
15
|
-
export default Textarea;
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
var Textarea = function (_a) {
|
|
3
|
+
var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? 'Enter your text...' : _c, value = _a.value, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.rows, rows = _e === void 0 ? 4 : _e, _f = _a.className, className = _f === void 0 ? '' : _f, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur;
|
|
4
|
+
var baseClasses = 'input-field';
|
|
5
|
+
var variantClasses = {
|
|
6
|
+
default: 'input-field--default',
|
|
7
|
+
focus: 'input-field--focus',
|
|
8
|
+
success: 'input-field--success',
|
|
9
|
+
error: 'input-field--error',
|
|
10
|
+
disabled: 'input-field--disabled'
|
|
11
|
+
};
|
|
12
|
+
var textareaClasses = "".concat(baseClasses, " ").concat(variantClasses[variant], " ").concat(className);
|
|
13
|
+
return (_jsx("textarea", { className: textareaClasses, placeholder: placeholder, value: value, disabled: disabled || variant === 'disabled', rows: rows, onChange: onChange, onFocus: onFocus, onBlur: onBlur }));
|
|
14
|
+
};
|
|
15
|
+
export default Textarea;
|
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface LinkProps {
|
|
3
|
-
/**
|
|
4
|
-
* Le texte du lien
|
|
5
|
-
*/
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
/**
|
|
8
|
-
* L'URL du lien
|
|
9
|
-
*/
|
|
10
|
-
href?: string;
|
|
11
|
-
/**
|
|
12
|
-
* Fonction appelée lors du clic
|
|
13
|
-
*/
|
|
14
|
-
onClick?: () => void;
|
|
15
|
-
/**
|
|
16
|
-
* État du lien
|
|
17
|
-
*/
|
|
18
|
-
state?: 'default' | 'hover' | 'visited' | 'focused';
|
|
19
|
-
/**
|
|
20
|
-
* Thème du lien
|
|
21
|
-
*/
|
|
22
|
-
theme?: 'light' | 'dark' | 'teal';
|
|
23
|
-
/**
|
|
24
|
-
* Si le lien est associé à un radio button
|
|
25
|
-
*/
|
|
26
|
-
withRadio?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* Si le radio button est sélectionné
|
|
29
|
-
*/
|
|
30
|
-
radioChecked?: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* Fonction appelée lors du clic sur le radio button
|
|
33
|
-
*/
|
|
34
|
-
onRadioChange?: (checked: boolean) => void;
|
|
35
|
-
/**
|
|
36
|
-
* Classes CSS supplémentaires
|
|
37
|
-
*/
|
|
38
|
-
className?: string;
|
|
39
|
-
/**
|
|
40
|
-
* Si le lien est désactivé
|
|
41
|
-
*/
|
|
42
|
-
disabled?: boolean;
|
|
43
|
-
}
|
|
44
|
-
export declare const Link: React.FC<LinkProps>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface LinkProps {
|
|
3
|
+
/**
|
|
4
|
+
* Le texte du lien
|
|
5
|
+
*/
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* L'URL du lien
|
|
9
|
+
*/
|
|
10
|
+
href?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Fonction appelée lors du clic
|
|
13
|
+
*/
|
|
14
|
+
onClick?: () => void;
|
|
15
|
+
/**
|
|
16
|
+
* État du lien
|
|
17
|
+
*/
|
|
18
|
+
state?: 'default' | 'hover' | 'visited' | 'focused';
|
|
19
|
+
/**
|
|
20
|
+
* Thème du lien
|
|
21
|
+
*/
|
|
22
|
+
theme?: 'light' | 'dark' | 'teal';
|
|
23
|
+
/**
|
|
24
|
+
* Si le lien est associé à un radio button
|
|
25
|
+
*/
|
|
26
|
+
withRadio?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Si le radio button est sélectionné
|
|
29
|
+
*/
|
|
30
|
+
radioChecked?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Fonction appelée lors du clic sur le radio button
|
|
33
|
+
*/
|
|
34
|
+
onRadioChange?: (checked: boolean) => void;
|
|
35
|
+
/**
|
|
36
|
+
* Classes CSS supplémentaires
|
|
37
|
+
*/
|
|
38
|
+
className?: string;
|
|
39
|
+
/**
|
|
40
|
+
* Si le lien est désactivé
|
|
41
|
+
*/
|
|
42
|
+
disabled?: boolean;
|
|
43
|
+
}
|
|
44
|
+
export declare const Link: React.FC<LinkProps>;
|