allaw-ui 5.4.1 → 5.4.3

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.
Files changed (202) hide show
  1. package/dist/components/atoms/buttons/ActionButton.d.ts +1 -1
  2. package/dist/components/atoms/buttons/ActionButton.js +2 -2
  3. package/dist/components/molecules/proSwitch/ProSwitchModal.js +0 -2
  4. package/package.json +12 -19
  5. package/dist/components/atoms/buttons/ActionButton.stories.d.ts +0 -110
  6. package/dist/components/atoms/buttons/ActionButton.stories.js +0 -171
  7. package/dist/components/atoms/buttons/ActionCircleButton.stories.d.ts +0 -35
  8. package/dist/components/atoms/buttons/ActionCircleButton.stories.js +0 -54
  9. package/dist/components/atoms/buttons/AgendaSlot.stories.d.ts +0 -41
  10. package/dist/components/atoms/buttons/AgendaSlot.stories.js +0 -77
  11. package/dist/components/atoms/buttons/FavoriteToggle.stories.d.ts +0 -23
  12. package/dist/components/atoms/buttons/FavoriteToggle.stories.js +0 -61
  13. package/dist/components/atoms/buttons/FilterButton.stories.d.ts +0 -36
  14. package/dist/components/atoms/buttons/FilterButton.stories.js +0 -56
  15. package/dist/components/atoms/buttons/FilterButtonPrimary.stories.d.ts +0 -7
  16. package/dist/components/atoms/buttons/FilterButtonPrimary.stories.js +0 -26
  17. package/dist/components/atoms/buttons/GhostButton.stories.d.ts +0 -79
  18. package/dist/components/atoms/buttons/GhostButton.stories.js +0 -95
  19. package/dist/components/atoms/buttons/IconButton.stories.d.ts +0 -51
  20. package/dist/components/atoms/buttons/IconButton.stories.js +0 -100
  21. package/dist/components/atoms/buttons/InboxButton.stories.d.ts +0 -68
  22. package/dist/components/atoms/buttons/InboxButton.stories.js +0 -143
  23. package/dist/components/atoms/buttons/OAuthProviderButton.stories.d.ts +0 -67
  24. package/dist/components/atoms/buttons/OAuthProviderButton.stories.js +0 -168
  25. package/dist/components/atoms/buttons/PendingDocuments.stories.d.ts +0 -52
  26. package/dist/components/atoms/buttons/PendingDocuments.stories.js +0 -67
  27. package/dist/components/atoms/buttons/PrimaryButton.stories.d.ts +0 -121
  28. package/dist/components/atoms/buttons/PrimaryButton.stories.js +0 -187
  29. package/dist/components/atoms/buttons/SecondaryButton.stories.d.ts +0 -97
  30. package/dist/components/atoms/buttons/SecondaryButton.stories.js +0 -177
  31. package/dist/components/atoms/buttons/TabNavigation.stories.d.ts +0 -81
  32. package/dist/components/atoms/buttons/TabNavigation.stories.js +0 -178
  33. package/dist/components/atoms/buttons/TertiaryButton.stories.d.ts +0 -70
  34. package/dist/components/atoms/buttons/TertiaryButton.stories.js +0 -128
  35. package/dist/components/atoms/checkboxes/Checkbox.stories.d.ts +0 -77
  36. package/dist/components/atoms/checkboxes/Checkbox.stories.js +0 -123
  37. package/dist/components/atoms/datepickers/Datepicker.stories.d.ts +0 -167
  38. package/dist/components/atoms/datepickers/Datepicker.stories.js +0 -113
  39. package/dist/components/atoms/featureCard/featureCard.stories.d.ts +0 -21
  40. package/dist/components/atoms/featureCard/featureCard.stories.js +0 -101
  41. package/dist/components/atoms/filter/Filter.stories.d.ts +0 -9
  42. package/dist/components/atoms/filter/Filter.stories.js +0 -77
  43. package/dist/components/atoms/filters/SingleFilter.stories.d.ts +0 -10
  44. package/dist/components/atoms/filters/SingleFilter.stories.js +0 -84
  45. package/dist/components/atoms/inputs/Input.stories.d.ts +0 -85
  46. package/dist/components/atoms/inputs/Input.stories.js +0 -169
  47. package/dist/components/atoms/inputs/SearchBar.stories.d.ts +0 -142
  48. package/dist/components/atoms/inputs/SearchBar.stories.js +0 -197
  49. package/dist/components/atoms/inputs/TextArea.stories.d.ts +0 -95
  50. package/dist/components/atoms/inputs/TextArea.stories.js +0 -141
  51. package/dist/components/atoms/inputs/VerificationCodeInput.stories.d.ts +0 -81
  52. package/dist/components/atoms/inputs/VerificationCodeInput.stories.js +0 -89
  53. package/dist/components/atoms/progressBars/ProgressBar.stories.d.ts +0 -83
  54. package/dist/components/atoms/progressBars/ProgressBar.stories.js +0 -88
  55. package/dist/components/atoms/radios/RadioButton.stories.d.ts +0 -38
  56. package/dist/components/atoms/radios/RadioButton.stories.js +0 -87
  57. package/dist/components/atoms/radios/SelectCard.stories.d.ts +0 -92
  58. package/dist/components/atoms/radios/SelectCard.stories.js +0 -192
  59. package/dist/components/atoms/selects/ComboBox.stories.d.ts +0 -116
  60. package/dist/components/atoms/selects/ComboBox.stories.js +0 -136
  61. package/dist/components/atoms/selects/Select.stories.d.ts +0 -133
  62. package/dist/components/atoms/selects/Select.stories.js +0 -299
  63. package/dist/components/atoms/selects/SelectableListItem.stories.d.ts +0 -33
  64. package/dist/components/atoms/selects/SelectableListItem.stories.js +0 -53
  65. package/dist/components/atoms/tags/AppointementStatusTag.stories.d.ts +0 -17
  66. package/dist/components/atoms/tags/AppointementStatusTag.stories.js +0 -70
  67. package/dist/components/atoms/tags/FolderStatusTag.stories.d.ts +0 -28
  68. package/dist/components/atoms/tags/FolderStatusTag.stories.js +0 -51
  69. package/dist/components/atoms/tags/InlineTag.stories.d.ts +0 -109
  70. package/dist/components/atoms/tags/InlineTag.stories.js +0 -159
  71. package/dist/components/atoms/tags/OtherStatusTag.stories.d.ts +0 -99
  72. package/dist/components/atoms/tags/OtherStatusTag.stories.js +0 -160
  73. package/dist/components/atoms/typography/CardDate.stories.d.ts +0 -119
  74. package/dist/components/atoms/typography/CardDate.stories.js +0 -103
  75. package/dist/components/atoms/typography/Heading.stories.d.ts +0 -79
  76. package/dist/components/atoms/typography/Heading.stories.js +0 -150
  77. package/dist/components/atoms/typography/Link.stories.d.ts +0 -72
  78. package/dist/components/atoms/typography/Link.stories.js +0 -164
  79. package/dist/components/atoms/typography/Paragraph.stories.d.ts +0 -56
  80. package/dist/components/atoms/typography/Paragraph.stories.js +0 -97
  81. package/dist/components/atoms/typography/SmallTitle.stories.d.ts +0 -42
  82. package/dist/components/atoms/typography/SmallTitle.stories.js +0 -72
  83. package/dist/components/atoms/typography/Subtitle.stories.d.ts +0 -40
  84. package/dist/components/atoms/typography/Subtitle.stories.js +0 -60
  85. package/dist/components/atoms/typography/TinyInfo.stories.d.ts +0 -58
  86. package/dist/components/atoms/typography/TinyInfo.stories.js +0 -117
  87. package/dist/components/atoms/uiVariables/AnimatedBorder.stories.d.ts +0 -17
  88. package/dist/components/atoms/uiVariables/AnimatedBorder.stories.js +0 -20
  89. package/dist/components/atoms/uiVariables/BorderRadius.stories.d.ts +0 -18
  90. package/dist/components/atoms/uiVariables/BorderRadius.stories.js +0 -34
  91. package/dist/components/atoms/uiVariables/Shadows.stories.d.ts +0 -18
  92. package/dist/components/atoms/uiVariables/Shadows.stories.js +0 -34
  93. package/dist/components/atoms/uiVariables/Strokes.stories.d.ts +0 -18
  94. package/dist/components/atoms/uiVariables/Strokes.stories.js +0 -34
  95. package/dist/components/molecules/AiText/aiText.stories.d.ts +0 -43
  96. package/dist/components/molecules/AiText/aiText.stories.js +0 -216
  97. package/dist/components/molecules/DataStepper/Stepper.stories.d.ts +0 -8
  98. package/dist/components/molecules/DataStepper/Stepper.stories.js +0 -248
  99. package/dist/components/molecules/appointmentCard/AppointmentCard.stories.d.ts +0 -37
  100. package/dist/components/molecules/appointmentCard/AppointmentCard.stories.js +0 -106
  101. package/dist/components/molecules/appointmentSlot/AppointmentSlot.stories.d.ts +0 -95
  102. package/dist/components/molecules/appointmentSlot/AppointmentSlot.stories.js +0 -204
  103. package/dist/components/molecules/banner/Banner.stories.d.ts +0 -31
  104. package/dist/components/molecules/banner/Banner.stories.js +0 -123
  105. package/dist/components/molecules/billingCount/BillingCount.stories.d.ts +0 -22
  106. package/dist/components/molecules/billingCount/BillingCount.stories.js +0 -49
  107. package/dist/components/molecules/blogCard/BlogCard.stories.d.ts +0 -10
  108. package/dist/components/molecules/blogCard/BlogCard.stories.js +0 -33
  109. package/dist/components/molecules/blogFooter/BlogFooter.stories.d.ts +0 -60
  110. package/dist/components/molecules/blogFooter/BlogFooter.stories.js +0 -67
  111. package/dist/components/molecules/blogHeader/BlogHeader.stories.d.ts +0 -49
  112. package/dist/components/molecules/blogHeader/BlogHeader.stories.js +0 -63
  113. package/dist/components/molecules/blogText/BlogText.stories.d.ts +0 -31
  114. package/dist/components/molecules/blogText/BlogText.stories.js +0 -51
  115. package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.stories.d.ts +0 -37
  116. package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.stories.js +0 -58
  117. package/dist/components/molecules/brands/Brands.stories.d.ts +0 -8
  118. package/dist/components/molecules/brands/Brands.stories.js +0 -66
  119. package/dist/components/molecules/breadcrumb/Breadcrumb.stories.d.ts +0 -24
  120. package/dist/components/molecules/breadcrumb/Breadcrumb.stories.js +0 -54
  121. package/dist/components/molecules/caseCard/CaseCard.stories.d.ts +0 -114
  122. package/dist/components/molecules/caseCard/CaseCard.stories.js +0 -200
  123. package/dist/components/molecules/caseCardCompact/CaseCardCompact.stories.d.ts +0 -11
  124. package/dist/components/molecules/caseCardCompact/CaseCardCompact.stories.js +0 -59
  125. package/dist/components/molecules/caseLinkCard/CaseCardLink.stories.d.ts +0 -9
  126. package/dist/components/molecules/caseLinkCard/CaseCardLink.stories.js +0 -37
  127. package/dist/components/molecules/checkboxForm/CheckboxForm.stories.d.ts +0 -94
  128. package/dist/components/molecules/checkboxForm/CheckboxForm.stories.js +0 -157
  129. package/dist/components/molecules/checkboxForm/ColoredCheckbox.stories.d.ts +0 -108
  130. package/dist/components/molecules/checkboxForm/ColoredCheckbox.stories.js +0 -141
  131. package/dist/components/molecules/clientLinkCard/ClientLinkCard.stories.d.ts +0 -11
  132. package/dist/components/molecules/clientLinkCard/ClientLinkCard.stories.js +0 -59
  133. package/dist/components/molecules/contactCard/ContactCard.stories.d.ts +0 -69
  134. package/dist/components/molecules/contactCard/ContactCard.stories.js +0 -84
  135. package/dist/components/molecules/contactCard/ContactCardEdit.stories.d.ts +0 -88
  136. package/dist/components/molecules/contactCard/ContactCardEdit.stories.js +0 -106
  137. package/dist/components/molecules/contactCard/DetailedContactCard.stories.d.ts +0 -94
  138. package/dist/components/molecules/contactCard/DetailedContactCard.stories.js +0 -83
  139. package/dist/components/molecules/datepickerForm/DatepickerForm.stories.d.ts +0 -291
  140. package/dist/components/molecules/datepickerForm/DatepickerForm.stories.js +0 -185
  141. package/dist/components/molecules/documentCard/DocumentCard.stories.d.ts +0 -72
  142. package/dist/components/molecules/documentCard/DocumentCard.stories.js +0 -108
  143. package/dist/components/molecules/employeeCard/EmployeeCard.stories.d.ts +0 -74
  144. package/dist/components/molecules/employeeCard/EmployeeCard.stories.js +0 -65
  145. package/dist/components/molecules/emptyMessage/EmptyMessage.stories.d.ts +0 -75
  146. package/dist/components/molecules/emptyMessage/EmptyMessage.stories.js +0 -115
  147. package/dist/components/molecules/entityAdminCard/entityAdminCard.stories.d.ts +0 -10
  148. package/dist/components/molecules/entityAdminCard/entityAdminCard.stories.js +0 -50
  149. package/dist/components/molecules/entityCard/EntityCard.stories.d.ts +0 -22
  150. package/dist/components/molecules/entityCard/EntityCard.stories.js +0 -63
  151. package/dist/components/molecules/featureGrid/FeatureGrid.stories.d.ts +0 -7
  152. package/dist/components/molecules/featureGrid/FeatureGrid.stories.js +0 -97
  153. package/dist/components/molecules/fileCard/FileCard.stories.d.ts +0 -42
  154. package/dist/components/molecules/fileCard/FileCard.stories.js +0 -185
  155. package/dist/components/molecules/fileUploader/FileUploader.stories.d.ts +0 -120
  156. package/dist/components/molecules/fileUploader/FileUploader.stories.js +0 -269
  157. package/dist/components/molecules/flexContent/FlexContent.stories.d.ts +0 -9
  158. package/dist/components/molecules/flexContent/FlexContent.stories.js +0 -47
  159. package/dist/components/molecules/frameCTA/FrameCTA.stories.d.ts +0 -8
  160. package/dist/components/molecules/frameCTA/FrameCTA.stories.js +0 -58
  161. package/dist/components/molecules/heroSection/HeroSection.stories.d.ts +0 -46
  162. package/dist/components/molecules/heroSection/HeroSection.stories.js +0 -100
  163. package/dist/components/molecules/loadingBox/LoadingBox.stories.d.ts +0 -54
  164. package/dist/components/molecules/loadingBox/LoadingBox.stories.js +0 -128
  165. package/dist/components/molecules/modal/Modal.stories.d.ts +0 -128
  166. package/dist/components/molecules/modal/Modal.stories.js +0 -373
  167. package/dist/components/molecules/notification/Notification.stories.d.ts +0 -377
  168. package/dist/components/molecules/notification/Notification.stories.js +0 -205
  169. package/dist/components/molecules/pagination/Pagination.stories.d.ts +0 -44
  170. package/dist/components/molecules/pagination/Pagination.stories.js +0 -59
  171. package/dist/components/molecules/proCard/ProCard.stories.d.ts +0 -49
  172. package/dist/components/molecules/proCard/ProCard.stories.js +0 -69
  173. package/dist/components/molecules/proSwitch/AvatarBubble.stories.d.ts +0 -112
  174. package/dist/components/molecules/proSwitch/AvatarBubble.stories.js +0 -255
  175. package/dist/components/molecules/proSwitch/AvatarToggleGroup.stories.d.ts +0 -88
  176. package/dist/components/molecules/proSwitch/AvatarToggleGroup.stories.js +0 -328
  177. package/dist/components/molecules/proSwitch/ProSwitch.stories.d.ts +0 -9
  178. package/dist/components/molecules/proSwitch/ProSwitch.stories.js +0 -152
  179. package/dist/components/molecules/proSwitch/ProSwitchModal.stories.d.ts +0 -62
  180. package/dist/components/molecules/proSwitch/ProSwitchModal.stories.js +0 -269
  181. package/dist/components/molecules/questionAnswer/QuestionAnswer.stories.d.ts +0 -17
  182. package/dist/components/molecules/questionAnswer/QuestionAnswer.stories.js +0 -48
  183. package/dist/components/molecules/radioForm/RadioForm.stories.d.ts +0 -37
  184. package/dist/components/molecules/radioForm/RadioForm.stories.js +0 -75
  185. package/dist/components/molecules/rangeSlider/RangeSlider.stories.d.ts +0 -96
  186. package/dist/components/molecules/rangeSlider/RangeSlider.stories.js +0 -162
  187. package/dist/components/molecules/section/Section.stories.d.ts +0 -42
  188. package/dist/components/molecules/section/Section.stories.js +0 -162
  189. package/dist/components/molecules/segmentedControl/segmentedControl.stories.d.ts +0 -70
  190. package/dist/components/molecules/segmentedControl/segmentedControl.stories.js +0 -185
  191. package/dist/components/molecules/selectForm/SelectForm.stories.d.ts +0 -79
  192. package/dist/components/molecules/selectForm/SelectForm.stories.js +0 -113
  193. package/dist/components/molecules/stepper/Stepper.stories.d.ts +0 -62
  194. package/dist/components/molecules/stepper/Stepper.stories.js +0 -215
  195. package/dist/stories/Header.d.ts +0 -13
  196. package/dist/stories/Header.js +0 -20
  197. package/dist/stories/Header.stories.d.ts +0 -18
  198. package/dist/stories/Header.stories.js +0 -26
  199. package/dist/stories/Page.d.ts +0 -3
  200. package/dist/stories/Page.js +0 -37
  201. package/dist/stories/Page.stories.d.ts +0 -12
  202. package/dist/stories/Page.stories.js +0 -76
