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,27 +1,27 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IconName } from '../Icon/Icon';
|
|
3
|
-
import './Button.css';
|
|
4
|
-
export interface ButtonProps {
|
|
5
|
-
/** Variant du bouton */
|
|
6
|
-
variant?: 'primary' | 'secondary' | 'outline' | 'outline-primary' | 'outline-secondary';
|
|
7
|
-
/** Taille du bouton */
|
|
8
|
-
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
9
|
-
/** Contenu du bouton */
|
|
10
|
-
children: React.ReactNode;
|
|
11
|
-
/** Icône affichée avant le libellé */
|
|
12
|
-
leadingIcon?: IconName;
|
|
13
|
-
/** Icône affichée après le libellé */
|
|
14
|
-
trailingIcon?: IconName;
|
|
15
|
-
/** Taille des icônes */
|
|
16
|
-
iconSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
17
|
-
/** État désactivé */
|
|
18
|
-
disabled?: boolean;
|
|
19
|
-
/** Handler de clic */
|
|
20
|
-
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
21
|
-
/** Type de bouton */
|
|
22
|
-
type?: 'button' | 'submit' | 'reset';
|
|
23
|
-
/** Classes CSS supplémentaires */
|
|
24
|
-
className?: string;
|
|
25
|
-
}
|
|
26
|
-
declare const Button: React.FC<ButtonProps>;
|
|
27
|
-
export default Button;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IconName } from '../Icon/Icon';
|
|
3
|
+
import './Button.css';
|
|
4
|
+
export interface ButtonProps {
|
|
5
|
+
/** Variant du bouton */
|
|
6
|
+
variant?: 'primary' | 'secondary' | 'outline' | 'outline-primary' | 'outline-secondary';
|
|
7
|
+
/** Taille du bouton */
|
|
8
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
9
|
+
/** Contenu du bouton */
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
/** Icône affichée avant le libellé */
|
|
12
|
+
leadingIcon?: IconName;
|
|
13
|
+
/** Icône affichée après le libellé */
|
|
14
|
+
trailingIcon?: IconName;
|
|
15
|
+
/** Taille des icônes */
|
|
16
|
+
iconSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
17
|
+
/** État désactivé */
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
/** Handler de clic */
|
|
20
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
21
|
+
/** Type de bouton */
|
|
22
|
+
type?: 'button' | 'submit' | 'reset';
|
|
23
|
+
/** Classes CSS supplémentaires */
|
|
24
|
+
className?: string;
|
|
25
|
+
}
|
|
26
|
+
declare const Button: React.FC<ButtonProps>;
|
|
27
|
+
export default Button;
|
|
@@ -1,35 +1,35 @@
|
|
|
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
|
-
import './Button.css';
|
|
15
|
-
var Button = function (_a) {
|
|
16
|
-
var _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, children = _a.children, leadingIcon = _a.leadingIcon, trailingIcon = _a.trailingIcon, _d = _a.iconSize, iconSize = _d === void 0 ? 'sm' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, onClick = _a.onClick, _f = _a.type, type = _f === void 0 ? 'button' : _f, _g = _a.className, className = _g === void 0 ? '' : _g;
|
|
17
|
-
var baseClasses = 'button';
|
|
18
|
-
var normalizedVariant = variant === 'outline' ? 'outline-primary' : variant;
|
|
19
|
-
var variantClass = "button--".concat(normalizedVariant);
|
|
20
|
-
var sizeClass = "button--".concat(size);
|
|
21
|
-
var disabledClass = disabled ? 'button--disabled' : '';
|
|
22
|
-
var buttonClasses = [
|
|
23
|
-
baseClasses,
|
|
24
|
-
variantClass,
|
|
25
|
-
sizeClass,
|
|
26
|
-
disabledClass,
|
|
27
|
-
className,
|
|
28
|
-
]
|
|
29
|
-
.filter(Boolean)
|
|
30
|
-
.join(' ');
|
|
31
|
-
var hasLeadingIcon = Boolean(leadingIcon);
|
|
32
|
-
var hasTrailingIcon = Boolean(trailingIcon);
|
|
33
|
-
return (_jsxs("button", __assign({ type: type, className: buttonClasses, disabled: disabled, onClick: onClick }, { children: [hasLeadingIcon && (_jsx("span", __assign({ className: "button__icon button__icon--leading" }, { children: _jsx(Icon, { name: leadingIcon, size: iconSize }) }))), _jsx("span", __assign({ className: "button__label" }, { children: children })), hasTrailingIcon && (_jsx("span", __assign({ className: "button__icon button__icon--trailing" }, { children: _jsx(Icon, { name: trailingIcon, size: iconSize }) })))] })));
|
|
34
|
-
};
|
|
35
|
-
export default Button;
|
|
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
|
+
import './Button.css';
|
|
15
|
+
var Button = function (_a) {
|
|
16
|
+
var _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, children = _a.children, leadingIcon = _a.leadingIcon, trailingIcon = _a.trailingIcon, _d = _a.iconSize, iconSize = _d === void 0 ? 'sm' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, onClick = _a.onClick, _f = _a.type, type = _f === void 0 ? 'button' : _f, _g = _a.className, className = _g === void 0 ? '' : _g;
|
|
17
|
+
var baseClasses = 'button';
|
|
18
|
+
var normalizedVariant = variant === 'outline' ? 'outline-primary' : variant;
|
|
19
|
+
var variantClass = "button--".concat(normalizedVariant);
|
|
20
|
+
var sizeClass = "button--".concat(size);
|
|
21
|
+
var disabledClass = disabled ? 'button--disabled' : '';
|
|
22
|
+
var buttonClasses = [
|
|
23
|
+
baseClasses,
|
|
24
|
+
variantClass,
|
|
25
|
+
sizeClass,
|
|
26
|
+
disabledClass,
|
|
27
|
+
className,
|
|
28
|
+
]
|
|
29
|
+
.filter(Boolean)
|
|
30
|
+
.join(' ');
|
|
31
|
+
var hasLeadingIcon = Boolean(leadingIcon);
|
|
32
|
+
var hasTrailingIcon = Boolean(trailingIcon);
|
|
33
|
+
return (_jsxs("button", __assign({ type: type, className: buttonClasses, disabled: disabled, onClick: onClick }, { children: [hasLeadingIcon && (_jsx("span", __assign({ className: "button__icon button__icon--leading" }, { children: _jsx(Icon, { name: leadingIcon, size: iconSize }) }))), _jsx("span", __assign({ className: "button__label" }, { children: children })), hasTrailingIcon && (_jsx("span", __assign({ className: "button__icon button__icon--trailing" }, { children: _jsx(Icon, { name: trailingIcon, size: iconSize }) })))] })));
|
|
34
|
+
};
|
|
35
|
+
export default Button;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface CheckboxProps {
|
|
3
|
-
checked?: boolean;
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
error?: boolean;
|
|
6
|
-
label?: string;
|
|
7
|
-
onChange?: (checked: boolean) => void;
|
|
8
|
-
className?: string;
|
|
9
|
-
id?: string;
|
|
10
|
-
leadingContent?: React.ReactNode;
|
|
11
|
-
}
|
|
12
|
-
declare const Checkbox: React.FC<CheckboxProps>;
|
|
13
|
-
export default Checkbox;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface CheckboxProps {
|
|
3
|
+
checked?: boolean;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
error?: boolean;
|
|
6
|
+
label?: string;
|
|
7
|
+
onChange?: (checked: boolean) => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
id?: string;
|
|
10
|
+
leadingContent?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
declare const Checkbox: React.FC<CheckboxProps>;
|
|
13
|
+
export default Checkbox;
|
|
@@ -1,39 +1,39 @@
|
|
|
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 Check from '../Icon/icons/Check';
|
|
14
|
-
var Checkbox = function (_a) {
|
|
15
|
-
var _b = _a.checked, checked = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.error, error = _d === void 0 ? false : _d, label = _a.label, onChange = _a.onChange, _e = _a.className, className = _e === void 0 ? '' : _e, id = _a.id, leadingContent = _a.leadingContent;
|
|
16
|
-
var handleChange = function (e) {
|
|
17
|
-
if (!disabled && onChange) {
|
|
18
|
-
onChange(e.target.checked);
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
var handleLabelClick = function (e) {
|
|
22
|
-
if (!disabled && onChange) {
|
|
23
|
-
e.preventDefault();
|
|
24
|
-
onChange(!checked);
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
var getStateClasses = function () {
|
|
28
|
-
if (disabled)
|
|
29
|
-
return 'checkbox--disabled';
|
|
30
|
-
if (error)
|
|
31
|
-
return 'checkbox--error';
|
|
32
|
-
if (checked)
|
|
33
|
-
return 'checkbox--checked';
|
|
34
|
-
return 'checkbox--default';
|
|
35
|
-
};
|
|
36
|
-
var checkboxId = id || "checkbox-".concat(Math.random().toString(36).substr(2, 9));
|
|
37
|
-
return (_jsx("div", __assign({ className: "checkbox-container ".concat(getStateClasses(), " ").concat(className) }, { children: _jsxs("label", __assign({ htmlFor: checkboxId, className: "checkbox-label", onClick: handleLabelClick }, { children: [_jsx("input", { type: "checkbox", id: checkboxId, checked: checked, disabled: disabled, onChange: handleChange, className: "checkbox-input", readOnly: true }), _jsx("div", __assign({ className: "checkbox-button" }, { children: _jsx("div", __assign({ className: "checkbox-touch-target" }, { children: _jsx("div", __assign({ className: "checkbox-box" }, { children: checked && (_jsx(Check, { size: "sm", className: "checkbox-icon" })) })) })) })), leadingContent && (_jsx("span", __assign({ className: "checkbox-leading" }, { children: leadingContent }))), label && (_jsx("span", __assign({ className: "checkbox-text" }, { children: label })))] })) })));
|
|
38
|
-
};
|
|
39
|
-
export default Checkbox;
|
|
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 Check from '../Icon/icons/Check';
|
|
14
|
+
var Checkbox = function (_a) {
|
|
15
|
+
var _b = _a.checked, checked = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.error, error = _d === void 0 ? false : _d, label = _a.label, onChange = _a.onChange, _e = _a.className, className = _e === void 0 ? '' : _e, id = _a.id, leadingContent = _a.leadingContent;
|
|
16
|
+
var handleChange = function (e) {
|
|
17
|
+
if (!disabled && onChange) {
|
|
18
|
+
onChange(e.target.checked);
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
var handleLabelClick = function (e) {
|
|
22
|
+
if (!disabled && onChange) {
|
|
23
|
+
e.preventDefault();
|
|
24
|
+
onChange(!checked);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
var getStateClasses = function () {
|
|
28
|
+
if (disabled)
|
|
29
|
+
return 'checkbox--disabled';
|
|
30
|
+
if (error)
|
|
31
|
+
return 'checkbox--error';
|
|
32
|
+
if (checked)
|
|
33
|
+
return 'checkbox--checked';
|
|
34
|
+
return 'checkbox--default';
|
|
35
|
+
};
|
|
36
|
+
var checkboxId = id || "checkbox-".concat(Math.random().toString(36).substr(2, 9));
|
|
37
|
+
return (_jsx("div", __assign({ className: "checkbox-container ".concat(getStateClasses(), " ").concat(className) }, { children: _jsxs("label", __assign({ htmlFor: checkboxId, className: "checkbox-label", onClick: handleLabelClick }, { children: [_jsx("input", { type: "checkbox", id: checkboxId, checked: checked, disabled: disabled, onChange: handleChange, className: "checkbox-input", readOnly: true }), _jsx("div", __assign({ className: "checkbox-button" }, { children: _jsx("div", __assign({ className: "checkbox-touch-target" }, { children: _jsx("div", __assign({ className: "checkbox-box" }, { children: checked && (_jsx(Check, { size: "sm", className: "checkbox-icon" })) })) })) })), leadingContent && (_jsx("span", __assign({ className: "checkbox-leading" }, { children: leadingContent }))), label && (_jsx("span", __assign({ className: "checkbox-text" }, { children: label })))] })) })));
|
|
38
|
+
};
|
|
39
|
+
export default Checkbox;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export type IconName = "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "check" | "close" | "search" | "user" | "user-icon" | "calendar" | 'calendar-outline' | "arrival" | "departure" | "map-pin" | "delete" | "eye" | "info" | "check-circle" | "stroller" | "chevron-down-new" | "car" | "more" | "settings" | "menu" | "mautourcoLogo" | "youtube" | "facebook" | "linkedin" | "twitter" | "plus" | "minus" | "home" | "plane" | "ship" | "building";
|
|
3
|
-
interface IconProps {
|
|
4
|
-
name: IconName;
|
|
5
|
-
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
6
|
-
className?: string;
|
|
7
|
-
color?: string;
|
|
8
|
-
}
|
|
9
|
-
declare const Icon: React.FC<IconProps>;
|
|
10
|
-
export default Icon;
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type IconName = "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "check" | "close" | "search" | "user" | "user-icon" | "calendar" | 'calendar-outline' | "arrival" | "departure" | "map-pin" | "delete" | "eye" | "info" | "check-circle" | "stroller" | "chevron-down-new" | "car" | "more" | "settings" | "menu" | "mautourcoLogo" | "youtube" | "facebook" | "linkedin" | "twitter" | "plus" | "minus" | "home" | "plane" | "ship" | "building";
|
|
3
|
+
interface IconProps {
|
|
4
|
+
name: IconName;
|
|
5
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
6
|
+
className?: string;
|
|
7
|
+
color?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const Icon: React.FC<IconProps>;
|
|
10
|
+
export default Icon;
|
|
@@ -1,123 +1,123 @@
|
|
|
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 } from "react/jsx-runtime";
|
|
13
|
-
import Chevron from "./icons/Chevron";
|
|
14
|
-
import Check from "./icons/Check";
|
|
15
|
-
import Close from "./icons/Close";
|
|
16
|
-
import Search from "./icons/Search";
|
|
17
|
-
import User from "./icons/User";
|
|
18
|
-
import UserIcon from "./icons/UserIcon";
|
|
19
|
-
import CalendarIcon from "./icons/CalendarIcon";
|
|
20
|
-
import ArrivalIcon from "./icons/ArrivalIcon";
|
|
21
|
-
import DepartureIcon from "./icons/DepartureIcon";
|
|
22
|
-
import MapPinIcon from "./icons/MapPinIcon";
|
|
23
|
-
import DeleteIcon from "./icons/DeleteIcon";
|
|
24
|
-
import EyeIcon from "./icons/EyeIcon";
|
|
25
|
-
import InfoIcon from "./icons/InfoIcon";
|
|
26
|
-
import CheckCircleIcon from "./icons/CheckCircleIcon";
|
|
27
|
-
import StrollerIcon from "./icons/StrollerIcon";
|
|
28
|
-
import ChevronDownIcon from "./icons/ChevronDownIcon";
|
|
29
|
-
import CarIcon from "./icons/CarIcon";
|
|
30
|
-
import MoreIcon from "./icons/MoreIcon";
|
|
31
|
-
import Settings from "./icons/Settings";
|
|
32
|
-
import MenuIcon from "./icons/MenuIcon";
|
|
33
|
-
import MautourcoLogo from "./icons/MautoucoLogo";
|
|
34
|
-
import YouTubeIcon from "./icons/Youtube";
|
|
35
|
-
import FacebookIcon from "./icons/FacebookIcon";
|
|
36
|
-
import TwitterIcon from "./icons/TwitterIcon";
|
|
37
|
-
import LinkedInIcon from "./icons/LinkedInIcon";
|
|
38
|
-
import CalendarOutlineIcon from "./icons/CalendarOutlineIcon";
|
|
39
|
-
import PlusIcon from "./icons/PlusIcon";
|
|
40
|
-
import MinusIcon from "./icons/MinusIcon";
|
|
41
|
-
import HomeIcon from "./icons/HomeIcon";
|
|
42
|
-
import PlaneIcon from "./icons/PlaneIcon";
|
|
43
|
-
import ShipIcon from "./icons/ShipIcon";
|
|
44
|
-
import BuildingIcon from "./icons/BuildingIcon";
|
|
45
|
-
var Icon = function (_a) {
|
|
46
|
-
var name = _a.name, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.className, className = _c === void 0 ? "" : _c, color = _a.color;
|
|
47
|
-
var iconProps = { size: size, className: className, color: color };
|
|
48
|
-
switch (name) {
|
|
49
|
-
case "chevron-down":
|
|
50
|
-
return _jsx(Chevron, __assign({ direction: "down" }, iconProps));
|
|
51
|
-
case "chevron-up":
|
|
52
|
-
return _jsx(Chevron, __assign({ direction: "up" }, iconProps));
|
|
53
|
-
case "chevron-left":
|
|
54
|
-
return _jsx(Chevron, __assign({ direction: "left" }, iconProps));
|
|
55
|
-
case "chevron-right":
|
|
56
|
-
return _jsx(Chevron, __assign({ direction: "right" }, iconProps));
|
|
57
|
-
case "check":
|
|
58
|
-
return _jsx(Check, __assign({}, iconProps));
|
|
59
|
-
case "close":
|
|
60
|
-
return _jsx(Close, __assign({}, iconProps));
|
|
61
|
-
case "search":
|
|
62
|
-
return _jsx(Search, __assign({}, iconProps));
|
|
63
|
-
case "user":
|
|
64
|
-
return _jsx(User, __assign({}, iconProps));
|
|
65
|
-
case "user-icon":
|
|
66
|
-
return _jsx(UserIcon, __assign({}, iconProps));
|
|
67
|
-
case "calendar":
|
|
68
|
-
return _jsx(CalendarIcon, __assign({}, iconProps));
|
|
69
|
-
case 'calendar-outline':
|
|
70
|
-
return _jsx(CalendarOutlineIcon, __assign({}, iconProps));
|
|
71
|
-
case 'arrival':
|
|
72
|
-
return _jsx(ArrivalIcon, __assign({}, iconProps));
|
|
73
|
-
case "departure":
|
|
74
|
-
return _jsx(DepartureIcon, __assign({}, iconProps));
|
|
75
|
-
case "map-pin":
|
|
76
|
-
return _jsx(MapPinIcon, __assign({}, iconProps));
|
|
77
|
-
case "delete":
|
|
78
|
-
return _jsx(DeleteIcon, __assign({}, iconProps));
|
|
79
|
-
case "eye":
|
|
80
|
-
return _jsx(EyeIcon, __assign({}, iconProps));
|
|
81
|
-
case "info":
|
|
82
|
-
return _jsx(InfoIcon, __assign({}, iconProps));
|
|
83
|
-
case "check-circle":
|
|
84
|
-
return _jsx(CheckCircleIcon, __assign({}, iconProps));
|
|
85
|
-
case "stroller":
|
|
86
|
-
return _jsx(StrollerIcon, __assign({}, iconProps));
|
|
87
|
-
case "chevron-down-new":
|
|
88
|
-
return _jsx(ChevronDownIcon, __assign({}, iconProps));
|
|
89
|
-
case "car":
|
|
90
|
-
return _jsx(CarIcon, __assign({}, iconProps));
|
|
91
|
-
case "more":
|
|
92
|
-
return _jsx(MoreIcon, __assign({}, iconProps));
|
|
93
|
-
case "settings":
|
|
94
|
-
return _jsx(Settings, __assign({}, iconProps));
|
|
95
|
-
case "menu":
|
|
96
|
-
return _jsx(MenuIcon, __assign({}, iconProps));
|
|
97
|
-
case "mautourcoLogo":
|
|
98
|
-
return _jsx(MautourcoLogo, __assign({}, iconProps));
|
|
99
|
-
case "youtube":
|
|
100
|
-
return _jsx(YouTubeIcon, __assign({}, iconProps));
|
|
101
|
-
case "facebook":
|
|
102
|
-
return _jsx(FacebookIcon, __assign({}, iconProps));
|
|
103
|
-
case "twitter":
|
|
104
|
-
return _jsx(TwitterIcon, __assign({}, iconProps));
|
|
105
|
-
case "linkedin":
|
|
106
|
-
return _jsx(LinkedInIcon, __assign({}, iconProps));
|
|
107
|
-
case "plus":
|
|
108
|
-
return _jsx(PlusIcon, __assign({}, iconProps));
|
|
109
|
-
case "minus":
|
|
110
|
-
return _jsx(MinusIcon, __assign({}, iconProps));
|
|
111
|
-
case "home":
|
|
112
|
-
return _jsx(HomeIcon, __assign({}, iconProps));
|
|
113
|
-
case "plane":
|
|
114
|
-
return _jsx(PlaneIcon, __assign({}, iconProps));
|
|
115
|
-
case "ship":
|
|
116
|
-
return _jsx(ShipIcon, __assign({}, iconProps));
|
|
117
|
-
case "building":
|
|
118
|
-
return _jsx(BuildingIcon, __assign({}, iconProps));
|
|
119
|
-
default:
|
|
120
|
-
return null;
|
|
121
|
-
}
|
|
122
|
-
};
|
|
123
|
-
export default Icon;
|
|
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 } from "react/jsx-runtime";
|
|
13
|
+
import Chevron from "./icons/Chevron";
|
|
14
|
+
import Check from "./icons/Check";
|
|
15
|
+
import Close from "./icons/Close";
|
|
16
|
+
import Search from "./icons/Search";
|
|
17
|
+
import User from "./icons/User";
|
|
18
|
+
import UserIcon from "./icons/UserIcon";
|
|
19
|
+
import CalendarIcon from "./icons/CalendarIcon";
|
|
20
|
+
import ArrivalIcon from "./icons/ArrivalIcon";
|
|
21
|
+
import DepartureIcon from "./icons/DepartureIcon";
|
|
22
|
+
import MapPinIcon from "./icons/MapPinIcon";
|
|
23
|
+
import DeleteIcon from "./icons/DeleteIcon";
|
|
24
|
+
import EyeIcon from "./icons/EyeIcon";
|
|
25
|
+
import InfoIcon from "./icons/InfoIcon";
|
|
26
|
+
import CheckCircleIcon from "./icons/CheckCircleIcon";
|
|
27
|
+
import StrollerIcon from "./icons/StrollerIcon";
|
|
28
|
+
import ChevronDownIcon from "./icons/ChevronDownIcon";
|
|
29
|
+
import CarIcon from "./icons/CarIcon";
|
|
30
|
+
import MoreIcon from "./icons/MoreIcon";
|
|
31
|
+
import Settings from "./icons/Settings";
|
|
32
|
+
import MenuIcon from "./icons/MenuIcon";
|
|
33
|
+
import MautourcoLogo from "./icons/MautoucoLogo";
|
|
34
|
+
import YouTubeIcon from "./icons/Youtube";
|
|
35
|
+
import FacebookIcon from "./icons/FacebookIcon";
|
|
36
|
+
import TwitterIcon from "./icons/TwitterIcon";
|
|
37
|
+
import LinkedInIcon from "./icons/LinkedInIcon";
|
|
38
|
+
import CalendarOutlineIcon from "./icons/CalendarOutlineIcon";
|
|
39
|
+
import PlusIcon from "./icons/PlusIcon";
|
|
40
|
+
import MinusIcon from "./icons/MinusIcon";
|
|
41
|
+
import HomeIcon from "./icons/HomeIcon";
|
|
42
|
+
import PlaneIcon from "./icons/PlaneIcon";
|
|
43
|
+
import ShipIcon from "./icons/ShipIcon";
|
|
44
|
+
import BuildingIcon from "./icons/BuildingIcon";
|
|
45
|
+
var Icon = function (_a) {
|
|
46
|
+
var name = _a.name, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.className, className = _c === void 0 ? "" : _c, color = _a.color;
|
|
47
|
+
var iconProps = { size: size, className: className, color: color };
|
|
48
|
+
switch (name) {
|
|
49
|
+
case "chevron-down":
|
|
50
|
+
return _jsx(Chevron, __assign({ direction: "down" }, iconProps));
|
|
51
|
+
case "chevron-up":
|
|
52
|
+
return _jsx(Chevron, __assign({ direction: "up" }, iconProps));
|
|
53
|
+
case "chevron-left":
|
|
54
|
+
return _jsx(Chevron, __assign({ direction: "left" }, iconProps));
|
|
55
|
+
case "chevron-right":
|
|
56
|
+
return _jsx(Chevron, __assign({ direction: "right" }, iconProps));
|
|
57
|
+
case "check":
|
|
58
|
+
return _jsx(Check, __assign({}, iconProps));
|
|
59
|
+
case "close":
|
|
60
|
+
return _jsx(Close, __assign({}, iconProps));
|
|
61
|
+
case "search":
|
|
62
|
+
return _jsx(Search, __assign({}, iconProps));
|
|
63
|
+
case "user":
|
|
64
|
+
return _jsx(User, __assign({}, iconProps));
|
|
65
|
+
case "user-icon":
|
|
66
|
+
return _jsx(UserIcon, __assign({}, iconProps));
|
|
67
|
+
case "calendar":
|
|
68
|
+
return _jsx(CalendarIcon, __assign({}, iconProps));
|
|
69
|
+
case 'calendar-outline':
|
|
70
|
+
return _jsx(CalendarOutlineIcon, __assign({}, iconProps));
|
|
71
|
+
case 'arrival':
|
|
72
|
+
return _jsx(ArrivalIcon, __assign({}, iconProps));
|
|
73
|
+
case "departure":
|
|
74
|
+
return _jsx(DepartureIcon, __assign({}, iconProps));
|
|
75
|
+
case "map-pin":
|
|
76
|
+
return _jsx(MapPinIcon, __assign({}, iconProps));
|
|
77
|
+
case "delete":
|
|
78
|
+
return _jsx(DeleteIcon, __assign({}, iconProps));
|
|
79
|
+
case "eye":
|
|
80
|
+
return _jsx(EyeIcon, __assign({}, iconProps));
|
|
81
|
+
case "info":
|
|
82
|
+
return _jsx(InfoIcon, __assign({}, iconProps));
|
|
83
|
+
case "check-circle":
|
|
84
|
+
return _jsx(CheckCircleIcon, __assign({}, iconProps));
|
|
85
|
+
case "stroller":
|
|
86
|
+
return _jsx(StrollerIcon, __assign({}, iconProps));
|
|
87
|
+
case "chevron-down-new":
|
|
88
|
+
return _jsx(ChevronDownIcon, __assign({}, iconProps));
|
|
89
|
+
case "car":
|
|
90
|
+
return _jsx(CarIcon, __assign({}, iconProps));
|
|
91
|
+
case "more":
|
|
92
|
+
return _jsx(MoreIcon, __assign({}, iconProps));
|
|
93
|
+
case "settings":
|
|
94
|
+
return _jsx(Settings, __assign({}, iconProps));
|
|
95
|
+
case "menu":
|
|
96
|
+
return _jsx(MenuIcon, __assign({}, iconProps));
|
|
97
|
+
case "mautourcoLogo":
|
|
98
|
+
return _jsx(MautourcoLogo, __assign({}, iconProps));
|
|
99
|
+
case "youtube":
|
|
100
|
+
return _jsx(YouTubeIcon, __assign({}, iconProps));
|
|
101
|
+
case "facebook":
|
|
102
|
+
return _jsx(FacebookIcon, __assign({}, iconProps));
|
|
103
|
+
case "twitter":
|
|
104
|
+
return _jsx(TwitterIcon, __assign({}, iconProps));
|
|
105
|
+
case "linkedin":
|
|
106
|
+
return _jsx(LinkedInIcon, __assign({}, iconProps));
|
|
107
|
+
case "plus":
|
|
108
|
+
return _jsx(PlusIcon, __assign({}, iconProps));
|
|
109
|
+
case "minus":
|
|
110
|
+
return _jsx(MinusIcon, __assign({}, iconProps));
|
|
111
|
+
case "home":
|
|
112
|
+
return _jsx(HomeIcon, __assign({}, iconProps));
|
|
113
|
+
case "plane":
|
|
114
|
+
return _jsx(PlaneIcon, __assign({}, iconProps));
|
|
115
|
+
case "ship":
|
|
116
|
+
return _jsx(ShipIcon, __assign({}, iconProps));
|
|
117
|
+
case "building":
|
|
118
|
+
return _jsx(BuildingIcon, __assign({}, iconProps));
|
|
119
|
+
default:
|
|
120
|
+
return null;
|
|
121
|
+
}
|
|
122
|
+
};
|
|
123
|
+
export default Icon;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface ArrivalIconProps {
|
|
3
|
-
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
-
className?: string;
|
|
5
|
-
color?: string;
|
|
6
|
-
}
|
|
7
|
-
declare const ArrivalIcon: React.FC<ArrivalIconProps>;
|
|
8
|
-
export default ArrivalIcon;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface ArrivalIconProps {
|
|
3
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
+
className?: string;
|
|
5
|
+
color?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const ArrivalIcon: React.FC<ArrivalIconProps>;
|
|
8
|
+
export default ArrivalIcon;
|
|
@@ -1,31 +1,31 @@
|
|
|
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
|
-
var ArrivalIcon = function (_a) {
|
|
14
|
-
var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, color = _a.color;
|
|
15
|
-
var getSizeClasses = function () {
|
|
16
|
-
switch (size) {
|
|
17
|
-
case 'xs': return 'w-3 h-3';
|
|
18
|
-
case 'sm': return 'w-4 h-4';
|
|
19
|
-
case 'md': return 'w-5 h-5';
|
|
20
|
-
case 'lg': return 'w-6 h-6';
|
|
21
|
-
case 'xl': return 'w-8 h-8';
|
|
22
|
-
default: return 'w-5 h-5';
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
// Base viewBox covers both plane and baseline
|
|
26
|
-
var sizeClasses = getSizeClasses();
|
|
27
|
-
var colorClass = color ? "text-".concat(color) : 'text-current';
|
|
28
|
-
var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
|
|
29
|
-
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M8.61046 1.06519C8.82677 1.38315 8.95172 1.75476 8.96985 2.13883L9.14241 5.47813L9.1424 5.48576C9.1471 5.59416 9.18213 5.69947 9.24321 5.78917C9.30439 5.87888 9.38987 5.94968 9.48914 5.9937L9.49114 5.99458L12.3255 7.26408L12.5211 7.36061C12.9036 7.57143 13.2202 7.88435 13.4351 8.26453L13.5335 8.45952L13.5364 8.46603L13.8064 9.08336C13.9069 9.30978 13.9559 9.555 13.9504 9.80272C13.9449 10.0525 13.8835 10.2979 13.7713 10.5212C13.659 10.7447 13.498 10.9412 13.3006 11.0947C13.1057 11.2463 12.8793 11.3511 12.6385 11.4056L12.639 11.4078L12.0869 11.5361C11.5998 11.6497 11.0835 11.6092 10.6107 11.406L10.6027 11.4024L1.86857 7.52809C1.52107 7.3737 1.22329 7.12683 1.0067 6.81696C0.966794 6.77487 0.930689 6.72861 0.90107 6.67747L0.101396 5.29664C-0.0184861 5.08962 -0.0324841 4.83735 0.0638278 4.61837L1.26385 1.88991C1.43061 1.51075 1.87397 1.33858 2.25314 1.50534L3.00271 1.83502C3.30041 1.96515 3.56325 2.16333 3.77081 2.41331C3.92688 2.60133 4.04874 2.81484 4.13044 3.04381L4.19826 3.27689L4.20767 3.32492L4.22324 3.4186C4.2445 3.50286 4.28365 3.58156 4.3392 3.64852C4.39743 3.71867 4.4715 3.77429 4.55507 3.81073L4.56444 3.81438L4.63703 3.84678L6.13231 0.448073C6.21232 0.266158 6.36131 0.123199 6.54646 0.0510128C6.73183 -0.0211105 6.93952 -0.0165731 7.1216 0.0635088L7.73925 0.335162C8.09167 0.492892 8.39324 0.745985 8.61046 1.06519ZM7.37046 1.90915C7.32544 1.84298 7.26771 1.78679 7.20061 1.74427L5.70506 5.14573C5.62443 5.32903 5.47367 5.47215 5.28667 5.54378C5.09961 5.61541 4.89164 5.6095 4.70916 5.52691L3.95523 5.18434L3.9551 5.18572C3.65673 5.05555 3.39292 4.85703 3.18501 4.60655C2.9771 4.35603 2.83052 4.06025 2.75756 3.74297C2.75392 3.72716 2.75075 3.71096 2.74815 3.69494L2.73246 3.59501C2.71083 3.51301 2.67087 3.43671 2.61662 3.37134C2.55855 3.30146 2.48536 3.24566 2.40212 3.20925L2.39874 3.20825L2.33553 3.17949L1.59002 4.87453L2.1285 5.8046C2.15834 5.8393 2.18558 5.87656 2.20893 5.91679C2.27056 6.02298 2.36437 6.10671 2.47654 6.15663L11.2034 10.0268C11.377 10.1014 11.5654 10.1173 11.7461 10.0751L12.3068 9.94482C12.3334 9.93896 12.3585 9.92741 12.38 9.9107C12.4014 9.89403 12.4186 9.87241 12.4309 9.84816C12.4431 9.82382 12.4501 9.79678 12.4507 9.76955C12.4512 9.74235 12.4456 9.71519 12.4344 9.69037L12.4316 9.68386L12.1639 9.07092C12.0764 8.87771 11.92 8.72384 11.7255 8.63906L11.7189 8.63568L8.87855 7.36354C8.52458 7.20605 8.2213 6.95338 8.00322 6.63313C7.78468 6.3122 7.6599 5.93628 7.64347 5.54836L7.47164 2.21606L7.4714 2.21119C7.46656 2.10317 7.43127 1.99855 7.37046 1.90915Z", fill: "currentColor" }), _jsx("path", { d: "M14.083 0C14.4972 0 14.833 0.335825 14.833 0.75C14.833 1.16421 14.4972 1.5 14.083 1.5H0.75C0.335786 1.5 0 1.16421 0 0.75C4.48366e-05 0.335825 0.335814 0 0.75 0H14.083Z", transform: "translate(0 13)", fill: "currentColor" })] })));
|
|
30
|
-
};
|
|
31
|
-
export default ArrivalIcon;
|
|
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
|
+
var ArrivalIcon = function (_a) {
|
|
14
|
+
var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, color = _a.color;
|
|
15
|
+
var getSizeClasses = function () {
|
|
16
|
+
switch (size) {
|
|
17
|
+
case 'xs': return 'w-3 h-3';
|
|
18
|
+
case 'sm': return 'w-4 h-4';
|
|
19
|
+
case 'md': return 'w-5 h-5';
|
|
20
|
+
case 'lg': return 'w-6 h-6';
|
|
21
|
+
case 'xl': return 'w-8 h-8';
|
|
22
|
+
default: return 'w-5 h-5';
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
// Base viewBox covers both plane and baseline
|
|
26
|
+
var sizeClasses = getSizeClasses();
|
|
27
|
+
var colorClass = color ? "text-".concat(color) : 'text-current';
|
|
28
|
+
var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
|
|
29
|
+
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M8.61046 1.06519C8.82677 1.38315 8.95172 1.75476 8.96985 2.13883L9.14241 5.47813L9.1424 5.48576C9.1471 5.59416 9.18213 5.69947 9.24321 5.78917C9.30439 5.87888 9.38987 5.94968 9.48914 5.9937L9.49114 5.99458L12.3255 7.26408L12.5211 7.36061C12.9036 7.57143 13.2202 7.88435 13.4351 8.26453L13.5335 8.45952L13.5364 8.46603L13.8064 9.08336C13.9069 9.30978 13.9559 9.555 13.9504 9.80272C13.9449 10.0525 13.8835 10.2979 13.7713 10.5212C13.659 10.7447 13.498 10.9412 13.3006 11.0947C13.1057 11.2463 12.8793 11.3511 12.6385 11.4056L12.639 11.4078L12.0869 11.5361C11.5998 11.6497 11.0835 11.6092 10.6107 11.406L10.6027 11.4024L1.86857 7.52809C1.52107 7.3737 1.22329 7.12683 1.0067 6.81696C0.966794 6.77487 0.930689 6.72861 0.90107 6.67747L0.101396 5.29664C-0.0184861 5.08962 -0.0324841 4.83735 0.0638278 4.61837L1.26385 1.88991C1.43061 1.51075 1.87397 1.33858 2.25314 1.50534L3.00271 1.83502C3.30041 1.96515 3.56325 2.16333 3.77081 2.41331C3.92688 2.60133 4.04874 2.81484 4.13044 3.04381L4.19826 3.27689L4.20767 3.32492L4.22324 3.4186C4.2445 3.50286 4.28365 3.58156 4.3392 3.64852C4.39743 3.71867 4.4715 3.77429 4.55507 3.81073L4.56444 3.81438L4.63703 3.84678L6.13231 0.448073C6.21232 0.266158 6.36131 0.123199 6.54646 0.0510128C6.73183 -0.0211105 6.93952 -0.0165731 7.1216 0.0635088L7.73925 0.335162C8.09167 0.492892 8.39324 0.745985 8.61046 1.06519ZM7.37046 1.90915C7.32544 1.84298 7.26771 1.78679 7.20061 1.74427L5.70506 5.14573C5.62443 5.32903 5.47367 5.47215 5.28667 5.54378C5.09961 5.61541 4.89164 5.6095 4.70916 5.52691L3.95523 5.18434L3.9551 5.18572C3.65673 5.05555 3.39292 4.85703 3.18501 4.60655C2.9771 4.35603 2.83052 4.06025 2.75756 3.74297C2.75392 3.72716 2.75075 3.71096 2.74815 3.69494L2.73246 3.59501C2.71083 3.51301 2.67087 3.43671 2.61662 3.37134C2.55855 3.30146 2.48536 3.24566 2.40212 3.20925L2.39874 3.20825L2.33553 3.17949L1.59002 4.87453L2.1285 5.8046C2.15834 5.8393 2.18558 5.87656 2.20893 5.91679C2.27056 6.02298 2.36437 6.10671 2.47654 6.15663L11.2034 10.0268C11.377 10.1014 11.5654 10.1173 11.7461 10.0751L12.3068 9.94482C12.3334 9.93896 12.3585 9.92741 12.38 9.9107C12.4014 9.89403 12.4186 9.87241 12.4309 9.84816C12.4431 9.82382 12.4501 9.79678 12.4507 9.76955C12.4512 9.74235 12.4456 9.71519 12.4344 9.69037L12.4316 9.68386L12.1639 9.07092C12.0764 8.87771 11.92 8.72384 11.7255 8.63906L11.7189 8.63568L8.87855 7.36354C8.52458 7.20605 8.2213 6.95338 8.00322 6.63313C7.78468 6.3122 7.6599 5.93628 7.64347 5.54836L7.47164 2.21606L7.4714 2.21119C7.46656 2.10317 7.43127 1.99855 7.37046 1.90915Z", fill: "currentColor" }), _jsx("path", { d: "M14.083 0C14.4972 0 14.833 0.335825 14.833 0.75C14.833 1.16421 14.4972 1.5 14.083 1.5H0.75C0.335786 1.5 0 1.16421 0 0.75C4.48366e-05 0.335825 0.335814 0 0.75 0H14.083Z", transform: "translate(0 13)", fill: "currentColor" })] })));
|
|
30
|
+
};
|
|
31
|
+
export default ArrivalIcon;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface BuildingIconProps {
|
|
3
|
-
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
4
|
-
className?: string;
|
|
5
|
-
color?: string;
|
|
6
|
-
}
|
|
7
|
-
declare const BuildingIcon: React.FC<BuildingIconProps>;
|
|
8
|
-
export default BuildingIcon;
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface BuildingIconProps {
|
|
3
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
4
|
+
className?: string;
|
|
5
|
+
color?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const BuildingIcon: React.FC<BuildingIconProps>;
|
|
8
|
+
export default BuildingIcon;
|