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,128 +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 TertiaryButton from "./TertiaryButton";
14
- import "../../../styles/global.css";
15
- export var ActionsData = {
16
- onClick: function () { return console.log("Button clicked"); },
17
- };
18
- export default {
19
- title: "Components/Atoms/Buttons/TertiaryButton",
20
- component: TertiaryButton,
21
- tags: ["autodocs"],
22
- excludeStories: /.*Data$/,
23
- args: __assign({}, ActionsData),
24
- argTypes: {
25
- startIcon: {
26
- control: {
27
- type: "text",
28
- },
29
- },
30
- endIcon: {
31
- control: {
32
- type: "text",
33
- },
34
- },
35
- variant: {
36
- control: {
37
- type: "boolean",
38
- },
39
- },
40
- color: {
41
- control: {
42
- type: "select",
43
- },
44
- options: [
45
- "bleu-allaw",
46
- "mid-grey",
47
- "dark-grey",
48
- "noir",
49
- "pure-white",
50
- "actions-error",
51
- "actions-valid",
52
- ],
53
- },
54
- isDisabled: {
55
- control: {
56
- type: "boolean",
57
- },
58
- },
59
- onClick: { action: "clicked" },
60
- },
61
- parameters: {
62
- backgrounds: {
63
- default: "light",
64
- values: [
65
- { name: "light", value: "#ffffff" },
66
- { name: "grey", value: "#728ea7" },
67
- { name: "dark", value: "#171e25" },
68
- ],
69
- },
70
- },
71
- };
72
- var Template = function (args) { return React.createElement(TertiaryButton, __assign({}, args)); };
73
- export var Default = Template.bind({});
74
- Default.args = {
75
- label: "Annuler le RDV",
76
- startIcon: "allaw-icon-close",
77
- variant: false,
78
- color: "noir",
79
- isDisabled: false,
80
- };
81
- export var BlueButton = Template.bind({});
82
- BlueButton.args = {
83
- label: "Bouton bleu",
84
- color: "bleu-allaw",
85
- variant: false,
86
- };
87
- export var ErrorButton = Template.bind({});
88
- ErrorButton.args = {
89
- label: "Supprimer",
90
- color: "actions-error",
91
- startIcon: "allaw-icon-trash",
92
- variant: false,
93
- };
94
- export var Variant = Template.bind({});
95
- Variant.args = {
96
- label: "Voir plus d'horaire",
97
- startIcon: "allaw-icon-chevron-down",
98
- variant: true,
99
- color: "dark-grey",
100
- isDisabled: false,
101
- };
102
- export var WithEndIcon = Template.bind({});
103
- WithEndIcon.args = {
104
- label: "Ouvrir le lien",
105
- endIcon: "allaw-icon-external-link",
106
- variant: false,
107
- color: "bleu-allaw",
108
- };
109
- export var WithBothIcons = Template.bind({});
110
- WithBothIcons.args = {
111
- label: "Télécharger",
112
- startIcon: "allaw-icon-download",
113
- endIcon: "allaw-icon-chevron-right",
114
- variant: false,
115
- color: "noir",
116
- };
117
- export var Disabled = Template.bind({});
118
- Disabled.args = {
119
- label: "Bouton désactivé",
120
- variant: false,
121
- isDisabled: true,
122
- };
123
- export var ColoredButton = Template.bind({});
124
- ColoredButton.args = {
125
- label: "Bouton coloré",
126
- color: "bleu-allaw",
127
- variant: false,
128
- };
@@ -1,77 +0,0 @@
1
- export const ActionsData: {};
2
- declare namespace _default {
3
- export let title: string;
4
- export { Checkbox as component };
5
- export let tags: string[];
6
- export let excludeStories: RegExp;
7
- export namespace args {
8
- let color: string;
9
- }
10
- export namespace argTypes {
11
- export namespace checked {
12
- namespace control {
13
- let type: string;
14
- }
15
- }
16
- export namespace color_1 {
17
- export namespace control_1 {
18
- let type_1: string;
19
- export { type_1 as type };
20
- export let options: string[];
21
- }
22
- export { control_1 as control };
23
- }
24
- export { color_1 as color };
25
- export namespace size {
26
- export namespace control_2 {
27
- let type_2: string;
28
- export { type_2 as type };
29
- let options_1: string[];
30
- export { options_1 as options };
31
- }
32
- export { control_2 as control };
33
- }
34
- export namespace style {
35
- export namespace control_3 {
36
- let type_3: string;
37
- export { type_3 as type };
38
- let options_2: string[];
39
- export { options_2 as options };
40
- }
41
- export { control_3 as control };
42
- }
43
- export namespace markType {
44
- export namespace control_4 {
45
- let type_4: string;
46
- export { type_4 as type };
47
- let options_3: string[];
48
- export { options_3 as options };
49
- }
50
- export { control_4 as control };
51
- }
52
- export namespace onChange {
53
- namespace table {
54
- let disable: boolean;
55
- }
56
- }
57
- }
58
- export namespace parameters {
59
- namespace backgrounds {
60
- let _default: string;
61
- export { _default as default };
62
- export let values: {
63
- name: string;
64
- value: string;
65
- }[];
66
- }
67
- }
68
- }
69
- export default _default;
70
- export const Default: any;
71
- export const Pressed: any;
72
- export const Small: any;
73
- export const SmallPressed: any;
74
- export const White: any;
75
- export const Light: any;
76
- export const LightPressed: any;
77
- import Checkbox from "./Checkbox";
@@ -1,123 +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 Checkbox from "./Checkbox";
14
- import "../../../styles/global.css";
15
- export var ActionsData = {};
16
- export default {
17
- title: "Components/Atoms/Checkboxes/Checkbox",
18
- component: Checkbox,
19
- tags: ["autodocs"],
20
- excludeStories: /.*Data$/,
21
- args: __assign(__assign({}, ActionsData), { color: "noir" }),
22
- argTypes: {
23
- checked: {
24
- control: {
25
- type: "boolean",
26
- },
27
- },
28
- color: {
29
- control: {
30
- type: "select",
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
- },
41
- },
42
- size: {
43
- control: {
44
- type: "select",
45
- options: ["default", "small"],
46
- },
47
- },
48
- style: {
49
- control: {
50
- type: "select",
51
- options: ["default", "light", "form"],
52
- },
53
- },
54
- markType: {
55
- control: {
56
- type: "select",
57
- options: ["cross", "check"],
58
- },
59
- },
60
- onChange: {
61
- table: {
62
- disable: true,
63
- },
64
- },
65
- },
66
- parameters: {
67
- backgrounds: {
68
- default: "light",
69
- values: [
70
- { name: "light", value: "#ffffff" },
71
- { name: "grey", value: "#728ea7" },
72
- { name: "figma", value: "#404040" },
73
- { name: "dark", value: "#171e25" },
74
- ],
75
- },
76
- },
77
- };
78
- var Template = function (args) {
79
- return React.createElement(Checkbox, __assign({}, args));
80
- };
81
- export var Default = Template.bind({});
82
- Default.args = {
83
- checked: false,
84
- size: "default",
85
- style: "default",
86
- };
87
- export var Pressed = Template.bind({});
88
- Pressed.args = {
89
- checked: true,
90
- size: "default",
91
- style: "default",
92
- };
93
- export var Small = Template.bind({});
94
- Small.args = {
95
- checked: false,
96
- size: "small",
97
- style: "default",
98
- };
99
- export var SmallPressed = Template.bind({});
100
- SmallPressed.args = {
101
- checked: true,
102
- size: "small",
103
- style: "default",
104
- };
105
- export var White = Template.bind({});
106
- White.args = {
107
- checked: false,
108
- color: "pure-white",
109
- size: "default",
110
- style: "default",
111
- };
112
- export var Light = Template.bind({});
113
- Light.args = {
114
- checked: false,
115
- size: "default",
116
- style: "light",
117
- };
118
- export var LightPressed = Template.bind({});
119
- LightPressed.args = {
120
- checked: true,
121
- size: "default",
122
- style: "light",
123
- };
@@ -1,167 +0,0 @@
1
- declare namespace _default {
2
- export let title: string;
3
- export { Datepicker 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 yearDropdownItemNumber {
17
- namespace control {
18
- let type: string;
19
- }
20
- let description: string;
21
- let defaultValue: number;
22
- }
23
- namespace maxDaysInPast {
24
- export namespace control_1 {
25
- let type_1: string;
26
- export { type_1 as type };
27
- }
28
- export { control_1 as control };
29
- let description_1: string;
30
- export { description_1 as description };
31
- }
32
- namespace minDate {
33
- export namespace control_2 {
34
- let type_2: string;
35
- export { type_2 as type };
36
- }
37
- export { control_2 as control };
38
- let description_2: string;
39
- export { description_2 as description };
40
- }
41
- namespace mode {
42
- export namespace control_3 {
43
- let type_3: string;
44
- export { type_3 as type };
45
- export let options: string[];
46
- }
47
- export { control_3 as control };
48
- let description_3: string;
49
- export { description_3 as description };
50
- let defaultValue_1: string;
51
- export { defaultValue_1 as defaultValue };
52
- }
53
- namespace isPrefilled {
54
- let control_4: string;
55
- export { control_4 as control };
56
- let description_4: string;
57
- export { description_4 as description };
58
- }
59
- }
60
- }
61
- export default _default;
62
- export namespace Default {
63
- namespace args {
64
- export let placeholder: string;
65
- let yearDropdownItemNumber_1: number;
66
- export { yearDropdownItemNumber_1 as yearDropdownItemNumber };
67
- let isPrefilled_1: boolean;
68
- export { isPrefilled_1 as isPrefilled };
69
- }
70
- }
71
- export namespace WithValue {
72
- export namespace args_1 {
73
- export let value: Date;
74
- let placeholder_1: string;
75
- export { placeholder_1 as placeholder };
76
- let yearDropdownItemNumber_2: number;
77
- export { yearDropdownItemNumber_2 as yearDropdownItemNumber };
78
- }
79
- export { args_1 as args };
80
- }
81
- export namespace WithMaxDaysInPast {
82
- export namespace args_2 {
83
- let placeholder_2: string;
84
- export { placeholder_2 as placeholder };
85
- let maxDaysInPast_1: number;
86
- export { maxDaysInPast_1 as maxDaysInPast };
87
- }
88
- export { args_2 as args };
89
- }
90
- export namespace WithMinDate {
91
- export namespace args_3 {
92
- let placeholder_3: string;
93
- export { placeholder_3 as placeholder };
94
- let minDate_1: Date;
95
- export { minDate_1 as minDate };
96
- }
97
- export { args_3 as args };
98
- }
99
- export namespace WithBothConstraints {
100
- export namespace args_4 {
101
- let placeholder_4: string;
102
- export { placeholder_4 as placeholder };
103
- let maxDaysInPast_2: number;
104
- export { maxDaysInPast_2 as maxDaysInPast };
105
- let minDate_2: Date;
106
- export { minDate_2 as minDate };
107
- }
108
- export { args_4 as args };
109
- }
110
- export namespace InputMode {
111
- export namespace args_5 {
112
- let mode_1: string;
113
- export { mode_1 as mode };
114
- let placeholder_5: string;
115
- export { placeholder_5 as placeholder };
116
- }
117
- export { args_5 as args };
118
- }
119
- export namespace PrefilledButton {
120
- export namespace args_6 {
121
- let value_1: Date;
122
- export { value_1 as value };
123
- let placeholder_6: string;
124
- export { placeholder_6 as placeholder };
125
- let mode_2: string;
126
- export { mode_2 as mode };
127
- let isPrefilled_2: boolean;
128
- export { isPrefilled_2 as isPrefilled };
129
- }
130
- export { args_6 as args };
131
- }
132
- export namespace PrefilledButtonEmpty {
133
- export namespace args_7 {
134
- let placeholder_7: string;
135
- export { placeholder_7 as placeholder };
136
- let mode_3: string;
137
- export { mode_3 as mode };
138
- let isPrefilled_3: boolean;
139
- export { isPrefilled_3 as isPrefilled };
140
- }
141
- export { args_7 as args };
142
- }
143
- export namespace PrefilledInput {
144
- export namespace args_8 {
145
- let value_2: Date;
146
- export { value_2 as value };
147
- let placeholder_8: string;
148
- export { placeholder_8 as placeholder };
149
- let mode_4: string;
150
- export { mode_4 as mode };
151
- let isPrefilled_4: boolean;
152
- export { isPrefilled_4 as isPrefilled };
153
- }
154
- export { args_8 as args };
155
- }
156
- export namespace PrefilledInputEmpty {
157
- export namespace args_9 {
158
- let placeholder_9: string;
159
- export { placeholder_9 as placeholder };
160
- let mode_5: string;
161
- export { mode_5 as mode };
162
- let isPrefilled_5: boolean;
163
- export { isPrefilled_5 as isPrefilled };
164
- }
165
- export { args_9 as args };
166
- }
167
- import Datepicker from "./Datepicker";
@@ -1,113 +0,0 @@
1
- import React from "react";
2
- import Datepicker from "./Datepicker";
3
- import "../../../styles/global.css";
4
- import "react-datepicker/dist/react-datepicker.css";
5
- import { fr } from "date-fns/locale";
6
- export default {
7
- title: "Components/Atoms/Datepickers/Datepicker",
8
- component: Datepicker,
9
- tags: ["autodocs"],
10
- parameters: {
11
- backgrounds: {
12
- default: "light",
13
- values: [
14
- { name: "light", value: "#ffffff" },
15
- { name: "grey", value: "#728ea7" },
16
- { name: "dark", value: "#171e25" },
17
- ],
18
- },
19
- },
20
- argTypes: {
21
- yearDropdownItemNumber: {
22
- control: { type: "number" },
23
- description: "Nombre d'années à afficher dans la liste déroulante",
24
- defaultValue: 10,
25
- },
26
- maxDaysInPast: {
27
- control: { type: "number" },
28
- description: "Nombre maximum de jours dans le passé sélectionnables",
29
- },
30
- minDate: {
31
- control: { type: "date" },
32
- description: "Date minimale sélectionnable",
33
- },
34
- mode: {
35
- control: { type: "select", options: ["button", "input"] },
36
- description: "Mode d'affichage du sélecteur (bouton ou champ de saisie)",
37
- defaultValue: "button",
38
- },
39
- isPrefilled: {
40
- control: "boolean",
41
- description: "Affiche une bordure bleue pour indiquer un champ pré-rempli",
42
- },
43
- },
44
- };
45
- export var Default = {
46
- args: {
47
- placeholder: "Sélectionner une date",
48
- yearDropdownItemNumber: 10,
49
- isPrefilled: false,
50
- },
51
- };
52
- export var WithValue = {
53
- args: {
54
- value: new Date("2022-11-10"),
55
- placeholder: "Sélectionner une date",
56
- yearDropdownItemNumber: 10,
57
- },
58
- };
59
- export var WithMaxDaysInPast = {
60
- args: {
61
- placeholder: "Sélectionner une date",
62
- maxDaysInPast: 10,
63
- },
64
- };
65
- export var WithMinDate = {
66
- args: {
67
- placeholder: "Sélectionner une date",
68
- minDate: new Date("2024-01-01"),
69
- },
70
- };
71
- export var WithBothConstraints = {
72
- args: {
73
- placeholder: "Sélectionner une date",
74
- maxDaysInPast: 30,
75
- minDate: new Date("2024-01-01"),
76
- },
77
- };
78
- export var InputMode = {
79
- args: {
80
- mode: "input",
81
- placeholder: "jj/mm/aaaa",
82
- },
83
- };
84
- export var PrefilledButton = {
85
- args: {
86
- value: new Date("2024-03-15"),
87
- placeholder: "Sélectionner une date",
88
- mode: "button",
89
- isPrefilled: true,
90
- },
91
- };
92
- export var PrefilledButtonEmpty = {
93
- args: {
94
- placeholder: "Champ pré-rempli vide",
95
- mode: "button",
96
- isPrefilled: true,
97
- },
98
- };
99
- export var PrefilledInput = {
100
- args: {
101
- value: new Date("2024-03-15"),
102
- placeholder: "jj/mm/aaaa",
103
- mode: "input",
104
- isPrefilled: true,
105
- },
106
- };
107
- export var PrefilledInputEmpty = {
108
- args: {
109
- placeholder: "jj/mm/aaaa pré-rempli vide",
110
- mode: "input",
111
- isPrefilled: true,
112
- },
113
- };
@@ -1,21 +0,0 @@
1
- declare namespace _default {
2
- export let title: string;
3
- export { FeatureCard as component };
4
- export namespace argTypes {
5
- namespace image {
6
- let control: boolean;
7
- }
8
- namespace action {
9
- let control_1: boolean;
10
- export { control_1 as control };
11
- }
12
- }
13
- }
14
- export default _default;
15
- export const Default: any;
16
- export const WithoutAction: any;
17
- export const LongContent: any;
18
- export const CustomImage: any;
19
- export const ShortTitle: any;
20
- export const LongTitle: any;
21
- import FeatureCard from "./featureCard";