@@ -1,94 +0,0 @@
1
- declare namespace _default {
2
- export let title: string;
3
- export { DetailedContactCard as component };
4
- export let tags: string[];
5
- export namespace argTypes {
6
- namespace size {
7
- namespace control {
8
- let type: string;
9
- let options: string[];
10
- }
11
- }
12
- namespace name {
13
- let control_1: string;
14
- export { control_1 as control };
15
- }
16
- namespace birthDate {
17
- let control_2: string;
18
- export { control_2 as control };
19
- }
20
- namespace avatarUrl {
21
- let control_3: string;
22
- export { control_3 as control };
23
- }
24
- namespace status {
25
- let control_4: string;
26
- export { control_4 as control };
27
- }
28
- namespace address {
29
- let control_5: string;
30
- export { control_5 as control };
31
- }
32
- namespace phone {
33
- let control_6: string;
34
- export { control_6 as control };
35
- }
36
- namespace email {
37
- let control_7: string;
38
- export { control_7 as control };
39
- }
40
- namespace onEdit {
41
- let action: string;
42
- }
43
- namespace gender {
44
- export namespace control_8 {
45
- let type_1: string;
46
- export { type_1 as type };
47
- let options_1: string[];
48
- export { options_1 as options };
49
- }
50
- export { control_8 as control };
51
- }
52
- namespace actionIconName {
53
- let control_9: string;
54
- export { control_9 as control };
55
- export let description: string;
56
- }
57
- }
58
- export namespace args {
59
- let name_1: string;
60
- export { name_1 as name };
61
- let birthDate_1: string;
62
- export { birthDate_1 as birthDate };
63
- export { NoPhotoImage as avatarUrl };
64
- let status_1: string;
65
- export { status_1 as status };
66
- let address_1: string;
67
- export { address_1 as address };
68
- let phone_1: string;
69
- export { phone_1 as phone };
70
- let email_1: string;
71
- export { email_1 as email };
72
- let gender_1: string;
73
- export { gender_1 as gender };
74
- let actionIconName_1: string;
75
- export { actionIconName_1 as actionIconName };
76
- }
77
- export namespace parameters {
78
- namespace backgrounds {
79
- let _default: string;
80
- export { _default as default };
81
- export let values: {
82
- name: string;
83
- value: string;
84
- }[];
85
- }
86
- }
87
- }
88
- export default _default;
89
- export const Small: any;
90
- export const Medium: any;
91
- export const Large: any;
92
- export const LargeEmptyFields: any;
93
- import DetailedContactCard from "./DetailedContactCard";
94
- declare const NoPhotoImage: "/assets/NoPhoto.png";
@@ -1,83 +0,0 @@
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 React from "react";
13
- import DetailedContactCard from "./DetailedContactCard";
14
- import "../../../styles/global.css";
15
- var NoPhotoImage = "/assets/NoPhoto.png";
16
- export default {
17
- title: "Components/Molecules/DetailedContactCard",
18
- component: DetailedContactCard,
19
- tags: ["autodocs"],
20
- argTypes: {
21
- size: {
22
- control: {
23
- type: "select",
24
- options: ["small", "medium", "large"],
25
- },
26
- },
27
- name: { control: "text" },
28
- birthDate: { control: "text" },
29
- avatarUrl: { control: "text" },
30
- status: { control: "text" },
31
- address: { control: "text" },
32
- phone: { control: "text" },
33
- email: { control: "text" },
34
- onEdit: { action: "edited" },
35
- gender: {
36
- control: {
37
- type: "select",
38
- options: ["male", "female"],
39
- },
40
- },
41
- actionIconName: {
42
- control: "text",
43
- description: "Nom de l'icône pour le bouton d'action",
44
- },
45
- },
46
- args: {
47
- name: "Jane DOE",
48
- birthDate: "31/12/1985",
49
- avatarUrl: NoPhotoImage,
50
- status: "Client actif",
51
- address: "142 avenue Turbigo, 75016 Paris",
52
- phone: "06 63 90 59 25",
53
- email: "enzo@quarantesoixante.com",
54
- gender: "female",
55
- actionIconName: "allaw-icon-edit-2",
56
- },
57
- parameters: {
58
- backgrounds: {
59
- default: "light",
60
- values: [
61
- { name: "light", value: "#ffffff" },
62
- { name: "grey", value: "#728ea7" },
63
- { name: "figma", value: "#404040" },
64
- { name: "dark", value: "#171e25" },
65
- ],
66
- },
67
- },
68
- };
69
- var Template = function (args) { return React.createElement(DetailedContactCard, __assign({}, args)); };
70
- export var Small = Template.bind({});
71
- Small.args = {
72
- size: "small",
73
- };
74
- export var Medium = Template.bind({});
75
- Medium.args = {
76
- size: "medium",
77
- };
78
- export var Large = Template.bind({});
79
- Large.args = {
80
- size: "large",
81
- };
82
- export var LargeEmptyFields = Template.bind({});
83
- LargeEmptyFields.args = __assign(__assign({}, Large.args), { phone: "", email: undefined });
@@ -1,291 +0,0 @@
1
- declare namespace _default {
2
- export let title: string;
3
- export { DatepickerForm as component };
4
- export let tags: string[];
5
- export namespace parameters {
6
- namespace backgrounds {
7
- let _default: string;
8
- export { _default as default };
9
- export let values: {
10
- name: string;
11
- value: string;
12
- }[];
13
- }
14
- }
15
- export namespace argTypes {
16
- namespace text {
17
- let control: string;
18
- let description: string;
19
- let defaultValue: string;
20
- }
21
- namespace variant {
22
- export let options: string[];
23
- export namespace control_1 {
24
- let type: string;
25
- }
26
- export { control_1 as control };
27
- let defaultValue_1: string;
28
- export { defaultValue_1 as defaultValue };
29
- }
30
- namespace color {
31
- let options_1: string[];
32
- export { options_1 as options };
33
- export namespace control_2 {
34
- let type_1: string;
35
- export { type_1 as type };
36
- }
37
- export { control_2 as control };
38
- let defaultValue_2: string;
39
- export { defaultValue_2 as defaultValue };
40
- }
41
- namespace yearDropdownItemNumber {
42
- export namespace control_3 {
43
- let type_2: string;
44
- export { type_2 as type };
45
- }
46
- export { control_3 as control };
47
- let description_1: string;
48
- export { description_1 as description };
49
- let defaultValue_3: number;
50
- export { defaultValue_3 as defaultValue };
51
- }
52
- namespace maxDaysInPast {
53
- export namespace control_4 {
54
- let type_3: string;
55
- export { type_3 as type };
56
- }
57
- export { control_4 as control };
58
- let description_2: string;
59
- export { description_2 as description };
60
- }
61
- namespace minDate {
62
- export namespace control_5 {
63
- let type_4: string;
64
- export { type_4 as type };
65
- }
66
- export { control_5 as control };
67
- let description_3: string;
68
- export { description_3 as description };
69
- }
70
- namespace mode {
71
- export namespace control_6 {
72
- let type_5: string;
73
- export { type_5 as type };
74
- let options_2: string[];
75
- export { options_2 as options };
76
- }
77
- export { control_6 as control };
78
- let description_4: string;
79
- export { description_4 as description };
80
- let defaultValue_4: string;
81
- export { defaultValue_4 as defaultValue };
82
- }
83
- namespace isPrefilled {
84
- let control_7: string;
85
- export { control_7 as control };
86
- let description_5: string;
87
- export { description_5 as description };
88
- }
89
- }
90
- }
91
- export default _default;
92
- export namespace Default {
93
- namespace args {
94
- let text_1: string;
95
- export { text_1 as text };
96
- export let placeholder: string;
97
- let variant_1: string;
98
- export { variant_1 as variant };
99
- let color_1: string;
100
- export { color_1 as color };
101
- let yearDropdownItemNumber_1: number;
102
- export { yearDropdownItemNumber_1 as yearDropdownItemNumber };
103
- let isPrefilled_1: boolean;
104
- export { isPrefilled_1 as isPrefilled };
105
- }
106
- }
107
- export namespace WithLabel {
108
- export namespace args_1 {
109
- let text_2: string;
110
- export { text_2 as text };
111
- let placeholder_1: string;
112
- export { placeholder_1 as placeholder };
113
- let variant_2: string;
114
- export { variant_2 as variant };
115
- let color_2: string;
116
- export { color_2 as color };
117
- let yearDropdownItemNumber_2: number;
118
- export { yearDropdownItemNumber_2 as yearDropdownItemNumber };
119
- }
120
- export { args_1 as args };
121
- }
122
- export namespace WithValue {
123
- export namespace args_2 {
124
- export let value: Date;
125
- let text_3: string;
126
- export { text_3 as text };
127
- let placeholder_2: string;
128
- export { placeholder_2 as placeholder };
129
- let variant_3: string;
130
- export { variant_3 as variant };
131
- let color_3: string;
132
- export { color_3 as color };
133
- let yearDropdownItemNumber_3: number;
134
- export { yearDropdownItemNumber_3 as yearDropdownItemNumber };
135
- }
136
- export { args_2 as args };
137
- }
138
- export namespace WithMaxDaysInPast {
139
- export namespace args_3 {
140
- let text_4: string;
141
- export { text_4 as text };
142
- let placeholder_3: string;
143
- export { placeholder_3 as placeholder };
144
- let variant_4: string;
145
- export { variant_4 as variant };
146
- let color_4: string;
147
- export { color_4 as color };
148
- let maxDaysInPast_1: number;
149
- export { maxDaysInPast_1 as maxDaysInPast };
150
- }
151
- export { args_3 as args };
152
- }
153
- export namespace WithMinDate {
154
- export namespace args_4 {
155
- let text_5: string;
156
- export { text_5 as text };
157
- let placeholder_4: string;
158
- export { placeholder_4 as placeholder };
159
- let variant_5: string;
160
- export { variant_5 as variant };
161
- let color_5: string;
162
- export { color_5 as color };
163
- let minDate_1: Date;
164
- export { minDate_1 as minDate };
165
- }
166
- export { args_4 as args };
167
- }
168
- export namespace WithBothConstraints {
169
- export namespace args_5 {
170
- let text_6: string;
171
- export { text_6 as text };
172
- let placeholder_5: string;
173
- export { placeholder_5 as placeholder };
174
- let variant_6: string;
175
- export { variant_6 as variant };
176
- let color_6: string;
177
- export { color_6 as color };
178
- let maxDaysInPast_2: number;
179
- export { maxDaysInPast_2 as maxDaysInPast };
180
- let minDate_2: Date;
181
- export { minDate_2 as minDate };
182
- }
183
- export { args_5 as args };
184
- }
185
- export namespace InputMode {
186
- export namespace args_6 {
187
- let text_7: string;
188
- export { text_7 as text };
189
- let placeholder_6: string;
190
- export { placeholder_6 as placeholder };
191
- let variant_7: string;
192
- export { variant_7 as variant };
193
- let color_7: string;
194
- export { color_7 as color };
195
- let mode_1: string;
196
- export { mode_1 as mode };
197
- let yearDropdownItemNumber_4: number;
198
- export { yearDropdownItemNumber_4 as yearDropdownItemNumber };
199
- }
200
- export { args_6 as args };
201
- }
202
- export namespace ButtonMode {
203
- export namespace args_7 {
204
- let text_8: string;
205
- export { text_8 as text };
206
- let placeholder_7: string;
207
- export { placeholder_7 as placeholder };
208
- let variant_8: string;
209
- export { variant_8 as variant };
210
- let color_8: string;
211
- export { color_8 as color };
212
- let mode_2: string;
213
- export { mode_2 as mode };
214
- let yearDropdownItemNumber_5: number;
215
- export { yearDropdownItemNumber_5 as yearDropdownItemNumber };
216
- }
217
- export { args_7 as args };
218
- }
219
- export namespace PrefilledButton {
220
- export namespace args_8 {
221
- let text_9: string;
222
- export { text_9 as text };
223
- let value_1: Date;
224
- export { value_1 as value };
225
- let placeholder_8: string;
226
- export { placeholder_8 as placeholder };
227
- let variant_9: string;
228
- export { variant_9 as variant };
229
- let color_9: string;
230
- export { color_9 as color };
231
- let mode_3: string;
232
- export { mode_3 as mode };
233
- let isPrefilled_2: boolean;
234
- export { isPrefilled_2 as isPrefilled };
235
- }
236
- export { args_8 as args };
237
- }
238
- export namespace PrefilledButtonEmpty {
239
- export namespace args_9 {
240
- let text_10: string;
241
- export { text_10 as text };
242
- let placeholder_9: string;
243
- export { placeholder_9 as placeholder };
244
- let variant_10: string;
245
- export { variant_10 as variant };
246
- let color_10: string;
247
- export { color_10 as color };
248
- let mode_4: string;
249
- export { mode_4 as mode };
250
- let isPrefilled_3: boolean;
251
- export { isPrefilled_3 as isPrefilled };
252
- }
253
- export { args_9 as args };
254
- }
255
- export namespace PrefilledInput {
256
- export namespace args_10 {
257
- let text_11: string;
258
- export { text_11 as text };
259
- let value_2: Date;
260
- export { value_2 as value };
261
- let placeholder_10: string;
262
- export { placeholder_10 as placeholder };
263
- let variant_11: string;
264
- export { variant_11 as variant };
265
- let color_11: string;
266
- export { color_11 as color };
267
- let mode_5: string;
268
- export { mode_5 as mode };
269
- let isPrefilled_4: boolean;
270
- export { isPrefilled_4 as isPrefilled };
271
- }
272
- export { args_10 as args };
273
- }
274
- export namespace PrefilledInputEmpty {
275
- export namespace args_11 {
276
- let text_12: string;
277
- export { text_12 as text };
278
- let placeholder_11: string;
279
- export { placeholder_11 as placeholder };
280
- let variant_12: string;
281
- export { variant_12 as variant };
282
- let color_12: string;
283
- export { color_12 as color };
284
- let mode_6: string;
285
- export { mode_6 as mode };
286
- let isPrefilled_5: boolean;
287
- export { isPrefilled_5 as isPrefilled };
288
- }
289
- export { args_11 as args };
290
- }
291
- import DatepickerForm from "./DatepickerForm";
@@ -1,185 +0,0 @@
1
- import React from "react";
2
- import DatepickerForm from "./DatepickerForm";
3
- import "../../../styles/global.css";
4
- import "react-datepicker/dist/react-datepicker.css";
5
- export default {
6
- title: "Components/Molecules/DatepickerForm",
7
- component: DatepickerForm,
8
- tags: ["autodocs"],
9
- parameters: {
10
- backgrounds: {
11
- default: "light",
12
- values: [
13
- { name: "light", value: "#ffffff" },
14
- { name: "grey", value: "#728ea7" },
15
- { name: "dark", value: "#171e25" },
16
- ],
17
- },
18
- },
19
- argTypes: {
20
- text: {
21
- control: "text",
22
- description: "Label text above the datepicker",
23
- defaultValue: "DATE D'OUVERTURE",
24
- },
25
- variant: {
26
- options: ["bold", "semiBold", "medium"],
27
- control: { type: "select" },
28
- defaultValue: "medium",
29
- },
30
- color: {
31
- options: [
32
- "bleu-allaw",
33
- "mid-grey",
34
- "dark-grey",
35
- "noir",
36
- "pure-white",
37
- "grey-venom",
38
- "venom-grey-dark",
39
- ],
40
- control: { type: "select" },
41
- defaultValue: "noir",
42
- },
43
- yearDropdownItemNumber: {
44
- control: { type: "number" },
45
- description: "Nombre d'années à afficher dans la liste déroulante",
46
- defaultValue: 10,
47
- },
48
- maxDaysInPast: {
49
- control: { type: "number" },
50
- description: "Nombre maximum de jours dans le passé sélectionnables",
51
- },
52
- minDate: {
53
- control: { type: "date" },
54
- description: "Date minimale sélectionnable",
55
- },
56
- mode: {
57
- control: { type: "select", options: ["button", "input"] },
58
- description: "Mode d'affichage du sélecteur (bouton ou champ de saisie)",
59
- defaultValue: "button",
60
- },
61
- isPrefilled: {
62
- control: "boolean",
63
- description: "Affiche une bordure bleue pour indiquer un champ pré-rempli",
64
- },
65
- },
66
- };
67
- export var Default = {
68
- args: {
69
- text: "DATE D'OUVERTURE",
70
- placeholder: "Sélectionner une date",
71
- variant: "medium",
72
- color: "noir",
73
- yearDropdownItemNumber: 10,
74
- isPrefilled: false,
75
- },
76
- };
77
- export var WithLabel = {
78
- args: {
79
- text: "DATE D'OUVERTURE",
80
- placeholder: "Sélectionner une date",
81
- variant: "medium",
82
- color: "noir",
83
- yearDropdownItemNumber: 10,
84
- },
85
- };
86
- export var WithValue = {
87
- args: {
88
- value: new Date("2022-11-10"),
89
- text: "DATE D'OUVERTURE",
90
- placeholder: "Sélectionner une date",
91
- variant: "medium",
92
- color: "noir",
93
- yearDropdownItemNumber: 10,
94
- },
95
- };
96
- export var WithMaxDaysInPast = {
97
- args: {
98
- text: "DATE D'OUVERTURE (max 10 jours dans le passé)",
99
- placeholder: "Sélectionner une date",
100
- variant: "medium",
101
- color: "noir",
102
- maxDaysInPast: 10,
103
- },
104
- };
105
- export var WithMinDate = {
106
- args: {
107
- text: "DATE D'OUVERTURE (à partir du 1er janvier 2024)",
108
- placeholder: "Sélectionner une date",
109
- variant: "medium",
110
- color: "noir",
111
- minDate: new Date("2024-01-01"),
112
- },
113
- };
114
- export var WithBothConstraints = {
115
- args: {
116
- text: "DATE D'OUVERTURE (avec les deux contraintes)",
117
- placeholder: "Sélectionner une date",
118
- variant: "medium",
119
- color: "noir",
120
- maxDaysInPast: 30,
121
- minDate: new Date("2024-01-01"),
122
- },
123
- };
124
- export var InputMode = {
125
- args: {
126
- text: "DATE D'OUVERTURE (mode input)",
127
- placeholder: "jj/mm/aaaa",
128
- variant: "medium",
129
- color: "noir",
130
- mode: "input",
131
- yearDropdownItemNumber: 10,
132
- },
133
- };
134
- export var ButtonMode = {
135
- args: {
136
- text: "DATE D'OUVERTURE (mode bouton)",
137
- placeholder: "Sélectionner une date",
138
- variant: "medium",
139
- color: "noir",
140
- mode: "button",
141
- yearDropdownItemNumber: 10,
142
- },
143
- };
144
- export var PrefilledButton = {
145
- args: {
146
- text: "DATE D'OUVERTURE (pré-rempli)",
147
- value: new Date("2024-03-15"),
148
- placeholder: "Sélectionner une date",
149
- variant: "medium",
150
- color: "noir",
151
- mode: "button",
152
- isPrefilled: true,
153
- },
154
- };
155
- export var PrefilledButtonEmpty = {
156
- args: {
157
- text: "DATE D'OUVERTURE (pré-rempli vide)",
158
- placeholder: "Champ pré-rempli vide",
159
- variant: "medium",
160
- color: "noir",
161
- mode: "button",
162
- isPrefilled: true,
163
- },
164
- };
165
- export var PrefilledInput = {
166
- args: {
167
- text: "DATE D'OUVERTURE (pré-rempli input)",
168
- value: new Date("2024-03-15"),
169
- placeholder: "jj/mm/aaaa",
170
- variant: "medium",
171
- color: "noir",
172
- mode: "input",
173
- isPrefilled: true,
174
- },
175
- };
176
- export var PrefilledInputEmpty = {
177
- args: {
178
- text: "DATE D'OUVERTURE (pré-rempli input vide)",
179
- placeholder: "jj/mm/aaaa pré-rempli vide",
180
- variant: "medium",
181
- color: "noir",
182
- mode: "input",
183
- isPrefilled: true,
184
- },
185
- };